@codecademy/gamut-icons 8.1.1 → 8.1.2-alpha.b29ebf.0

package/dist/icons/regular/InformationalIcon.js

@@ -24,34 +24,44 @@ export var InformationalIcon = /*#__PURE__*/React.forwardRef(function (_ref, svg
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
-    fill: "currentColor",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'flag-information'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("path", {
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5,
-      d: "M.75 23.25V.75m0 19.543l3.154-.97a9.61 9.61 0 017.864 1 9.615 9.615 0 007.679 1.056l2.987-.853a1.126 1.126 0 00.816-1.082V3.637a1.126 1.126 0 00-1.434-1.082l-2.369.677a9.615 9.615 0 01-7.679-1.056 9.61 9.61 0 00-7.864-1L.75 2.145"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M14.25 16.5h-.75A1.5 1.5 0 0112 15v-3.75a.75.75 0 00-.75-.75h-.75m1.125-3.75h0m0 0a.375.375 0 10.375.375.375.375 0 00-.375-.375",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: "flag-information-".concat(titleId !== null && titleId !== void 0 ? titleId : 'default'),
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'flag-information'
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5,
+        d: "M.75 23.25V.75m0 19.543l3.154-.97a9.61 9.61 0 017.864 1 9.615 9.615 0 007.679 1.056l2.987-.853a1.126 1.126 0 00.816-1.082V3.637a1.126 1.126 0 00-1.434-1.082l-2.369.677a9.615 9.615 0 01-7.679-1.056 9.61 9.61 0 00-7.864-1L.75 2.145"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M14.25 16.5h-.75A1.5 1.5 0 0112 15v-3.75a.75.75 0 00-.75-.75h-.75m1.125-3.75h0m0 0a.375.375 0 10.375.375.375.375 0 00-.375-.375",
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: "url(#flag-information-".concat(titleId !== null && titleId !== void 0 ? titleId : 'default', ")"),
+      children: /*#__PURE__*/_jsx("rect", {
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
+      })
     })]
   }));
 });

package/dist/icons/regular/InstagramIcon.js

@@ -24,9 +24,10 @@ export var InstagramIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 16 16",
-    fill: "currentColor",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -35,9 +36,21 @@ export var InstagramIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
     children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("path", {
-      fill: "currentColor",
-      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"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: "instagram-".concat(titleId !== null && titleId !== void 0 ? titleId : 'default'),
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'instagram'
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "#fff",
+        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-".concat(titleId !== null && titleId !== void 0 ? titleId : 'default', ")"),
+      children: /*#__PURE__*/_jsx("rect", {
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
+      })
     })]
   }));
 });

package/dist/icons/regular/InstructionsIcon.js

@@ -24,39 +24,49 @@ export var InstructionsIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgR
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
-    fill: "currentColor",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'check-2'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("path", {
-      d: "M6 13.223L8.45 16.7a1.049 1.049 0 001.707.051L18 6.828",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
-    }), /*#__PURE__*/_jsx("rect", {
-      x: 0.75,
-      y: 0.749,
-      width: 22.5,
-      height: 22.5,
-      rx: 1.5,
-      ry: 1.5,
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: "check-2-".concat(titleId !== null && titleId !== void 0 ? titleId : 'default'),
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'check-2'
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M6 13.223L8.45 16.7a1.049 1.049 0 001.707.051L18 6.828",
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      }), /*#__PURE__*/_jsx("rect", {
+        x: 0.75,
+        y: 0.749,
+        width: 22.5,
+        height: 22.5,
+        rx: 1.5,
+        ry: 1.5,
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: "url(#check-2-".concat(titleId !== null && titleId !== void 0 ? titleId : 'default', ")"),
+      children: /*#__PURE__*/_jsx("rect", {
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
+      })
     })]
   }));
 });

package/dist/icons/regular/IntersectionIcon.js

@@ -24,47 +24,57 @@ export var IntersectionIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgR
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
-    fill: "currentColor",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'color-palette'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("circle", {
-      cx: 12,
-      cy: 8.25,
-      r: 6.75,
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
-    }), /*#__PURE__*/_jsx("circle", {
-      cx: 7.5,
-      cy: 15.75,
-      r: 6.75,
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
-    }), /*#__PURE__*/_jsx("circle", {
-      cx: 16.5,
-      cy: 15.75,
-      r: 6.75,
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: "color-palette-".concat(titleId !== null && titleId !== void 0 ? titleId : 'default'),
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'color-palette'
+      }), /*#__PURE__*/_jsx("circle", {
+        cx: 12,
+        cy: 8.25,
+        r: 6.75,
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      }), /*#__PURE__*/_jsx("circle", {
+        cx: 7.5,
+        cy: 15.75,
+        r: 6.75,
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      }), /*#__PURE__*/_jsx("circle", {
+        cx: 16.5,
+        cy: 15.75,
+        r: 6.75,
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: "url(#color-palette-".concat(titleId !== null && titleId !== void 0 ? titleId : 'default', ")"),
+      children: /*#__PURE__*/_jsx("rect", {
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
+      })
     })]
   }));
 });

