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

package/dist/icons/regular/EmailIcon.js

@@ -24,9 +24,10 @@ export var EmailIcon = /*#__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,
@@ -36,7 +37,7 @@ export var EmailIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'email-action-unread',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'email-action-unread'
       }), /*#__PURE__*/_jsx("rect", {
@@ -47,23 +48,23 @@ export var EmailIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         rx: 1.5,
         ry: 1.5,
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
       }), /*#__PURE__*/_jsx("path", {
         d: "M22.161 5.3l-8.144 6.264a3.308 3.308 0 01-4.034 0L1.839 5.3",
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#email-action-unread)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/ExperienceIcon.js

@@ -24,9 +24,10 @@ export var ExperienceIcon = /*#__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,
@@ -36,27 +37,29 @@ export var ExperienceIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
-      children: [/*#__PURE__*/_jsx("path", {
+      id: 'experience',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'experience'
+      }), /*#__PURE__*/_jsx("path", {
         d: "M13.533 16.35l7.545-.575a1.554 1.554 0 011.509 2.244 1.559 1.559 0 01-.845.76l-10.434 3.912a2.991 2.991 0 01-2 .037l-7.994-2.664",
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
       }), /*#__PURE__*/_jsx("path", {
         d: "M6.564 17.064h5.788a1.335 1.335 0 001.266-.912 1.335 1.335 0 00-.915-1.709l-5.938-1.619a4.512 4.512 0 00-1.924-.1l-3.527.588M8.73 2.966l-3.666 2.75 3.666 2.75m9.167-5.5l3.667 2.75-3.667 2.75M14.23 1.132l-1.833 9.167",
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#experience)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/ExploreIcon.js

@@ -24,9 +24,10 @@ export var ExploreIcon = /*#__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,
@@ -36,7 +37,7 @@ export var ExploreIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'compass-1',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'compass-1'
       }), /*#__PURE__*/_jsx("circle", {
@@ -44,23 +45,23 @@ export var ExploreIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         cy: 12,
         r: 11.25,
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
       }), /*#__PURE__*/_jsx("path", {
         d: "M16.648 7.352a.75.75 0 00-.768-.181L9.348 9.348 7.171 15.88a.75.75 0 00.949.949l6.532-2.177 2.177-6.532a.75.75 0 00-.181-.768zM12 .75V3m7.955 1.045l-1.591 1.591M23.25 12H21m-1.045 7.955l-1.591-1.591M12 23.25V21m-7.955-1.045l1.591-1.591M.75 12H3m1.045-7.955l1.591 1.591M12 11.625a.375.375 0 01.375.375m-.75 0a.375.375 0 01.375-.375m0 .75a.375.375 0 01-.375-.375m.75 0a.375.375 0 01-.375.375",
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#compass-1)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/FacebookIcon.js

@@ -24,9 +24,10 @@ export var FacebookIcon = /*#__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,17 +36,19 @@ export var FacebookIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
     children: [title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("mask", {
-      id: '',
-      children: /*#__PURE__*/_jsx("path", {
-        fill: "currentColor",
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: 'facebook',
+      children: [/*#__PURE__*/_jsx("title", {
+        children: 'facebook'
+      }), /*#__PURE__*/_jsx("path", {
+        fill: "#fff",
         d: "M6.1 16V8.5h-2V5.8h2V3.5C6.1 1.7 7.3 0 10 0c1.1 0 1.9.1 1.9.1l-.1 2.5h-1.7C9.1 2.6 9 3 9 3.8v2h2.9l-.1 2.7H8.9V16H6.1z"
-      })
+      })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#facebook)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/FaviconIcon.js

@@ -24,9 +24,10 @@ export var FaviconIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     viewBox: "0 0 28 22",
     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,
@@ -36,17 +37,17 @@ export var FaviconIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'branding-/-logo-/-box-/-white',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'Branding / Logo / Box / White'
       }), /*#__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"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#branding-/-logo-/-box-/-white)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/FaviconSolidIcon.js

@@ -6,6 +6,7 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _ty
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { useUniqueInlineId } from '@inline-svg-unique-id/react';
 import * as React from 'react';
 import { Svg } from '../../props';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -21,13 +22,15 @@ export var FaviconSolidIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgR
     _ref$width = _ref.width,
     width = _ref$width === void 0 ? size : _ref$width,
     props = _objectWithoutProperties(_ref, ["title", "titleId", "size", "height", "width"]);
+  var _id = useUniqueInlineId();
   return /*#__PURE__*/_jsxs(Svg, _objectSpread(_objectSpread({
     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,
@@ -37,24 +40,24 @@ export var FaviconSolidIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgR
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'favicon-solid-icon',
       children: [/*#__PURE__*/_jsx("title", {
-        children: 'Branding / Logo / Box / Dark'
+        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"
+          id: _id
         })
       }), /*#__PURE__*/_jsx("use", {
         fill: "#141E3B",
-        xlinkHref: "#favicon-solid-icon_svg__a",
+        xlinkHref: "#".concat(_id),
         fillRule: "evenodd"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#favicon-solid-icon)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/FileAddIcon.js

@@ -24,9 +24,10 @@ 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,
@@ -36,7 +37,7 @@ export var FileAddIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'common-file-text-add',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'common-file-text-add'
       }), /*#__PURE__*/_jsx("circle", {
@@ -44,23 +45,23 @@ export var FileAddIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         cy: 17.25,
         r: 6,
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
       }), /*#__PURE__*/_jsx("path", {
         fill: "none",
-        stroke: "currentColor",
+        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: '',
+      mask: 'url(#common-file-text-add)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/FileCodeAdd1Icon.js

@@ -24,9 +24,10 @@ 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,
@@ -36,7 +37,7 @@ export var FileCodeAdd1Icon = /*#__PURE__*/React.forwardRef(function (_ref, svgR
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'file-code-add-1',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'file-code-add-1'
       }), /*#__PURE__*/_jsx("path", {
@@ -47,10 +48,10 @@ export var FileCodeAdd1Icon = /*#__PURE__*/React.forwardRef(function (_ref, svgR
         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: '',
+      mask: 'url(#file-code-add-1)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/FileDownloadIcon.js

@@ -24,9 +24,10 @@ 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,
@@ -36,7 +37,7 @@ export var FileDownloadIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgR
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'common-file-download',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'common-file-download'
       }), /*#__PURE__*/_jsx("circle", {
@@ -44,23 +45,23 @@ export var FileDownloadIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgR
         cy: 17.25,
         r: 6,
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
       }), /*#__PURE__*/_jsx("path", {
         fill: "none",
-        stroke: "currentColor",
+        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: '',
+      mask: 'url(#common-file-download)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/FileEditIcon.js

@@ -24,9 +24,10 @@ 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,
@@ -36,22 +37,22 @@ export var FileEditIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'common-file-text-edit',
       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: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#common-file-text-edit)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/FileIcon.js

@@ -24,9 +24,10 @@ 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,
@@ -36,22 +37,22 @@ export var FileIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'common-file-text',
       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: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#common-file-text)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/FileLockIcon.js

@@ -24,9 +24,10 @@ 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,
@@ -36,12 +37,12 @@ export var FileLockIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'common-file-test-lock',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'common-file-test-lock'
       }), /*#__PURE__*/_jsxs("g", {
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 8.75,
@@ -52,10 +53,10 @@ export var FileLockIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
         })]
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#common-file-test-lock)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/FilePyIcon.js

@@ -24,9 +24,10 @@ 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,
@@ -36,7 +37,7 @@ export var FilePyIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'file-py',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'file-py'
       }), /*#__PURE__*/_jsx("path", {
@@ -45,10 +46,10 @@ export var FilePyIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         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: '',
+      mask: 'url(#file-py)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]

package/dist/icons/regular/FileSearchIcon.js

@@ -24,9 +24,10 @@ 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,
@@ -36,12 +37,12 @@ export var FileSearchIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: '',
+      id: 'common-file-text-search',
       children: [/*#__PURE__*/_jsx("title", {
         children: 'common-file-text-search'
       }), /*#__PURE__*/_jsx("path", {
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5,
@@ -51,23 +52,23 @@ export var FileSearchIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
         cy: 15.75,
         r: 5.25,
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5
       }), /*#__PURE__*/_jsx("path", {
         fill: "none",
-        stroke: "currentColor",
+        stroke: "#fff",
         strokeLinecap: "round",
         strokeLinejoin: "round",
         strokeWidth: 1.5,
         d: "M23.25 23.25l-3.773-3.788"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: '',
+      mask: 'url(#common-file-text-search)',
       children: /*#__PURE__*/_jsx("rect", {
-        width: '24',
-        height: '24',
+        width: '100%',
+        height: '100%',
         fill: 'currentColor'
       })
     })]