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

package/dist/icons/regular/LinkedinOutlineIcon.js

@@ -38,18 +38,18 @@ export var LinkedinOutlineIcon = /*#__PURE__*/React.forwardRef(function (_ref, s
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'linkedin-2',
+      id: "linkedin-2-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'linkedin-2'
       }), /*#__PURE__*/_jsx("path", {
         d: "M.81 7.95a.75.75 0 00-.75.75v13.93a.75.75 0 00.75.75h4.86a.75.75 0 00.75-.75V8.7a.75.75 0 00-.75-.75zm4.11 13.93H1.56V9.45h3.36zM17.89 7.94a7.35 7.35 0 00-3.53.93V8.7a.75.75 0 00-.75-.75h-5.1a.75.75 0 00-.75.75v13.93a.75.75 0 00.75.75h5.11a.75.75 0 00.75-.75v-7.25a1.39 1.39 0 012.79 0v7.25a.75.75 0 00.75.75h5.36a.75.75 0 00.75-.75V15.5c-.02-4.67-2.35-7.56-6.13-7.56zm4.62 13.94h-3.86v-6.5a2.89 2.89 0 00-5.79 0v6.5h-3.6V9.45h3.61v.84a.75.75 0 001.26.55 6.07 6.07 0 013.77-1.4c2.93 0 4.62 2.21 4.62 6.06zM3.24 7.13A3.25 3.25 0 100 3.88a3.25 3.25 0 003.24 3.25zm0-5a1.75 1.75 0 11-1.75 1.75 1.75 1.75 0 011.75-1.75z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#linkedin-2)',
+      mask: "url(#linkedin-2-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/ListIcon.js

@@ -37,7 +37,7 @@ export var ListIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'list-bullets',
+      id: "list-bullets-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'list-bullets'
       }), /*#__PURE__*/_jsx("circle", {
@@ -76,11 +76,11 @@ export var ListIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         d: "M8.25 3.748h15m-15 9h15m-15 9h15"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#list-bullets)',
+      mask: "url(#list-bullets-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/LocationPinIcon.js

@@ -37,7 +37,7 @@ export var LocationPinIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRe
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'location-pin',
+      id: "location-pin-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'location-pin'
       }), /*#__PURE__*/_jsx("path", {
@@ -46,11 +46,11 @@ export var LocationPinIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRe
         d: "M18.792 11a5.006 5.006 0 00-5 5c0 3.171 4.457 7.664 4.646 7.854a.5.5 0 00.707 0c.189-.19 4.647-4.683 4.647-7.854a5.006 5.006 0 00-5-5zm0 3.25a1.75 1.75 0 11-1.75 1.75 1.753 1.753 0 011.75-1.752z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#location-pin)',
+      mask: "url(#location-pin-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/Lock1Icon.js

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

package/dist/icons/regular/LockHeavyIcon.js

@@ -37,18 +37,18 @@ export var LockHeavyIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'lock-1-heavy',
+      id: "lock-1-heavy-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'lock-1-heavy'
       }), /*#__PURE__*/_jsx("path", {
         d: "M19.5 9.5h-.75V6.75a6.75 6.75 0 00-13.5 0V9.5H4.5a2 2 0 00-2 2V22a2 2 0 002 2h15a2 2 0 002-2V11.5a2 2 0 00-2-2zm-9.5 6a2 2 0 113 1.723V19.5a1 1 0 01-2 0v-2.277a1.994 1.994 0 01-1-1.723zM7.75 6.75a4.25 4.25 0 018.5 0V9a.5.5 0 01-.5.5h-7.5a.5.5 0 01-.5-.5z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#lock-1-heavy)',
+      mask: "url(#lock-1-heavy-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/LockIcon.js

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

package/dist/icons/regular/MaintenanceIcon.js

@@ -37,7 +37,7 @@ export var MaintenanceIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRe
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'safety-helmet-mine',
+      id: "safety-helmet-mine-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'safety-helmet-mine'
       }), /*#__PURE__*/_jsx("path", {
@@ -65,11 +65,11 @@ export var MaintenanceIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRe
         d: "M16.5 15.375h6.75m-22.5 0H7.5m-3.75 3a2.774 2.774 0 011.5 2.25h13.5a2.774 2.774 0 011.5-2.25"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#safety-helmet-mine)',
+      mask: "url(#safety-helmet-mine-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/MapFingerIcon.js

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

package/dist/icons/regular/MapPinIcon.js

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

package/dist/icons/regular/MarkerIcon.js

@@ -37,7 +37,7 @@ export var MarkerIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'pin-location',
+      id: "pin-location-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'pin-location'
       }), /*#__PURE__*/_jsx("path", {
@@ -49,11 +49,11 @@ export var MarkerIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         d: "M.75 23.25h22.5m-3.75-15c0 4.142-7.5 10.5-7.5 10.5s-7.5-6.358-7.5-10.5a7.5 7.5 0 0115 0z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#pin-location)',
+      mask: "url(#pin-location-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/MastercardIcon.js

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

package/dist/icons/regular/MediumIcon.js

@@ -37,18 +37,18 @@ export var MediumIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'medium-new',
+      id: "medium-new-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'Medium-new'
       }), /*#__PURE__*/_jsx("path", {
         d: "M23 0H1a1 1 0 00-1 1v22a1 1 0 001 1h22a1 1 0 001-1V1a1 1 0 00-1-1zm-2.64 5.85L19 7.08a.38.38 0 00-.14.36v9.48a.38.38 0 00.14.36l1.35 1.33v.27H14v-.27l1.16-1.36c.13-.13.13-.17.13-.36V10l-2.8 7.9-.3 1h-.79c-2.65-5.79-3.49-7.82-4.3-9.21v7l1.64 2v.27H4v-.27l1.6-2v-9L4.36 6.15v-.53h4.77l3.22 7.71L15 6.06a.75.75 0 01.79-.58h4.58z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#medium-new)',
+      mask: "url(#medium-new-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/MegaphoneIcon.js

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

package/dist/icons/regular/MenuIcon.js

@@ -37,7 +37,7 @@ export var MenuIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'navigation-menu',
+      id: "navigation-menu-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'navigation-menu'
       }), /*#__PURE__*/_jsx("path", {
@@ -49,11 +49,11 @@ export var MenuIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         d: "M2.25 18.003h19.5m-19.5-6h19.5m-19.5-6h19.5"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#navigation-menu)',
+      mask: "url(#navigation-menu-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/MinimizeIcon.js

@@ -37,7 +37,7 @@ export var MinimizeIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'shrink-2',
+      id: "shrink-2-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'shrink-2'
       }), /*#__PURE__*/_jsx("path", {
@@ -49,11 +49,11 @@ export var MinimizeIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
         d: "M23.25.748l-9 9m-4.5 11.25v-6.75H3m11.25-11.25v6.75H21m-11.25 4.5l-9 9"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#shrink-2)',
+      mask: "url(#shrink-2-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/MonitorBookIcon.js

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

package/dist/icons/regular/MultipleActionsViewIcon.js

@@ -37,7 +37,7 @@ export var MultipleActionsViewIcon = /*#__PURE__*/React.forwardRef(function (_re
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'multiple-actions-view',
+      id: "multiple-actions-view-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'multiple-actions-view'
       }), /*#__PURE__*/_jsx("path", {
@@ -50,11 +50,11 @@ export var MultipleActionsViewIcon = /*#__PURE__*/React.forwardRef(function (_re
         d: "M20.4 9.75a.751.751 0 01-.649-.375 3.723 3.723 0 00-2.278-1.747 3.744 3.744 0 00-2.845.376 3.783 3.783 0 00-.948.779.752.752 0 01-1.13-.988 5.258 5.258 0 013.945-1.797c.458 0 .917.061 1.365.18a5.214 5.214 0 013.188 2.445.751.751 0 01-.648 1.127z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#multiple-actions-view)',
+      mask: "url(#multiple-actions-view-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/MultipleUsersIcon.js

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

package/dist/icons/regular/NarrativeIcon.js

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

package/dist/icons/regular/NetworkUserIcon.js

@@ -37,7 +37,7 @@ export var NetworkUserIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRe
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'network-user',
+      id: "network-user-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'network-user'
       }), /*#__PURE__*/_jsxs("g", {
@@ -53,11 +53,11 @@ export var NetworkUserIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRe
         })]
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#network-user)',
+      mask: "url(#network-user-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/NotebookIcon.js

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

package/dist/icons/regular/ObjectiveIcon.js

@@ -37,7 +37,7 @@ export var ObjectiveIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'target-center',
+      id: "target-center-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'target-center'
       }), /*#__PURE__*/_jsx("path", {
@@ -49,11 +49,11 @@ export var ObjectiveIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
         d: "M11.016 11.859l4.167-4.167m0 0l.568-3.75L18.999.75l.502 2.624 2.624.502-3.192 3.248-3.75.568zm5.872 1.821A9.75 9.75 0 1112.614 2.3m4.108 8.437a5.251 5.251 0 11-5.1-3.987m-5.106 13.5l-.75 3m11.25-3l.75 3"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#target-center)',
+      mask: "url(#target-center-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/OpenIcon.js

@@ -37,7 +37,7 @@ export var OpenIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'expand-6',
+      id: "expand-6-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'expand-6'
       }), /*#__PURE__*/_jsx("path", {
@@ -49,11 +49,11 @@ export var OpenIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         d: "M23.251 7.498V.748h-6.75m6.75 0l-15 15m3-10.5h-9a1.5 1.5 0 00-1.5 1.5v15a1.5 1.5 0 001.5 1.5h15a1.5 1.5 0 001.5-1.5v-9"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#expand-6)',
+      mask: "url(#expand-6-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/OverviewIcon.js

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