@codecademy/gamut-icons 8.1.2-alpha.82f224.0 → 8.1.2-alpha.aafa9e.0

package/dist/icons/regular/ProgrammingBrowserIcon.js

@@ -35,14 +35,15 @@ export var ProgrammingBrowserIcon = /*#__PURE__*/React.forwardRef(function (_ref
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'programming-browser-1'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "programming-browser-1-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'programming-browser-1'
-      }), /*#__PURE__*/_jsxs("g", {
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: "".concat(maskId),
+      children: /*#__PURE__*/_jsxs("g", {
         fill: "none",
         stroke: "#fff",
         strokeLinecap: "round",
@@ -53,9 +54,9 @@ export var ProgrammingBrowserIcon = /*#__PURE__*/React.forwardRef(function (_ref
         }), /*#__PURE__*/_jsx("path", {
           d: "M39.375 65.625l17.5 17.5-17.5 17.5"
         })]
-      })]
+      })
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#programming-browser-1-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/ProjectsIcon.js

@@ -35,23 +35,24 @@ export var ProjectsIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'module-puzzle'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "module-puzzle-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'module-puzzle'
-      }), /*#__PURE__*/_jsx("path", {
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: "".concat(maskId),
+      children: /*#__PURE__*/_jsx("path", {
         d: "M19.5 15.75l3.311-3.311a1.5 1.5 0 000-2.121L20.7 8.212A3.75 3.75 0 1115.788 3.3l-2.106-2.111a1.5 1.5 0 00-2.121 0L8.25 4.5A3.75 3.75 0 104.5 8.25l-3.311 3.311a1.5 1.5 0 000 2.121L3.3 15.788A3.75 3.75 0 118.212 20.7l2.106 2.107a1.5 1.5 0 002.121 0L15.75 19.5a3.75 3.75 0 103.75-3.75z",
         fill: "none",
         stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
-      })]
+      })
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#module-puzzle-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/PythonIcon.js

