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

package/dist/icons/regular/AlarmClockIcon.js

@@ -35,14 +35,15 @@ export var AlarmClockIcon = /*#__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: 'alarm-clock'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "alarm-clock-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'alarm-clock'
-      }), /*#__PURE__*/_jsx("circle", {
+      id: "".concat(maskId),
+      children: [/*#__PURE__*/_jsx("circle", {
         cx: 12,
         cy: 12.75,
         r: 9,
@@ -60,7 +61,7 @@ export var AlarmClockIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
         d: "M6 23.25l1.386-2.771M12 12.75H8.609M12 7.5v5.25m-10.5-9l3.75-3M18 23.25l-1.386-2.772M22.5 3.75l-3.75-3"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#alarm-clock-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/AlertIcon.js

@@ -35,14 +35,15 @@ export var AlertIcon = /*#__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: 'alert-circle'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "alert-circle-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'alert-circle'
-      }), /*#__PURE__*/_jsx("path", {
+      id: "".concat(maskId),
+      children: [/*#__PURE__*/_jsx("path", {
         d: "M12 16.5a.375.375 0 10.375.375A.375.375 0 0012 16.5h0",
         strokeLinejoin: "round",
         strokeLinecap: "round",
@@ -66,7 +67,7 @@ export var AlertIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         strokeWidth: 1.5
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#alert-circle-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/AmexIcon.js

@@ -35,14 +35,15 @@ export var AmexIcon = /*#__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: 'amex'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "amex-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'amex'
-      }), /*#__PURE__*/_jsx("path", {
+      id: "".concat(maskId),
+      children: [/*#__PURE__*/_jsx("path", {
         d: "M.504 3.5h23v17h-23z",
         fill: "none",
         stroke: "#fff",
@@ -56,7 +57,7 @@ export var AmexIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         strokeLinejoin: "round"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#amex-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/AnalyticsGraphIcon.js

@@ -35,23 +35,24 @@ export var AnalyticsGraphIcon = /*#__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: 'analytics-graph'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "analytics-graph-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'analytics-graph'
-      }), /*#__PURE__*/_jsx("path", {
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: "".concat(maskId),
+      children: /*#__PURE__*/_jsx("path", {
         d: "M4.37 135.625h126.874m-115.208-26.25h16.047A2.917 2.917 0 0135 112.292v23.333h0-21.88 0v-23.333a2.917 2.917 0 012.916-2.917zm43.75-52.5h16.047a2.917 2.917 0 012.917 2.917v75.833h0-21.88 0V59.792a2.917 2.917 0 012.916-2.917zm43.75 26.25h16.047a2.917 2.917 0 012.917 2.917v49.583h0-21.875 0V86.042a2.917 2.917 0 012.91-2.917zM40.15 29.873L16.719 53.282M83.48 36.896l-27.264-7.292m62.737-12.752L98.064 33.186m-58.694-6.93a8.75 8.75 0 1017.5 0 8.75 8.75 0 10-17.5 0zm78.755-13.131a8.75 8.75 0 1017.5 0 8.75 8.75 0 10-17.5 0zm-35 26.25a8.75 8.75 0 1017.5 0 8.75 8.75 0 10-17.5 0zM4.37 61.256a8.75 8.75 0 1017.5 0 8.75 8.75 0 10-17.5 0z",
         strokeWidth: 8.75,
         fill: "none",
         stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round"
-      })]
+      })
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#analytics-graph-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/ArrowChevronDownFilledIcon.js

@@ -35,19 +35,20 @@ export var ArrowChevronDownFilledIcon = /*#__PURE__*/React.forwardRef(function (
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'filled-arrow-down'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "filled-arrow-down-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'filled-arrow-down'
-      }), /*#__PURE__*/_jsx("path", {
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: "".concat(maskId),
+      children: /*#__PURE__*/_jsx("path", {
         d: "M7.066 1.5L4 6.099.934 1.5h6.132z",
         fill: "#fff"
-      })]
+      })
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#filled-arrow-down-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/ArrowChevronDownIcon.js

@@ -35,23 +35,24 @@ export var ArrowChevronDownIcon = /*#__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: 'arrow-down-1'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "arrow-down-1-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'arrow-down-1'
-      }), /*#__PURE__*/_jsx("path", {
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: "".concat(maskId),
+      children: /*#__PURE__*/_jsx("path", {
         d: "M23.25 7.311L12.53 18.03a.749.749 0 01-1.06 0L.75 7.311",
         fill: "none",
         stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
-      })]
+      })
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#arrow-down-1-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/ArrowChevronLeftIcon.js

@@ -35,23 +35,24 @@ export var ArrowChevronLeftIcon = /*#__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: 'arrow-left-1'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "arrow-left-1-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'arrow-left-1'
-      }), /*#__PURE__*/_jsx("path", {
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: "".concat(maskId),
+      children: /*#__PURE__*/_jsx("path", {
         d: "M16.25 23.25L5.53 12.53a.749.749 0 010-1.06L16.25.75",
         fill: "none",
         stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
-      })]
+      })
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#arrow-left-1-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/ArrowChevronRightIcon.js

@@ -35,23 +35,24 @@ export var ArrowChevronRightIcon = /*#__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: 'arrow-right-1'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "arrow-right-1-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'arrow-right-1'
-      }), /*#__PURE__*/_jsx("path", {
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: "".concat(maskId),
+      children: /*#__PURE__*/_jsx("path", {
         d: "M5.5.75l10.72 10.72a.749.749 0 010 1.06L5.5 23.25",
         fill: "none",
         stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
-      })]
+      })
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#arrow-right-1-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/ArrowChevronUpIcon.js

@@ -35,23 +35,24 @@ export var ArrowChevronUpIcon = /*#__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: 'arrow-up-1'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "arrow-up-1-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'arrow-up-1'
-      }), /*#__PURE__*/_jsx("path", {
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: "".concat(maskId),
+      children: /*#__PURE__*/_jsx("path", {
         d: "M.75 17.189L11.47 6.47a.749.749 0 011.06 0l10.72 10.719",
         fill: "none",
         stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
-      })]
+      })
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#arrow-up-1-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/ArrowDownIcon.js

@@ -35,23 +35,24 @@ export var ArrowDownIcon = /*#__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: 'arrow-down'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "arrow-down-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'arrow-down'
-      }), /*#__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: "M12 .75v22.5M1.5 12.75L12 23.25l10.5-10.5"
-      })]
+      })
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#arrow-down-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/ArrowLeftIcon.js

@@ -35,23 +35,24 @@ export var ArrowLeftIcon = /*#__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: 'arrow-left'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "arrow-left-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'arrow-left'
-      }), /*#__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: "M23.25 12H.75m10.5-10.5L.75 12l10.5 10.5"
-      })]
+      })
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#arrow-left-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/ArrowRightIcon.js

@@ -35,23 +35,24 @@ export var ArrowRightIcon = /*#__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: 'arrow-right'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "arrow-right-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'arrow-right'
-      }), /*#__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 12h22.5m-10.5 10.5L23.25 12 12.75 1.5"
-      })]
+      })
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#arrow-right-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/ArrowUpIcon.js

@@ -35,23 +35,24 @@ export var ArrowUpIcon = /*#__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: 'arrow-up'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "arrow-up-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'arrow-up'
-      }), /*#__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: "M12 23.25V.75m10.5 10.5L12 .75 1.5 11.25"
-      })]
+      })
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#arrow-up-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/ArticleIcon.js

@@ -35,14 +35,15 @@ export var ArticleIcon = /*#__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: 'newspaper-fold'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "newspaper-fold-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'newspaper-fold'
-      }), /*#__PURE__*/_jsx("path", {
+      id: "".concat(maskId),
+      children: [/*#__PURE__*/_jsx("path", {
         d: "M23.25 6v14.25a2.25 2.25 0 01-4.5 0V3a1.5 1.5 0 00-1.5-1.5h-15A1.5 1.5 0 00.75 3v17.25A2.25 2.25 0 003 22.5h18M4.5 15H15M4.5 18h6",
         fill: "none",
         stroke: "#fff",
@@ -63,7 +64,7 @@ export var ArticleIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         strokeWidth: 1.5
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#newspaper-fold-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/BadgeIcon.js

@@ -35,14 +35,15 @@ export var BadgeIcon = /*#__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: 'rating-star-badge'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "rating-star-badge-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'rating-star-badge'
-      }), /*#__PURE__*/_jsx("path", {
+      id: "".concat(maskId),
+      children: [/*#__PURE__*/_jsx("path", {
         d: "M23.25 9.938A13.5 13.5 0 0112 23.25 13.5 13.5 0 01.75 9.938V.75h22.5zM.75 5.25h22.5",
         fill: "none",
         stroke: "#fff",
@@ -58,7 +59,7 @@ export var BadgeIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         strokeWidth: 1.5
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#rating-star-badge-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/BellIcon.js

@@ -35,23 +35,24 @@ export var BellIcon = /*#__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: 'alarm-bell'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "alarm-bell-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'alarm-bell'
-      }), /*#__PURE__*/_jsx("path", {
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: "".concat(maskId),
+      children: /*#__PURE__*/_jsx("path", {
         d: "M10 21.75a2.087 2.087 0 004.005 0M12 3V.75M12 3a7.5 7.5 0 017.5 7.5c0 7.046 1.5 8.25 1.5 8.25H3s1.5-1.916 1.5-8.25A7.5 7.5 0 0112 3z",
         fill: "none",
         stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
-      })]
+      })
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#alarm-bell-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/BookClosedBookmarkIcon.js

@@ -35,14 +35,15 @@ export var BookClosedBookmarkIcon = /*#__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: 'book-close-bookmark'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "book-close-bookmark-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'book-close-bookmark'
-      }), /*#__PURE__*/_jsx("path", {
+      id: "".concat(maskId),
+      children: [/*#__PURE__*/_jsx("path", {
         d: "M18 2.25h1.5a1.5 1.5 0 011.5 1.5v18a1.5 1.5 0 01-1.5 1.5h-15a1.5 1.5 0 01-1.5-1.5v-18a1.5 1.5 0 011.5-1.5H12m-4.5 0v21",
         fill: "none",
         stroke: "#fff",
@@ -58,7 +59,7 @@ export var BookClosedBookmarkIcon = /*#__PURE__*/React.forwardRef(function (_ref
         strokeWidth: 1.5
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#book-close-bookmark-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/BookFlipPageIcon.js

@@ -35,14 +35,15 @@ export var BookFlipPageIcon = /*#__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: 'book-flip-page'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "book-flip-page-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'book-flip-page'
-      }), /*#__PURE__*/_jsx("path", {
+      id: "".concat(maskId),
+      children: [/*#__PURE__*/_jsx("path", {
         d: "M18 4.144a31.156 31.156 0 014.732-.394.517.517 0 01.366.144.5.5 0 01.152.356v15.768a.505.505 0 01-.5.5C14.457 20.621 12 23.25 12 23.25V6.482S9.545 3.856 1.268 3.75a.517.517 0 00-.368.144.5.5 0 00-.15.356v15.768a.505.505 0 00.5.5C9.543 20.621 12 23.25 12 23.25",
         fill: "none",
         stroke: "#fff",
@@ -58,7 +59,7 @@ export var BookFlipPageIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgR
         strokeWidth: 1.5
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#book-flip-page-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/BriefcaseIcon.js

@@ -35,14 +35,15 @@ export var BriefcaseIcon = /*#__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: 'briefcase'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "briefcase-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'briefcase'
-      }), /*#__PURE__*/_jsx("rect", {
+      id: "".concat(maskId),
+      children: [/*#__PURE__*/_jsx("rect", {
         x: 0.75,
         y: 6,
         width: 22.5,
@@ -63,7 +64,7 @@ export var BriefcaseIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
         d: "M5.25 11.25h13.5m-13.5 6h13.5M15.342 2.525A1.5 1.5 0 0013.919 1.5h-3.838a1.5 1.5 0 00-1.423 1.025L7.5 6h9zM3.75 6V4.5M20.25 6V4.5"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#briefcase-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/BrowserPageLayoutIcon.js

@@ -35,18 +35,19 @@ export var BrowserPageLayoutIcon = /*#__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: 'browser-page-layout'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "browser-page-layout-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'browser-page-layout'
-      }), /*#__PURE__*/_jsx("path", {
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: "".concat(maskId),
+      children: /*#__PURE__*/_jsx("path", {
         d: "M3 22.5a2.252 2.252 0 01-2.25-2.25V3.75A2.252 2.252 0 013 1.5h18a2.252 2.252 0 012.25 2.25v16.5A2.252 2.252 0 0121 22.5H3zM21 21a.75.75 0 00.75-.75V15h-12v6H21zm-18.75-.75c0 .414.336.75.75.75h5.25V7.5h-6v12.75zm19.5-6.75v-6h-12v6h12zm0-7.5V3.75A.75.75 0 0021 3H3a.75.75 0 00-.75.75V6h19.5z"
-      })]
+      })
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#browser-page-layout-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",