package/dist/icons/regular/JavaIcon.js

@@ -24,28 +24,38 @@ export var JavaIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
-    fill: "currentColor",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'Java Icon'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("g", {
-      stroke: "currentColor",
-      fill: "none",
-      children: [/*#__PURE__*/_jsx("path", {
-        d: "M5.954 18.842C4.14 19.114 3 19.507 3 19.943 3 20.763 7.03 22 12 22s7.875-1.3 9-2.057M8.306 18.002c-.423.118-.667.259-.667.409 0 .428 1.98.775 4.423.775 2.442 0 3.658-.415 4.422-.775M7.051 15.06c-.742.16-1.186.364-1.186.586 0 .514 2.377.93 5.31.93 2.932 0 4.545-.498 5.31-.93m-9.09-3.918c-.48.048-.92.106-1.31.174-1.11.193-1.797.461-1.797.757 0 .59 2.73 1.068 6.098 1.068s5.53-.549 6.098-1.068m2.656.211s.423-.61 1.269-.204c.845.407.685 1.832.14 2.443-.362.407-.879.95-1.549 1.628m-7.844-5.407c-1.01-.69-1.525-1.726-1.546-3.107-.031-2.071 2.728-2.693 3.122-3.936.263-.828.263-1.588 0-2.278"
-      }), /*#__PURE__*/_jsx("path", {
-        d: "M13.242 12.522c.197-.207 1.183-.622.394-1.865-.788-1.243-2.45-2.227-.676-3.47l1.38-1.035"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: "java-icon-".concat(titleId !== null && titleId !== void 0 ? titleId : 'default'),
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'Java Icon'
+      }), /*#__PURE__*/_jsxs("g", {
+        stroke: "#fff",
+        fill: "none",
+        children: [/*#__PURE__*/_jsx("path", {
+          d: "M5.954 18.842C4.14 19.114 3 19.507 3 19.943 3 20.763 7.03 22 12 22s7.875-1.3 9-2.057M8.306 18.002c-.423.118-.667.259-.667.409 0 .428 1.98.775 4.423.775 2.442 0 3.658-.415 4.422-.775M7.051 15.06c-.742.16-1.186.364-1.186.586 0 .514 2.377.93 5.31.93 2.932 0 4.545-.498 5.31-.93m-9.09-3.918c-.48.048-.92.106-1.31.174-1.11.193-1.797.461-1.797.757 0 .59 2.73 1.068 6.098 1.068s5.53-.549 6.098-1.068m2.656.211s.423-.61 1.269-.204c.845.407.685 1.832.14 2.443-.362.407-.879.95-1.549 1.628m-7.844-5.407c-1.01-.69-1.525-1.726-1.546-3.107-.031-2.071 2.728-2.693 3.122-3.936.263-.828.263-1.588 0-2.278"
+        }), /*#__PURE__*/_jsx("path", {
+          d: "M13.242 12.522c.197-.207 1.183-.622.394-1.865-.788-1.243-2.45-2.227-.676-3.47l1.38-1.035"
+        })]
       })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: "url(#java-icon-".concat(titleId !== null && titleId !== void 0 ? titleId : 'default', ")"),
+      children: /*#__PURE__*/_jsx("rect", {
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
+      })
     })]
   }));
 });

package/dist/icons/regular/JavascriptIcon.js

@@ -24,24 +24,34 @@ export var JavascriptIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
-    fill: "currentColor",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'Javascript Icon'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("path", {
-      d: "M2 2v20h20V2H2zm18.8 18.8H3.2V3.2h17.6v17.6z"
-    }), /*#__PURE__*/_jsx("path", {
-      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"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: "javascript-icon-".concat(titleId !== null && titleId !== void 0 ? titleId : 'default'),
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'Javascript Icon'
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M2 2v20h20V2H2zm18.8 18.8H3.2V3.2h17.6v17.6z"
+      }), /*#__PURE__*/_jsx("path", {
+        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-".concat(titleId !== null && titleId !== void 0 ? titleId : 'default', ")"),
+      children: /*#__PURE__*/_jsx("rect", {
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
+      })
     })]
   }));
 });

package/dist/icons/regular/JiraIcon.js

