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

package/dist/icons/regular/FaviconSolidIcon.js

@@ -25,29 +25,39 @@ export var FaviconSolidIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgR
     viewBox: "0 0 28 22",
     xmlns: "http://www.w3.org/2000/svg",
     xmlnsXlink: "http://www.w3.org/1999/xlink",
-    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: 'Branding / Logo / Box / Dark'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("defs", {
-      children: /*#__PURE__*/_jsx("path", {
-        d: "M19.196.044s0 .022 0 0c.022.044.044.088.067.154v21.56c0 .066-.023.11-.045.132a.204.204 0 01-.157.066H.18c-.045 0-.09 0-.112-.022A.198.198 0 010 21.78V.176C0 .088.045.022.112 0h18.95c.044 0 .111.022.134.044zm-2.101 19.648V2.286c0-.088-.045-.154-.112-.176H2.235c-.067.022-.112.088-.112.176v17.406c0 .088.045.154.112.176h14.748c.067-.022.112-.088.112-.176zm10.704.176c.134 0 .201.066.201.198v1.736c0 .132-.09.198-.201.198h-6.525c-.134 0-.201-.088-.201-.198v-1.736c0-.132.089-.198.2-.198H27.8zM8.089 8.088c1.386 0 2.458.55 3.196 1.428.045.066.067.198-.022.264l-1.207 1.055c-.09.066-.201.044-.268-.044C9.34 10.286 8.849 10 8.089 10c-.826 0-1.452.396-1.72 1.165-.157.461-.201.989-.201 1.692s.044 1.253.2 1.714c.269.792.895 1.187 1.721 1.187.76 0 1.23-.285 1.699-.791.067-.088.178-.088.268-.022L11.263 16c.089.066.067.176.022.264-.738.857-1.81 1.406-3.196 1.406-1.854 0-3.262-.9-3.798-2.527C4.089 14.57 4 13.846 4 12.879c0-.967.09-1.692.29-2.264.537-1.626 1.945-2.527 3.8-2.527z",
-        id: "favicon-solid-icon_svg__a"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: "favicon-solid-icon-".concat(titleId !== null && titleId !== void 0 ? titleId : 'default'),
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'favicon-solid-icon'
+      }), /*#__PURE__*/_jsx("defs", {
+        children: /*#__PURE__*/_jsx("path", {
+          d: "M19.196.044s0 .022 0 0c.022.044.044.088.067.154v21.56c0 .066-.023.11-.045.132a.204.204 0 01-.157.066H.18c-.045 0-.09 0-.112-.022A.198.198 0 010 21.78V.176C0 .088.045.022.112 0h18.95c.044 0 .111.022.134.044zm-2.101 19.648V2.286c0-.088-.045-.154-.112-.176H2.235c-.067.022-.112.088-.112.176v17.406c0 .088.045.154.112.176h14.748c.067-.022.112-.088.112-.176zm10.704.176c.134 0 .201.066.201.198v1.736c0 .132-.09.198-.201.198h-6.525c-.134 0-.201-.088-.201-.198v-1.736c0-.132.089-.198.2-.198H27.8zM8.089 8.088c1.386 0 2.458.55 3.196 1.428.045.066.067.198-.022.264l-1.207 1.055c-.09.066-.201.044-.268-.044C9.34 10.286 8.849 10 8.089 10c-.826 0-1.452.396-1.72 1.165-.157.461-.201.989-.201 1.692s.044 1.253.2 1.714c.269.792.895 1.187 1.721 1.187.76 0 1.23-.285 1.699-.791.067-.088.178-.088.268-.022L11.263 16c.089.066.067.176.022.264-.738.857-1.81 1.406-3.196 1.406-1.854 0-3.262-.9-3.798-2.527C4.089 14.57 4 13.846 4 12.879c0-.967.09-1.692.29-2.264.537-1.626 1.945-2.527 3.8-2.527z",
+          id: "favicon-solid-icon_svg__a"
+        })
+      }), /*#__PURE__*/_jsx("use", {
+        fill: "#141E3B",
+        xlinkHref: "#favicon-solid-icon_svg__a",
+        fillRule: "evenodd"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: "url(#favicon-solid-icon-".concat(titleId !== null && titleId !== void 0 ? titleId : 'default', ")"),
+      children: /*#__PURE__*/_jsx("rect", {
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
-    }), /*#__PURE__*/_jsx("use", {
-      fill: "#141E3B",
-      xlinkHref: "#favicon-solid-icon_svg__a",
-      fillRule: "evenodd"
     })]
   }));
 });

