@codecademy/gamut-icons 9.21.1-alpha.af8a76.0 → 9.22.0

package/dist/icons/regular/AnalyticsGraphIcon.js

@@ -12,7 +12,8 @@ import { useIconId } from '../../useIconId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var AnalyticsGraphIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Analytics Graph Icon' : _ref$title,
     titleId = _ref.titleId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 16 : _ref$size,
@@ -34,7 +35,10 @@ 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__*/_jsx("mask", {

package/dist/icons/regular/ArrowChevronDownFilledIcon.js

@@ -12,7 +12,8 @@ import { useIconId } from '../../useIconId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var ArrowChevronDownFilledIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Arrow Chevron Down Filled Icon' : _ref$title,
     titleId = _ref.titleId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 16 : _ref$size,
@@ -34,7 +35,10 @@ 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__*/_jsx("mask", {

package/dist/icons/regular/ArrowChevronDownIcon.js

@@ -12,7 +12,8 @@ import { useIconId } from '../../useIconId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var ArrowChevronDownIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Arrow Chevron Down Icon' : _ref$title,
     titleId = _ref.titleId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 16 : _ref$size,
@@ -34,7 +35,10 @@ 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__*/_jsx("mask", {

package/dist/icons/regular/ArrowChevronLeftIcon.js

@@ -12,7 +12,8 @@ import { useIconId } from '../../useIconId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var ArrowChevronLeftIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Arrow Chevron Left Icon' : _ref$title,
     titleId = _ref.titleId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 16 : _ref$size,
@@ -34,7 +35,10 @@ 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__*/_jsx("mask", {

package/dist/icons/regular/ArrowChevronRightIcon.js

@@ -12,7 +12,8 @@ import { useIconId } from '../../useIconId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var ArrowChevronRightIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Arrow Chevron Right Icon' : _ref$title,
     titleId = _ref.titleId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 16 : _ref$size,
@@ -34,7 +35,10 @@ 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__*/_jsx("mask", {

package/dist/icons/regular/ArrowChevronUpIcon.js

@@ -12,7 +12,8 @@ import { useIconId } from '../../useIconId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var ArrowChevronUpIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Arrow Chevron Up Icon' : _ref$title,
     titleId = _ref.titleId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 16 : _ref$size,
@@ -34,7 +35,10 @@ 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__*/_jsx("mask", {

package/dist/icons/regular/ArrowDownIcon.js

@@ -12,7 +12,8 @@ import { useIconId } from '../../useIconId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var ArrowDownIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Arrow Down Icon' : _ref$title,
     titleId = _ref.titleId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 16 : _ref$size,
@@ -34,7 +35,10 @@ 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__*/_jsx("mask", {

package/dist/icons/regular/ArrowLeftIcon.js

@@ -12,7 +12,8 @@ import { useIconId } from '../../useIconId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var ArrowLeftIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Arrow Left Icon' : _ref$title,
     titleId = _ref.titleId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 16 : _ref$size,
@@ -34,7 +35,10 @@ 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__*/_jsx("mask", {

package/dist/icons/regular/ArrowRightIcon.js

@@ -12,7 +12,8 @@ import { useIconId } from '../../useIconId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var ArrowRightIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Arrow Right Icon' : _ref$title,
     titleId = _ref.titleId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 16 : _ref$size,
@@ -34,7 +35,10 @@ 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__*/_jsx("mask", {

package/dist/icons/regular/ArrowThickCircleRightIcon.js

@@ -12,7 +12,8 @@ import { useIconId } from '../../useIconId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var ArrowThickCircleRightIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Arrow Thick Circle Right Icon' : _ref$title,
     titleId = _ref.titleId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 16 : _ref$size,
@@ -34,7 +35,10 @@ export var ArrowThickCircleRightIcon = /*#__PURE__*/React.forwardRef(function (_
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'arrow-thick-circle-right'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {

package/dist/icons/regular/ArrowThickCircleUpIcon.js

@@ -12,7 +12,8 @@ import { useIconId } from '../../useIconId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var ArrowThickCircleUpIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Arrow Thick Circle Up Icon' : _ref$title,
     titleId = _ref.titleId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 16 : _ref$size,
@@ -35,7 +36,10 @@ export var ArrowThickCircleUpIcon = /*#__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-thick-circle-up'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {

package/dist/icons/regular/ArrowUpIcon.js

@@ -12,7 +12,8 @@ import { useIconId } from '../../useIconId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var ArrowUpIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Arrow Up Icon' : _ref$title,
     titleId = _ref.titleId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 16 : _ref$size,
@@ -34,7 +35,10 @@ 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__*/_jsx("mask", {

package/dist/icons/regular/ArticleIcon.js

@@ -12,7 +12,8 @@ import { useIconId } from '../../useIconId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var ArticleIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Article Icon' : _ref$title,
     titleId = _ref.titleId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 16 : _ref$size,
@@ -34,7 +35,10 @@ 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", {

package/dist/icons/regular/BadgeIcon.js

@@ -12,7 +12,8 @@ import { useIconId } from '../../useIconId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var BadgeIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Badge Icon' : _ref$title,
     titleId = _ref.titleId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 16 : _ref$size,
@@ -34,7 +35,10 @@ 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", {

package/dist/icons/regular/BellIcon.js

@@ -12,7 +12,8 @@ import { useIconId } from '../../useIconId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var BellIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Bell Icon' : _ref$title,
     titleId = _ref.titleId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 16 : _ref$size,
@@ -34,7 +35,10 @@ 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__*/_jsx("mask", {

package/dist/icons/regular/BookBookmarkIcon.js

@@ -12,7 +12,8 @@ import { useIconId } from '../../useIconId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var BookBookmarkIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Book Bookmark Icon' : _ref$title,
     titleId = _ref.titleId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 16 : _ref$size,

package/dist/icons/regular/BookClosedBookmarkIcon.js

@@ -12,7 +12,8 @@ import { useIconId } from '../../useIconId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var BookClosedBookmarkIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Book Closed Bookmark Icon' : _ref$title,
     titleId = _ref.titleId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 16 : _ref$size,
@@ -34,7 +35,10 @@ 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", {

package/dist/icons/regular/BookFlipPageIcon.js

@@ -12,7 +12,8 @@ import { useIconId } from '../../useIconId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var BookFlipPageIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Book Flip Page Icon' : _ref$title,
     titleId = _ref.titleId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 16 : _ref$size,
@@ -34,7 +35,10 @@ 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", {

package/dist/icons/regular/BriefcaseIcon.js

@@ -12,7 +12,8 @@ import { useIconId } from '../../useIconId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var BriefcaseIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Briefcase Icon' : _ref$title,
     titleId = _ref.titleId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 16 : _ref$size,
@@ -34,7 +35,10 @@ 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", {

package/dist/icons/regular/BrowserPageLayoutIcon.js

@@ -12,7 +12,8 @@ import { useIconId } from '../../useIconId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var BrowserPageLayoutIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Browser Page Layout Icon' : _ref$title,
     titleId = _ref.titleId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 16 : _ref$size,
@@ -34,7 +35,10 @@ 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__*/_jsx("mask", {

package/dist/icons/regular/BugIcon.js

@@ -12,7 +12,8 @@ import { useIconId } from '../../useIconId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var BugIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Bug Icon' : _ref$title,
     titleId = _ref.titleId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 16 : _ref$size,
@@ -34,7 +35,10 @@ export var BugIcon = /*#__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: 'bug'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsx("mask", {

package/dist/icons/regular/BulbIcon.js

@@ -12,7 +12,8 @@ import { useIconId } from '../../useIconId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var BulbIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Bulb Icon' : _ref$title,
     titleId = _ref.titleId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 16 : _ref$size,
@@ -34,7 +35,10 @@ 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__*/_jsx("mask", {

package/dist/icons/regular/CalendarIcon.js

@@ -12,7 +12,8 @@ import { useIconId } from '../../useIconId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var CalendarIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Calendar Icon' : _ref$title,
     titleId = _ref.titleId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 16 : _ref$size,
@@ -34,7 +35,10 @@ 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", {

package/dist/icons/regular/CallIcon.js

@@ -12,7 +12,8 @@ import { useIconId } from '../../useIconId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var CallIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Call Icon' : _ref$title,
     titleId = _ref.titleId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 16 : _ref$size,
@@ -34,7 +35,10 @@ 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__*/_jsx("mask", {

package/dist/icons/regular/CertificateIcon.js

@@ -12,7 +12,8 @@ import { useIconId } from '../../useIconId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var CertificateIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Certificate Icon' : _ref$title,
     titleId = _ref.titleId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 16 : _ref$size,
@@ -34,7 +35,10 @@ 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", {

package/dist/icons/regular/ChallengeProjectIcon.js

@@ -12,7 +12,8 @@ import { useIconId } from '../../useIconId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var ChallengeProjectIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Challenge Project Icon' : _ref$title,
     titleId = _ref.titleId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 16 : _ref$size,
@@ -34,7 +35,10 @@ 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__*/_jsx("mask", {

package/dist/icons/regular/ChatIcon.js

@@ -12,7 +12,8 @@ import { useIconId } from '../../useIconId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var ChatIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Chat Icon' : _ref$title,
     titleId = _ref.titleId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 16 : _ref$size,
@@ -34,7 +35,10 @@ 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__*/_jsx("mask", {

package/dist/icons/regular/CheckCircledIcon.js

@@ -12,7 +12,8 @@ import { useIconId } from '../../useIconId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var CheckCircledIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Check Circled Icon' : _ref$title,
     titleId = _ref.titleId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 16 : _ref$size,
@@ -34,7 +35,10 @@ 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", {

package/dist/icons/regular/CheckFilledIcon.js

@@ -12,7 +12,8 @@ import { useIconId } from '../../useIconId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var CheckFilledIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Check Filled Icon' : _ref$title,
     titleId = _ref.titleId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 16 : _ref$size,
@@ -34,7 +35,10 @@ 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__*/_jsx("mask", {