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

package/dist/icons/regular/CreditCardIcon.js

@@ -35,22 +35,23 @@ export var CreditCardIcon = /*#__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: 'credit-card'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "credit-card-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'credit-card'
-      }), /*#__PURE__*/_jsx("path", {
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: "".concat(maskId),
+      children: /*#__PURE__*/_jsx("path", {
         d: "M.504 4h23v16h-23zm0 4h23m-3 4h-3m-6 0h-8m3 3h-3",
         fill: "none",
         stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round"
-      })]
+      })
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#credit-card-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/CubeIcon.js

@@ -35,20 +35,21 @@ export var CubeIcon = /*#__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: 'cube'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "cube-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'cube'
-      }), /*#__PURE__*/_jsx("path", {
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: "".concat(maskId),
+      children: /*#__PURE__*/_jsx("path", {
         d: "M10.267.101c-.136.063-.982.842-2.32 2.137-1.159 1.122-2.198 2.107-2.31 2.19a2.184 2.184 0 00-.347.338C5.099 5.015.621 9.326.392 9.482a1.056 1.056 0 00-.285.331C.001 10.02 0 10.122 0 20.653v10.631l.12.238c.088.174.184.27.358.358l.238.12h10.631c10.531 0 10.633-.001 10.84-.107.115-.059.264-.187.331-.285.156-.229 4.467-4.707 4.716-4.898.102-.079.254-.235.338-.347.083-.112 1.068-1.151 2.19-2.31 1.295-1.338 2.074-2.184 2.137-2.32.095-.205.099-.608.099-10.64V.667l-.12-.213a1.013 1.013 0 00-.332-.332l-.213-.12H20.907c-10.032 0-10.435.004-10.64.099m7.383 2.232c-.157.169-.652.685-1.1 1.147l-.814.841-3.522-.014-3.522-.014L9.867 3.16l1.174-1.133h6.894l-.285.306m9.763.841l-1.147 1.147-3.858-.014-3.859-.014 1.086-1.132 1.085-1.132 3.92-.001 3.92-.001-1.147 1.147m1.414 8.932l-1.147 1.147V5.734L28.813 4.6l1.134-1.134.013 3.746.014 3.747-1.147 1.147M13.126 7.027c-.355.374-.999 1.047-1.432 1.495l-.787.815-3.702-.015-3.701-.015 1.532-1.48 1.532-1.48h7.204l-.646.68m9.62.813l-1.494 1.494-3.767-.014-3.768-.013 1.421-1.48 1.422-1.48h7.68L22.746 7.84m1.414 8.933l-1.493 1.493v-7.519l1.48-1.48 1.48-1.481.013 3.746.014 3.747-1.494 1.494M10.347 15.52v4.16h-8.32v-8.32h8.32v4.16m10.293 0v4.16h-8.32v-8.32h8.32v4.16m9.267 5.489c-.037.052-.553.596-1.147 1.209l-1.08 1.114v-7.251l1.133-1.134 1.134-1.135.013 3.551c.011 2.784 0 3.572-.053 3.646m-4.254.774v3.649l-1.48 1.532-1.48 1.532-.013-3.701-.014-3.7 1.48-1.481c.814-.814 1.486-1.481 1.494-1.481.007 0 .013 1.642.013 3.65m-15.319 4.044L10.32 30l-4.147.014-4.146.013v-8.374h8.32l-.013 4.174m10.306.013v4.187l-4.147-.013L12.347 30l-.014-4.173-.014-4.174h8.321v4.187",
         fillRule: "evenodd",
         fill: "#fff"
-      })]
+      })
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#cube-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/DataFileBarsShareIcon.js