package/dist/icons/regular/FileAddIcon.js

@@ -24,36 +24,46 @@ export var FileAddIcon = /*#__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: 'common-file-text-add'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("circle", {
-      cx: 17.25,
-      cy: 17.25,
-      r: 6,
-      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: "M17.25 14.25v6m-3-3h6M3.75 6.75h10.5m-10.5 4.5h6m-6 4.5H7.5m0 4.5H2.25a1.5 1.5 0 01-1.5-1.5V2.25a1.5 1.5 0 011.5-1.5h10.629a1.5 1.5 0 011.06.439l2.872 2.872a1.5 1.5 0 01.439 1.06V7.5"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: "common-file-text-add-".concat(titleId !== null && titleId !== void 0 ? titleId : 'default'),
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'common-file-text-add'
+      }), /*#__PURE__*/_jsx("circle", {
+        cx: 17.25,
+        cy: 17.25,
+        r: 6,
+        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: "M17.25 14.25v6m-3-3h6M3.75 6.75h10.5m-10.5 4.5h6m-6 4.5H7.5m0 4.5H2.25a1.5 1.5 0 01-1.5-1.5V2.25a1.5 1.5 0 011.5-1.5h10.629a1.5 1.5 0 011.06.439l2.872 2.872a1.5 1.5 0 01.439 1.06V7.5"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: "url(#common-file-text-add-".concat(titleId !== null && titleId !== void 0 ? titleId : 'default', ")"),
+      children: /*#__PURE__*/_jsx("rect", {
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
+      })
     })]
   }));
 });

package/dist/icons/regular/FileCodeAdd1Icon.js

