@primer/styled-octicons 18.3.0 → 19.1.0

package/dist/icons/ZapIcon.js

@@ -11,8 +11,7 @@ var sizeMap = {
 function createIconComponent(name, defaultClassName, getSVGData) {
   var svgDataByHeight = getSVGData();
   var heights = Object.keys(svgDataByHeight);
-
-  function Icon(_ref) {
+  var Icon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
     var ariaLabel = _ref['aria-label'],
         tabIndex = _ref.tabIndex,
         _ref$className = _ref.className,
@@ -29,6 +28,7 @@ function createIconComponent(name, defaultClassName, getSVGData) {
     var width = height * (naturalWidth / naturalHeight);
     var path = svgDataByHeight[naturalHeight].path;
     return (/*#__PURE__*/React.createElement("svg", {
+        ref: forwardedRef,
         "aria-hidden": ariaLabel ? 'false' : 'true',
         tabIndex: tabIndex,
         focusable: tabIndex >= 0 ? 'true' : 'false',
@@ -47,8 +47,7 @@ function createIconComponent(name, defaultClassName, getSVGData) {
         }
       }, path)
     );
-  }
-
+  });
   Icon.displayName = name;
   return Icon;
 }
@@ -1326,6 +1325,26 @@ var DeviceMobileIcon = /*#__PURE__*/createIconComponent("DeviceMobileIcon", "oct
     }
   };
 });
