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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/icons/regular/KeyboardIcon.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { GamutIconProps } from '../../props';
+export declare const KeyboardIcon: React.ForwardRefExoticComponent<GamutIconProps & React.RefAttributes<SVGSVGElement>>;

package/dist/icons/regular/KeyboardIcon.js

@@ -0,0 +1,56 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import * as React from 'react';
+import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var KeyboardIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Keyboard Icon' : _ref$title,
+    titleId = _ref.titleId,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 16 : _ref$size,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? size : _ref$height,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? size : _ref$width,
+    props = _objectWithoutProperties(_ref, ["title", "titleId", "size", "height", "width"]);
+  var maskId = useIconId('KeyboardIcon');
+  return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 16 16",
+    fill: "#fff",
+    role: "img",
+    "aria-hidden": "true",
+    "pointer-events": "none",
+    width: width,
+    height: height,
+    ref: svgRef,
+    "aria-labelledby": titleId
+  }, props), {}, {
+    children: [title ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: title
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: "".concat(maskId),
+      children: /*#__PURE__*/_jsx("path", {
+        d: "M12.572.48a.488.488 0 00-.257.16c-.094.105-.119.185-.137.448a2.285 2.285 0 01-.632 1.468c-.34.356-.719.566-1.218.678-.157.034-.189.035-1.672.046-1.677.013-1.617.009-2.034.127A3.325 3.325 0 004.249 6.14a4.343 4.343 0 00-.025.532v.351h-.692c-.741 0-1.037.015-1.27.064-.579.12-1.05.434-1.358.904a2.771 2.771 0 00-.387.956l-.044.196-.005 2.04C.46 13.575.462 13.596.6 14.011c.254.764.863 1.267 1.784 1.472l.2.044 5.32.005c5.404.005 5.54.004 5.822-.053.92-.187 1.536-.844 1.757-1.871l.045-.208v-2.144c0-2.354.003-2.263-.097-2.61-.219-.757-.808-1.308-1.623-1.518-.397-.102-.014-.094-4.508-.1l-4.084-.005v-.211c0-.558.077-.918.271-1.287.333-.633.909-1.057 1.641-1.209.05-.01.65-.02 1.576-.027 1.618-.013 1.598-.012 1.974-.105a3.32 3.32 0 002.195-1.806c.208-.437.322-.949.308-1.38-.004-.147-.011-.186-.044-.251a.578.578 0 00-.249-.237.598.598 0 00-.316-.03M2.608 8.05c-.603.076-.97.442-1.104 1.102-.031.153-.032.216-.032 2.152 0 1.341.006 2.033.017 2.11.09.6.444.949 1.099 1.082.16.033.177.033 5.435.033 3.68 0 5.31-.005 5.39-.017.6-.09.949-.444 1.082-1.099.032-.157.033-.206.033-2.159 0-2.135 0-2.137-.08-2.373a1.044 1.044 0 00-.238-.404c-.18-.191-.42-.322-.733-.4l-.141-.035-5.312-.003c-2.922-.001-5.359.004-5.416.011m1.893.911a.473.473 0 00-.277.448c0 .149.045.255.152.359.136.132.163.137.82.137h.572l.096-.046a.469.469 0 00.286-.45.456.456 0 00-.139-.35c-.138-.142-.114-.137-.803-.143L4.6 8.911l-.1.049m2.85-.022a.584.584 0 00-.253.22.508.508 0 00.021.526.56.56 0 00.271.203c.035.01.284.017.611.017s.576-.007.61-.017a.526.526 0 00.348-.384.495.495 0 00-.167-.476c-.127-.112-.146-.115-.798-.114-.466.001-.59.006-.644.025m2.843-.011a.544.544 0 00-.307.281.414.414 0 00-.036.2.47.47 0 00.287.45l.096.046h.571c.658 0 .685-.005.821-.137a.459.459 0 00.152-.359.473.473 0 00-.276-.447l-.097-.049-.586.001a8.922 8.922 0 00-.625.014m-7.067 1.89a.576.576 0 00-.264.241c-.031.06-.037.094-.037.222s.006.163.037.22a.582.582 0 00.252.238l.085.04.605-.005c.584-.005.607-.006.669-.04a.641.641 0 00.233-.242.554.554 0 00.002-.413.573.573 0 00-.243-.249c-.071-.037-.078-.037-.664-.04-.56-.004-.596-.002-.675.028m2.838-.01a.495.495 0 00-.334.464.486.486 0 00.275.46c.071.037.079.037.662.042.682.005.69.004.832-.126a.443.443 0 00.16-.367.474.474 0 00-.286-.45l-.096-.046H6.6c-.443.001-.59.006-.637.023m2.765.022a.476.476 0 00-.285.451c0 .16.044.262.159.367.14.127.15.129.813.129h.577l.096-.046c.38-.182.381-.7.004-.902-.067-.035-.08-.036-.668-.04l-.6-.005-.096.046m2.841-.017a.588.588 0 00-.289.3c-.086.232.02.5.248.622.062.033.085.034.669.039l.605.004.085-.039c.1-.045.2-.14.252-.237.031-.058.037-.093.037-.221s-.006-.163-.037-.222a.558.558 0 00-.268-.241c-.083-.031-.12-.033-.66-.032-.475.001-.583.006-.642.027M4.555 12.68a.58.58 0 00-.293.263c-.047.088-.043.335.007.432a.496.496 0 00.362.27c.066.013 1.1.018 3.369.018 2.27 0 3.303-.005 3.37-.017a.496.496 0 00.36-.271c.032-.06.038-.096.038-.224 0-.125-.007-.164-.035-.217a.624.624 0 00-.242-.234l-.075-.037-3.4-.003c-2.893-.002-3.41 0-3.461.02",
+        fillRule: "evenodd"
+      })
+    }), /*#__PURE__*/_jsx("g", {
+      mask: "url(#".concat(maskId, ")"),
+      children: /*#__PURE__*/_jsx("rect", {
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
+      })
+    })]
+  }));
+});

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

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

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

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

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

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

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

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

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

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

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