@@ -24,26 +24,36 @@ export var FileCodeAdd1Icon = /*#__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: 'file-code-add-1'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("path", {
-      d: "M17.238 24.004c-3.722 0-6.75-3.028-6.75-6.75s3.028-6.75 6.75-6.75 6.75 3.028 6.75 6.75-3.028 6.75-6.75 6.75zm0-12c-2.895 0-5.25 2.355-5.25 5.25s2.355 5.25 5.25 5.25 5.25-2.355 5.25-5.25-2.355-5.25-5.25-5.25z"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M17.238 21.004a.75.75 0 01-.75-.75v-2.25h-2.25a.75.75 0 010-1.5h2.25v-2.25a.75.75 0 011.5 0v2.25h2.25a.75.75 0 010 1.5h-2.25v2.25a.75.75 0 01-.75.75zm-15 0a2.252 2.252 0 01-2.25-2.25v-16.5a2.252 2.252 0 012.25-2.25h10.628c.601 0 1.166.234 1.591.658l2.873 2.871c.419.419.66.999.66 1.591v3.129a.75.75 0 01-1.5 0V5.125a.753.753 0 00-.22-.53l-2.873-2.871a.743.743 0 00-.53-.219H2.238a.75.75 0 00-.75.75v16.5c0 .414.336.75.75.75h6a.75.75 0 010 1.5h-6z"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M8.988 11.254a.743.743 0 01-.53-.22c-.142-.141-.22-.33-.22-.53s.078-.389.22-.53l1.72-1.72-1.72-1.72c-.142-.141-.22-.33-.22-.53s.078-.389.22-.53c.141-.142.33-.22.53-.22s.389.078.53.22l2.25 2.25c.142.141.22.33.22.53s-.078.389-.22.53l-2.25 2.25a.743.743 0 01-.53.22zm-3 0a.743.743 0 01-.53-.22l-2.25-2.25c-.142-.141-.22-.33-.22-.53s.078-.389.22-.53l2.25-2.25a.744.744 0 011.06 0c.142.141.22.33.22.53s-.078.389-.22.53l-1.72 1.72 1.72 1.72c.142.141.22.33.22.53s-.078.389-.22.53a.743.743 0 01-.53.22z"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: "file-code-add-1-".concat(titleId !== null && titleId !== void 0 ? titleId : 'default'),
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'file-code-add-1'
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M17.238 24.004c-3.722 0-6.75-3.028-6.75-6.75s3.028-6.75 6.75-6.75 6.75 3.028 6.75 6.75-3.028 6.75-6.75 6.75zm0-12c-2.895 0-5.25 2.355-5.25 5.25s2.355 5.25 5.25 5.25 5.25-2.355 5.25-5.25-2.355-5.25-5.25-5.25z"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M17.238 21.004a.75.75 0 01-.75-.75v-2.25h-2.25a.75.75 0 010-1.5h2.25v-2.25a.75.75 0 011.5 0v2.25h2.25a.75.75 0 010 1.5h-2.25v2.25a.75.75 0 01-.75.75zm-15 0a2.252 2.252 0 01-2.25-2.25v-16.5a2.252 2.252 0 012.25-2.25h10.628c.601 0 1.166.234 1.591.658l2.873 2.871c.419.419.66.999.66 1.591v3.129a.75.75 0 01-1.5 0V5.125a.753.753 0 00-.22-.53l-2.873-2.871a.743.743 0 00-.53-.219H2.238a.75.75 0 00-.75.75v16.5c0 .414.336.75.75.75h6a.75.75 0 010 1.5h-6z"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M8.988 11.254a.743.743 0 01-.53-.22c-.142-.141-.22-.33-.22-.53s.078-.389.22-.53l1.72-1.72-1.72-1.72c-.142-.141-.22-.33-.22-.53s.078-.389.22-.53c.141-.142.33-.22.53-.22s.389.078.53.22l2.25 2.25c.142.141.22.33.22.53s-.078.389-.22.53l-2.25 2.25a.743.743 0 01-.53.22zm-3 0a.743.743 0 01-.53-.22l-2.25-2.25c-.142-.141-.22-.33-.22-.53s.078-.389.22-.53l2.25-2.25a.744.744 0 011.06 0c.142.141.22.33.22.53s-.078.389-.22.53l-1.72 1.72 1.72 1.72c.142.141.22.33.22.53s-.078.389-.22.53a.743.743 0 01-.53.22z"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: "url(#file-code-add-1-".concat(titleId !== null && titleId !== void 0 ? titleId : 'default', ")"),
+      children: /*#__PURE__*/_jsx("rect", {
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
+      })
     })]
   }));
 });

package/dist/icons/regular/FileDownloadIcon.js

@@ -24,36 +24,46 @@ export var FileDownloadIcon = /*#__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: 'common-file-download'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("circle", {
-      cx: 17.25,
-      cy: 17.25,
-      r: 6,
-      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: "M17.25 14.25v6m0 0L19.5 18m-2.25 2.25L15 18m-6.75 2.25h-6a1.5 1.5 0 01-1.5-1.5V2.25a1.5 1.5 0 011.5-1.5h10.629a1.5 1.5 0 011.06.439l2.872 2.872a1.5 1.5 0 01.439 1.06V8.25"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: "common-file-download-".concat(titleId !== null && titleId !== void 0 ? titleId : 'default'),
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'common-file-download'
+      }), /*#__PURE__*/_jsx("circle", {
+        cx: 17.25,
+        cy: 17.25,
+        r: 6,
+        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: "M17.25 14.25v6m0 0L19.5 18m-2.25 2.25L15 18m-6.75 2.25h-6a1.5 1.5 0 01-1.5-1.5V2.25a1.5 1.5 0 011.5-1.5h10.629a1.5 1.5 0 011.06.439l2.872 2.872a1.5 1.5 0 01.439 1.06V8.25"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: "url(#common-file-download-".concat(titleId !== null && titleId !== void 0 ? titleId : 'default', ")"),
+      children: /*#__PURE__*/_jsx("rect", {
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
+      })
     })]
   }));
 });

