@codecademy/gamut-icons 8.0.2-alpha.cef563.0 → 8.0.2-alpha.dc40d1.0

package/dist/icons/regular/GithubOutlineIcon.js

@@ -38,18 +38,18 @@ export var GithubOutlineIcon = /*#__PURE__*/React.forwardRef(function (_ref, svg
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'github-2',
+      id: "github-2-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'github-2'
       }), /*#__PURE__*/_jsx("path", {
         d: "M12 0a12 12 0 00-3.41 23.5 1.25 1.25 0 001.61-1.2V20a.75.75 0 00-.91-.73A2 2 0 016.66 18l-.11-.27.18.13a2.62 2.62 0 003.06.5.75.75 0 00.44-.58 4.84 4.84 0 01.38-1.36.75.75 0 00-.41-1.31c-2.4-.27-3.85-.66-3.85-3.66a3.1 3.1 0 01.83-2.15.75.75 0 00.14-.79 2.65 2.65 0 01-.06-1.57A5.46 5.46 0 019 7.81a.76.76 0 00.62.1 8.76 8.76 0 012.28-.31 8.67 8.67 0 012.29.31.75.75 0 00.62-.1 5.63 5.63 0 011.76-.87 2.66 2.66 0 01-.05 1.57.75.75 0 00.14.79 3.09 3.09 0 01.82 2.15c0 3-1.46 3.38-3.86 3.65a.75.75 0 00-.64.52.74.74 0 00.22.79 3.61 3.61 0 01.43 1.77v4.17a1.25 1.25 0 001.25 1.25 1.19 1.19 0 00.34 0A12 12 0 0012 0zm3.16 22v-3.82a5.94 5.94 0 00-.27-1.72c1.93-.31 4.12-1.18 4.12-5a4.62 4.62 0 00-.93-2.83 4.52 4.52 0 00-.24-2.73.75.75 0 00-.47-.44c-.26-.08-1.24-.25-3.09.92a10.19 10.19 0 00-4.7 0c-1.85-1.18-2.83-1-3.09-.92A.75.75 0 006 5.9a4.51 4.51 0 00-.24 2.73 4.62 4.62 0 00-.93 2.83c0 3.83 2.21 4.69 4.14 5-.07.24-.13.47-.17.66-.42.11-.65-.06-1.2-.47a7.19 7.19 0 00-2.81-1.38.75.75 0 00-.74 1.22 5.23 5.23 0 011.17 2 3.52 3.52 0 003.48 2.4V22a10.5 10.5 0 116.46 0z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#github-2)',
+      mask: "url(#github-2-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/GlassesIcon.js

@@ -37,7 +37,7 @@ export var GlassesIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'glasses-retro',
+      id: "glasses-retro-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'glasses-retro'
       }), /*#__PURE__*/_jsx("circle", {
@@ -67,11 +67,11 @@ export var GlassesIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         d: "M9.75 17.25h4.5m-13.5 0v-12a3 3 0 013-3h.75m18.75 15v-12a3 3 0 00-3-3h-.75"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#glasses-retro)',
+      mask: "url(#glasses-retro-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/GplusIcon.js

@@ -37,7 +37,7 @@ export var GplusIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'g-plus',
+      id: "g-plus-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'g-plus'
       }), /*#__PURE__*/_jsx("path", {
@@ -45,11 +45,11 @@ export var GplusIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         d: "M16 3.5h-2.1v2.1h-1.1V3.5h-2.1v-1h2.1V.4h1.1v2.1H16v1zm-6 8.8c0 1.6-1.5 3.5-5.1 3.5-2.7 0-4.9-1.2-4.9-3.1 0-1.5.9-3.4 5.4-3.4-.7-.5-.8-1.3-.4-2.1-2.6 0-4-1.5-4-3.4S2.4.2 5.3.2h4.6l-1 1.1H7.7C8.5 1.7 9 2.7 9 3.8c0 1-.6 1.8-1.4 2.5-1.4 1.1-1 1.7.5 2.8C9.5 10.2 10 11 10 12.3zM7.1 3.9c-.2-1.6-1.3-3-2.5-3S2.5 2.1 2.7 3.7C3 5.4 4.2 6.5 5.4 6.5c1.2.1 1.9-1 1.7-2.6zm1.3 8.6c0-1.3-1.2-2.6-3.3-2.6-1.8 0-3.4 1.2-3.4 2.5C1.7 13.8 3 15 4.9 15c2.4 0 3.5-1.1 3.5-2.5z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#g-plus)',
+      mask: "url(#g-plus-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/GraphStatsAscendIcon.js

@@ -37,18 +37,18 @@ export var GraphStatsAscendIcon = /*#__PURE__*/React.forwardRef(function (_ref,
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'graph-stats-ascend',
+      id: "graph-stats-ascend-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'graph-stats-ascend'
       }), /*#__PURE__*/_jsx("path", {
         d: "M.75 18.75a.743.743 0 01-.53-.22C.078 18.389 0 18.2 0 18s.078-.389.22-.53l7.189-7.189c.425-.425.99-.658 1.592-.658.602 0 1.167.234 1.591.658l3.128 3.128a.747.747 0 001.062 0l6.659-6.659H16.5a.75.75 0 010-1.5h6.75a.735.735 0 01.293.06.75.75 0 01.401.405l.01.026c.03.081.046.17.046.259v6.75a.75.75 0 01-1.5 0V7.811l-6.659 6.659c-.425.425-.99.658-1.592.658a2.23 2.23 0 01-1.59-.658L9.53 11.341a.744.744 0 00-.53-.219c-.2 0-.389.078-.53.219L1.28 18.53a.743.743 0 01-.53.22z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#graph-stats-ascend)',
+      mask: "url(#graph-stats-ascend-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/GrowthIcon.js

@@ -37,7 +37,7 @@ export var GrowthIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'growth',
+      id: "growth-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'growth'
       }), /*#__PURE__*/_jsx("path", {
@@ -63,11 +63,11 @@ export var GrowthIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         strokeWidth: 1.5
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#growth)',
+      mask: "url(#growth-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/HalloweenBroomIcon.js

@@ -37,18 +37,18 @@ export var HalloweenBroomIcon = /*#__PURE__*/React.forwardRef(function (_ref, sv
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'halloween-broom',
+      id: "halloween-broom-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'halloween-broom'
       }), /*#__PURE__*/_jsx("path", {
         d: "M16.64 24a1.89 1.89 0 01-1.535-.779l-3.018-4.638a4.643 4.643 0 01-.884-3.824l-1.244-1.227a2.516 2.516 0 01-.452-2.953L.226 1.278A.75.75 0 011.288.219l9.28 9.301a2.515 2.515 0 011.17-.287c.672 0 1.304.261 1.777.735l1.257 1.24a4.632 4.632 0 013.801.89l4.639 3.028a.735.735 0 01.061.044c.727.581.924 1.627.457 2.435l-1.917 3.882a.75.75 0 01-.341.341l-3.88 1.916a1.9 1.9 0 01-.952.256zm-.301-1.631a.405.405 0 00.507.073l.062-.033 1.457-.72-2.41-2.41a.752.752 0 01.53-1.281c.2 0 .389.078.53.22l2.77 2.77.796-.393.639-1.294-2.936-2.201a.75.75 0 01.9-1.201l2.712 2.033.501-1.015.029-.053a.407.407 0 00-.073-.507l-4.63-3.022a.565.565 0 01-.061-.045 3.129 3.129 0 00-1.945-.682 3.1 3.1 0 00-2.205.914 3.117 3.117 0 00-.231 4.155c.016.02.031.04.044.061l3.014 4.631zm-4.604-11.637c-.272 0-.527.105-.719.297a1.02 1.02 0 000 1.439l.801.79a4.585 4.585 0 011.441-1.438l-.799-.788a1.02 1.02 0 00-.724-.3zm6.272-.984a.75.75 0 01-.75-.75v-1.5h-1.5a.75.75 0 010-1.5h1.5v-1.5a.75.75 0 011.5 0v1.5h1.5a.75.75 0 010 1.5h-1.5v1.5a.75.75 0 01-.75.75zm-7.5-5.25a.75.75 0 01-.75-.75v-.75h-.75a.75.75 0 010-1.5h.75v-.75a.75.75 0 011.5 0v.75h.75a.75.75 0 010 1.5h-.75v.75a.75.75 0 01-.75.75zm-8.25 9.751a.75.75 0 01-.75-.75v-.75h-.75a.75.75 0 010-1.5h.75v-.75a.75.75 0 011.5 0v.75h.75a.75.75 0 010 1.5h-.75v.75a.75.75 0 01-.75.75zm6.75 9.75a.75.75 0 01-.75-.75v-.75h-.75a.75.75 0 010-1.5h.75v-.75a.75.75 0 011.5 0v.75h.75a.75.75 0 010 1.5h-.75v.75a.75.75 0 01-.75.75zm-1.669-6.228a.796.796 0 01-.13-.011 1.126 1.126 0 01-.983-.983.717.717 0 010-.262c.06-.513.47-.922.983-.982a.698.698 0 01.26 0c.513.06.923.469.983.982a.717.717 0 010 .262c-.06.513-.47.922-.983.983a.786.786 0 01-.13.011zm-4.402 3.912a.796.796 0 01-.13-.011 1.126 1.126 0 01-.983-.982.717.717 0 010-.262c.06-.513.47-.922.983-.983a.796.796 0 01.26 0c.513.061.923.47.983.983a.717.717 0 010 .262c-.06.513-.47.922-.983.982a.786.786 0 01-.13.011zM21.034 2.998a.817.817 0 01-.131-.011 1.127 1.127 0 01-.983-.983.796.796 0 010-.26c.06-.513.47-.923.983-.983a.717.717 0 01.262 0c.513.06.922.47.982.983a.698.698 0 010 .26c-.06.513-.469.923-.982.983a.717.717 0 01-.131.011z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#halloween-broom)',
+      mask: "url(#halloween-broom-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/HouseEntranceIcon.js

@@ -37,7 +37,7 @@ export var HouseEntranceIcon = /*#__PURE__*/React.forwardRef(function (_ref, svg
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'house-entrance',
+      id: "house-entrance-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'house-entrance'
       }), /*#__PURE__*/_jsx("path", {
@@ -49,11 +49,11 @@ export var HouseEntranceIcon = /*#__PURE__*/React.forwardRef(function (_ref, svg
         strokeWidth: 1.5
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#house-entrance)',
+      mask: "url(#house-entrance-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/HyperlinkIcon.js

@@ -37,7 +37,7 @@ export var HyperlinkIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'hyperlink-3',
+      id: "hyperlink-3-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'hyperlink-3'
       }), /*#__PURE__*/_jsx("path", {
@@ -46,11 +46,11 @@ export var HyperlinkIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
         d: "M22.526 2.363l-.892-.892a4.8 4.8 0 00-6.77 0l-2.905 2.9a1 1 0 001.414 1.414l2.9-2.9a2.79 2.79 0 013.941 0l.893.893a2.786 2.786 0 010 3.942l-5.8 5.8a2.769 2.769 0 01-1.971.817 2.766 2.766 0 01-1.969-.816 1 1 0 10-1.415 1.412 4.751 4.751 0 003.384 1.4 4.752 4.752 0 003.385-1.4l5.8-5.8a4.786 4.786 0 000-6.771z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#hyperlink-3)',
+      mask: "url(#hyperlink-3-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/ImageIcon.js

@@ -37,7 +37,7 @@ export var ImageIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'common-file-horizontal-image',
+      id: "common-file-horizontal-image-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'common-file-horizontal-image'
       }), /*#__PURE__*/_jsx("circle", {
@@ -65,11 +65,11 @@ export var ImageIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         strokeWidth: 1.5
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#common-file-horizontal-image)',
+      mask: "url(#common-file-horizontal-image-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/InProgressIcon.js

@@ -37,7 +37,7 @@ export var InProgressIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'navigation-menu-horizontal',
+      id: "navigation-menu-horizontal-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'navigation-menu-horizontal'
       }), /*#__PURE__*/_jsx("circle", {
@@ -69,11 +69,11 @@ export var InProgressIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
         strokeWidth: 1.5
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#navigation-menu-horizontal)',
+      mask: "url(#navigation-menu-horizontal-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/InfoCircleIcon.js

@@ -37,7 +37,7 @@ export var InfoCircleIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'information-circle',
+      id: "information-circle-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'information-circle'
       }), /*#__PURE__*/_jsx("path", {
@@ -58,11 +58,11 @@ export var InfoCircleIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
         strokeWidth: 1.5
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#information-circle)',
+      mask: "url(#information-circle-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/InformationalIcon.js

@@ -37,7 +37,7 @@ export var InformationalIcon = /*#__PURE__*/React.forwardRef(function (_ref, svg
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'flag-information',
+      id: "flag-information-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'flag-information'
       }), /*#__PURE__*/_jsx("path", {
@@ -56,11 +56,11 @@ export var InformationalIcon = /*#__PURE__*/React.forwardRef(function (_ref, svg
         strokeWidth: 1.5
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#flag-information)',
+      mask: "url(#flag-information-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/InstagramIcon.js

@@ -37,7 +37,7 @@ export var InstagramIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'instagram',
+      id: "instagram-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'instagram'
       }), /*#__PURE__*/_jsx("path", {
@@ -45,11 +45,11 @@ export var InstagramIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
         d: "M14 16H2c-1.1 0-2-.9-2-2V2C0 .9.9 0 2 0h12c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2zM8 4.9c-1.2 0-2.3.7-2.8 1.8 0 .1-.1.1-.1.2V7c-.1.1-.1.2-.1.2v.7C5 9.6 6.4 11 8.1 11s3.1-1.4 3.1-3.1v-.7s0-.1-.1-.2v-.1c0-.1-.1-.1-.1-.2-.7-1.1-1.8-1.8-3-1.8zm6.2-2.3c0-.4-.4-.8-.8-.8h-1.6c-.4 0-.8.4-.8.8v1.6c0 .4.4.8.8.8h1.6c.4 0 .8-.4.8-.8V2.6zm0 4.1h-1.5c.1.4.2.8.2 1.3 0 2.7-2.2 4.9-4.9 4.9S3.1 10.7 3.1 8c0-.5.1-.9.2-1.3H1.8v6.7c0 .4.4.8.8.8h10.8c.4 0 .8-.4.8-.8V6.7z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#instagram)',
+      mask: "url(#instagram-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/InstructionsIcon.js

@@ -37,7 +37,7 @@ export var InstructionsIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgR
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'check-2',
+      id: "check-2-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'check-2'
       }), /*#__PURE__*/_jsx("path", {
@@ -61,11 +61,11 @@ export var InstructionsIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgR
         strokeWidth: 1.5
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#check-2)',
+      mask: "url(#check-2-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/IntersectionIcon.js

@@ -37,7 +37,7 @@ export var IntersectionIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgR
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'color-palette',
+      id: "color-palette-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'color-palette'
       }), /*#__PURE__*/_jsx("circle", {
@@ -69,11 +69,11 @@ export var IntersectionIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgR
         strokeWidth: 1.5
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#color-palette)',
+      mask: "url(#color-palette-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/JavaIcon.js

@@ -37,7 +37,7 @@ export var JavaIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'java-icon',
+      id: "java-icon-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'Java Icon'
       }), /*#__PURE__*/_jsxs("g", {
@@ -50,11 +50,11 @@ export var JavaIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         })]
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#java-icon)',
+      mask: "url(#java-icon-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/JavascriptIcon.js

@@ -37,7 +37,7 @@ export var JavascriptIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'javascript-icon',
+      id: "javascript-icon-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'Javascript Icon'
       }), /*#__PURE__*/_jsx("path", {
@@ -46,11 +46,11 @@ export var JavascriptIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
         d: "M17.585 17.925a1.565 1.565 0 01-.488.25 2.297 2.297 0 01-2.457-.75 2.64 2.64 0 01-.143-.188l-.964.56c.23.366.54.676.905.908a3.475 3.475 0 001.562.52c.577.07 1.162.014 1.715-.163.54-.15 1-.503 1.285-.985.204-.39.29-.83.25-1.267a2.115 2.115 0 00-.813-1.652 6.085 6.085 0 00-1.382-.783l-.277-.125c-.25-.107-.5-.22-.75-.345a2.37 2.37 0 01-.535-.37 1.172 1.172 0 01-.313-1.105 1.11 1.11 0 01.795-.825c.28-.076.573-.076.853 0a1.5 1.5 0 01.87.62l.894-.575a2.23 2.23 0 00-1-.84 3.16 3.16 0 00-1.964-.127 2.063 2.063 0 00-1.378.975 2.18 2.18 0 00-.27 1.287c.017.572.265 1.114.688 1.5a4.62 4.62 0 001.262.768l.235.105c.338.15.688.305 1.028.47a2 2 0 01.5.362 1.165 1.165 0 01-.123 1.783l.015-.008zM8 19a3.21 3.21 0 002.315.082 1.857 1.857 0 001.25-1.25 3.46 3.46 0 00.16-1.152v-5.982h-1.2v5.96c0 .181-.013.362-.04.542-.028.37-.24.7-.562.882a1.5 1.5 0 01-1.518-.062 1.685 1.685 0 01-.5-.55l-.035-.055-.983.585c.253.445.643.797 1.113 1z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#javascript-icon)',
+      mask: "url(#javascript-icon-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/JiraIcon.js

@@ -37,7 +37,7 @@ export var JiraIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'jira',
+      id: "jira-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'jira'
       }), /*#__PURE__*/_jsx("path", {
@@ -48,11 +48,11 @@ export var JiraIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         d: "M122.951 122.489H0c0 30.653 24.85 55.502 55.502 55.502h22.72v21.867c.02 30.597 24.798 55.408 55.396 55.466V133.156c0-5.891-4.776-10.667-10.667-10.667z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#jira)',
+      mask: "url(#jira-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/LearnIcon.js

@@ -37,7 +37,7 @@ export var LearnIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'file-code',
+      id: "file-code-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'file-code'
       }), /*#__PURE__*/_jsx("path", {
@@ -56,11 +56,11 @@ export var LearnIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         d: "M14.295 9.003l3.75 3.75-3.75 3.75m-4.5-7.5l-3.75 3.75 3.75 3.75"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#file-code)',
+      mask: "url(#file-code-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/LessonIcon.js

@@ -37,7 +37,7 @@ export var LessonIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'book-book-pages',
+      id: "book-book-pages-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'book-book-pages'
       }), /*#__PURE__*/_jsx("path", {
@@ -56,11 +56,11 @@ export var LessonIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         strokeWidth: 1.5
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#book-book-pages)',
+      mask: "url(#book-book-pages-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/LevelIcon.js

@@ -40,7 +40,7 @@ export var LevelIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'level',
+      id: "level-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'level'
       }), /*#__PURE__*/_jsx("path", {
@@ -52,11 +52,11 @@ export var LevelIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         strokeLinejoin: "round"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#level)',
+      mask: "url(#level-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/LifePreserverIcon.js

@@ -37,7 +37,7 @@ export var LifePreserverIcon = /*#__PURE__*/React.forwardRef(function (_ref, svg
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'help-wheel',
+      id: "help-wheel-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'help-wheel'
       }), /*#__PURE__*/_jsx("circle", {
@@ -67,11 +67,11 @@ export var LifePreserverIcon = /*#__PURE__*/React.forwardRef(function (_ref, svg
         strokeWidth: 1.5
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#help-wheel)',
+      mask: "url(#help-wheel-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/LinkIcon.js

@@ -37,7 +37,7 @@ export var LinkIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'hyperlink-2',
+      id: "hyperlink-2-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'hyperlink-2'
       }), /*#__PURE__*/_jsx("path", {
@@ -49,11 +49,11 @@ export var LinkIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         d: "M6.75 17.249l10.5-10.5m-9.515 5.272a4.472 4.472 0 00-3.417 1.3l-2.25 2.25a4.5 4.5 0 006.364 6.364l2.25-2.25a4.472 4.472 0 001.3-3.417m4.283-4.292a4.473 4.473 0 003.417-1.3l2.25-2.25a4.5 4.5 0 00-6.364-6.364l-2.25 2.25a4.475 4.475 0 00-1.295 3.417"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#hyperlink-2)',
+      mask: "url(#hyperlink-2-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/LinkedinIcon.js

@@ -37,7 +37,7 @@ export var LinkedinIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'linkedin',
+      id: "linkedin-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'linkedin'
       }), /*#__PURE__*/_jsx("path", {
@@ -45,11 +45,11 @@ export var LinkedinIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
         d: "M5.6 8.2c0-1.4 0-2.5-.1-3.5h2.9l.2 1.5h.1c.4-.7 1.5-1.8 3.4-1.8 2.2 0 3.9 1.5 3.9 4.7v6.4h-3.4v-6c0-1.4-.5-2.4-1.7-2.4-.9 0-1.5.6-1.7 1.3-.2.3-.2.6-.2.9v6.3H5.6V8.2zM.1 4.9h3.4v10.9H.1V4.9zm3.5-3c0 .9-.7 1.7-1.8 1.7S0 2.8 0 1.9C0 .9.7.2 1.8.2 3 .2 3.6.9 3.6 1.9z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#linkedin)',
+      mask: "url(#linkedin-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));