@primer/styled-octicons 19.8.0 → 19.9.0

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2023 GitHub Inc.
+Copyright (c) 2024 GitHub Inc.
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/dist/icons/AccessibilityIcon.js

@@ -30,15 +30,17 @@ function createIconComponent(name, defaultClassName, getSVGData) {
     var naturalWidth = svgDataByHeight[naturalHeight].width;
     var width = height * (naturalWidth / naturalHeight);
     var path = svgDataByHeight[naturalHeight].path;
+    var labelled = ariaLabel || arialabelledby;
+    var role = labelled ? 'img' : undefined;
     return (/*#__PURE__*/React.createElement("svg", {
         ref: forwardedRef,
-        "aria-hidden": ariaLabel ? 'false' : 'true',
+        "aria-hidden": labelled ? undefined : 'true',
         tabIndex: tabIndex,
         focusable: tabIndex >= 0 ? 'true' : 'false',
         "aria-label": ariaLabel,
         "aria-labelledby": arialabelledby,
-        role: "img",
         className: className,
+        role: role,
         viewBox: "0 0 ".concat(naturalWidth, " ").concat(naturalHeight),
         width: width,
         height: height,

package/dist/icons/AccessibilityInsetIcon.js

@@ -30,15 +30,17 @@ function createIconComponent(name, defaultClassName, getSVGData) {
     var naturalWidth = svgDataByHeight[naturalHeight].width;
     var width = height * (naturalWidth / naturalHeight);
     var path = svgDataByHeight[naturalHeight].path;
+    var labelled = ariaLabel || arialabelledby;
+    var role = labelled ? 'img' : undefined;
     return (/*#__PURE__*/React.createElement("svg", {
         ref: forwardedRef,
-        "aria-hidden": ariaLabel ? 'false' : 'true',
+        "aria-hidden": labelled ? undefined : 'true',
         tabIndex: tabIndex,
         focusable: tabIndex >= 0 ? 'true' : 'false',
         "aria-label": ariaLabel,
         "aria-labelledby": arialabelledby,
-        role: "img",
         className: className,
+        role: role,
         viewBox: "0 0 ".concat(naturalWidth, " ").concat(naturalHeight),
         width: width,
         height: height,

package/dist/icons/AlertFillIcon.js

@@ -30,15 +30,17 @@ function createIconComponent(name, defaultClassName, getSVGData) {
     var naturalWidth = svgDataByHeight[naturalHeight].width;
     var width = height * (naturalWidth / naturalHeight);
     var path = svgDataByHeight[naturalHeight].path;
+    var labelled = ariaLabel || arialabelledby;
+    var role = labelled ? 'img' : undefined;
     return (/*#__PURE__*/React.createElement("svg", {
         ref: forwardedRef,
-        "aria-hidden": ariaLabel ? 'false' : 'true',
+        "aria-hidden": labelled ? undefined : 'true',
         tabIndex: tabIndex,
         focusable: tabIndex >= 0 ? 'true' : 'false',
         "aria-label": ariaLabel,
         "aria-labelledby": arialabelledby,
-        role: "img",
         className: className,
+        role: role,
         viewBox: "0 0 ".concat(naturalWidth, " ").concat(naturalHeight),
         width: width,
         height: height,

package/dist/icons/AlertIcon.js

@@ -30,15 +30,17 @@ function createIconComponent(name, defaultClassName, getSVGData) {
     var naturalWidth = svgDataByHeight[naturalHeight].width;
     var width = height * (naturalWidth / naturalHeight);
     var path = svgDataByHeight[naturalHeight].path;
+    var labelled = ariaLabel || arialabelledby;
+    var role = labelled ? 'img' : undefined;
     return (/*#__PURE__*/React.createElement("svg", {
         ref: forwardedRef,
-        "aria-hidden": ariaLabel ? 'false' : 'true',
+        "aria-hidden": labelled ? undefined : 'true',
         tabIndex: tabIndex,
         focusable: tabIndex >= 0 ? 'true' : 'false',
         "aria-label": ariaLabel,
         "aria-labelledby": arialabelledby,
-        role: "img",
         className: className,
+        role: role,
         viewBox: "0 0 ".concat(naturalWidth, " ").concat(naturalHeight),
         width: width,
         height: height,

package/dist/icons/AppsIcon.js

@@ -30,15 +30,17 @@ function createIconComponent(name, defaultClassName, getSVGData) {
     var naturalWidth = svgDataByHeight[naturalHeight].width;
     var width = height * (naturalWidth / naturalHeight);
     var path = svgDataByHeight[naturalHeight].path;
+    var labelled = ariaLabel || arialabelledby;
+    var role = labelled ? 'img' : undefined;
     return (/*#__PURE__*/React.createElement("svg", {
         ref: forwardedRef,
-        "aria-hidden": ariaLabel ? 'false' : 'true',
+        "aria-hidden": labelled ? undefined : 'true',
         tabIndex: tabIndex,
         focusable: tabIndex >= 0 ? 'true' : 'false',
         "aria-label": ariaLabel,
         "aria-labelledby": arialabelledby,
-        role: "img",
         className: className,
+        role: role,
         viewBox: "0 0 ".concat(naturalWidth, " ").concat(naturalHeight),
         width: width,
         height: height,

package/dist/icons/ArchiveIcon.js

@@ -30,15 +30,17 @@ function createIconComponent(name, defaultClassName, getSVGData) {
     var naturalWidth = svgDataByHeight[naturalHeight].width;
     var width = height * (naturalWidth / naturalHeight);
     var path = svgDataByHeight[naturalHeight].path;
+    var labelled = ariaLabel || arialabelledby;
+    var role = labelled ? 'img' : undefined;
     return (/*#__PURE__*/React.createElement("svg", {
         ref: forwardedRef,
-        "aria-hidden": ariaLabel ? 'false' : 'true',
+        "aria-hidden": labelled ? undefined : 'true',
         tabIndex: tabIndex,
         focusable: tabIndex >= 0 ? 'true' : 'false',
         "aria-label": ariaLabel,
         "aria-labelledby": arialabelledby,
-        role: "img",
         className: className,
+        role: role,
         viewBox: "0 0 ".concat(naturalWidth, " ").concat(naturalHeight),
         width: width,
         height: height,

package/dist/icons/ArrowBothIcon.js

@@ -30,15 +30,17 @@ function createIconComponent(name, defaultClassName, getSVGData) {
     var naturalWidth = svgDataByHeight[naturalHeight].width;
     var width = height * (naturalWidth / naturalHeight);
     var path = svgDataByHeight[naturalHeight].path;
+    var labelled = ariaLabel || arialabelledby;
+    var role = labelled ? 'img' : undefined;
     return (/*#__PURE__*/React.createElement("svg", {
         ref: forwardedRef,
-        "aria-hidden": ariaLabel ? 'false' : 'true',
+        "aria-hidden": labelled ? undefined : 'true',
         tabIndex: tabIndex,
         focusable: tabIndex >= 0 ? 'true' : 'false',
         "aria-label": ariaLabel,
         "aria-labelledby": arialabelledby,
-        role: "img",
         className: className,
+        role: role,
         viewBox: "0 0 ".concat(naturalWidth, " ").concat(naturalHeight),
         width: width,
         height: height,

package/dist/icons/ArrowDownIcon.js

@@ -30,15 +30,17 @@ function createIconComponent(name, defaultClassName, getSVGData) {
     var naturalWidth = svgDataByHeight[naturalHeight].width;
     var width = height * (naturalWidth / naturalHeight);
     var path = svgDataByHeight[naturalHeight].path;
+    var labelled = ariaLabel || arialabelledby;
+    var role = labelled ? 'img' : undefined;
     return (/*#__PURE__*/React.createElement("svg", {
         ref: forwardedRef,
-        "aria-hidden": ariaLabel ? 'false' : 'true',
+        "aria-hidden": labelled ? undefined : 'true',
         tabIndex: tabIndex,
         focusable: tabIndex >= 0 ? 'true' : 'false',
         "aria-label": ariaLabel,
         "aria-labelledby": arialabelledby,
-        role: "img",
         className: className,
+        role: role,
         viewBox: "0 0 ".concat(naturalWidth, " ").concat(naturalHeight),
         width: width,
         height: height,

package/dist/icons/ArrowDownLeftIcon.js

@@ -30,15 +30,17 @@ function createIconComponent(name, defaultClassName, getSVGData) {
     var naturalWidth = svgDataByHeight[naturalHeight].width;
     var width = height * (naturalWidth / naturalHeight);
     var path = svgDataByHeight[naturalHeight].path;
+    var labelled = ariaLabel || arialabelledby;
+    var role = labelled ? 'img' : undefined;
     return (/*#__PURE__*/React.createElement("svg", {
         ref: forwardedRef,
-        "aria-hidden": ariaLabel ? 'false' : 'true',
+        "aria-hidden": labelled ? undefined : 'true',
         tabIndex: tabIndex,
         focusable: tabIndex >= 0 ? 'true' : 'false',
         "aria-label": ariaLabel,
         "aria-labelledby": arialabelledby,
-        role: "img",
         className: className,
+        role: role,
         viewBox: "0 0 ".concat(naturalWidth, " ").concat(naturalHeight),
         width: width,
         height: height,

package/dist/icons/ArrowDownRightIcon.js

@@ -30,15 +30,17 @@ function createIconComponent(name, defaultClassName, getSVGData) {
     var naturalWidth = svgDataByHeight[naturalHeight].width;
     var width = height * (naturalWidth / naturalHeight);
     var path = svgDataByHeight[naturalHeight].path;
+    var labelled = ariaLabel || arialabelledby;
+    var role = labelled ? 'img' : undefined;
     return (/*#__PURE__*/React.createElement("svg", {
         ref: forwardedRef,
-        "aria-hidden": ariaLabel ? 'false' : 'true',
+        "aria-hidden": labelled ? undefined : 'true',
         tabIndex: tabIndex,
         focusable: tabIndex >= 0 ? 'true' : 'false',
         "aria-label": ariaLabel,
         "aria-labelledby": arialabelledby,
-        role: "img",
         className: className,
+        role: role,
         viewBox: "0 0 ".concat(naturalWidth, " ").concat(naturalHeight),
         width: width,
         height: height,

package/dist/icons/ArrowLeftIcon.js

@@ -30,15 +30,17 @@ function createIconComponent(name, defaultClassName, getSVGData) {
     var naturalWidth = svgDataByHeight[naturalHeight].width;
     var width = height * (naturalWidth / naturalHeight);
     var path = svgDataByHeight[naturalHeight].path;
+    var labelled = ariaLabel || arialabelledby;
+    var role = labelled ? 'img' : undefined;
     return (/*#__PURE__*/React.createElement("svg", {
         ref: forwardedRef,
-        "aria-hidden": ariaLabel ? 'false' : 'true',
+        "aria-hidden": labelled ? undefined : 'true',
         tabIndex: tabIndex,
         focusable: tabIndex >= 0 ? 'true' : 'false',
         "aria-label": ariaLabel,
         "aria-labelledby": arialabelledby,
-        role: "img",
         className: className,
+        role: role,
         viewBox: "0 0 ".concat(naturalWidth, " ").concat(naturalHeight),
         width: width,
         height: height,

package/dist/icons/ArrowRightIcon.js

@@ -30,15 +30,17 @@ function createIconComponent(name, defaultClassName, getSVGData) {
     var naturalWidth = svgDataByHeight[naturalHeight].width;
     var width = height * (naturalWidth / naturalHeight);
     var path = svgDataByHeight[naturalHeight].path;
+    var labelled = ariaLabel || arialabelledby;
+    var role = labelled ? 'img' : undefined;
     return (/*#__PURE__*/React.createElement("svg", {
         ref: forwardedRef,
-        "aria-hidden": ariaLabel ? 'false' : 'true',
+        "aria-hidden": labelled ? undefined : 'true',
         tabIndex: tabIndex,
         focusable: tabIndex >= 0 ? 'true' : 'false',
         "aria-label": ariaLabel,
         "aria-labelledby": arialabelledby,
-        role: "img",
         className: className,
+        role: role,
         viewBox: "0 0 ".concat(naturalWidth, " ").concat(naturalHeight),
         width: width,
         height: height,

package/dist/icons/ArrowSwitchIcon.js

@@ -30,15 +30,17 @@ function createIconComponent(name, defaultClassName, getSVGData) {
     var naturalWidth = svgDataByHeight[naturalHeight].width;
     var width = height * (naturalWidth / naturalHeight);
     var path = svgDataByHeight[naturalHeight].path;
+    var labelled = ariaLabel || arialabelledby;
+    var role = labelled ? 'img' : undefined;
     return (/*#__PURE__*/React.createElement("svg", {
         ref: forwardedRef,
-        "aria-hidden": ariaLabel ? 'false' : 'true',
+        "aria-hidden": labelled ? undefined : 'true',
         tabIndex: tabIndex,
         focusable: tabIndex >= 0 ? 'true' : 'false',
         "aria-label": ariaLabel,
         "aria-labelledby": arialabelledby,
-        role: "img",
         className: className,
+        role: role,
         viewBox: "0 0 ".concat(naturalWidth, " ").concat(naturalHeight),
         width: width,
         height: height,

package/dist/icons/ArrowUpIcon.js

@@ -30,15 +30,17 @@ function createIconComponent(name, defaultClassName, getSVGData) {
     var naturalWidth = svgDataByHeight[naturalHeight].width;
     var width = height * (naturalWidth / naturalHeight);
     var path = svgDataByHeight[naturalHeight].path;
+    var labelled = ariaLabel || arialabelledby;
+    var role = labelled ? 'img' : undefined;
     return (/*#__PURE__*/React.createElement("svg", {
         ref: forwardedRef,
-        "aria-hidden": ariaLabel ? 'false' : 'true',
+        "aria-hidden": labelled ? undefined : 'true',
         tabIndex: tabIndex,
         focusable: tabIndex >= 0 ? 'true' : 'false',
         "aria-label": ariaLabel,
         "aria-labelledby": arialabelledby,
-        role: "img",
         className: className,
+        role: role,
         viewBox: "0 0 ".concat(naturalWidth, " ").concat(naturalHeight),
         width: width,
         height: height,

package/dist/icons/ArrowUpLeftIcon.js

@@ -30,15 +30,17 @@ function createIconComponent(name, defaultClassName, getSVGData) {
     var naturalWidth = svgDataByHeight[naturalHeight].width;
     var width = height * (naturalWidth / naturalHeight);
     var path = svgDataByHeight[naturalHeight].path;
+    var labelled = ariaLabel || arialabelledby;
+    var role = labelled ? 'img' : undefined;
     return (/*#__PURE__*/React.createElement("svg", {
         ref: forwardedRef,
-        "aria-hidden": ariaLabel ? 'false' : 'true',
+        "aria-hidden": labelled ? undefined : 'true',
         tabIndex: tabIndex,
         focusable: tabIndex >= 0 ? 'true' : 'false',
         "aria-label": ariaLabel,
         "aria-labelledby": arialabelledby,
-        role: "img",
         className: className,
+        role: role,
         viewBox: "0 0 ".concat(naturalWidth, " ").concat(naturalHeight),
         width: width,
         height: height,

package/dist/icons/ArrowUpRightIcon.js

@@ -30,15 +30,17 @@ function createIconComponent(name, defaultClassName, getSVGData) {
     var naturalWidth = svgDataByHeight[naturalHeight].width;
     var width = height * (naturalWidth / naturalHeight);
     var path = svgDataByHeight[naturalHeight].path;
+    var labelled = ariaLabel || arialabelledby;
+    var role = labelled ? 'img' : undefined;
     return (/*#__PURE__*/React.createElement("svg", {
         ref: forwardedRef,
-        "aria-hidden": ariaLabel ? 'false' : 'true',
+        "aria-hidden": labelled ? undefined : 'true',
         tabIndex: tabIndex,
         focusable: tabIndex >= 0 ? 'true' : 'false',
         "aria-label": ariaLabel,
         "aria-labelledby": arialabelledby,
-        role: "img",
         className: className,
+        role: role,
         viewBox: "0 0 ".concat(naturalWidth, " ").concat(naturalHeight),
         width: width,
         height: height,

package/dist/icons/BeakerIcon.js

@@ -30,15 +30,17 @@ function createIconComponent(name, defaultClassName, getSVGData) {
     var naturalWidth = svgDataByHeight[naturalHeight].width;
     var width = height * (naturalWidth / naturalHeight);
     var path = svgDataByHeight[naturalHeight].path;
+    var labelled = ariaLabel || arialabelledby;
+    var role = labelled ? 'img' : undefined;
     return (/*#__PURE__*/React.createElement("svg", {
         ref: forwardedRef,
-        "aria-hidden": ariaLabel ? 'false' : 'true',
+        "aria-hidden": labelled ? undefined : 'true',
         tabIndex: tabIndex,
         focusable: tabIndex >= 0 ? 'true' : 'false',
         "aria-label": ariaLabel,
         "aria-labelledby": arialabelledby,
-        role: "img",
         className: className,
+        role: role,
         viewBox: "0 0 ".concat(naturalWidth, " ").concat(naturalHeight),
         width: width,
         height: height,

package/dist/icons/BellFillIcon.js

@@ -30,15 +30,17 @@ function createIconComponent(name, defaultClassName, getSVGData) {
     var naturalWidth = svgDataByHeight[naturalHeight].width;
     var width = height * (naturalWidth / naturalHeight);
     var path = svgDataByHeight[naturalHeight].path;
+    var labelled = ariaLabel || arialabelledby;
+    var role = labelled ? 'img' : undefined;
     return (/*#__PURE__*/React.createElement("svg", {
         ref: forwardedRef,
-        "aria-hidden": ariaLabel ? 'false' : 'true',
+        "aria-hidden": labelled ? undefined : 'true',
         tabIndex: tabIndex,
         focusable: tabIndex >= 0 ? 'true' : 'false',
         "aria-label": ariaLabel,
         "aria-labelledby": arialabelledby,
-        role: "img",
         className: className,
+        role: role,
         viewBox: "0 0 ".concat(naturalWidth, " ").concat(naturalHeight),
         width: width,
         height: height,

package/dist/icons/BellIcon.js

@@ -30,15 +30,17 @@ function createIconComponent(name, defaultClassName, getSVGData) {
     var naturalWidth = svgDataByHeight[naturalHeight].width;
     var width = height * (naturalWidth / naturalHeight);
     var path = svgDataByHeight[naturalHeight].path;
+    var labelled = ariaLabel || arialabelledby;
+    var role = labelled ? 'img' : undefined;
     return (/*#__PURE__*/React.createElement("svg", {
         ref: forwardedRef,
-        "aria-hidden": ariaLabel ? 'false' : 'true',
+        "aria-hidden": labelled ? undefined : 'true',
         tabIndex: tabIndex,
         focusable: tabIndex >= 0 ? 'true' : 'false',
         "aria-label": ariaLabel,
         "aria-labelledby": arialabelledby,
-        role: "img",
         className: className,
+        role: role,
         viewBox: "0 0 ".concat(naturalWidth, " ").concat(naturalHeight),
         width: width,
         height: height,

package/dist/icons/BellSlashIcon.js

@@ -30,15 +30,17 @@ function createIconComponent(name, defaultClassName, getSVGData) {
     var naturalWidth = svgDataByHeight[naturalHeight].width;
     var width = height * (naturalWidth / naturalHeight);
     var path = svgDataByHeight[naturalHeight].path;
+    var labelled = ariaLabel || arialabelledby;
+    var role = labelled ? 'img' : undefined;
     return (/*#__PURE__*/React.createElement("svg", {
         ref: forwardedRef,
-        "aria-hidden": ariaLabel ? 'false' : 'true',
+        "aria-hidden": labelled ? undefined : 'true',
         tabIndex: tabIndex,
         focusable: tabIndex >= 0 ? 'true' : 'false',
         "aria-label": ariaLabel,
         "aria-labelledby": arialabelledby,
-        role: "img",
         className: className,
+        role: role,
         viewBox: "0 0 ".concat(naturalWidth, " ").concat(naturalHeight),
         width: width,
         height: height,

package/dist/icons/BlockedIcon.js

@@ -30,15 +30,17 @@ function createIconComponent(name, defaultClassName, getSVGData) {
     var naturalWidth = svgDataByHeight[naturalHeight].width;
     var width = height * (naturalWidth / naturalHeight);
     var path = svgDataByHeight[naturalHeight].path;
+    var labelled = ariaLabel || arialabelledby;
+    var role = labelled ? 'img' : undefined;
     return (/*#__PURE__*/React.createElement("svg", {
         ref: forwardedRef,
-        "aria-hidden": ariaLabel ? 'false' : 'true',
+        "aria-hidden": labelled ? undefined : 'true',
         tabIndex: tabIndex,
         focusable: tabIndex >= 0 ? 'true' : 'false',
         "aria-label": ariaLabel,
         "aria-labelledby": arialabelledby,
-        role: "img",
         className: className,
+        role: role,
         viewBox: "0 0 ".concat(naturalWidth, " ").concat(naturalHeight),
         width: width,
         height: height,

package/dist/icons/BoldIcon.js

@@ -30,15 +30,17 @@ function createIconComponent(name, defaultClassName, getSVGData) {
     var naturalWidth = svgDataByHeight[naturalHeight].width;
     var width = height * (naturalWidth / naturalHeight);
     var path = svgDataByHeight[naturalHeight].path;
+    var labelled = ariaLabel || arialabelledby;
+    var role = labelled ? 'img' : undefined;
     return (/*#__PURE__*/React.createElement("svg", {
         ref: forwardedRef,
-        "aria-hidden": ariaLabel ? 'false' : 'true',
+        "aria-hidden": labelled ? undefined : 'true',
         tabIndex: tabIndex,
         focusable: tabIndex >= 0 ? 'true' : 'false',
         "aria-label": ariaLabel,
         "aria-labelledby": arialabelledby,
-        role: "img",
         className: className,
+        role: role,
         viewBox: "0 0 ".concat(naturalWidth, " ").concat(naturalHeight),
         width: width,
         height: height,

package/dist/icons/BookIcon.js

@@ -30,15 +30,17 @@ function createIconComponent(name, defaultClassName, getSVGData) {
     var naturalWidth = svgDataByHeight[naturalHeight].width;
     var width = height * (naturalWidth / naturalHeight);
     var path = svgDataByHeight[naturalHeight].path;
+    var labelled = ariaLabel || arialabelledby;
+    var role = labelled ? 'img' : undefined;
     return (/*#__PURE__*/React.createElement("svg", {
         ref: forwardedRef,
-        "aria-hidden": ariaLabel ? 'false' : 'true',
+        "aria-hidden": labelled ? undefined : 'true',
         tabIndex: tabIndex,
         focusable: tabIndex >= 0 ? 'true' : 'false',
         "aria-label": ariaLabel,
         "aria-labelledby": arialabelledby,
-        role: "img",
         className: className,
+        role: role,
         viewBox: "0 0 ".concat(naturalWidth, " ").concat(naturalHeight),
         width: width,
         height: height,

package/dist/icons/BookmarkFillIcon.js

@@ -30,15 +30,17 @@ function createIconComponent(name, defaultClassName, getSVGData) {
     var naturalWidth = svgDataByHeight[naturalHeight].width;
     var width = height * (naturalWidth / naturalHeight);
     var path = svgDataByHeight[naturalHeight].path;
+    var labelled = ariaLabel || arialabelledby;
+    var role = labelled ? 'img' : undefined;
     return (/*#__PURE__*/React.createElement("svg", {
         ref: forwardedRef,
-        "aria-hidden": ariaLabel ? 'false' : 'true',
+        "aria-hidden": labelled ? undefined : 'true',
         tabIndex: tabIndex,
         focusable: tabIndex >= 0 ? 'true' : 'false',
         "aria-label": ariaLabel,
         "aria-labelledby": arialabelledby,
-        role: "img",
         className: className,
+        role: role,
         viewBox: "0 0 ".concat(naturalWidth, " ").concat(naturalHeight),
         width: width,
         height: height,

package/dist/icons/BookmarkIcon.js

@@ -30,15 +30,17 @@ function createIconComponent(name, defaultClassName, getSVGData) {
     var naturalWidth = svgDataByHeight[naturalHeight].width;
     var width = height * (naturalWidth / naturalHeight);
     var path = svgDataByHeight[naturalHeight].path;
+    var labelled = ariaLabel || arialabelledby;
+    var role = labelled ? 'img' : undefined;
     return (/*#__PURE__*/React.createElement("svg", {
         ref: forwardedRef,
-        "aria-hidden": ariaLabel ? 'false' : 'true',
+        "aria-hidden": labelled ? undefined : 'true',
         tabIndex: tabIndex,
         focusable: tabIndex >= 0 ? 'true' : 'false',
         "aria-label": ariaLabel,
         "aria-labelledby": arialabelledby,
-        role: "img",
         className: className,
+        role: role,
         viewBox: "0 0 ".concat(naturalWidth, " ").concat(naturalHeight),
         width: width,
         height: height,

package/dist/icons/BookmarkSlashFillIcon.js

@@ -30,15 +30,17 @@ function createIconComponent(name, defaultClassName, getSVGData) {
     var naturalWidth = svgDataByHeight[naturalHeight].width;
     var width = height * (naturalWidth / naturalHeight);
     var path = svgDataByHeight[naturalHeight].path;
+    var labelled = ariaLabel || arialabelledby;
+    var role = labelled ? 'img' : undefined;
     return (/*#__PURE__*/React.createElement("svg", {
         ref: forwardedRef,
-        "aria-hidden": ariaLabel ? 'false' : 'true',
+        "aria-hidden": labelled ? undefined : 'true',
         tabIndex: tabIndex,
         focusable: tabIndex >= 0 ? 'true' : 'false',
         "aria-label": ariaLabel,
         "aria-labelledby": arialabelledby,
-        role: "img",
         className: className,
+        role: role,
         viewBox: "0 0 ".concat(naturalWidth, " ").concat(naturalHeight),
         width: width,
         height: height,

package/dist/icons/BookmarkSlashIcon.js

@@ -30,15 +30,17 @@ function createIconComponent(name, defaultClassName, getSVGData) {
     var naturalWidth = svgDataByHeight[naturalHeight].width;
     var width = height * (naturalWidth / naturalHeight);
     var path = svgDataByHeight[naturalHeight].path;
+    var labelled = ariaLabel || arialabelledby;
+    var role = labelled ? 'img' : undefined;
     return (/*#__PURE__*/React.createElement("svg", {
         ref: forwardedRef,
-        "aria-hidden": ariaLabel ? 'false' : 'true',
+        "aria-hidden": labelled ? undefined : 'true',
         tabIndex: tabIndex,
         focusable: tabIndex >= 0 ? 'true' : 'false',
         "aria-label": ariaLabel,
         "aria-labelledby": arialabelledby,
-        role: "img",
         className: className,
+        role: role,
         viewBox: "0 0 ".concat(naturalWidth, " ").concat(naturalHeight),
         width: width,
         height: height,

package/dist/icons/BriefcaseIcon.js

@@ -30,15 +30,17 @@ function createIconComponent(name, defaultClassName, getSVGData) {
     var naturalWidth = svgDataByHeight[naturalHeight].width;
     var width = height * (naturalWidth / naturalHeight);
     var path = svgDataByHeight[naturalHeight].path;
+    var labelled = ariaLabel || arialabelledby;
+    var role = labelled ? 'img' : undefined;
     return (/*#__PURE__*/React.createElement("svg", {
         ref: forwardedRef,
-        "aria-hidden": ariaLabel ? 'false' : 'true',
+        "aria-hidden": labelled ? undefined : 'true',
         tabIndex: tabIndex,
         focusable: tabIndex >= 0 ? 'true' : 'false',
         "aria-label": ariaLabel,
         "aria-labelledby": arialabelledby,
-        role: "img",
         className: className,
+        role: role,
         viewBox: "0 0 ".concat(naturalWidth, " ").concat(naturalHeight),
         width: width,
         height: height,

package/dist/icons/BroadcastIcon.js

@@ -30,15 +30,17 @@ function createIconComponent(name, defaultClassName, getSVGData) {
     var naturalWidth = svgDataByHeight[naturalHeight].width;
     var width = height * (naturalWidth / naturalHeight);
     var path = svgDataByHeight[naturalHeight].path;
+    var labelled = ariaLabel || arialabelledby;
+    var role = labelled ? 'img' : undefined;
     return (/*#__PURE__*/React.createElement("svg", {
         ref: forwardedRef,
-        "aria-hidden": ariaLabel ? 'false' : 'true',
+        "aria-hidden": labelled ? undefined : 'true',
         tabIndex: tabIndex,
         focusable: tabIndex >= 0 ? 'true' : 'false',
         "aria-label": ariaLabel,
         "aria-labelledby": arialabelledby,
-        role: "img",
         className: className,
+        role: role,
         viewBox: "0 0 ".concat(naturalWidth, " ").concat(naturalHeight),
         width: width,
         height: height,

package/dist/icons/BrowserIcon.js

@@ -30,15 +30,17 @@ function createIconComponent(name, defaultClassName, getSVGData) {
     var naturalWidth = svgDataByHeight[naturalHeight].width;
     var width = height * (naturalWidth / naturalHeight);
     var path = svgDataByHeight[naturalHeight].path;
+    var labelled = ariaLabel || arialabelledby;
+    var role = labelled ? 'img' : undefined;
     return (/*#__PURE__*/React.createElement("svg", {
         ref: forwardedRef,
-        "aria-hidden": ariaLabel ? 'false' : 'true',
+        "aria-hidden": labelled ? undefined : 'true',
         tabIndex: tabIndex,
         focusable: tabIndex >= 0 ? 'true' : 'false',
         "aria-label": ariaLabel,
         "aria-labelledby": arialabelledby,
-        role: "img",
         className: className,
+        role: role,
         viewBox: "0 0 ".concat(naturalWidth, " ").concat(naturalHeight),
         width: width,
         height: height,