@@ -35,14 +35,15 @@ export var DataFileBarsShareIcon = /*#__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: 'data-file-bars-share'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "data-file-bars-share-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'data-file-bars-share'
-      }), /*#__PURE__*/_jsx("circle", {
+      id: "".concat(maskId),
+      children: [/*#__PURE__*/_jsx("circle", {
         cx: 13.5,
         cy: 18,
         r: 2.25,
@@ -78,7 +79,7 @@ export var DataFileBarsShareIcon = /*#__PURE__*/React.forwardRef(function (_ref,
         d: "M15.425 16.845l3.65-2.19m-3.487 4.18l3.324 1.33M3.75 14.25h4.5m0 0v-7.5m3 5.25V8.25m-6 6v-4.5m2.25 10.5H2.25a1.5 1.5 0 01-1.5-1.5V2.25a1.5 1.5 0 011.5-1.5h10.629a1.5 1.5 0 011.06.439l2.872 2.872a1.5 1.5 0 01.439 1.06V7.5"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#data-file-bars-share-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/DataTransferVerticalIcon.js

@@ -35,23 +35,24 @@ export var DataTransferVerticalIcon = /*#__PURE__*/React.forwardRef(function (_r
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'data-transfer-vertical'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "data-transfer-vertical-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'data-transfer-vertical'
-      }), /*#__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: "M9 10.5v12.75m3-3l-3 3-3-3m9-6.75V.75m-3 3l3-3 3 3"
-      })]
+      })
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#data-transfer-vertical-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/DeleteFilledIcon.js

@@ -35,18 +35,19 @@ export var DeleteFilledIcon = /*#__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: 'delete-2'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "delete-2-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'delete-2'
-      }), /*#__PURE__*/_jsx("path", {
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: "".concat(maskId),
+      children: /*#__PURE__*/_jsx("path", {
         d: "M20.488 3.515a11.994 11.994 0 100 16.97 12.014 12.014 0 000-16.97zm-3.779 11.764a1 1 0 01-1.409 1.415l-3.11-3.11a.252.252 0 00-.354 0l-3.109 3.11a1.019 1.019 0 01-1.415 0 1 1 0 010-1.415l3.11-3.109a.249.249 0 000-.353l-3.11-3.11a1 1 0 011.41-1.415l3.109 3.11a.25.25 0 00.354 0l3.11-3.11a1 1 0 011.414 1.415l-3.11 3.11a.25.25 0 000 .353z"
-      })]
+      })
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#delete-2-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/DeleteIcon.js

@@ -35,14 +35,15 @@ export var DeleteIcon = /*#__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: 'delete'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "delete-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'delete'
-      }), /*#__PURE__*/_jsx("circle", {
+      id: "".concat(maskId),
+      children: [/*#__PURE__*/_jsx("circle", {
         cx: 12,
         cy: 12,
         r: 11.25,
@@ -60,7 +61,7 @@ export var DeleteIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         d: "M4.045 19.955l15.91-15.91"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#delete-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/DiamondIcon.js

@@ -36,14 +36,15 @@ export var DiamondIcon = /*#__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: 'diamond-icon'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "diamond-icon-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'diamond-icon'
-      }), /*#__PURE__*/_jsx("path", {
+      id: "".concat(maskId),
+      children: [/*#__PURE__*/_jsx("path", {
         d: "M19.237 3.225a1.5 1.5 0 00-1.2-.6h-12a1.5 1.5 0 00-1.2.6L1.5 7.676a1.5 1.5 0 00.048 1.86l9.338 11.3a1.5 1.5 0 002.3 0l9.338-11.3a1.5 1.5 0 00.048-1.86zM5.349 2.792l6.688 18.583m6.687-18.583l-6.687 18.583M1.198 8.625h21.673",
         fill: "none",
         stroke: "#fff",
@@ -57,7 +58,7 @@ export var DiamondIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         strokeLinejoin: "round"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#diamond-icon-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/DiscountStarPremiumFilledIcon.js

@@ -35,14 +35,15 @@ export var DiscountStarPremiumFilledIcon = /*#__PURE__*/React.forwardRef(functio
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'discount-star-premium-filled'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "discount-star-premium-filled-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'discount-star-premium-filled'
-      }), /*#__PURE__*/_jsx("path", {
+      id: "".concat(maskId),
+      children: [/*#__PURE__*/_jsx("path", {
         d: "M12 0a12 12 0 1012 12A12.013 12.013 0 0012 0zm0 4.941A7.059 7.059 0 114.941 12 7.066 7.066 0 0112 4.941z",
         fill: "#fff"
       }), /*#__PURE__*/_jsx("path", {
@@ -50,7 +51,7 @@ export var DiscountStarPremiumFilledIcon = /*#__PURE__*/React.forwardRef(functio
         fill: "#fff"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#discount-star-premium-filled-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/DownloadIcon.js

@@ -35,23 +35,24 @@ export var DownloadIcon = /*#__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: 'download'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "download-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'download'
-      }), /*#__PURE__*/_jsx("path", {
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: "".concat(maskId),
+      children: /*#__PURE__*/_jsx("path", {
         d: "M12.001 3.75v12m-4.5-4.5l4.5 4.5 4.5-4.5m6.75 4.5v1.5a3 3 0 01-3 3h-16.5a3 3 0 01-3-3v-1.5",
         stroke: "#fff",
         strokeWidth: 1.5,
         strokeLinecap: "round",
         strokeLinejoin: "round",
         fill: "none"
-      })]
+      })
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#download-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/EarthIcon.js

@@ -35,14 +35,15 @@ export var EarthIcon = /*#__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: 'earth'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "earth-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'earth'
-      }), /*#__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 EarthIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         }), /*#__PURE__*/_jsx("path", {
           d: "M54.186 133.706C45.307 120.686 39.375 97.026 39.375 70s5.933-50.686 14.81-63.706M4.375 70h131.25M14.478 105h111.044M14.478 35h111.044M85.814 6.294c8.879 13.02 14.811 36.68 14.811 63.706s-5.932 50.686-14.81 63.706"
         })]
-      })]
+      })
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#earth-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/EditIcon.js

@@ -35,14 +35,15 @@ export var EditIcon = /*#__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: 'pencil-2'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "pencil-2-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'pencil-2'
-      }), /*#__PURE__*/_jsx("path", {
+      id: "".concat(maskId),
+      children: [/*#__PURE__*/_jsx("path", {
         d: "M22.192 1.814a3.631 3.631 0 00-5.157.035L2.57 16.31.75 23.25l6.942-1.819L22.157 6.97a3.628 3.628 0 00.035-5.156zm-5.571.449l5.122 5.12m-7.211-3.032l5.122 5.12",
         fill: "none",
         stroke: "#fff",
@@ -58,7 +59,7 @@ export var EditIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         d: "M2.57 16.31l3.59 1.532 1.536 3.584m9.397-14.515L6.16 17.841"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#pencil-2-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/EditorIcon.js

@@ -35,14 +35,15 @@ export var EditorIcon = /*#__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: 'programming-browser'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "programming-browser-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'programming-browser'
-      }), /*#__PURE__*/_jsx("path", {
+      id: "".concat(maskId),
+      children: [/*#__PURE__*/_jsx("path", {
         d: "M2.25 21.75a1.5 1.5 0 01-1.5-1.5V3.865A1.62 1.62 0 012.365 2.25h19.278a1.612 1.612 0 011.607 1.607v16.278a1.62 1.62 0 01-1.615 1.615zm21-15H.75",
         fill: "none",
         stroke: "#fff",
@@ -58,7 +59,7 @@ export var EditorIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         d: "M16.5 11.25l3 3-3 3m-9-6l-3 3 3 3m6-6l-3 6"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#programming-browser-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/EmailIcon.js

@@ -35,14 +35,15 @@ export var EmailIcon = /*#__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: 'email-action-unread'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "email-action-unread-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'email-action-unread'
-      }), /*#__PURE__*/_jsx("rect", {
+      id: "".concat(maskId),
+      children: [/*#__PURE__*/_jsx("rect", {
         x: 1.5,
         y: 4.75,
         width: 21,
@@ -63,7 +64,7 @@ export var EmailIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         strokeWidth: 1.5
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#email-action-unread-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/ExperienceIcon.js

@@ -35,14 +35,15 @@ export var ExperienceIcon = /*#__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: 'experience'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "experience-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'experience'
-      }), /*#__PURE__*/_jsx("path", {
+      id: "".concat(maskId),
+      children: [/*#__PURE__*/_jsx("path", {
         d: "M13.533 16.35l7.545-.575a1.554 1.554 0 011.509 2.244 1.559 1.559 0 01-.845.76l-10.434 3.912a2.991 2.991 0 01-2 .037l-7.994-2.664",
         fill: "none",
         stroke: "#fff",
@@ -58,7 +59,7 @@ export var ExperienceIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
         strokeWidth: 1.5
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#experience-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/ExploreIcon.js

@@ -35,14 +35,15 @@ export var ExploreIcon = /*#__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: 'compass-1'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "compass-1-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'compass-1'
-      }), /*#__PURE__*/_jsx("circle", {
+      id: "".concat(maskId),
+      children: [/*#__PURE__*/_jsx("circle", {
         cx: 12,
         cy: 12,
         r: 11.25,
@@ -60,7 +61,7 @@ export var ExploreIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         strokeWidth: 1.5
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#compass-1-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/FacebookIcon.js

@@ -35,19 +35,20 @@ export var FacebookIcon = /*#__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: 'facebook'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "facebook-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'facebook'
-      }), /*#__PURE__*/_jsx("path", {
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: "".concat(maskId),
+      children: /*#__PURE__*/_jsx("path", {
         fill: "#fff",
         d: "M6.1 16V8.5h-2V5.8h2V3.5C6.1 1.7 7.3 0 10 0c1.1 0 1.9.1 1.9.1l-.1 2.5h-1.7C9.1 2.6 9 3 9 3.8v2h2.9l-.1 2.7H8.9V16H6.1z"
-      })]
+      })
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#facebook-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/FaviconIcon.js

@@ -35,18 +35,19 @@ export var FaviconIcon = /*#__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: 'Branding / Logo / Box / White'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "branding-/-logo-/-box-/-white-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'Branding / Logo / Box / White'
-      }), /*#__PURE__*/_jsx("path", {
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: "".concat(maskId),
+      children: /*#__PURE__*/_jsx("path", {
         d: "M19.196.044s0 .022 0 0c.022.044.044.088.067.154v21.56c0 .066-.023.11-.045.132a.204.204 0 01-.157.066H.18c-.045 0-.09 0-.112-.022A.198.198 0 010 21.78V.176C0 .088.045.022.112 0h18.95c.044 0 .111.022.134.044zm-2.101 19.648V2.286c0-.088-.045-.154-.112-.176H2.235c-.067.022-.112.088-.112.176v17.406c0 .088.045.154.112.176h14.748c.067-.022.112-.088.112-.176zm10.704.176c.134 0 .201.066.201.198v1.736c0 .132-.09.198-.201.198h-6.525c-.134 0-.201-.088-.201-.198v-1.736c0-.132.089-.198.2-.198H27.8zM8.089 8.088c1.386 0 2.458.55 3.196 1.428.045.066.067.198-.022.264l-1.207 1.055c-.09.066-.201.044-.268-.044C9.34 10.286 8.849 10 8.089 10c-.826 0-1.452.396-1.72 1.165-.157.461-.201.989-.201 1.692s.044 1.253.2 1.714c.269.792.895 1.187 1.721 1.187.76 0 1.23-.285 1.699-.791.067-.088.178-.088.268-.022L11.263 16c.089.066.067.176.022.264-.738.857-1.81 1.406-3.196 1.406-1.854 0-3.262-.9-3.798-2.527C4.089 14.57 4 13.846 4 12.879c0-.967.09-1.692.29-2.264.537-1.626 1.945-2.527 3.8-2.527z"
-      })]
+      })
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#branding-/-logo-/-box-/-white-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/FaviconSolidIcon.js

@@ -36,14 +36,15 @@ export var FaviconSolidIcon = /*#__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: 'favicon-solid-icon'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "favicon-solid-icon-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'favicon-solid-icon'
-      }), /*#__PURE__*/_jsx("defs", {
+      id: "".concat(maskId),
+      children: [/*#__PURE__*/_jsx("defs", {
         children: /*#__PURE__*/_jsx("path", {
           d: "M19.196.044s0 .022 0 0c.022.044.044.088.067.154v21.56c0 .066-.023.11-.045.132a.204.204 0 01-.157.066H.18c-.045 0-.09 0-.112-.022A.198.198 0 010 21.78V.176C0 .088.045.022.112 0h18.95c.044 0 .111.022.134.044zm-2.101 19.648V2.286c0-.088-.045-.154-.112-.176H2.235c-.067.022-.112.088-.112.176v17.406c0 .088.045.154.112.176h14.748c.067-.022.112-.088.112-.176zm10.704.176c.134 0 .201.066.201.198v1.736c0 .132-.09.198-.201.198h-6.525c-.134 0-.201-.088-.201-.198v-1.736c0-.132.089-.198.2-.198H27.8zM8.089 8.088c1.386 0 2.458.55 3.196 1.428.045.066.067.198-.022.264l-1.207 1.055c-.09.066-.201.044-.268-.044C9.34 10.286 8.849 10 8.089 10c-.826 0-1.452.396-1.72 1.165-.157.461-.201.989-.201 1.692s.044 1.253.2 1.714c.269.792.895 1.187 1.721 1.187.76 0 1.23-.285 1.699-.791.067-.088.178-.088.268-.022L11.263 16c.089.066.067.176.022.264-.738.857-1.81 1.406-3.196 1.406-1.854 0-3.262-.9-3.798-2.527C4.089 14.57 4 13.846 4 12.879c0-.967.09-1.692.29-2.264.537-1.626 1.945-2.527 3.8-2.527z",
           id: "favicon-solid-icon_svg__a"
@@ -54,7 +55,7 @@ export var FaviconSolidIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgR
         fillRule: "evenodd"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#favicon-solid-icon-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/FileAddIcon.js

@@ -35,14 +35,15 @@ export var FileAddIcon = /*#__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: 'common-file-text-add'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "common-file-text-add-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'common-file-text-add'
-      }), /*#__PURE__*/_jsx("circle", {
+      id: "".concat(maskId),
+      children: [/*#__PURE__*/_jsx("circle", {
         cx: 17.25,
         cy: 17.25,
         r: 6,
@@ -60,7 +61,7 @@ export var FileAddIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         d: "M17.25 14.25v6m-3-3h6M3.75 6.75h10.5m-10.5 4.5h6m-6 4.5H7.5m0 4.5H2.25a1.5 1.5 0 01-1.5-1.5V2.25a1.5 1.5 0 011.5-1.5h10.629a1.5 1.5 0 011.06.439l2.872 2.872a1.5 1.5 0 01.439 1.06V7.5"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#common-file-text-add-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/FileCodeAdd1Icon.js

@@ -35,14 +35,15 @@ export var FileCodeAdd1Icon = /*#__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: 'file-code-add-1'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "file-code-add-1-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'file-code-add-1'
-      }), /*#__PURE__*/_jsx("path", {
+      id: "".concat(maskId),
+      children: [/*#__PURE__*/_jsx("path", {
         d: "M17.238 24.004c-3.722 0-6.75-3.028-6.75-6.75s3.028-6.75 6.75-6.75 6.75 3.028 6.75 6.75-3.028 6.75-6.75 6.75zm0-12c-2.895 0-5.25 2.355-5.25 5.25s2.355 5.25 5.25 5.25 5.25-2.355 5.25-5.25-2.355-5.25-5.25-5.25z"
       }), /*#__PURE__*/_jsx("path", {
         d: "M17.238 21.004a.75.75 0 01-.75-.75v-2.25h-2.25a.75.75 0 010-1.5h2.25v-2.25a.75.75 0 011.5 0v2.25h2.25a.75.75 0 010 1.5h-2.25v2.25a.75.75 0 01-.75.75zm-15 0a2.252 2.252 0 01-2.25-2.25v-16.5a2.252 2.252 0 012.25-2.25h10.628c.601 0 1.166.234 1.591.658l2.873 2.871c.419.419.66.999.66 1.591v3.129a.75.75 0 01-1.5 0V5.125a.753.753 0 00-.22-.53l-2.873-2.871a.743.743 0 00-.53-.219H2.238a.75.75 0 00-.75.75v16.5c0 .414.336.75.75.75h6a.75.75 0 010 1.5h-6z"
@@ -50,7 +51,7 @@ export var FileCodeAdd1Icon = /*#__PURE__*/React.forwardRef(function (_ref, svgR
         d: "M8.988 11.254a.743.743 0 01-.53-.22c-.142-.141-.22-.33-.22-.53s.078-.389.22-.53l1.72-1.72-1.72-1.72c-.142-.141-.22-.33-.22-.53s.078-.389.22-.53c.141-.142.33-.22.53-.22s.389.078.53.22l2.25 2.25c.142.141.22.33.22.53s-.078.389-.22.53l-2.25 2.25a.743.743 0 01-.53.22zm-3 0a.743.743 0 01-.53-.22l-2.25-2.25c-.142-.141-.22-.33-.22-.53s.078-.389.22-.53l2.25-2.25a.744.744 0 011.06 0c.142.141.22.33.22.53s-.078.389-.22.53l-1.72 1.72 1.72 1.72c.142.141.22.33.22.53s-.078.389-.22.53a.743.743 0 01-.53.22z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#file-code-add-1-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",