@@ -22,11 +22,12 @@ export var JiraIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     width = _ref$width === void 0 ? size : _ref$width,
     props = _objectWithoutProperties(_ref, ["title", "titleId", "size", "height", "width"]);
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
-    fill: "currentColor",
+    fill: "#fff",
     preserveAspectRatio: "xMidYMid",
     viewBox: "0 -30.632 255.324 285.956",
     role: "img",
     "aria-hidden": "true",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -35,12 +36,24 @@ export var JiraIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("path", {
-      d: "M244.658 0H121.707a55.502 55.502 0 0055.502 55.502h22.649V77.37c.02 30.625 24.841 55.447 55.466 55.467V10.666C255.324 4.777 250.55 0 244.658 0z"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M183.822 61.262H60.872c.019 30.625 24.84 55.447 55.466 55.467h22.649v21.938c.039 30.625 24.877 55.43 55.502 55.43V71.93c0-5.891-4.776-10.667-10.667-10.667z"
-    }), /*#__PURE__*/_jsx("path", {
-      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"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: "jira-".concat(titleId !== null && titleId !== void 0 ? titleId : 'default'),
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'jira'
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M244.658 0H121.707a55.502 55.502 0 0055.502 55.502h22.649V77.37c.02 30.625 24.841 55.447 55.466 55.467V10.666C255.324 4.777 250.55 0 244.658 0z"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M183.822 61.262H60.872c.019 30.625 24.84 55.447 55.466 55.467h22.649v21.938c.039 30.625 24.877 55.43 55.502 55.43V71.93c0-5.891-4.776-10.667-10.667-10.667z"
+      }), /*#__PURE__*/_jsx("path", {
+        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-".concat(titleId !== null && titleId !== void 0 ? titleId : 'default', ")"),
+      children: /*#__PURE__*/_jsx("rect", {
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
+      })
     })]
   }));
 });

package/dist/icons/regular/LearnIcon.js

@@ -24,34 +24,44 @@ export var LearnIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
-    fill: "currentColor",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'file-code'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("path", {
-      d: "M22.5 21.753a1.5 1.5 0 01-1.5 1.5H3a1.5 1.5 0 01-1.5-1.5v-19.5A1.5 1.5 0 013 .753h15.045a1.5 1.5 0 011.048.427l2.955 2.882a1.5 1.5 0 01.452 1.074z",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
-    }), /*#__PURE__*/_jsx("path", {
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5,
-      d: "M14.295 9.003l3.75 3.75-3.75 3.75m-4.5-7.5l-3.75 3.75 3.75 3.75"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: "file-code-".concat(titleId !== null && titleId !== void 0 ? titleId : 'default'),
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'file-code'
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M22.5 21.753a1.5 1.5 0 01-1.5 1.5H3a1.5 1.5 0 01-1.5-1.5v-19.5A1.5 1.5 0 013 .753h15.045a1.5 1.5 0 011.048.427l2.955 2.882a1.5 1.5 0 01.452 1.074z",
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5,
+        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-".concat(titleId !== null && titleId !== void 0 ? titleId : 'default', ")"),
+      children: /*#__PURE__*/_jsx("rect", {
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
+      })
     })]
   }));
 });

package/dist/icons/regular/LessonIcon.js

@@ -24,34 +24,44 @@ export var LessonIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
-    fill: "currentColor",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
-      id: titleId,
-      children: 'book-book-pages'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("path", {
-      d: "M16.5 21.513a1.5 1.5 0 01-1.9 1.446L4.1 20.042A1.5 1.5 0 013 18.6V2.487a1.5 1.5 0 011.9-1.446l10.5 3.391a1.5 1.5 0 011.1 1.445z",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M4.5.987h15a1.5 1.5 0 011.5 1.5v15.75a1.5 1.5 0 01-1.5 1.5h-3",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: "book-book-pages-".concat(titleId !== null && titleId !== void 0 ? titleId : 'default'),
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'book-book-pages'
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M16.5 21.513a1.5 1.5 0 01-1.9 1.446L4.1 20.042A1.5 1.5 0 013 18.6V2.487a1.5 1.5 0 011.9-1.446l10.5 3.391a1.5 1.5 0 011.1 1.445z",
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M4.5.987h15a1.5 1.5 0 011.5 1.5v15.75a1.5 1.5 0 01-1.5 1.5h-3",
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: "url(#book-book-pages-".concat(titleId !== null && titleId !== void 0 ? titleId : 'default', ")"),
+      children: /*#__PURE__*/_jsx("rect", {
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
+      })
     })]
   }));
 });

package/dist/icons/regular/LevelIcon.js

@@ -27,9 +27,10 @@ export var LevelIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     style: {
       backgroundColor: 'transparent'
     },
-    fill: "currentColor",
+    fill: "#fff",
     role: "img",
     "aria-hidden": "true",
+    "pointer-events": "none",
     width: width,
     height: height,
     ref: svgRef,
@@ -38,13 +39,25 @@ export var LevelIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("path", {
-      d: "M4.975 7.45H1.15v5.4h3.825m4.05-8.1h-4.05v8.1h4.05m0-11.7h3.825v11.7H9.025z",
-      strokeWidth: 0.9,
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: "level-".concat(titleId !== null && titleId !== void 0 ? titleId : 'default'),
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'level'
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M4.975 7.45H1.15v5.4h3.825m4.05-8.1h-4.05v8.1h4.05m0-11.7h3.825v11.7H9.025z",
+        strokeWidth: 0.9,
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: "url(#level-".concat(titleId !== null && titleId !== void 0 ? titleId : 'default', ")"),
+      children: /*#__PURE__*/_jsx("rect", {
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
+      })
     })]
   }));
 });