@@ -35,20 +35,21 @@ export var PythonIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'Python Icon'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "python-icon-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'Python Icon'
-      }), /*#__PURE__*/_jsx("path", {
+      id: "".concat(maskId),
+      children: [/*#__PURE__*/_jsx("path", {
         d: "M19.782 7.032h-2.815V4.217L14.75 2h-5.5L7.033 4.217v2.815H4.218L2 9.25v5.5l2.218 2.217h2.815v2.816L9.25 22h5.5l2.217-2.218v-2.815h2.816L22 14.75v-5.5l-2.218-2.217zM4.687 15.837l-1.555-1.554V9.718l1.556-1.555H12v-1.13H8.162V4.688l1.555-1.555h4.566l1.555 1.555v4.54l-2.188 2.207H9.88l-2.847 2.848v1.555H4.688zm16.18-1.554l-1.555 1.555H12v1.132h3.838v2.345l-1.555 1.555H9.718l-1.555-1.555V14.75l2.185-2.185h3.775l2.845-2.875V8.162h2.345l1.555 1.555v4.565z"
       }), /*#__PURE__*/_jsx("path", {
         d: "M9.547 4.453h1.133V5.71H9.548V4.453zM13.32 18.29h1.133v1.258H13.32V18.29z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#python-icon-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/QuizIcon.js

@@ -35,14 +35,15 @@ export var QuizIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'notes-paper-approve'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "notes-paper-approve-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'notes-paper-approve'
-      }), /*#__PURE__*/_jsx("path", {
+      id: "".concat(maskId),
+      children: [/*#__PURE__*/_jsx("path", {
         d: "M13.629 23.25H2.25a1.5 1.5 0 01-1.5-1.5V2.25a1.5 1.5 0 011.5-1.5h19.5a1.5 1.5 0 011.5 1.5v11.379a1.5 1.5 0 01-.439 1.06l-8.122 8.122a1.5 1.5 0 01-1.06.439z",
         fill: "none",
         stroke: "#fff",
@@ -58,7 +59,7 @@ export var QuizIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         strokeWidth: 1.5
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#notes-paper-approve-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/RadarIcon.js

@@ -35,20 +35,21 @@ export var RadarIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'radar'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "radar-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'radar'
-      }), /*#__PURE__*/_jsx("path", {
+      id: "".concat(maskId),
+      children: [/*#__PURE__*/_jsx("path", {
         d: "M12 24.005a11.922 11.922 0 01-8.481-3.511A11.917 11.917 0 010 12.01v-.023a11.927 11.927 0 013.511-8.464A11.925 11.925 0 0111.908.006a.586.586 0 01.186.001 11.947 11.947 0 017.84 2.999l.536-.536c.141-.142.33-.22.53-.22s.389.078.53.22c.142.141.22.33.22.53s-.078.389-.22.53l-7.72 7.72h9.439A.754.754 0 0124 12c.003 6.616-5.378 12.002-11.995 12.005H12zM1.529 12.75a10.454 10.454 0 003.05 6.683 10.45 10.45 0 006.671 3.043v-3.013a7.521 7.521 0 01-1.529-.316 7.455 7.455 0 01-4.386-3.708 7.548 7.548 0 01-.793-2.689H1.529zm11.221 9.725c5.186-.369 9.354-4.539 9.721-9.725h-3.008a7.55 7.55 0 01-.148.915.746.746 0 01-.897.566.744.744 0 01-.468-.331.742.742 0 01-.097-.566c.043-.192.077-.388.102-.585H12.75v5.207a5.945 5.945 0 002.006-.624.75.75 0 011.011.323.744.744 0 01.048.572.742.742 0 01-.371.438 7.448 7.448 0 01-2.694.801v3.009zM6.049 12.75a5.95 5.95 0 00.618 2.001 5.961 5.961 0 003.51 2.966c.351.112.71.192 1.073.238V12.75H6.049zm5.201-1.5V6.048a5.938 5.938 0 00-1.917.577.767.767 0 01-.333.077.751.751 0 01-.333-1.422 7.452 7.452 0 012.583-.741V1.534a10.451 10.451 0 00-6.678 3.05 10.455 10.455 0 00-3.043 6.666H4.54a7.455 7.455 0 01.387-1.75.752.752 0 01.957-.457.75.75 0 01.457.957 5.86 5.86 0 00-.292 1.25h5.201zm1.5-1.06l2.926-2.926a6.045 6.045 0 00-2.926-1.213v4.139zm0-5.648a7.524 7.524 0 013.993 1.655l2.128-2.128a10.472 10.472 0 00-6.121-2.534v3.007z"
       }), /*#__PURE__*/_jsx("path", {
         d: "M17.625 17.25a.796.796 0 01-.13-.011 1.126 1.126 0 01-.983-.983.796.796 0 010-.261c.06-.513.47-.923.983-.983a.699.699 0 01.261-.001c.513.06.923.47.983.983a.808.808 0 010 .262c-.06.513-.47.923-.983.983a.817.817 0 01-.131.011zm-11.25-9a.717.717 0 01-.131-.012 1.125 1.125 0 01-.982-.982.717.717 0 010-.262c.06-.513.47-.922.982-.982a.717.717 0 01.262 0c.513.06.922.47.982.982a.717.717 0 010 .262c-.06.513-.47.922-.982.982a.717.717 0 01-.131.012z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#radar-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/RailsIcon.js

@@ -35,18 +35,19 @@ export var RailsIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'Rails Icon'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "rails-icon-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'Rails Icon'
-      }), /*#__PURE__*/_jsx("path", {
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: "".concat(maskId),
+      children: /*#__PURE__*/_jsx("path", {
         d: "M9.196 11.888c-1.19 2.646-1.718 5.531-1.579 8.67h5.487c-.911-2.22-1.183-4.879-.834-7.955.266-2.346 1.3-4.336 3.065-5.966-2.972.959-4.998 2.713-6.139 5.25zm-2.781 9.974c-.363-3.821.173-7.326 1.607-10.514C10.1 6.724 14.727 4.43 21.899 4.47c-5.135 1.726-7.917 4.486-8.347 8.282-.43 3.796.143 6.832 1.72 9.11H6.415zM2 19.174h2.581v2.609H2zm1.108-7.014l2.022.736-.744 2.042-2.021-.735zM6.09 7.223l1.49.86-.87 1.506-1.489-.86zm4.775-2.826l.645 1.117-1.129.652-.645-1.117zM15.5 2.874l.343.94-.94.341-.342-.94zM20 3v1h-1V3z"
-      })]
+      })
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#rails-icon-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/RatingStarCircleIcon.js

@@ -35,14 +35,15 @@ export var RatingStarCircleIcon = /*#__PURE__*/React.forwardRef(function (_ref,
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'rating-star-circle'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "rating-star-circle-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'rating-star-circle'
-      }), /*#__PURE__*/_jsx("path", {
+      id: "".concat(maskId),
+      children: [/*#__PURE__*/_jsx("path", {
         d: "M12.593 6.8l1.4 2.95h2.377a.651.651 0 01.469 1.114l-2.187 1.946 1.209 2.778a.658.658 0 01-.938.823L12 14.767l-2.923 1.644a.658.658 0 01-.938-.823l1.209-2.778-2.183-1.946a.651.651 0 01.469-1.114h2.377l1.4-2.95a.665.665 0 011.182 0z",
         fill: "none",
         stroke: "#fff",
@@ -60,7 +61,7 @@ export var RatingStarCircleIcon = /*#__PURE__*/React.forwardRef(function (_ref,
         strokeWidth: 1.5
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#rating-star-circle-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/RatingStarGiveIcon.js

@@ -35,23 +35,24 @@ export var RatingStarGiveIcon = /*#__PURE__*/React.forwardRef(function (_ref, sv
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'rating-star-give-1'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "rating-star-give-1-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'rating-star-give-1'
-      }), /*#__PURE__*/_jsx("path", {
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: "".concat(maskId),
+      children: /*#__PURE__*/_jsx("path", {
         fill: "none",
         stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5,
         d: "M.75 14.25v9m0-1.5h15a3 3 0 00-3-3H9a3 3 0 00-3-3H.75m5.25 3h3m7.932-17.517l2.005 3.946h3.428a.884.884 0 01.62 1.513L19.868 9.76l1.741 4a.883.883 0 01-1.243 1.122l-4.222-2.374-4.222 2.374a.883.883 0 01-1.243-1.122l1.742-4L9.3 6.692a.883.883 0 01.62-1.513h3.428l2-3.946a.883.883 0 011.584 0z"
-      })]
+      })
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#rating-star-give-1-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/ReactIcon.js

@@ -35,14 +35,15 @@ export var ReactIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'React Icon'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "react-icon-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'React Icon'
-      }), /*#__PURE__*/_jsxs("g", {
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: "".concat(maskId),
+      children: /*#__PURE__*/_jsxs("g", {
         transform: "translate(2 2)",
         fill: "none",
         stroke: "#fff",
@@ -72,9 +73,9 @@ export var ReactIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
           rx: 3.136,
           ry: 9.599
         })]
-      })]
+      })
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#react-icon-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/RedditIcon.js

@@ -35,14 +35,15 @@ export var RedditIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'social-media-reddit'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "social-media-reddit-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'social-media-reddit'
-      }), /*#__PURE__*/_jsx("ellipse", {
+      id: "".concat(maskId),
+      children: [/*#__PURE__*/_jsx("ellipse", {
         cx: 12,
         cy: 15.33,
         rx: 9.29,
@@ -77,7 +78,7 @@ export var RedditIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         strokeWidth: 1.5
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#social-media-reddit-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/RefreshIcon.js

@@ -35,23 +35,24 @@ export var RefreshIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'button-refresh-arrow'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "button-refresh-arrow-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'button-refresh-arrow'
-      }), /*#__PURE__*/_jsx("path", {
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: "".concat(maskId),
+      children: /*#__PURE__*/_jsx("path", {
         fill: "none",
         stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5,
         d: "M6 14.248v4.5H1.5m4.217.003A9.753 9.753 0 0116.5 3M5.712 18.746A9.72 9.72 0 119 21"
-      })]
+      })
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#button-refresh-arrow-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/ResetIcon.js

@@ -35,23 +35,24 @@ export var ResetIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'button-refresh-arrows'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "button-refresh-arrows-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'button-refresh-arrows'
-      }), /*#__PURE__*/_jsx("path", {
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: "".concat(maskId),
+      children: /*#__PURE__*/_jsx("path", {
         fill: "none",
         stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5,
         d: "M5.25 14.248v4.5H.75m18-9v-4.5h4.5m-4.218-.003A9.752 9.752 0 018.246 21m-3.279-2.249A9.753 9.753 0 0115.754 3"
-      })]
+      })
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#button-refresh-arrows-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/ResponsiveIcon.js

@@ -35,14 +35,15 @@ export var ResponsiveIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'responsive-design-1'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "responsive-design-1-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'responsive-design-1'
-      }), /*#__PURE__*/_jsx("path", {
+      id: "".concat(maskId),
+      children: [/*#__PURE__*/_jsx("path", {
         fill: "none",
         stroke: "#fff",
         strokeLinecap: "round",
@@ -70,7 +71,7 @@ export var ResponsiveIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
         d: "M.75 20.25h7.5m-4.5-12v-1.5a1.5 1.5 0 011.5-1.5h6a1.5 1.5 0 011.5 1.5v9a1.5 1.5 0 01-1.5 1.5m0-3h1.5m-9-6h9"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#responsive-design-1-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/RibbonDoubleFilledIcon.js

@@ -35,14 +35,15 @@ export var RibbonDoubleFilledIcon = /*#__PURE__*/React.forwardRef(function (_ref
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'ribbon-double-filled'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "ribbon-double-filled-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'ribbon-double-filled'
-      }), /*#__PURE__*/_jsx("path", {
+      id: "".concat(maskId),
+      children: [/*#__PURE__*/_jsx("path", {
         d: "M7 4V2.31c0-.347.134-.68.373-.926.238-.246.562-.384.9-.384h11.454c.338 0 .662.138.9.384.239.246.373.579.373.926V20",
         stroke: "#fff",
         strokeWidth: 1.5,
@@ -58,7 +59,7 @@ export var RibbonDoubleFilledIcon = /*#__PURE__*/React.forwardRef(function (_ref
         strokeLinejoin: "round"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#ribbon-double-filled-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/RibbonDoubleIcon.js

@@ -35,14 +35,15 @@ export var RibbonDoubleIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgR
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'ribbon-double'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "ribbon-double-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'ribbon-double'
-      }), /*#__PURE__*/_jsx("path", {
+      id: "".concat(maskId),
+      children: [/*#__PURE__*/_jsx("path", {
         d: "M7 4V2.31c0-.347.134-.68.373-.926.238-.246.562-.384.9-.384h11.454c.338 0 .662.138.9.384.239.246.373.579.373.926V20",
         stroke: "#fff",
         strokeWidth: 1.5,
@@ -58,7 +59,7 @@ export var RibbonDoubleIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgR
         fill: "none"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#ribbon-double-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/RibbonFilledIcon.js

@@ -35,23 +35,24 @@ export var RibbonFilledIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgR
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'ribbon-filled'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "ribbon-filled-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'ribbon-filled'
-      }), /*#__PURE__*/_jsx("path", {
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: "".concat(maskId),
+      children: /*#__PURE__*/_jsx("path", {
         d: "M16.059 23.105l-6.177-4.492a1.5 1.5 0 00-1.764 0l-6.177 4.492A.75.75 0 01.75 22.5V2.25a1.5 1.5 0 011.5-1.5h13.5a1.5 1.5 0 011.5 1.5V22.5a.75.75 0 01-1.191.605z",
         fill: "#fff",
         stroke: "#fff",
         strokeWidth: 1.5,
         strokeLinecap: "round",
         strokeLinejoin: "round"
-      })]
+      })
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#ribbon-filled-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/RibbonIcon.js

@@ -35,23 +35,24 @@ export var RibbonIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'ribbon'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "ribbon-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'ribbon'
-      }), /*#__PURE__*/_jsx("path", {
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: "".concat(maskId),
+      children: /*#__PURE__*/_jsx("path", {
         d: "M16.059 23.105l-6.177-4.492a1.5 1.5 0 00-1.764 0l-6.177 4.492A.75.75 0 01.75 22.5V2.25a1.5 1.5 0 011.5-1.5h13.5a1.5 1.5 0 011.5 1.5V22.5a.75.75 0 01-1.191.605v0z",
         stroke: "#fff",
         strokeWidth: 1.5,
         strokeLinecap: "round",
         strokeLinejoin: "round",
         fill: "none"
-      })]
+      })
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#ribbon-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/RoadmapIcon.js

@@ -35,23 +35,24 @@ export var RoadmapIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'roadmap'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "roadmap-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'roadmap'
-      }), /*#__PURE__*/_jsx("path", {
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: "".concat(maskId),
+      children: /*#__PURE__*/_jsx("path", {
         d: "M.75 6.26a1.5 1.5 0 01.943-1.393l5.381-2.152a3 3 0 012.333.044l4.487 1.994a3 3 0 002.244.078l5.1-1.855a1.5 1.5 0 012.013 1.41v13.308a1.5 1.5 0 01-.987 1.409l-6.125 2.228a3 3 0 01-2.244-.078l-4.488-1.994a3 3 0 00-2.333-.044l-4.267 1.707A1.5 1.5 0 01.75 19.529zm11.625 4.984a.375.375 0 01.375.375m-.75 0a.375.375 0 01.375-.375m0 .75a.375.375 0 01-.375-.375m.75 0a.375.375 0 01-.375.375m-3 1.756a.375.375 0 01.375.375m-.75 0a.375.375 0 01.375-.375m0 .75A.375.375 0 019 14.125m.75 0a.375.375 0 01-.375.375m-3-3a.375.375 0 01.375.375m-.75 0a.375.375 0 01.375-.375m0 .75A.375.375 0 016 11.875m.75 0a.375.375 0 01-.375.375m-2.25 2.25a.375.375 0 01.375.375m-.75 0a.375.375 0 01.375-.375m0 .75a.375.375 0 01-.375-.375m.75 0a.375.375 0 01-.375.375M15.75 8.244l4.5 4.5m-4.5 0l4.5-4.5",
         fill: "none",
         stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
-      })]
+      })
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#roadmap-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/RocketIcon.js

@@ -35,14 +35,15 @@ export var RocketIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'space-rocket-flying'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "space-rocket-flying-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'space-rocket-flying'
-      }), /*#__PURE__*/_jsx("path", {
+      id: "".concat(maskId),
+      children: [/*#__PURE__*/_jsx("path", {
         d: "M22.5 1.567l-2.158.24a7.5 7.5 0 00-4.475 2.151L6.06 13.765l4.24 4.242L20.109 8.2a7.494 7.494 0 002.151-4.475zM6.06 13.765l-3.622-1.208a.749.749 0 01-.293-1.241l.232-.232a6 6 0 016.14-1.45l1.255.418z",
         fill: "none",
         stroke: "#fff",
@@ -65,7 +66,7 @@ export var RocketIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         strokeWidth: 1.5
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#space-rocket-flying-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/RubyIcon.js

@@ -35,14 +35,15 @@ export var RubyIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'Ruby Icon'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "ruby-icon-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'Ruby Icon'
-      }), /*#__PURE__*/_jsx("path", {
+      id: "".concat(maskId),
+      children: [/*#__PURE__*/_jsx("path", {
         d: "M1.5 9.5v-1h21v1z"
       }), /*#__PURE__*/_jsx("path", {
         d: "M12 19.52l9.733-10.618L18.465 4H5.535L2.267 8.902 12 19.52zM5 3h14l4 6-11 12L1 9l4-6z"
@@ -52,7 +53,7 @@ export var RubyIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         d: "M7.354 9.354l-.708-.708L12 3.293l5.354 5.353-.708.708L12 4.707z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#ruby-icon-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",