package/dist/icons/regular/FileEditIcon.js

@@ -24,27 +24,37 @@ export var FileEditIcon = /*#__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: 'common-file-text-edit'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("path", {
-      d: "M22.63 14.87L15 22.5l-3.75.75.75-3.75 7.63-7.63a2.114 2.114 0 012.992 0l.008.008a2.114 2.114 0 010 2.992zM3.75 6.75h10.5m-10.5 4.5h10.5m-10.5 4.5H9m-1.5 4.5H2.25a1.5 1.5 0 01-1.5-1.5V2.25a1.5 1.5 0 011.5-1.5h10.629a1.5 1.5 0 011.06.439l2.872 2.872a1.5 1.5 0 01.439 1.06V8.25",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: "common-file-text-edit-".concat(titleId !== null && titleId !== void 0 ? titleId : 'default'),
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'common-file-text-edit'
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M22.63 14.87L15 22.5l-3.75.75.75-3.75 7.63-7.63a2.114 2.114 0 012.992 0l.008.008a2.114 2.114 0 010 2.992zM3.75 6.75h10.5m-10.5 4.5h10.5m-10.5 4.5H9m-1.5 4.5H2.25a1.5 1.5 0 01-1.5-1.5V2.25a1.5 1.5 0 011.5-1.5h10.629a1.5 1.5 0 011.06.439l2.872 2.872a1.5 1.5 0 01.439 1.06V8.25",
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: "url(#common-file-text-edit-".concat(titleId !== null && titleId !== void 0 ? titleId : 'default', ")"),
+      children: /*#__PURE__*/_jsx("rect", {
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
+      })
     })]
   }));
 });

package/dist/icons/regular/FileIcon.js

@@ -24,27 +24,37 @@ export var FileIcon = /*#__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: 'common-file-text'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("path", {
-      d: "M22.5 21.75a1.5 1.5 0 01-1.5 1.5H3a1.5 1.5 0 01-1.5-1.5V2.25A1.5 1.5 0 013 .75h15.045a1.5 1.5 0 011.048.426l2.954 2.883a1.5 1.5 0 01.453 1.074zM6.045 8.25h12m-12 4.5h12m-12 4.5h6",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: "common-file-text-".concat(titleId !== null && titleId !== void 0 ? titleId : 'default'),
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'common-file-text'
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M22.5 21.75a1.5 1.5 0 01-1.5 1.5H3a1.5 1.5 0 01-1.5-1.5V2.25A1.5 1.5 0 013 .75h15.045a1.5 1.5 0 011.048.426l2.954 2.883a1.5 1.5 0 01.453 1.074zM6.045 8.25h12m-12 4.5h12m-12 4.5h6",
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: "url(#common-file-text-".concat(titleId !== null && titleId !== void 0 ? titleId : 'default', ")"),
+      children: /*#__PURE__*/_jsx("rect", {
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
+      })
     })]
   }));
 });

package/dist/icons/regular/FileLockIcon.js

