@codecademy/gamut-icons 9.22.1-alpha.744169.0 → 9.23.0

package/dist/icons/regular/StreakIcon.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 StreakIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Streak Icon' : _ref$title,
     titleId = _ref.titleId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 16 : _ref$size,
@@ -34,7 +35,10 @@ export var StreakIcon = /*#__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: 'trends-hot-flame'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsx("mask", {

package/dist/icons/regular/StudyBookIcon.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 StudyBookIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Study Book Icon' : _ref$title,
     titleId = _ref.titleId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 16 : _ref$size,
@@ -34,7 +35,10 @@ export var StudyBookIcon = /*#__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: 'study-book'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {

package/dist/icons/regular/SupportFilledIcon.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 SupportFilledIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Support 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 SupportFilledIcon = /*#__PURE__*/React.forwardRef(function (_ref, svg
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'question-circle-filled'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsx("mask", {

package/dist/icons/regular/SupportIcon.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 SupportIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Support Icon' : _ref$title,
     titleId = _ref.titleId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 16 : _ref$size,
@@ -34,7 +35,10 @@ export var SupportIcon = /*#__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: 'question-circle'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {

package/dist/icons/regular/TagIcon.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 TagIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Tag Icon' : _ref$title,
     titleId = _ref.titleId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 16 : _ref$size,
@@ -34,7 +35,10 @@ export var TagIcon = /*#__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: 'tags-1'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {

package/dist/icons/regular/TerminalIcon.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 TerminalIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Terminal Icon' : _ref$title,
     titleId = _ref.titleId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 16 : _ref$size,
@@ -34,7 +35,10 @@ export var TerminalIcon = /*#__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-code'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {

package/dist/icons/regular/ThumbsDownFilledIcon.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 ThumbsDownFilledIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Thumbs 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 ThumbsDownFilledIcon = /*#__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: 'thumbs-down'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {

package/dist/icons/regular/ThumbsDownIcon.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 ThumbsDownIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Thumbs Down Icon' : _ref$title,
     titleId = _ref.titleId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 16 : _ref$size,

package/dist/icons/regular/ThumbsUpFilledIcon.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 ThumbsUpFilledIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Thumbs Up 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 ThumbsUpFilledIcon = /*#__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: 'thumbs-up'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {

package/dist/icons/regular/ThumbsUpIcon.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 ThumbsUpIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Thumbs Up Icon' : _ref$title,
     titleId = _ref.titleId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 16 : _ref$size,

package/dist/icons/regular/TikTokIcon.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 TikTokIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Tik Tok Icon' : _ref$title,
     titleId = _ref.titleId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 16 : _ref$size,

package/dist/icons/regular/TrackIcon.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 TrackIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Track Icon' : _ref$title,
     titleId = _ref.titleId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 16 : _ref$size,
@@ -34,7 +35,10 @@ export var TrackIcon = /*#__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: 'business-ladder'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsx("mask", {

package/dist/icons/regular/TrashIcon.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 TrashIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Trash Icon' : _ref$title,
     titleId = _ref.titleId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 16 : _ref$size,
@@ -34,7 +35,10 @@ export var TrashIcon = /*#__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: 'bin-1'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsx("mask", {

package/dist/icons/regular/TrophyFilledIcon.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 TrophyFilledIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Trophy 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 TrophyFilledIcon = /*#__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: 'award-trophy-star'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsx("mask", {

package/dist/icons/regular/TrophyIcon.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 TrophyIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Trophy Icon' : _ref$title,
     titleId = _ref.titleId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 16 : _ref$size,
@@ -34,7 +35,10 @@ export var TrophyIcon = /*#__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: 'award-trophy-star-1'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {

package/dist/icons/regular/TwitterIcon.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 TwitterIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Twitter Icon' : _ref$title,
     titleId = _ref.titleId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 16 : _ref$size,
@@ -34,7 +35,10 @@ export var TwitterIcon = /*#__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: 'twitter'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsx("mask", {

package/dist/icons/regular/TwitterOutlineIcon.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 TwitterOutlineIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Twitter Outline Icon' : _ref$title,
     titleId = _ref.titleId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 16 : _ref$size,
@@ -35,7 +36,10 @@ export var TwitterOutlineIcon = /*#__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: 'twitter-2'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsx("mask", {

package/dist/icons/regular/TypeIcon.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 TypeIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Type Icon' : _ref$title,
     titleId = _ref.titleId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 16 : _ref$size,
@@ -34,7 +35,10 @@ export var TypeIcon = /*#__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: 'app-window-type'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {

package/dist/icons/regular/UploadIcon.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 UploadIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Upload Icon' : _ref$title,
     titleId = _ref.titleId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 16 : _ref$size,
@@ -34,7 +35,10 @@ export var UploadIcon = /*#__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: 'upload-bottom'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsx("mask", {

package/dist/icons/regular/VideoPlayerMovieIcon.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 VideoPlayerMovieIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Video Player Movie Icon' : _ref$title,
     titleId = _ref.titleId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 16 : _ref$size,
@@ -34,7 +35,10 @@ export var VideoPlayerMovieIcon = /*#__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: 'video-player-movie'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {

package/dist/icons/regular/ViewIcon.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 ViewIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'View Icon' : _ref$title,
     titleId = _ref.titleId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 16 : _ref$size,
@@ -34,7 +35,10 @@ export var ViewIcon = /*#__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: 'view-1'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {

package/dist/icons/regular/ViewOffIcon.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 ViewOffIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'View Off Icon' : _ref$title,
     titleId = _ref.titleId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 16 : _ref$size,
@@ -34,7 +35,10 @@ export var ViewOffIcon = /*#__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: 'view-off'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {

package/dist/icons/regular/VisaIcon.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 VisaIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Visa Icon' : _ref$title,
     titleId = _ref.titleId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 16 : _ref$size,
@@ -34,7 +35,10 @@ export var VisaIcon = /*#__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: 'visa'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {

package/dist/icons/regular/WhatsAppFilledIcon.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 WhatsAppFilledIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Whats App 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 WhatsAppFilledIcon = /*#__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: 'whats-app-filled'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsx("mask", {

package/dist/icons/regular/XIcon.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 XIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'X Icon' : _ref$title,
     titleId = _ref.titleId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 16 : _ref$size,
@@ -34,7 +35,10 @@ export var XIcon = /*#__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: 'x formerly twitter'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {

package/dist/icons/regular/YoutubeIcon.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 YoutubeIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Youtube Icon' : _ref$title,
     titleId = _ref.titleId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 16 : _ref$size,
@@ -34,7 +35,10 @@ export var YoutubeIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'social-video-youtube'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {

package/dist/icons/regular/ZoomIcon.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 ZoomIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
-  var title = _ref.title,
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Zoom Icon' : _ref$title,
     titleId = _ref.titleId,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 16 : _ref$size,
@@ -34,7 +35,10 @@ export var ZoomIcon = /*#__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: 'zoom-in'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsx("mask", {

package/dist/props.d.ts

@@ -3,7 +3,7 @@ import { StyleProps } from '@codecademy/variance';
 export interface IconStyleProps extends StyleProps<typeof iconProps> {
     size?: StyleProps<typeof iconProps>['width'];
 }
-export interface GamutBaseIconProps extends Omit<React.SVGProps<SVGSVGElement>, keyof IconStyleProps>, IconStyleProps {
+export interface GamutIconProps extends Omit<React.SVGProps<SVGSVGElement>, keyof IconStyleProps>, IconStyleProps {
     /**
      * A suffix added to the end of the unique generated ID for the icon. This is useful if you have multiple of the same icon on the page and need to pass accessibility guidelines.
      */
@@ -16,16 +16,7 @@ export interface GamutBaseIconProps extends Omit<React.SVGProps<SVGSVGElement>,
      */
     path?: string;
 }
-interface GamutHiddenIconProps extends GamutBaseIconProps {
-    'aria-hidden': true;
-    'aria-label'?: never;
-}
-interface GamutVisibleIconProps extends GamutBaseIconProps {
-    'aria-hidden'?: false;
-    'aria-label': string;
-}
-export type GamutIconProps = GamutHiddenIconProps | GamutVisibleIconProps;
-export type ForwardableProps = Omit<GamutBaseIconProps, keyof IconStyleProps>;
+export type ForwardableProps = Omit<GamutIconProps, keyof IconStyleProps>;
 export declare const iconProps: import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").Compose<[import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
     readonly flexBasis: {
         readonly property: "flexBasis";
@@ -683,4 +674,3 @@ export declare const Svg: import("@emotion/styled").StyledComponent<{
 } & {
     theme?: import("@emotion/react").Theme | undefined;
 }, Pick<import("react").SVGProps<SVGSVGElement>, "string" | "scale" | "filter" | "fill" | "values" | "spacing" | "clipPath" | "cursor" | "direction" | "fontSizeAdjust" | "fontStretch" | "fontVariant" | "imageRendering" | "paintOrder" | "pointerEvents" | "rotate" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "wordSpacing" | "writingMode" | "mask" | "offset" | "min" | "max" | "end" | "clip" | "className" | "id" | "lang" | "media" | "method" | "name" | "style" | "target" | "type" | "role" | "tabIndex" | "crossOrigin" | "accentHeight" | "accumulate" | "additive" | "alignmentBaseline" | "allowReorder" | "alphabetic" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "azimuth" | "baseFrequency" | "baselineShift" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "colorProfile" | "colorRendering" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dominantBaseline" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "exponent" | "externalResourcesRequired" | "fillOpacity" | "fillRule" | "filterRes" | "filterUnits" | "floodColor" | "floodOpacity" | "focusable" | "format" | "fr" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphOrientationVertical" | "glyphRef" | "gradientTransform" | "gradientUnits" | "hanging" | "horizAdvX" | "horizOriginX" | "href" | "ideographic" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "lightingColor" | "limitingConeAngle" | "local" | "markerEnd" | "markerHeight" | "markerMid" | "markerStart" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mathematical" | "numOctaves" | "operator" | "orient" | "orientation" | "origin" | "overlinePosition" | "overlineThickness" | "panose1" | "path" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rx" | "ry" | "seed" | "shapeRendering" | "slope" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "stopColor" | "stopOpacity" | "strikethroughPosition" | "strikethroughThickness" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textAnchor" | "textLength" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unicodeRange" | "unitsPerEm" | "vAlphabetic" | "vectorEffect" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "x" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "y" | "yChannelSelector" | "z" | "zoomAndPan" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ref" | "key">, {}>;
-export {};

package/dist/svg/mini/mini-thumbs-down-icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14" id="Dislike-1--Streamline-Core.svg"><desc>Dislike 1 Streamline Icon: https://streamlinehq.com</desc><g id="dislike-1--reward-down-thumb-hand-social-media-dislike-rating"><path id="Union" fill="#000000" fill-rule="evenodd" d="M4.45799 1.24322C4.79396 1.08309 5.16144 1 5.53361 1L10.8797 0.999999c1.2316 0 2.2797 0.897001 2.47 2.113851l0.6258 4.00326c0.1897 1.213 -0.7482 2.30892 -1.976 2.30892l-3.28369 0 0 2.35757c0 0.8976 -0.72765 1.6253 -1.62525 1.6253 -0.5883 0 -1.13067 -0.3179 -1.41809 -0.8312L3.59513 8.86759c-0.12536 -0.2239 -0.19119 -0.47622 -0.19119 -0.73282l-0.00001 -5.44243c0 -0.57837 0.33252 -1.10522 0.85463 -1.35407l0.19943 -0.09505ZM0.996355 8.68436c-0.264249 0 -0.517676 -0.10498 -0.704529 -0.29183C0.104973 8.20568 6.078e-7 7.95225 5.847e-7 7.688l-4.47e-7 -5.11262C1.147e-7 2.31113 0.104973 2.0577 0.291826 1.87085c0.186853 -0.18686 0.440279 -0.29183 0.704529 -0.29183l0.000215 0 0.49635 0.00022c0.27606 0.00011 0.49979 0.22394 0.49979 0.5l0 6.10533c0 0.13265 -0.05271 0.25985 -0.14652 0.35363 -0.09382 0.09377 -0.22105 0.14643 -0.3537 0.14637l-0.496135 -0.00021Z" clip-rule="evenodd" stroke-width="1"></path></g></svg>