+var DevicesIcon = /*#__PURE__*/createIconComponent("DevicesIcon", "octicon octicon-devices", function () {
+  return {
+    "16": {
+      "width": 16,
+      "path": /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
+        d: "M0 2.75C0 1.784.784 1 1.75 1h12.5c.966 0 1.75.784 1.75 1.75V5a.75.75 0 0 1-1.5 0V2.75a.25.25 0 0 0-.25-.25H1.75a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25H7A.75.75 0 0 1 7 12h-.268a5.712 5.712 0 0 1-.765 2.5H7A.75.75 0 0 1 7 16H4.5a.75.75 0 0 1-.565-1.243c.772-.885 1.193-1.716 1.292-2.757H1.75A1.75 1.75 0 0 1 0 10.25v-7.5Z"
+      }), /*#__PURE__*/React.createElement("path", {
+        d: "M10.75 7h3.5c.967 0 1.75.784 1.75 1.75v5.5A1.75 1.75 0 0 1 14.25 16h-3.5A1.75 1.75 0 0 1 9 14.25v-5.5C9 7.784 9.783 7 10.75 7Zm-.25 1.75v5.5c0 .138.112.25.25.25h3.5a.25.25 0 0 0 .25-.25v-5.5a.25.25 0 0 0-.25-.25h-3.5a.25.25 0 0 0-.25.25Z"
+      }))
+    },
+    "24": {
+      "width": 24,
+      "path": /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
+        d: "M1 3.75C1 2.784 1.784 2 2.75 2h18.5c.966 0 1.75.784 1.75 1.75v4a.75.75 0 0 1-1.5 0v-4a.25.25 0 0 0-.25-.25H2.75a.25.25 0 0 0-.25.25v11.5c0 .138.112.25.25.25h9a.75.75 0 0 1 0 1.5h-1.287c-.126 1.266-.564 2.445-1.223 3.5h2.51a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1-.565-1.243c.964-1.105 1.598-2.382 1.769-3.757H2.75A1.75 1.75 0 0 1 1 15.25V3.75Z"
+      }), /*#__PURE__*/React.createElement("path", {
+        d: "M14 11.75c0-.967.783-1.75 1.75-1.75h5.5c.966 0 1.75.783 1.75 1.75v8.5A1.75 1.75 0 0 1 21.25 22h-5.5A1.75 1.75 0 0 1 14 20.25Zm1.75-.25a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h5.5a.25.25 0 0 0 .25-.25v-8.5a.25.25 0 0 0-.25-.25Z"
+      }))
+    }
+  };
+});
 var DiamondIcon = /*#__PURE__*/createIconComponent("DiamondIcon", "octicon octicon-diamond", function () {
   return {
     "16": {
@@ -3007,7 +3026,7 @@ var MoveToBottomIcon = /*#__PURE__*/createIconComponent("MoveToBottomIcon", "oct
     "24": {
       "width": 24,
       "path": /*#__PURE__*/React.createElement("path", {
-        d: "M4 21.25a.75.75 0 0 1 .75-.75h14.5a.75.75 0 0 1 0 1.5H4.75a.75.75 0 0 1-.75-.75Zm.97-11.28a.749.749 0 0 1 1.06 0L11 14.939V2.75a.75.75 0 0 1 1.5 0v12.189l4.97-4.969a.749.749 0 1 1 1.06 1.06l-6.25 6.25a.749.749 0 0 1-1.06 0l-6.25-6.25a.749.749 0 0 1 0-1.06Z"
+        d: "M4 21.25a.75.75 0 0 1 .75-.75h14.5a.75.75 0 0 1 0 1.5H4.75a.75.75 0 0 1-.75-.75ZM5.22 9.97a.749.749 0 0 1 1.06 0l4.97 4.969V2.75a.75.75 0 0 1 1.5 0v12.189l4.97-4.969a.749.749 0 1 1 1.06 1.06l-6.25 6.25a.749.749 0 0 1-1.06 0l-6.25-6.25a.749.749 0 0 1 0-1.06Z"
       })
     }
   };
@@ -3049,13 +3068,13 @@ var MoveToTopIcon = /*#__PURE__*/createIconComponent("MoveToTopIcon", "octicon o
     "16": {
       "width": 16,
       "path": /*#__PURE__*/React.createElement("path", {
-        d: "M8.53 1.22a.749.749 0 0 0-1.06 0L3.72 4.97a.749.749 0 1 0 1.06 1.06l2.47-2.469v6.689a.75.75 0 0 0 1.5 0V3.561l2.47 2.469a.749.749 0 1 0 1.06-1.06L8.53 1.22ZM3.75 13a.75.75 0 0 0 0 1.5h8.5a.75.75 0 0 0 0-1.5h-8.5Z"
+        d: "M3 2.25a.75.75 0 0 1 .75-.75h8.5a.75.75 0 0 1 0 1.5h-8.5A.75.75 0 0 1 3 2.25Zm5.53 2.97 3.75 3.75a.749.749 0 1 1-1.06 1.06L8.75 7.561v6.689a.75.75 0 0 1-1.5 0V7.561L4.78 10.03a.749.749 0 1 1-1.06-1.06l3.75-3.75a.749.749 0 0 1 1.06 0Z"
       })
     },
     "24": {
       "width": 24,
       "path": /*#__PURE__*/React.createElement("path", {
-        d: "M4 21.25a.75.75 0 0 1 .75-.75h14.5a.75.75 0 0 1 0 1.5H4.75a.75.75 0 0 1-.75-.75ZM5.22 9.53a.749.749 0 0 1 0-1.06l6.25-6.25a.749.749 0 0 1 1.06 0l6.25 6.25a.749.749 0 1 1-1.06 1.06l-4.97-4.969V16.75a.75.75 0 0 1-1.5 0V4.561L6.28 9.53a.749.749 0 0 1-1.06 0Z"
+        d: "M4.75 3.5a.75.75 0 0 1 0-1.5h14.5a.75.75 0 0 1 0 1.5H4.75Zm.47 9.47a.749.749 0 1 0 1.06 1.06l4.97-4.969V21.25a.75.75 0 0 0 1.5 0V9.061l4.97 4.969a.749.749 0 1 0 1.06-1.06l-6.25-6.25a.749.749 0 0 0-1.06 0l-6.25 6.25Z"
       })
     }
   };
@@ -3405,13 +3424,29 @@ var PinIcon = /*#__PURE__*/createIconComponent("PinIcon", "octicon octicon-pin",
     "16": {
       "width": 16,
       "path": /*#__PURE__*/React.createElement("path", {
-        d: "M4.456.734a1.75 1.75 0 0 1 2.826.504l.613 1.327a3.08 3.08 0 0 0 2.084 1.707l2.454.584c1.332.317 1.8 1.972.832 2.94L11.06 10l3.72 3.72a.748.748 0 0 1-.332 1.265.75.75 0 0 1-.729-.205L10 11.06l-2.204 2.205c-.968.968-2.623.5-2.94-.832l-.584-2.454a3.08 3.08 0 0 0-1.707-2.084l-1.327-.613a1.75 1.75 0 0 1-.504-2.826ZM5.92 1.866a.253.253 0 0 0-.183-.142.251.251 0 0 0-.221.07L1.794 5.516a.251.251 0 0 0-.07.221c.015.08.068.149.142.183l1.328.613A4.582 4.582 0 0 1 5.73 9.63l.584 2.454a.251.251 0 0 0 .42.12l5.47-5.47a.25.25 0 0 0-.12-.42L9.63 5.73a4.583 4.583 0 0 1-3.098-2.537Z"
+        d: "m11.294.984 3.722 3.722a1.75 1.75 0 0 1-.504 2.826l-1.327.613a3.089 3.089 0 0 0-1.707 2.084l-.584 2.454c-.317 1.332-1.972 1.8-2.94.832L5.75 11.311 1.78 15.28a.749.749 0 1 1-1.06-1.06l3.969-3.97-2.204-2.204c-.968-.968-.5-2.623.832-2.94l2.454-.584a3.08 3.08 0 0 0 2.084-1.707l.613-1.327a1.75 1.75 0 0 1 2.826-.504ZM6.283 9.723l2.732 2.731a.25.25 0 0 0 .42-.119l.584-2.454a4.586 4.586 0 0 1 2.537-3.098l1.328-.613a.25.25 0 0 0 .072-.404l-3.722-3.722a.25.25 0 0 0-.404.072l-.613 1.328a4.584 4.584 0 0 1-3.098 2.537l-2.454.584a.25.25 0 0 0-.119.42l2.731 2.732Z"
       })
     },
     "24": {
       "width": 24,
       "path": /*#__PURE__*/React.createElement("path", {
-        d: "M7.886 1.553a1.75 1.75 0 0 1 2.869.604l.633 1.629a5.667 5.667 0 0 0 3.725 3.395l3.959 1.131a1.749 1.749 0 0 1 .757 2.92L16.06 15l5.594 5.595a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L15 16.061l-3.768 3.768a1.749 1.749 0 0 1-2.92-.757l-1.131-3.96a5.665 5.665 0 0 0-3.395-3.724l-1.63-.633a1.75 1.75 0 0 1-.603-2.869Zm6.589 12.912 4.293-4.294a.25.25 0 0 0-.108-.417L14.7 8.623A7.165 7.165 0 0 1 9.99 4.33L9.357 2.7a.25.25 0 0 0-.41-.086L2.614 8.946a.25.25 0 0 0 .086.41l1.63.634a7.167 7.167 0 0 1 4.294 4.71l1.13 3.96a.25.25 0 0 0 .417.108l4.294-4.293Z"
+        d: "m16.114 1.553 6.333 6.333a1.75 1.75 0 0 1-.603 2.869l-1.63.633a5.67 5.67 0 0 0-3.395 3.725l-1.131 3.959a1.75 1.75 0 0 1-2.92.757L9 16.061l-5.595 5.594a.749.749 0 1 1-1.06-1.06L7.939 15l-3.768-3.768a1.75 1.75 0 0 1 .757-2.92l3.959-1.131a5.666 5.666 0 0 0 3.725-3.395l.633-1.63a1.75 1.75 0 0 1 2.869-.603ZM5.232 10.171l8.597 8.597a.25.25 0 0 0 .417-.108l1.131-3.959A7.17 7.17 0 0 1 19.67 9.99l1.63-.634a.25.25 0 0 0 .086-.409l-6.333-6.333a.25.25 0 0 0-.409.086l-.634 1.63a7.17 7.17 0 0 1-4.711 4.293L5.34 9.754a.25.25 0 0 0-.108.417Z"
+      })
+    }
+  };
+});
+var PinSlashIcon = /*#__PURE__*/createIconComponent("PinSlashIcon", "octicon octicon-pin-slash", function () {
+  return {
+    "16": {
+      "width": 17,
+      "path": /*#__PURE__*/React.createElement("path", {
+        d: "m2.155.595 13.75 13.75a.749.749 0 1 1-1.06 1.06l-3.311-3.31-.14.588c-.317 1.332-1.972 1.8-2.94.832L6.25 11.311 2.28 15.28a.749.749 0 1 1-1.06-1.06l3.969-3.97-2.204-2.204c-.968-.968-.5-2.623.832-2.94l.588-.14-3.31-3.311a.749.749 0 1 1 1.06-1.06Zm8.134 10.254L5.651 6.211l-1.486.354a.25.25 0 0 0-.119.42l2.731 2.732.003.003.003.003 2.732 2.731a.25.25 0 0 0 .42-.119ZM11.794.984l3.722 3.722a1.75 1.75 0 0 1-.504 2.826l-1.627.751a1.25 1.25 0 0 0-.355.247.749.749 0 1 1-1.06-1.06c.228-.228.494-.414.787-.549l1.627-.751a.25.25 0 0 0 .072-.404l-3.722-3.722a.25.25 0 0 0-.404.072l-.751 1.627a2.726 2.726 0 0 1-.549.787.749.749 0 1 1-1.06-1.06 1.25 1.25 0 0 0 .247-.355l.751-1.627a1.75 1.75 0 0 1 2.826-.504Z"
+      })
+    },
+    "24": {
+      "width": 25,
+      "path": /*#__PURE__*/React.createElement("path", {
+        d: "M13.745 2.156a1.751 1.751 0 0 1 2.869-.603l6.333 6.333a1.75 1.75 0 0 1-.604 2.869l-1.895.737a5.26 5.26 0 0 0-1.81 1.18l-.358.358a.749.749 0 1 1-1.06-1.06l.358-.358a6.738 6.738 0 0 1 2.326-1.518l1.896-.738a.25.25 0 0 0 .086-.409l-6.333-6.333a.25.25 0 0 0-.409.086l-.521 1.34a8.663 8.663 0 0 1-2.243 3.265.75.75 0 0 1-1.01-1.11 7.146 7.146 0 0 0 1.855-2.699l.52-1.34ZM16.76 17.07l-.572 2.002a1.75 1.75 0 0 1-2.92.757L9.5 16.061l-5.595 5.594a.749.749 0 1 1-1.06-1.06L8.439 15l-3.768-3.768a1.75 1.75 0 0 1 .757-2.92l2.001-.572-4.584-4.585a.749.749 0 1 1 1.06-1.06l18.75 18.75a.749.749 0 1 1-1.06 1.06ZM8.643 8.953l-2.803.801a.25.25 0 0 0-.108.417l8.597 8.597a.25.25 0 0 0 .417-.108l.801-2.803Z"
       })
     }
   };
@@ -4948,6 +4983,12 @@ var WorkflowIcon = /*#__PURE__*/createIconComponent("WorkflowIcon", "octicon oct
 });
 var XIcon = /*#__PURE__*/createIconComponent("XIcon", "octicon octicon-x", function () {
   return {
+    "12": {
+      "width": 12,
+      "path": /*#__PURE__*/React.createElement("path", {
+        d: "M2.22 2.22a.749.749 0 0 1 1.06 0L6 4.939 8.72 2.22a.749.749 0 1 1 1.06 1.06L7.061 6 9.78 8.72a.749.749 0 1 1-1.06 1.06L6 7.061 3.28 9.78a.749.749 0 1 1-1.06-1.06L4.939 6 2.22 3.28a.749.749 0 0 1 0-1.06Z"
+      })
+    },
     "16": {
       "width": 16,
       "path": /*#__PURE__*/React.createElement("path", {

package/dist/icons/ZoomInIcon.js

@@ -11,8 +11,7 @@ var sizeMap = {
 function createIconComponent(name, defaultClassName, getSVGData) {
   var svgDataByHeight = getSVGData();
   var heights = Object.keys(svgDataByHeight);
-
-  function Icon(_ref) {
+  var Icon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
     var ariaLabel = _ref['aria-label'],
         tabIndex = _ref.tabIndex,
         _ref$className = _ref.className,
@@ -29,6 +28,7 @@ function createIconComponent(name, defaultClassName, getSVGData) {
     var width = height * (naturalWidth / naturalHeight);
     var path = svgDataByHeight[naturalHeight].path;
     return (/*#__PURE__*/React.createElement("svg", {
+        ref: forwardedRef,
         "aria-hidden": ariaLabel ? 'false' : 'true',
         tabIndex: tabIndex,
         focusable: tabIndex >= 0 ? 'true' : 'false',
@@ -47,8 +47,7 @@ function createIconComponent(name, defaultClassName, getSVGData) {
         }
       }, path)
     );
-  }
-
+  });
   Icon.displayName = name;
   return Icon;
 }
@@ -1326,6 +1325,26 @@ var DeviceMobileIcon = /*#__PURE__*/createIconComponent("DeviceMobileIcon", "oct
     }
   };
 });
+var DevicesIcon = /*#__PURE__*/createIconComponent("DevicesIcon", "octicon octicon-devices", function () {
+  return {
+    "16": {
+      "width": 16,
+      "path": /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
+        d: "M0 2.75C0 1.784.784 1 1.75 1h12.5c.966 0 1.75.784 1.75 1.75V5a.75.75 0 0 1-1.5 0V2.75a.25.25 0 0 0-.25-.25H1.75a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25H7A.75.75 0 0 1 7 12h-.268a5.712 5.712 0 0 1-.765 2.5H7A.75.75 0 0 1 7 16H4.5a.75.75 0 0 1-.565-1.243c.772-.885 1.193-1.716 1.292-2.757H1.75A1.75 1.75 0 0 1 0 10.25v-7.5Z"
+      }), /*#__PURE__*/React.createElement("path", {
+        d: "M10.75 7h3.5c.967 0 1.75.784 1.75 1.75v5.5A1.75 1.75 0 0 1 14.25 16h-3.5A1.75 1.75 0 0 1 9 14.25v-5.5C9 7.784 9.783 7 10.75 7Zm-.25 1.75v5.5c0 .138.112.25.25.25h3.5a.25.25 0 0 0 .25-.25v-5.5a.25.25 0 0 0-.25-.25h-3.5a.25.25 0 0 0-.25.25Z"
+      }))
+    },
+    "24": {
+      "width": 24,
+      "path": /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
+        d: "M1 3.75C1 2.784 1.784 2 2.75 2h18.5c.966 0 1.75.784 1.75 1.75v4a.75.75 0 0 1-1.5 0v-4a.25.25 0 0 0-.25-.25H2.75a.25.25 0 0 0-.25.25v11.5c0 .138.112.25.25.25h9a.75.75 0 0 1 0 1.5h-1.287c-.126 1.266-.564 2.445-1.223 3.5h2.51a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1-.565-1.243c.964-1.105 1.598-2.382 1.769-3.757H2.75A1.75 1.75 0 0 1 1 15.25V3.75Z"
+      }), /*#__PURE__*/React.createElement("path", {
+        d: "M14 11.75c0-.967.783-1.75 1.75-1.75h5.5c.966 0 1.75.783 1.75 1.75v8.5A1.75 1.75 0 0 1 21.25 22h-5.5A1.75 1.75 0 0 1 14 20.25Zm1.75-.25a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h5.5a.25.25 0 0 0 .25-.25v-8.5a.25.25 0 0 0-.25-.25Z"
+      }))
+    }
+  };
+});
 var DiamondIcon = /*#__PURE__*/createIconComponent("DiamondIcon", "octicon octicon-diamond", function () {
   return {
     "16": {
@@ -3007,7 +3026,7 @@ var MoveToBottomIcon = /*#__PURE__*/createIconComponent("MoveToBottomIcon", "oct
     "24": {
       "width": 24,
       "path": /*#__PURE__*/React.createElement("path", {
-        d: "M4 21.25a.75.75 0 0 1 .75-.75h14.5a.75.75 0 0 1 0 1.5H4.75a.75.75 0 0 1-.75-.75Zm.97-11.28a.749.749 0 0 1 1.06 0L11 14.939V2.75a.75.75 0 0 1 1.5 0v12.189l4.97-4.969a.749.749 0 1 1 1.06 1.06l-6.25 6.25a.749.749 0 0 1-1.06 0l-6.25-6.25a.749.749 0 0 1 0-1.06Z"
+        d: "M4 21.25a.75.75 0 0 1 .75-.75h14.5a.75.75 0 0 1 0 1.5H4.75a.75.75 0 0 1-.75-.75ZM5.22 9.97a.749.749 0 0 1 1.06 0l4.97 4.969V2.75a.75.75 0 0 1 1.5 0v12.189l4.97-4.969a.749.749 0 1 1 1.06 1.06l-6.25 6.25a.749.749 0 0 1-1.06 0l-6.25-6.25a.749.749 0 0 1 0-1.06Z"
       })
     }
   };
@@ -3049,13 +3068,13 @@ var MoveToTopIcon = /*#__PURE__*/createIconComponent("MoveToTopIcon", "octicon o
     "16": {
       "width": 16,
       "path": /*#__PURE__*/React.createElement("path", {
-        d: "M8.53 1.22a.749.749 0 0 0-1.06 0L3.72 4.97a.749.749 0 1 0 1.06 1.06l2.47-2.469v6.689a.75.75 0 0 0 1.5 0V3.561l2.47 2.469a.749.749 0 1 0 1.06-1.06L8.53 1.22ZM3.75 13a.75.75 0 0 0 0 1.5h8.5a.75.75 0 0 0 0-1.5h-8.5Z"
+        d: "M3 2.25a.75.75 0 0 1 .75-.75h8.5a.75.75 0 0 1 0 1.5h-8.5A.75.75 0 0 1 3 2.25Zm5.53 2.97 3.75 3.75a.749.749 0 1 1-1.06 1.06L8.75 7.561v6.689a.75.75 0 0 1-1.5 0V7.561L4.78 10.03a.749.749 0 1 1-1.06-1.06l3.75-3.75a.749.749 0 0 1 1.06 0Z"
       })
     },
     "24": {
       "width": 24,
       "path": /*#__PURE__*/React.createElement("path", {
-        d: "M4 21.25a.75.75 0 0 1 .75-.75h14.5a.75.75 0 0 1 0 1.5H4.75a.75.75 0 0 1-.75-.75ZM5.22 9.53a.749.749 0 0 1 0-1.06l6.25-6.25a.749.749 0 0 1 1.06 0l6.25 6.25a.749.749 0 1 1-1.06 1.06l-4.97-4.969V16.75a.75.75 0 0 1-1.5 0V4.561L6.28 9.53a.749.749 0 0 1-1.06 0Z"
+        d: "M4.75 3.5a.75.75 0 0 1 0-1.5h14.5a.75.75 0 0 1 0 1.5H4.75Zm.47 9.47a.749.749 0 1 0 1.06 1.06l4.97-4.969V21.25a.75.75 0 0 0 1.5 0V9.061l4.97 4.969a.749.749 0 1 0 1.06-1.06l-6.25-6.25a.749.749 0 0 0-1.06 0l-6.25 6.25Z"
       })
     }
   };
@@ -3405,13 +3424,29 @@ var PinIcon = /*#__PURE__*/createIconComponent("PinIcon", "octicon octicon-pin",
     "16": {
       "width": 16,
       "path": /*#__PURE__*/React.createElement("path", {
-        d: "M4.456.734a1.75 1.75 0 0 1 2.826.504l.613 1.327a3.08 3.08 0 0 0 2.084 1.707l2.454.584c1.332.317 1.8 1.972.832 2.94L11.06 10l3.72 3.72a.748.748 0 0 1-.332 1.265.75.75 0 0 1-.729-.205L10 11.06l-2.204 2.205c-.968.968-2.623.5-2.94-.832l-.584-2.454a3.08 3.08 0 0 0-1.707-2.084l-1.327-.613a1.75 1.75 0 0 1-.504-2.826ZM5.92 1.866a.253.253 0 0 0-.183-.142.251.251 0 0 0-.221.07L1.794 5.516a.251.251 0 0 0-.07.221c.015.08.068.149.142.183l1.328.613A4.582 4.582 0 0 1 5.73 9.63l.584 2.454a.251.251 0 0 0 .42.12l5.47-5.47a.25.25 0 0 0-.12-.42L9.63 5.73a4.583 4.583 0 0 1-3.098-2.537Z"
+        d: "m11.294.984 3.722 3.722a1.75 1.75 0 0 1-.504 2.826l-1.327.613a3.089 3.089 0 0 0-1.707 2.084l-.584 2.454c-.317 1.332-1.972 1.8-2.94.832L5.75 11.311 1.78 15.28a.749.749 0 1 1-1.06-1.06l3.969-3.97-2.204-2.204c-.968-.968-.5-2.623.832-2.94l2.454-.584a3.08 3.08 0 0 0 2.084-1.707l.613-1.327a1.75 1.75 0 0 1 2.826-.504ZM6.283 9.723l2.732 2.731a.25.25 0 0 0 .42-.119l.584-2.454a4.586 4.586 0 0 1 2.537-3.098l1.328-.613a.25.25 0 0 0 .072-.404l-3.722-3.722a.25.25 0 0 0-.404.072l-.613 1.328a4.584 4.584 0 0 1-3.098 2.537l-2.454.584a.25.25 0 0 0-.119.42l2.731 2.732Z"
       })
     },
     "24": {
       "width": 24,
       "path": /*#__PURE__*/React.createElement("path", {
-        d: "M7.886 1.553a1.75 1.75 0 0 1 2.869.604l.633 1.629a5.667 5.667 0 0 0 3.725 3.395l3.959 1.131a1.749 1.749 0 0 1 .757 2.92L16.06 15l5.594 5.595a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L15 16.061l-3.768 3.768a1.749 1.749 0 0 1-2.92-.757l-1.131-3.96a5.665 5.665 0 0 0-3.395-3.724l-1.63-.633a1.75 1.75 0 0 1-.603-2.869Zm6.589 12.912 4.293-4.294a.25.25 0 0 0-.108-.417L14.7 8.623A7.165 7.165 0 0 1 9.99 4.33L9.357 2.7a.25.25 0 0 0-.41-.086L2.614 8.946a.25.25 0 0 0 .086.41l1.63.634a7.167 7.167 0 0 1 4.294 4.71l1.13 3.96a.25.25 0 0 0 .417.108l4.294-4.293Z"
+        d: "m16.114 1.553 6.333 6.333a1.75 1.75 0 0 1-.603 2.869l-1.63.633a5.67 5.67 0 0 0-3.395 3.725l-1.131 3.959a1.75 1.75 0 0 1-2.92.757L9 16.061l-5.595 5.594a.749.749 0 1 1-1.06-1.06L7.939 15l-3.768-3.768a1.75 1.75 0 0 1 .757-2.92l3.959-1.131a5.666 5.666 0 0 0 3.725-3.395l.633-1.63a1.75 1.75 0 0 1 2.869-.603ZM5.232 10.171l8.597 8.597a.25.25 0 0 0 .417-.108l1.131-3.959A7.17 7.17 0 0 1 19.67 9.99l1.63-.634a.25.25 0 0 0 .086-.409l-6.333-6.333a.25.25 0 0 0-.409.086l-.634 1.63a7.17 7.17 0 0 1-4.711 4.293L5.34 9.754a.25.25 0 0 0-.108.417Z"
+      })
+    }
+  };
+});
+var PinSlashIcon = /*#__PURE__*/createIconComponent("PinSlashIcon", "octicon octicon-pin-slash", function () {
+  return {
+    "16": {
+      "width": 17,
+      "path": /*#__PURE__*/React.createElement("path", {
+        d: "m2.155.595 13.75 13.75a.749.749 0 1 1-1.06 1.06l-3.311-3.31-.14.588c-.317 1.332-1.972 1.8-2.94.832L6.25 11.311 2.28 15.28a.749.749 0 1 1-1.06-1.06l3.969-3.97-2.204-2.204c-.968-.968-.5-2.623.832-2.94l.588-.14-3.31-3.311a.749.749 0 1 1 1.06-1.06Zm8.134 10.254L5.651 6.211l-1.486.354a.25.25 0 0 0-.119.42l2.731 2.732.003.003.003.003 2.732 2.731a.25.25 0 0 0 .42-.119ZM11.794.984l3.722 3.722a1.75 1.75 0 0 1-.504 2.826l-1.627.751a1.25 1.25 0 0 0-.355.247.749.749 0 1 1-1.06-1.06c.228-.228.494-.414.787-.549l1.627-.751a.25.25 0 0 0 .072-.404l-3.722-3.722a.25.25 0 0 0-.404.072l-.751 1.627a2.726 2.726 0 0 1-.549.787.749.749 0 1 1-1.06-1.06 1.25 1.25 0 0 0 .247-.355l.751-1.627a1.75 1.75 0 0 1 2.826-.504Z"
+      })
+    },
+    "24": {
+      "width": 25,
+      "path": /*#__PURE__*/React.createElement("path", {
+        d: "M13.745 2.156a1.751 1.751 0 0 1 2.869-.603l6.333 6.333a1.75 1.75 0 0 1-.604 2.869l-1.895.737a5.26 5.26 0 0 0-1.81 1.18l-.358.358a.749.749 0 1 1-1.06-1.06l.358-.358a6.738 6.738 0 0 1 2.326-1.518l1.896-.738a.25.25 0 0 0 .086-.409l-6.333-6.333a.25.25 0 0 0-.409.086l-.521 1.34a8.663 8.663 0 0 1-2.243 3.265.75.75 0 0 1-1.01-1.11 7.146 7.146 0 0 0 1.855-2.699l.52-1.34ZM16.76 17.07l-.572 2.002a1.75 1.75 0 0 1-2.92.757L9.5 16.061l-5.595 5.594a.749.749 0 1 1-1.06-1.06L8.439 15l-3.768-3.768a1.75 1.75 0 0 1 .757-2.92l2.001-.572-4.584-4.585a.749.749 0 1 1 1.06-1.06l18.75 18.75a.749.749 0 1 1-1.06 1.06ZM8.643 8.953l-2.803.801a.25.25 0 0 0-.108.417l8.597 8.597a.25.25 0 0 0 .417-.108l.801-2.803Z"
       })
     }
   };
@@ -4948,6 +4983,12 @@ var WorkflowIcon = /*#__PURE__*/createIconComponent("WorkflowIcon", "octicon oct
 });
 var XIcon = /*#__PURE__*/createIconComponent("XIcon", "octicon octicon-x", function () {
   return {
+    "12": {
+      "width": 12,
+      "path": /*#__PURE__*/React.createElement("path", {
+        d: "M2.22 2.22a.749.749 0 0 1 1.06 0L6 4.939 8.72 2.22a.749.749 0 1 1 1.06 1.06L7.061 6 9.78 8.72a.749.749 0 1 1-1.06 1.06L6 7.061 3.28 9.78a.749.749 0 1 1-1.06-1.06L4.939 6 2.22 3.28a.749.749 0 0 1 0-1.06Z"
+      })
+    },
     "16": {
       "width": 16,
       "path": /*#__PURE__*/React.createElement("path", {

package/dist/icons/ZoomOutIcon.js

@@ -11,8 +11,7 @@ var sizeMap = {
 function createIconComponent(name, defaultClassName, getSVGData) {
   var svgDataByHeight = getSVGData();
   var heights = Object.keys(svgDataByHeight);
-
-  function Icon(_ref) {
+  var Icon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
     var ariaLabel = _ref['aria-label'],
         tabIndex = _ref.tabIndex,
         _ref$className = _ref.className,
@@ -29,6 +28,7 @@ function createIconComponent(name, defaultClassName, getSVGData) {
     var width = height * (naturalWidth / naturalHeight);
     var path = svgDataByHeight[naturalHeight].path;
     return (/*#__PURE__*/React.createElement("svg", {
+        ref: forwardedRef,
         "aria-hidden": ariaLabel ? 'false' : 'true',
         tabIndex: tabIndex,
         focusable: tabIndex >= 0 ? 'true' : 'false',
@@ -47,8 +47,7 @@ function createIconComponent(name, defaultClassName, getSVGData) {
         }
       }, path)
     );
-  }
-
+  });
   Icon.displayName = name;
   return Icon;
 }
@@ -1326,6 +1325,26 @@ var DeviceMobileIcon = /*#__PURE__*/createIconComponent("DeviceMobileIcon", "oct
     }
   };
 });
+var DevicesIcon = /*#__PURE__*/createIconComponent("DevicesIcon", "octicon octicon-devices", function () {
+  return {
+    "16": {
+      "width": 16,
+      "path": /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
+        d: "M0 2.75C0 1.784.784 1 1.75 1h12.5c.966 0 1.75.784 1.75 1.75V5a.75.75 0 0 1-1.5 0V2.75a.25.25 0 0 0-.25-.25H1.75a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25H7A.75.75 0 0 1 7 12h-.268a5.712 5.712 0 0 1-.765 2.5H7A.75.75 0 0 1 7 16H4.5a.75.75 0 0 1-.565-1.243c.772-.885 1.193-1.716 1.292-2.757H1.75A1.75 1.75 0 0 1 0 10.25v-7.5Z"
+      }), /*#__PURE__*/React.createElement("path", {
+        d: "M10.75 7h3.5c.967 0 1.75.784 1.75 1.75v5.5A1.75 1.75 0 0 1 14.25 16h-3.5A1.75 1.75 0 0 1 9 14.25v-5.5C9 7.784 9.783 7 10.75 7Zm-.25 1.75v5.5c0 .138.112.25.25.25h3.5a.25.25 0 0 0 .25-.25v-5.5a.25.25 0 0 0-.25-.25h-3.5a.25.25 0 0 0-.25.25Z"
+      }))
+    },
+    "24": {
+      "width": 24,
+      "path": /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
+        d: "M1 3.75C1 2.784 1.784 2 2.75 2h18.5c.966 0 1.75.784 1.75 1.75v4a.75.75 0 0 1-1.5 0v-4a.25.25 0 0 0-.25-.25H2.75a.25.25 0 0 0-.25.25v11.5c0 .138.112.25.25.25h9a.75.75 0 0 1 0 1.5h-1.287c-.126 1.266-.564 2.445-1.223 3.5h2.51a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1-.565-1.243c.964-1.105 1.598-2.382 1.769-3.757H2.75A1.75 1.75 0 0 1 1 15.25V3.75Z"
+      }), /*#__PURE__*/React.createElement("path", {
+        d: "M14 11.75c0-.967.783-1.75 1.75-1.75h5.5c.966 0 1.75.783 1.75 1.75v8.5A1.75 1.75 0 0 1 21.25 22h-5.5A1.75 1.75 0 0 1 14 20.25Zm1.75-.25a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h5.5a.25.25 0 0 0 .25-.25v-8.5a.25.25 0 0 0-.25-.25Z"
+      }))
+    }
+  };
+});
 var DiamondIcon = /*#__PURE__*/createIconComponent("DiamondIcon", "octicon octicon-diamond", function () {
   return {
     "16": {
@@ -3007,7 +3026,7 @@ var MoveToBottomIcon = /*#__PURE__*/createIconComponent("MoveToBottomIcon", "oct
     "24": {
       "width": 24,
       "path": /*#__PURE__*/React.createElement("path", {
-        d: "M4 21.25a.75.75 0 0 1 .75-.75h14.5a.75.75 0 0 1 0 1.5H4.75a.75.75 0 0 1-.75-.75Zm.97-11.28a.749.749 0 0 1 1.06 0L11 14.939V2.75a.75.75 0 0 1 1.5 0v12.189l4.97-4.969a.749.749 0 1 1 1.06 1.06l-6.25 6.25a.749.749 0 0 1-1.06 0l-6.25-6.25a.749.749 0 0 1 0-1.06Z"
+        d: "M4 21.25a.75.75 0 0 1 .75-.75h14.5a.75.75 0 0 1 0 1.5H4.75a.75.75 0 0 1-.75-.75ZM5.22 9.97a.749.749 0 0 1 1.06 0l4.97 4.969V2.75a.75.75 0 0 1 1.5 0v12.189l4.97-4.969a.749.749 0 1 1 1.06 1.06l-6.25 6.25a.749.749 0 0 1-1.06 0l-6.25-6.25a.749.749 0 0 1 0-1.06Z"
       })
     }
   };
@@ -3049,13 +3068,13 @@ var MoveToTopIcon = /*#__PURE__*/createIconComponent("MoveToTopIcon", "octicon o
     "16": {
       "width": 16,
       "path": /*#__PURE__*/React.createElement("path", {
-        d: "M8.53 1.22a.749.749 0 0 0-1.06 0L3.72 4.97a.749.749 0 1 0 1.06 1.06l2.47-2.469v6.689a.75.75 0 0 0 1.5 0V3.561l2.47 2.469a.749.749 0 1 0 1.06-1.06L8.53 1.22ZM3.75 13a.75.75 0 0 0 0 1.5h8.5a.75.75 0 0 0 0-1.5h-8.5Z"
+        d: "M3 2.25a.75.75 0 0 1 .75-.75h8.5a.75.75 0 0 1 0 1.5h-8.5A.75.75 0 0 1 3 2.25Zm5.53 2.97 3.75 3.75a.749.749 0 1 1-1.06 1.06L8.75 7.561v6.689a.75.75 0 0 1-1.5 0V7.561L4.78 10.03a.749.749 0 1 1-1.06-1.06l3.75-3.75a.749.749 0 0 1 1.06 0Z"
       })
     },
     "24": {
       "width": 24,
       "path": /*#__PURE__*/React.createElement("path", {
-        d: "M4 21.25a.75.75 0 0 1 .75-.75h14.5a.75.75 0 0 1 0 1.5H4.75a.75.75 0 0 1-.75-.75ZM5.22 9.53a.749.749 0 0 1 0-1.06l6.25-6.25a.749.749 0 0 1 1.06 0l6.25 6.25a.749.749 0 1 1-1.06 1.06l-4.97-4.969V16.75a.75.75 0 0 1-1.5 0V4.561L6.28 9.53a.749.749 0 0 1-1.06 0Z"
+        d: "M4.75 3.5a.75.75 0 0 1 0-1.5h14.5a.75.75 0 0 1 0 1.5H4.75Zm.47 9.47a.749.749 0 1 0 1.06 1.06l4.97-4.969V21.25a.75.75 0 0 0 1.5 0V9.061l4.97 4.969a.749.749 0 1 0 1.06-1.06l-6.25-6.25a.749.749 0 0 0-1.06 0l-6.25 6.25Z"
       })
     }
   };
@@ -3405,13 +3424,29 @@ var PinIcon = /*#__PURE__*/createIconComponent("PinIcon", "octicon octicon-pin",
     "16": {
       "width": 16,
       "path": /*#__PURE__*/React.createElement("path", {
-        d: "M4.456.734a1.75 1.75 0 0 1 2.826.504l.613 1.327a3.08 3.08 0 0 0 2.084 1.707l2.454.584c1.332.317 1.8 1.972.832 2.94L11.06 10l3.72 3.72a.748.748 0 0 1-.332 1.265.75.75 0 0 1-.729-.205L10 11.06l-2.204 2.205c-.968.968-2.623.5-2.94-.832l-.584-2.454a3.08 3.08 0 0 0-1.707-2.084l-1.327-.613a1.75 1.75 0 0 1-.504-2.826ZM5.92 1.866a.253.253 0 0 0-.183-.142.251.251 0 0 0-.221.07L1.794 5.516a.251.251 0 0 0-.07.221c.015.08.068.149.142.183l1.328.613A4.582 4.582 0 0 1 5.73 9.63l.584 2.454a.251.251 0 0 0 .42.12l5.47-5.47a.25.25 0 0 0-.12-.42L9.63 5.73a4.583 4.583 0 0 1-3.098-2.537Z"
+        d: "m11.294.984 3.722 3.722a1.75 1.75 0 0 1-.504 2.826l-1.327.613a3.089 3.089 0 0 0-1.707 2.084l-.584 2.454c-.317 1.332-1.972 1.8-2.94.832L5.75 11.311 1.78 15.28a.749.749 0 1 1-1.06-1.06l3.969-3.97-2.204-2.204c-.968-.968-.5-2.623.832-2.94l2.454-.584a3.08 3.08 0 0 0 2.084-1.707l.613-1.327a1.75 1.75 0 0 1 2.826-.504ZM6.283 9.723l2.732 2.731a.25.25 0 0 0 .42-.119l.584-2.454a4.586 4.586 0 0 1 2.537-3.098l1.328-.613a.25.25 0 0 0 .072-.404l-3.722-3.722a.25.25 0 0 0-.404.072l-.613 1.328a4.584 4.584 0 0 1-3.098 2.537l-2.454.584a.25.25 0 0 0-.119.42l2.731 2.732Z"
       })
     },
     "24": {
       "width": 24,
       "path": /*#__PURE__*/React.createElement("path", {
-        d: "M7.886 1.553a1.75 1.75 0 0 1 2.869.604l.633 1.629a5.667 5.667 0 0 0 3.725 3.395l3.959 1.131a1.749 1.749 0 0 1 .757 2.92L16.06 15l5.594 5.595a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L15 16.061l-3.768 3.768a1.749 1.749 0 0 1-2.92-.757l-1.131-3.96a5.665 5.665 0 0 0-3.395-3.724l-1.63-.633a1.75 1.75 0 0 1-.603-2.869Zm6.589 12.912 4.293-4.294a.25.25 0 0 0-.108-.417L14.7 8.623A7.165 7.165 0 0 1 9.99 4.33L9.357 2.7a.25.25 0 0 0-.41-.086L2.614 8.946a.25.25 0 0 0 .086.41l1.63.634a7.167 7.167 0 0 1 4.294 4.71l1.13 3.96a.25.25 0 0 0 .417.108l4.294-4.293Z"
+        d: "m16.114 1.553 6.333 6.333a1.75 1.75 0 0 1-.603 2.869l-1.63.633a5.67 5.67 0 0 0-3.395 3.725l-1.131 3.959a1.75 1.75 0 0 1-2.92.757L9 16.061l-5.595 5.594a.749.749 0 1 1-1.06-1.06L7.939 15l-3.768-3.768a1.75 1.75 0 0 1 .757-2.92l3.959-1.131a5.666 5.666 0 0 0 3.725-3.395l.633-1.63a1.75 1.75 0 0 1 2.869-.603ZM5.232 10.171l8.597 8.597a.25.25 0 0 0 .417-.108l1.131-3.959A7.17 7.17 0 0 1 19.67 9.99l1.63-.634a.25.25 0 0 0 .086-.409l-6.333-6.333a.25.25 0 0 0-.409.086l-.634 1.63a7.17 7.17 0 0 1-4.711 4.293L5.34 9.754a.25.25 0 0 0-.108.417Z"
+      })
+    }
+  };
+});
+var PinSlashIcon = /*#__PURE__*/createIconComponent("PinSlashIcon", "octicon octicon-pin-slash", function () {
+  return {
+    "16": {
+      "width": 17,
+      "path": /*#__PURE__*/React.createElement("path", {
+        d: "m2.155.595 13.75 13.75a.749.749 0 1 1-1.06 1.06l-3.311-3.31-.14.588c-.317 1.332-1.972 1.8-2.94.832L6.25 11.311 2.28 15.28a.749.749 0 1 1-1.06-1.06l3.969-3.97-2.204-2.204c-.968-.968-.5-2.623.832-2.94l.588-.14-3.31-3.311a.749.749 0 1 1 1.06-1.06Zm8.134 10.254L5.651 6.211l-1.486.354a.25.25 0 0 0-.119.42l2.731 2.732.003.003.003.003 2.732 2.731a.25.25 0 0 0 .42-.119ZM11.794.984l3.722 3.722a1.75 1.75 0 0 1-.504 2.826l-1.627.751a1.25 1.25 0 0 0-.355.247.749.749 0 1 1-1.06-1.06c.228-.228.494-.414.787-.549l1.627-.751a.25.25 0 0 0 .072-.404l-3.722-3.722a.25.25 0 0 0-.404.072l-.751 1.627a2.726 2.726 0 0 1-.549.787.749.749 0 1 1-1.06-1.06 1.25 1.25 0 0 0 .247-.355l.751-1.627a1.75 1.75 0 0 1 2.826-.504Z"
+      })
+    },
+    "24": {
+      "width": 25,
+      "path": /*#__PURE__*/React.createElement("path", {
+        d: "M13.745 2.156a1.751 1.751 0 0 1 2.869-.603l6.333 6.333a1.75 1.75 0 0 1-.604 2.869l-1.895.737a5.26 5.26 0 0 0-1.81 1.18l-.358.358a.749.749 0 1 1-1.06-1.06l.358-.358a6.738 6.738 0 0 1 2.326-1.518l1.896-.738a.25.25 0 0 0 .086-.409l-6.333-6.333a.25.25 0 0 0-.409.086l-.521 1.34a8.663 8.663 0 0 1-2.243 3.265.75.75 0 0 1-1.01-1.11 7.146 7.146 0 0 0 1.855-2.699l.52-1.34ZM16.76 17.07l-.572 2.002a1.75 1.75 0 0 1-2.92.757L9.5 16.061l-5.595 5.594a.749.749 0 1 1-1.06-1.06L8.439 15l-3.768-3.768a1.75 1.75 0 0 1 .757-2.92l2.001-.572-4.584-4.585a.749.749 0 1 1 1.06-1.06l18.75 18.75a.749.749 0 1 1-1.06 1.06ZM8.643 8.953l-2.803.801a.25.25 0 0 0-.108.417l8.597 8.597a.25.25 0 0 0 .417-.108l.801-2.803Z"
       })
     }
   };
@@ -4948,6 +4983,12 @@ var WorkflowIcon = /*#__PURE__*/createIconComponent("WorkflowIcon", "octicon oct
 });
 var XIcon = /*#__PURE__*/createIconComponent("XIcon", "octicon octicon-x", function () {
   return {
+    "12": {
+      "width": 12,
+      "path": /*#__PURE__*/React.createElement("path", {
+        d: "M2.22 2.22a.749.749 0 0 1 1.06 0L6 4.939 8.72 2.22a.749.749 0 1 1 1.06 1.06L7.061 6 9.78 8.72a.749.749 0 1 1-1.06 1.06L6 7.061 3.28 9.78a.749.749 0 1 1-1.06-1.06L4.939 6 2.22 3.28a.749.749 0 0 1 0-1.06Z"
+      })
+    },
     "16": {
       "width": 16,
       "path": /*#__PURE__*/React.createElement("path", {

package/dist/index.d.ts

@@ -90,6 +90,7 @@ export const DeviceCameraIcon: Icon;
 export const DeviceCameraVideoIcon: Icon;
 export const DeviceDesktopIcon: Icon;
 export const DeviceMobileIcon: Icon;
+export const DevicesIcon: Icon;
 export const DiamondIcon: Icon;
 export const DiffAddedIcon: Icon;
 export const DiffIcon: Icon;
@@ -225,6 +226,7 @@ export const PersonAddIcon: Icon;
 export const PersonFillIcon: Icon;
 export const PersonIcon: Icon;
 export const PinIcon: Icon;
+export const PinSlashIcon: Icon;
 export const PlayIcon: Icon;
 export const PlugIcon: Icon;
 export const PlusCircleIcon: Icon;

package/dist/index.esm.js

@@ -74,6 +74,7 @@ export { default as DeviceCameraIcon } from './icons/DeviceCameraIcon';
 export { default as DeviceCameraVideoIcon } from './icons/DeviceCameraVideoIcon';
 export { default as DeviceDesktopIcon } from './icons/DeviceDesktopIcon';
 export { default as DeviceMobileIcon } from './icons/DeviceMobileIcon';
+export { default as DevicesIcon } from './icons/DevicesIcon';
 export { default as DiamondIcon } from './icons/DiamondIcon';
 export { default as DiffAddedIcon } from './icons/DiffAddedIcon';
 export { default as DiffIcon } from './icons/DiffIcon';
@@ -209,6 +210,7 @@ export { default as PersonAddIcon } from './icons/PersonAddIcon';
 export { default as PersonFillIcon } from './icons/PersonFillIcon';
 export { default as PersonIcon } from './icons/PersonIcon';
 export { default as PinIcon } from './icons/PinIcon';
+export { default as PinSlashIcon } from './icons/PinSlashIcon';
 export { default as PlayIcon } from './icons/PlayIcon';
 export { default as PlugIcon } from './icons/PlugIcon';
 export { default as PlusCircleIcon } from './icons/PlusCircleIcon';

package/dist/index.umd.js

@@ -16,8 +16,7 @@
   function createIconComponent(name, defaultClassName, getSVGData) {
     var svgDataByHeight = getSVGData();
     var heights = Object.keys(svgDataByHeight);
-
-    function Icon(_ref) {
+    var Icon = /*#__PURE__*/React.forwardRef(function (_ref, forwardedRef) {
       var ariaLabel = _ref['aria-label'],
           tabIndex = _ref.tabIndex,
           _ref$className = _ref.className,
@@ -34,6 +33,7 @@
       var width = height * (naturalWidth / naturalHeight);
       var path = svgDataByHeight[naturalHeight].path;
       return (/*#__PURE__*/React.createElement("svg", {
+          ref: forwardedRef,
           "aria-hidden": ariaLabel ? 'false' : 'true',
           tabIndex: tabIndex,
           focusable: tabIndex >= 0 ? 'true' : 'false',
@@ -52,8 +52,7 @@
           }
         }, path)
       );
-    }
-
+    });
     Icon.displayName = name;
     return Icon;
   }
@@ -1331,6 +1330,26 @@
       }
     };
   });
+  var DevicesIcon = /*#__PURE__*/createIconComponent("DevicesIcon", "octicon octicon-devices", function () {
+    return {
+      "16": {
+        "width": 16,
+        "path": /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
+          d: "M0 2.75C0 1.784.784 1 1.75 1h12.5c.966 0 1.75.784 1.75 1.75V5a.75.75 0 0 1-1.5 0V2.75a.25.25 0 0 0-.25-.25H1.75a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25H7A.75.75 0 0 1 7 12h-.268a5.712 5.712 0 0 1-.765 2.5H7A.75.75 0 0 1 7 16H4.5a.75.75 0 0 1-.565-1.243c.772-.885 1.193-1.716 1.292-2.757H1.75A1.75 1.75 0 0 1 0 10.25v-7.5Z"
+        }), /*#__PURE__*/React.createElement("path", {
+          d: "M10.75 7h3.5c.967 0 1.75.784 1.75 1.75v5.5A1.75 1.75 0 0 1 14.25 16h-3.5A1.75 1.75 0 0 1 9 14.25v-5.5C9 7.784 9.783 7 10.75 7Zm-.25 1.75v5.5c0 .138.112.25.25.25h3.5a.25.25 0 0 0 .25-.25v-5.5a.25.25 0 0 0-.25-.25h-3.5a.25.25 0 0 0-.25.25Z"
+        }))
+      },
+      "24": {
+        "width": 24,
+        "path": /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
+          d: "M1 3.75C1 2.784 1.784 2 2.75 2h18.5c.966 0 1.75.784 1.75 1.75v4a.75.75 0 0 1-1.5 0v-4a.25.25 0 0 0-.25-.25H2.75a.25.25 0 0 0-.25.25v11.5c0 .138.112.25.25.25h9a.75.75 0 0 1 0 1.5h-1.287c-.126 1.266-.564 2.445-1.223 3.5h2.51a.75.75 0 0 1 0 1.5h-4a.75.75 0 0 1-.565-1.243c.964-1.105 1.598-2.382 1.769-3.757H2.75A1.75 1.75 0 0 1 1 15.25V3.75Z"
+        }), /*#__PURE__*/React.createElement("path", {
+          d: "M14 11.75c0-.967.783-1.75 1.75-1.75h5.5c.966 0 1.75.783 1.75 1.75v8.5A1.75 1.75 0 0 1 21.25 22h-5.5A1.75 1.75 0 0 1 14 20.25Zm1.75-.25a.25.25 0 0 0-.25.25v8.5c0 .138.112.25.25.25h5.5a.25.25 0 0 0 .25-.25v-8.5a.25.25 0 0 0-.25-.25Z"
+        }))
+      }
+    };
+  });
   var DiamondIcon = /*#__PURE__*/createIconComponent("DiamondIcon", "octicon octicon-diamond", function () {
     return {
       "16": {
@@ -3012,7 +3031,7 @@
       "24": {
         "width": 24,
         "path": /*#__PURE__*/React.createElement("path", {
-          d: "M4 21.25a.75.75 0 0 1 .75-.75h14.5a.75.75 0 0 1 0 1.5H4.75a.75.75 0 0 1-.75-.75Zm.97-11.28a.749.749 0 0 1 1.06 0L11 14.939V2.75a.75.75 0 0 1 1.5 0v12.189l4.97-4.969a.749.749 0 1 1 1.06 1.06l-6.25 6.25a.749.749 0 0 1-1.06 0l-6.25-6.25a.749.749 0 0 1 0-1.06Z"
+          d: "M4 21.25a.75.75 0 0 1 .75-.75h14.5a.75.75 0 0 1 0 1.5H4.75a.75.75 0 0 1-.75-.75ZM5.22 9.97a.749.749 0 0 1 1.06 0l4.97 4.969V2.75a.75.75 0 0 1 1.5 0v12.189l4.97-4.969a.749.749 0 1 1 1.06 1.06l-6.25 6.25a.749.749 0 0 1-1.06 0l-6.25-6.25a.749.749 0 0 1 0-1.06Z"
         })
       }
     };
@@ -3054,13 +3073,13 @@
       "16": {
         "width": 16,
         "path": /*#__PURE__*/React.createElement("path", {
-          d: "M8.53 1.22a.749.749 0 0 0-1.06 0L3.72 4.97a.749.749 0 1 0 1.06 1.06l2.47-2.469v6.689a.75.75 0 0 0 1.5 0V3.561l2.47 2.469a.749.749 0 1 0 1.06-1.06L8.53 1.22ZM3.75 13a.75.75 0 0 0 0 1.5h8.5a.75.75 0 0 0 0-1.5h-8.5Z"
+          d: "M3 2.25a.75.75 0 0 1 .75-.75h8.5a.75.75 0 0 1 0 1.5h-8.5A.75.75 0 0 1 3 2.25Zm5.53 2.97 3.75 3.75a.749.749 0 1 1-1.06 1.06L8.75 7.561v6.689a.75.75 0 0 1-1.5 0V7.561L4.78 10.03a.749.749 0 1 1-1.06-1.06l3.75-3.75a.749.749 0 0 1 1.06 0Z"
         })
       },
       "24": {
         "width": 24,
         "path": /*#__PURE__*/React.createElement("path", {
-          d: "M4 21.25a.75.75 0 0 1 .75-.75h14.5a.75.75 0 0 1 0 1.5H4.75a.75.75 0 0 1-.75-.75ZM5.22 9.53a.749.749 0 0 1 0-1.06l6.25-6.25a.749.749 0 0 1 1.06 0l6.25 6.25a.749.749 0 1 1-1.06 1.06l-4.97-4.969V16.75a.75.75 0 0 1-1.5 0V4.561L6.28 9.53a.749.749 0 0 1-1.06 0Z"
+          d: "M4.75 3.5a.75.75 0 0 1 0-1.5h14.5a.75.75 0 0 1 0 1.5H4.75Zm.47 9.47a.749.749 0 1 0 1.06 1.06l4.97-4.969V21.25a.75.75 0 0 0 1.5 0V9.061l4.97 4.969a.749.749 0 1 0 1.06-1.06l-6.25-6.25a.749.749 0 0 0-1.06 0l-6.25 6.25Z"
         })
       }
     };
@@ -3410,13 +3429,29 @@
       "16": {
         "width": 16,
         "path": /*#__PURE__*/React.createElement("path", {
-          d: "M4.456.734a1.75 1.75 0 0 1 2.826.504l.613 1.327a3.08 3.08 0 0 0 2.084 1.707l2.454.584c1.332.317 1.8 1.972.832 2.94L11.06 10l3.72 3.72a.748.748 0 0 1-.332 1.265.75.75 0 0 1-.729-.205L10 11.06l-2.204 2.205c-.968.968-2.623.5-2.94-.832l-.584-2.454a3.08 3.08 0 0 0-1.707-2.084l-1.327-.613a1.75 1.75 0 0 1-.504-2.826ZM5.92 1.866a.253.253 0 0 0-.183-.142.251.251 0 0 0-.221.07L1.794 5.516a.251.251 0 0 0-.07.221c.015.08.068.149.142.183l1.328.613A4.582 4.582 0 0 1 5.73 9.63l.584 2.454a.251.251 0 0 0 .42.12l5.47-5.47a.25.25 0 0 0-.12-.42L9.63 5.73a4.583 4.583 0 0 1-3.098-2.537Z"
+          d: "m11.294.984 3.722 3.722a1.75 1.75 0 0 1-.504 2.826l-1.327.613a3.089 3.089 0 0 0-1.707 2.084l-.584 2.454c-.317 1.332-1.972 1.8-2.94.832L5.75 11.311 1.78 15.28a.749.749 0 1 1-1.06-1.06l3.969-3.97-2.204-2.204c-.968-.968-.5-2.623.832-2.94l2.454-.584a3.08 3.08 0 0 0 2.084-1.707l.613-1.327a1.75 1.75 0 0 1 2.826-.504ZM6.283 9.723l2.732 2.731a.25.25 0 0 0 .42-.119l.584-2.454a4.586 4.586 0 0 1 2.537-3.098l1.328-.613a.25.25 0 0 0 .072-.404l-3.722-3.722a.25.25 0 0 0-.404.072l-.613 1.328a4.584 4.584 0 0 1-3.098 2.537l-2.454.584a.25.25 0 0 0-.119.42l2.731 2.732Z"
         })
       },
       "24": {
         "width": 24,
         "path": /*#__PURE__*/React.createElement("path", {
-          d: "M7.886 1.553a1.75 1.75 0 0 1 2.869.604l.633 1.629a5.667 5.667 0 0 0 3.725 3.395l3.959 1.131a1.749 1.749 0 0 1 .757 2.92L16.06 15l5.594 5.595a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L15 16.061l-3.768 3.768a1.749 1.749 0 0 1-2.92-.757l-1.131-3.96a5.665 5.665 0 0 0-3.395-3.724l-1.63-.633a1.75 1.75 0 0 1-.603-2.869Zm6.589 12.912 4.293-4.294a.25.25 0 0 0-.108-.417L14.7 8.623A7.165 7.165 0 0 1 9.99 4.33L9.357 2.7a.25.25 0 0 0-.41-.086L2.614 8.946a.25.25 0 0 0 .086.41l1.63.634a7.167 7.167 0 0 1 4.294 4.71l1.13 3.96a.25.25 0 0 0 .417.108l4.294-4.293Z"
+          d: "m16.114 1.553 6.333 6.333a1.75 1.75 0 0 1-.603 2.869l-1.63.633a5.67 5.67 0 0 0-3.395 3.725l-1.131 3.959a1.75 1.75 0 0 1-2.92.757L9 16.061l-5.595 5.594a.749.749 0 1 1-1.06-1.06L7.939 15l-3.768-3.768a1.75 1.75 0 0 1 .757-2.92l3.959-1.131a5.666 5.666 0 0 0 3.725-3.395l.633-1.63a1.75 1.75 0 0 1 2.869-.603ZM5.232 10.171l8.597 8.597a.25.25 0 0 0 .417-.108l1.131-3.959A7.17 7.17 0 0 1 19.67 9.99l1.63-.634a.25.25 0 0 0 .086-.409l-6.333-6.333a.25.25 0 0 0-.409.086l-.634 1.63a7.17 7.17 0 0 1-4.711 4.293L5.34 9.754a.25.25 0 0 0-.108.417Z"
+        })
+      }
+    };
+  });
+  var PinSlashIcon = /*#__PURE__*/createIconComponent("PinSlashIcon", "octicon octicon-pin-slash", function () {
+    return {
+      "16": {
+        "width": 17,
+        "path": /*#__PURE__*/React.createElement("path", {
+          d: "m2.155.595 13.75 13.75a.749.749 0 1 1-1.06 1.06l-3.311-3.31-.14.588c-.317 1.332-1.972 1.8-2.94.832L6.25 11.311 2.28 15.28a.749.749 0 1 1-1.06-1.06l3.969-3.97-2.204-2.204c-.968-.968-.5-2.623.832-2.94l.588-.14-3.31-3.311a.749.749 0 1 1 1.06-1.06Zm8.134 10.254L5.651 6.211l-1.486.354a.25.25 0 0 0-.119.42l2.731 2.732.003.003.003.003 2.732 2.731a.25.25 0 0 0 .42-.119ZM11.794.984l3.722 3.722a1.75 1.75 0 0 1-.504 2.826l-1.627.751a1.25 1.25 0 0 0-.355.247.749.749 0 1 1-1.06-1.06c.228-.228.494-.414.787-.549l1.627-.751a.25.25 0 0 0 .072-.404l-3.722-3.722a.25.25 0 0 0-.404.072l-.751 1.627a2.726 2.726 0 0 1-.549.787.749.749 0 1 1-1.06-1.06 1.25 1.25 0 0 0 .247-.355l.751-1.627a1.75 1.75 0 0 1 2.826-.504Z"
+        })
+      },
+      "24": {
+        "width": 25,
+        "path": /*#__PURE__*/React.createElement("path", {
+          d: "M13.745 2.156a1.751 1.751 0 0 1 2.869-.603l6.333 6.333a1.75 1.75 0 0 1-.604 2.869l-1.895.737a5.26 5.26 0 0 0-1.81 1.18l-.358.358a.749.749 0 1 1-1.06-1.06l.358-.358a6.738 6.738 0 0 1 2.326-1.518l1.896-.738a.25.25 0 0 0 .086-.409l-6.333-6.333a.25.25 0 0 0-.409.086l-.521 1.34a8.663 8.663 0 0 1-2.243 3.265.75.75 0 0 1-1.01-1.11 7.146 7.146 0 0 0 1.855-2.699l.52-1.34ZM16.76 17.07l-.572 2.002a1.75 1.75 0 0 1-2.92.757L9.5 16.061l-5.595 5.594a.749.749 0 1 1-1.06-1.06L8.439 15l-3.768-3.768a1.75 1.75 0 0 1 .757-2.92l2.001-.572-4.584-4.585a.749.749 0 1 1 1.06-1.06l18.75 18.75a.749.749 0 1 1-1.06 1.06ZM8.643 8.953l-2.803.801a.25.25 0 0 0-.108.417l8.597 8.597a.25.25 0 0 0 .417-.108l.801-2.803Z"
         })
       }
     };
@@ -4953,6 +4988,12 @@
   });
   var XIcon = /*#__PURE__*/createIconComponent("XIcon", "octicon octicon-x", function () {
     return {
+      "12": {
+        "width": 12,
+        "path": /*#__PURE__*/React.createElement("path", {
+          d: "M2.22 2.22a.749.749 0 0 1 1.06 0L6 4.939 8.72 2.22a.749.749 0 1 1 1.06 1.06L7.061 6 9.78 8.72a.749.749 0 1 1-1.06 1.06L6 7.061 3.28 9.78a.749.749 0 1 1-1.06-1.06L4.939 6 2.22 3.28a.749.749 0 0 1 0-1.06Z"
+        })
+      },
       "16": {
         "width": 16,
         "path": /*#__PURE__*/React.createElement("path", {
@@ -5378,6 +5419,10 @@
 
   /* THIS FILE IS GENERATED. DO NOT EDIT IT. */
 
+  var StyledDevicesIcon = styled(DevicesIcon)(COMMON, sx);
+
+  /* THIS FILE IS GENERATED. DO NOT EDIT IT. */
+
   var StyledDiamondIcon = styled(DiamondIcon)(COMMON, sx);
 
   /* THIS FILE IS GENERATED. DO NOT EDIT IT. */
@@ -5918,6 +5963,10 @@
 
   /* THIS FILE IS GENERATED. DO NOT EDIT IT. */
 
+  var StyledPinSlashIcon = styled(PinSlashIcon)(COMMON, sx);
+
+  /* THIS FILE IS GENERATED. DO NOT EDIT IT. */
+
   var StyledPlayIcon = styled(PlayIcon)(COMMON, sx);
 
   /* THIS FILE IS GENERATED. DO NOT EDIT IT. */
@@ -6388,6 +6437,7 @@
   exports.DeviceCameraVideoIcon = StyledDeviceCameraVideoIcon;
   exports.DeviceDesktopIcon = StyledDeviceDesktopIcon;
   exports.DeviceMobileIcon = StyledDeviceMobileIcon;
+  exports.DevicesIcon = StyledDevicesIcon;
   exports.DiamondIcon = StyledDiamondIcon;
   exports.DiffAddedIcon = StyledDiffAddedIcon;
   exports.DiffIcon = StyledDiffIcon;
@@ -6523,6 +6573,7 @@
   exports.PersonFillIcon = StyledPersonFillIcon;
   exports.PersonIcon = StyledPersonIcon;
   exports.PinIcon = StyledPinIcon;
+  exports.PinSlashIcon = StyledPinSlashIcon;
   exports.PlayIcon = StyledPlayIcon;
   exports.PlugIcon = StyledPlugIcon;
   exports.PlusCircleIcon = StyledPlusCircleIcon;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/styled-octicons",
-  "version": "18.3.0",
+  "version": "19.1.0",
   "description": "A scalable set of icons handcrafted with <3 by GitHub.",
   "homepage": "https://primer.style/octicons",
   "author": "GitHub, Inc.",