@@ -24,31 +24,41 @@ export var FileLockIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 140 140",
-    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: 'common-file-test-lock'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsxs("g", {
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 8.75,
-      children: [/*#__PURE__*/_jsx("path", {
-        d: "M83.125 91.875h52.5v43.75h-52.5zm26.25-26.25h0a17.5 17.5 0 00-17.5 17.5v8.75h35v-8.75a17.5 17.5 0 00-17.5-17.5z"
-      }), /*#__PURE__*/_jsx("path", {
-        d: "M109.375 111.732a2.188 2.188 0 11-2.188 2.187 2.188 2.188 0 012.188-2.187m-87.5-72.357h61.25m-61.25 26.25H70m-48.125 26.25h35m8.75 26.25h-52.5a8.75 8.75 0 01-8.75-8.75v-96.25a8.75 8.75 0 018.75-8.75h62.002a8.75 8.75 0 016.184 2.56L98.064 23.69a8.75 8.75 0 012.561 6.183V43.75"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: "common-file-test-lock-".concat(titleId !== null && titleId !== void 0 ? titleId : 'default'),
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'common-file-test-lock'
+      }), /*#__PURE__*/_jsxs("g", {
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 8.75,
+        children: [/*#__PURE__*/_jsx("path", {
+          d: "M83.125 91.875h52.5v43.75h-52.5zm26.25-26.25h0a17.5 17.5 0 00-17.5 17.5v8.75h35v-8.75a17.5 17.5 0 00-17.5-17.5z"
+        }), /*#__PURE__*/_jsx("path", {
+          d: "M109.375 111.732a2.188 2.188 0 11-2.188 2.187 2.188 2.188 0 012.188-2.187m-87.5-72.357h61.25m-61.25 26.25H70m-48.125 26.25h35m8.75 26.25h-52.5a8.75 8.75 0 01-8.75-8.75v-96.25a8.75 8.75 0 018.75-8.75h62.002a8.75 8.75 0 016.184 2.56L98.064 23.69a8.75 8.75 0 012.561 6.183V43.75"
+        })]
       })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: "url(#common-file-test-lock-".concat(titleId !== null && titleId !== void 0 ? titleId : 'default', ")"),
+      children: /*#__PURE__*/_jsx("rect", {
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
+      })
     })]
   }));
 });

package/dist/icons/regular/FilePyIcon.js

@@ -24,24 +24,34 @@ export var FilePyIcon = /*#__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-py'
-    }) : title ? /*#__PURE__*/_jsx("title", {
+    children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("path", {
-      d: "M2.244 24.004a2.252 2.252 0 01-2.25-2.25v-19.5a2.252 2.252 0 012.25-2.25h10.628c.601 0 1.166.234 1.591.658l5.867 5.872c.425.424.659.989.659 1.591v.065a.468.468 0 01.004.064c0 .022-.002.043-.004.065v4.435a.75.75 0 01-1.5 0v-3.75h-5.246a2.252 2.252 0 01-2.25-2.25v-5.25h-9.75a.75.75 0 00-.75.75v19.5c0 .414.336.75.75.75h9a.75.75 0 010 1.5H2.244zm11.25-17.25c0 .414.336.75.75.75h4.935l-5.685-5.689v4.939zm8.25 17.25a.75.75 0 01-.75-.75v-3.133a2.26 2.26 0 01-1.5-2.121v-2.246a.75.75 0 011.5 0V18a.75.75 0 001.5 0v-2.25a.75.75 0 011.5 0V18c0 .96-.615 1.808-1.5 2.121v3.133a.75.75 0 01-.75.75z"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M14.244 24.004a.75.75 0 01-.75-.75v-7.5a.75.75 0 01.75-.75h.75c1.654 0 3 1.346 3 3s-1.346 3-3 3v2.25a.75.75 0 01-.75.75zm.75-4.5c.827 0 1.5-.673 1.5-1.5s-.673-1.5-1.5-1.5v3z"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: "file-py-".concat(titleId !== null && titleId !== void 0 ? titleId : 'default'),
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'file-py'
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M2.244 24.004a2.252 2.252 0 01-2.25-2.25v-19.5a2.252 2.252 0 012.25-2.25h10.628c.601 0 1.166.234 1.591.658l5.867 5.872c.425.424.659.989.659 1.591v.065a.468.468 0 01.004.064c0 .022-.002.043-.004.065v4.435a.75.75 0 01-1.5 0v-3.75h-5.246a2.252 2.252 0 01-2.25-2.25v-5.25h-9.75a.75.75 0 00-.75.75v19.5c0 .414.336.75.75.75h9a.75.75 0 010 1.5H2.244zm11.25-17.25c0 .414.336.75.75.75h4.935l-5.685-5.689v4.939zm8.25 17.25a.75.75 0 01-.75-.75v-3.133a2.26 2.26 0 01-1.5-2.121v-2.246a.75.75 0 011.5 0V18a.75.75 0 001.5 0v-2.25a.75.75 0 011.5 0V18c0 .96-.615 1.808-1.5 2.121v3.133a.75.75 0 01-.75.75z"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M14.244 24.004a.75.75 0 01-.75-.75v-7.5a.75.75 0 01.75-.75h.75c1.654 0 3 1.346 3 3s-1.346 3-3 3v2.25a.75.75 0 01-.75.75zm.75-4.5c.827 0 1.5-.673 1.5-1.5s-.673-1.5-1.5-1.5v3z"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: "url(#file-py-".concat(titleId !== null && titleId !== void 0 ? titleId : 'default', ")"),
+      children: /*#__PURE__*/_jsx("rect", {
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
+      })
     })]
   }));
 });

