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

package/dist/icons/regular/BulbIcon.js

@@ -35,23 +35,24 @@ export var BulbIcon = /*#__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: 'light-bulb-shine'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "light-bulb-shine-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'light-bulb-shine'
-      }), /*#__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: "M10.5 22.5h3M18 12a6 6 0 10-7.5 5.788V19.5h3v-1.712A5.986 5.986 0 0018 12zm-6-9V1.5m9 9h1.5M1.5 12H3m15.364 5.614l1.061 1.061M4.575 3.825l1.061 1.061m12.728 0l1.061-1.061m-14.85 14.85l1.061-1.061"
-      })]
+      })
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#light-bulb-shine-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/CalendarIcon.js

@@ -35,14 +35,15 @@ export var CalendarIcon = /*#__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: 'calendar-3'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "calendar-3-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'calendar-3'
-      }), /*#__PURE__*/_jsx("rect", {
+      id: "".concat(maskId),
+      children: [/*#__PURE__*/_jsx("rect", {
         x: 0.75,
         y: 3.75,
         width: 22.5,
@@ -63,7 +64,7 @@ export var CalendarIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
         d: "M.75 9.75h22.5M6.75 6V.75M17.25 6V.75M5.625 13.5h0m0 0a.375.375 0 10.375.375.375.375 0 00-.375-.375m0 5.25h0m0 0a.375.375 0 10.375.375.375.375 0 00-.375-.375M12 13.5h0m0 0a.375.375 0 10.375.375A.375.375 0 0012 13.5m0 5.25h0m0 0a.375.375 0 10.375.375.375.375 0 00-.375-.375m6.375-5.25h0m0 0a.375.375 0 10.375.375.375.375 0 00-.375-.375m0 5.25h0m0 0a.375.375 0 10.375.375.375.375 0 00-.375-.375"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#calendar-3-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/CallIcon.js

@@ -35,23 +35,24 @@ export var CallIcon = /*#__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: 'phone'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "phone-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'phone'
-      }), /*#__PURE__*/_jsx("path", {
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: "".concat(maskId),
+      children: /*#__PURE__*/_jsx("path", {
         d: "M15.04 22.39l.012.007a5.533 5.533 0 006.884-.755l.774-.774a1.846 1.846 0 000-2.609L19.449 15a1.846 1.846 0 00-2.609 0h0a1.843 1.843 0 01-2.608 0L9.014 9.781a1.846 1.846 0 010-2.609h0a1.843 1.843 0 000-2.608L5.754 1.3a1.846 1.846 0 00-2.609 0l-.774.774a5.535 5.535 0 00-.756 6.884l.008.012A49.935 49.935 0 0015.04 22.39z",
         fill: "none",
         stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
-      })]
+      })
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#phone-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/CertificateIcon.js

@@ -35,14 +35,15 @@ export var CertificateIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRe
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'certified-diploma-1'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "certified-diploma-1-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'certified-diploma-1'
-      }), /*#__PURE__*/_jsx("path", {
+      id: "".concat(maskId),
+      children: [/*#__PURE__*/_jsx("path", {
         fill: "none",
         stroke: "#fff",
         strokeLinecap: "round",
@@ -67,7 +68,7 @@ export var CertificateIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRe
         d: "M.75 8.25l7.5-7.5m10.5 11.625h0m0 0a.375.375 0 10.375.375.375.375 0 00-.375-.375"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#certified-diploma-1-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/ChallengeProjectIcon.js

@@ -35,22 +35,23 @@ export var ChallengeProjectIcon = /*#__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: 'flash'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "flash-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'flash'
-      }), /*#__PURE__*/_jsx("path", {
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: "".concat(maskId),
+      children: /*#__PURE__*/_jsx("path", {
         d: "M5.5 23.247l4.052-9.454a.751.751 0 00-.689-1.046H5.9a.749.749 0 01-.69-1.047L9.8 1.2a.75.75 0 01.687-.45h7.7a.75.75 0 01.585 1.219l-4.05 5.063a.75.75 0 00.586 1.218h3.382a.75.75 0 01.53 1.281z",
         fill: "none",
         stroke: "#fff",
         strokeLinejoin: "round",
         strokeWidth: 1.5
-      })]
+      })
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#flash-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/ChatIcon.js

@@ -35,23 +35,24 @@ export var ChatIcon = /*#__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: 'conversation-chat-2'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "conversation-chat-2-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'conversation-chat-2'
-      }), /*#__PURE__*/_jsx("path", {
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: "".concat(maskId),
+      children: /*#__PURE__*/_jsx("path", {
         d: "M23.25 13.5A5.249 5.249 0 0018 8.25h-3a5.25 5.25 0 000 10.5h.75l4.5 4.5v-5.024a5.237 5.237 0 003-4.726zm-16.5-.75l-3 3v-5.024A5.239 5.239 0 016 .75h3a5.252 5.252 0 015.033 3.75",
         fill: "none",
         stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
-      })]
+      })
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#conversation-chat-2-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/CheckCircledIcon.js

@@ -35,14 +35,15 @@ export var CheckCircledIcon = /*#__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: 'check-circle-1'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "check-circle-1-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'check-circle-1'
-      }), /*#__PURE__*/_jsx("path", {
+      id: "".concat(maskId),
+      children: [/*#__PURE__*/_jsx("path", {
         d: "M6 13.223L8.45 16.7a1.049 1.049 0 001.707.051L18 6.828",
         fill: "none",
         stroke: "#fff",
@@ -60,7 +61,7 @@ export var CheckCircledIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgR
         strokeWidth: 1.5
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#check-circle-1-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/CheckFilledIcon.js

@@ -35,18 +35,19 @@ export var CheckFilledIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRe
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'check-circle-1'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "check-circle-1-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'check-circle-1'
-      }), /*#__PURE__*/_jsx("path", {
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: "".concat(maskId),
+      children: /*#__PURE__*/_jsx("path", {
         d: "M12 0a12 12 0 1012 12A12.014 12.014 0 0012 0zm6.927 8.2l-6.845 9.289a1.011 1.011 0 01-1.43.188l-4.888-3.908a1 1 0 111.25-1.562l4.076 3.261 6.227-8.451a1 1 0 111.61 1.183z"
-      })]
+      })
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#check-circle-1-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/CheckHeavyIcon.js

@@ -35,18 +35,19 @@ export var CheckHeavyIcon = /*#__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: 'check-heavy'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "check-heavy-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'check-heavy'
-      }), /*#__PURE__*/_jsx("path", {
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: "".concat(maskId),
+      children: /*#__PURE__*/_jsx("path", {
         d: "M23.146 5.4l-2.792-2.8a.5.5 0 00-.708 0L7.854 14.4a.5.5 0 01-.708 0l-2.792-2.8a.5.5 0 00-.708 0L.854 14.4a.5.5 0 000 .707L7.146 21.4a.5.5 0 00.708 0L23.146 6.1a.5.5 0 000-.7z"
-      })]
+      })
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#check-heavy-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/CheckIcon.js

@@ -35,21 +35,22 @@ export var CheckIcon = /*#__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: 'check'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "check-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'check'
-      }), /*#__PURE__*/_jsx("path", {
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: "".concat(maskId),
+      children: /*#__PURE__*/_jsx("path", {
         fillRule: "evenodd",
         clipRule: "evenodd",
         d: "M23.552 3.93a1.5 1.5 0 01.017 2.122l-13.778 14a1.5 1.5 0 01-2.056.077L.513 13.813a1.5 1.5 0 011.974-2.258l6.158 5.385L21.431 3.948a1.5 1.5 0 012.121-.017z",
         fill: "#fff"
-      })]
+      })
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#check-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/ChecklistIcon.js

@@ -35,14 +35,15 @@ export var ChecklistIcon = /*#__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: 'checklist'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "checklist-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'checklist'
-      }), /*#__PURE__*/_jsx("rect", {
+      id: "".concat(maskId),
+      children: [/*#__PURE__*/_jsx("rect", {
         x: 0.75,
         y: 0.749,
         width: 22.5,
@@ -63,7 +64,7 @@ export var ChecklistIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
         d: "M12 4.499l-4.5 6-3-3m9.75.75h4.5M12 13.499l-4.5 6-3-3m9.75.75h4.5"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#checklist-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/ClockIcon.js

@@ -35,14 +35,15 @@ export var ClockIcon = /*#__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: 'time-clock-circle'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "time-clock-circle-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'time-clock-circle'
-      }), /*#__PURE__*/_jsx("circle", {
+      id: "".concat(maskId),
+      children: [/*#__PURE__*/_jsx("circle", {
         cx: 12,
         cy: 12,
         r: 10.5,
@@ -60,7 +61,7 @@ export var ClockIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         d: "M12 12V8.25M12 12l4.687 4.688"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#time-clock-circle-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/CloseCircleIcon.js

@@ -35,14 +35,15 @@ export var CloseCircleIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRe
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'remove-circle'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "remove-circle-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'remove-circle'
-      }), /*#__PURE__*/_jsx("path", {
+      id: "".concat(maskId),
+      children: [/*#__PURE__*/_jsx("path", {
         fill: "none",
         stroke: "#fff",
         strokeLinecap: "round",
@@ -60,7 +61,7 @@ export var CloseCircleIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRe
         strokeWidth: 1.5
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#remove-circle-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/CloseIcon.js

@@ -35,23 +35,24 @@ export var CloseIcon = /*#__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: 'close'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "close-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'close'
-      }), /*#__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 23.249l22.5-22.5m0 22.5L.75.749"
-      })]
+      })
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#close-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/CloudCheckIcon.js

@@ -35,14 +35,15 @@ export var CloudCheckIcon = /*#__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: 'Cloud Check Icon'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "cloud-check-icon-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'Cloud Check Icon'
-      }), /*#__PURE__*/_jsx("path", {
+      id: "".concat(maskId),
+      children: [/*#__PURE__*/_jsx("path", {
         fillRule: "evenodd",
         clipRule: "evenodd",
         d: "M15.178 6.58a6.27 6.27 0 00-4.186-.785 6.277 6.277 0 00-5.12 4.83.208.208 0 01-.189.166 3.756 3.756 0 00-3.475 3.74A3.543 3.543 0 003.22 17.16a4.39 4.39 0 002.91 1.126h11.323a.758.758 0 00.107-.008 4.75 4.75 0 004.232-4.72 4.757 4.757 0 00-1.58-3.528l-1.183 1.183a3.05 3.05 0 011.093 2.345 3.089 3.089 0 01-2.731 3.061H6.145a2.75 2.75 0 01-1.755-.647 1.918 1.918 0 01-.515-1.44 2.09 2.09 0 012.518-2.044.834.834 0 001-.766 4.61 4.61 0 016.55-3.908l1.235-1.235z",
@@ -54,7 +55,7 @@ export var CloudCheckIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
         fill: "#fff"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#cloud-check-icon-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/CloudIcon.js

@@ -35,19 +35,20 @@ export var CloudIcon = /*#__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: 'Cloud Icon'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "cloud-icon-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'Cloud Icon'
-      }), /*#__PURE__*/_jsx("path", {
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: "".concat(maskId),
+      children: /*#__PURE__*/_jsx("path", {
         d: "M21.792 13.557a4.757 4.757 0 00-1.45-3.406 4.667 4.667 0 00-2.807-1.295.208.208 0 01-.158-.1 6.277 6.277 0 00-11.505 1.868.208.208 0 01-.189.167 3.756 3.756 0 00-3.475 3.74A3.543 3.543 0 003.22 17.16a4.39 4.39 0 002.91 1.126h11.323a.758.758 0 00.107-.008 4.75 4.75 0 004.232-4.72zM17.39 16.62H6.145a2.75 2.75 0 01-1.755-.647 1.918 1.918 0 01-.515-1.44 2.09 2.09 0 012.518-2.044.834.834 0 001-.766 4.61 4.61 0 018.774-1.695.799.799 0 00.784.475 3.054 3.054 0 013.17 3.055 3.089 3.089 0 01-2.73 3.062z",
         fill: "#fff"
-      })]
+      })
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#cloud-icon-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/CommentsIcon.js

@@ -35,23 +35,24 @@ export var CommentsIcon = /*#__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: 'messages-bubble-square-text'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "messages-bubble-square-text-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'messages-bubble-square-text'
-      }), /*#__PURE__*/_jsx("path", {
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: "".concat(maskId),
+      children: /*#__PURE__*/_jsx("path", {
         d: "M21.75 18.75h-10.5l-6 4.5v-4.5h-3a1.5 1.5 0 01-1.5-1.5v-15a1.5 1.5 0 011.5-1.5h19.5a1.5 1.5 0 011.5 1.5v15a1.5 1.5 0 01-1.5 1.5zM5.25 7.5h13.5M5.25 12h10.5",
         fill: "none",
         stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
-      })]
+      })
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#messages-bubble-square-text-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/CommunityIcon.js

@@ -35,14 +35,15 @@ export var CommunityIcon = /*#__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: 'family-home'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "family-home-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'family-home'
-      }), /*#__PURE__*/_jsx("path", {
+      id: "".concat(maskId),
+      children: [/*#__PURE__*/_jsx("path", {
         fill: "none",
         stroke: "#fff",
         strokeLinecap: "round",
@@ -85,7 +86,7 @@ export var CommunityIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
         strokeWidth: 1.5
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#family-home-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/ConversationChatIcon.js

@@ -35,14 +35,15 @@ export var ConversationChatIcon = /*#__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: 'conversation-chat-1'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "conversation-chat-1-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'conversation-chat-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 ConversationChatIcon = /*#__PURE__*/React.forwardRef(function (_ref,
         }), /*#__PURE__*/_jsx("path", {
           d: "M39.375 74.375l-17.5 17.5v-26.25h-8.75a8.75 8.75 0 01-8.75-8.75v-43.75a8.75 8.75 0 018.75-8.75h61.25a8.75 8.75 0 018.75 8.75v17.5"
         })]
-      })]
+      })
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#conversation-chat-1-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",

package/dist/icons/regular/CopyIcon.js

@@ -35,14 +35,15 @@ export var CopyIcon = /*#__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: 'copy-paste'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: "copy-paste-".concat(maskId),
-      children: [/*#__PURE__*/_jsx("title", {
-        children: 'copy-paste'
-      }), /*#__PURE__*/_jsx("path", {
+      id: "".concat(maskId),
+      children: [/*#__PURE__*/_jsx("path", {
         d: "M20.25 8.249v-3a1.5 1.5 0 00-1.5-1.5h-4m-8.5 0h-4a1.5 1.5 0 00-1.5 1.5v16.5a1.5 1.5 0 001.5 1.5h6",
         fill: "none",
         stroke: "#fff",
@@ -77,7 +78,7 @@ export var CopyIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         d: "M14.25 14.249h6m-6 3h6m-6 3h2.25"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: "url(#copy-paste-".concat(maskId, ")"),
+      mask: "url(#".concat(maskId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
         width: "100%",
         height: "100%",