package/dist/icons/regular/FileSearchIcon.js

@@ -24,43 +24,53 @@ export var FileSearchIcon = /*#__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: 'common-file-text-search'
-    }) : 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: "M3.75 6.75h10.5m-10.5 4.5H7.5m-3.75 4.5H7.5m0 4.5H2.25a1.5 1.5 0 01-1.5-1.5V2.25a1.5 1.5 0 011.5-1.5h10.629a1.5 1.5 0 011.06.439l2.872 2.872a1.5 1.5 0 01.439 1.06V7.5"
-    }), /*#__PURE__*/_jsx("circle", {
-      cx: 15.764,
-      cy: 15.75,
-      r: 5.25,
-      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: "M23.25 23.25l-3.773-3.788"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: "common-file-text-search-".concat(titleId !== null && titleId !== void 0 ? titleId : 'default'),
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'common-file-text-search'
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5,
+        d: "M3.75 6.75h10.5m-10.5 4.5H7.5m-3.75 4.5H7.5m0 4.5H2.25a1.5 1.5 0 01-1.5-1.5V2.25a1.5 1.5 0 011.5-1.5h10.629a1.5 1.5 0 011.06.439l2.872 2.872a1.5 1.5 0 01.439 1.06V7.5"
+      }), /*#__PURE__*/_jsx("circle", {
+        cx: 15.764,
+        cy: 15.75,
+        r: 5.25,
+        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: "M23.25 23.25l-3.773-3.788"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: "url(#common-file-text-search-".concat(titleId !== null && titleId !== void 0 ? titleId : 'default', ")"),
+      children: /*#__PURE__*/_jsx("rect", {
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
+      })
     })]
   }));
 });

package/dist/icons/regular/FilterIcon.js

@@ -24,27 +24,37 @@ export var FilterIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    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: 'filter'
-    }) : 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 4.293h22.5M3.146 9.431h17.708M8.72 19.707h6.56m-9.737-5.138h12.914"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: "filter-".concat(titleId !== null && titleId !== void 0 ? titleId : 'default'),
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'filter'
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5,
+        d: "M.75 4.293h22.5M3.146 9.431h17.708M8.72 19.707h6.56m-9.737-5.138h12.914"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: "url(#filter-".concat(titleId !== null && titleId !== void 0 ? titleId : 'default', ")"),
+      children: /*#__PURE__*/_jsx("rect", {
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
+      })
     })]
   }));
 });

package/dist/icons/regular/FitNormalIcon.js

@@ -24,27 +24,37 @@ export var FitNormalIcon = /*#__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: 'expand-horizontal-4'
-    }) : 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: "M3.751 11.998h16.5m-12.75-3.75l-3.75 3.75 3.75 3.75m9-7.5l3.75 3.75-3.75 3.75M.751.748v22.5m22.5-22.5v22.5"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: "expand-horizontal-4-".concat(titleId !== null && titleId !== void 0 ? titleId : 'default'),
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'expand-horizontal-4'
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5,
+        d: "M3.751 11.998h16.5m-12.75-3.75l-3.75 3.75 3.75 3.75m9-7.5l3.75 3.75-3.75 3.75M.751.748v22.5m22.5-22.5v22.5"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: "url(#expand-horizontal-4-".concat(titleId !== null && titleId !== void 0 ? titleId : 'default', ")"),
+      children: /*#__PURE__*/_jsx("rect", {
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
+      })
     })]
   }));
 });