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

package/dist/icons/regular/FitnessDumbbellIcon.js

@@ -8,6 +8,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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 * as React from 'react';
 import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var FitnessDumbbellIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
@@ -21,12 +22,14 @@ export var FitnessDumbbellIcon = /*#__PURE__*/React.forwardRef(function (_ref, s
     _ref$width = _ref.width,
     width = _ref$width === void 0 ? size : _ref$width,
     props = _objectWithoutProperties(_ref, ["title", "titleId", "size", "height", "width"]);
+  var maskId = useIconId('FitnessDumbbellIcon');
   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,
@@ -38,34 +41,44 @@ export var FitnessDumbbellIcon = /*#__PURE__*/React.forwardRef(function (_ref, s
     }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("path", {
-      d: "M16.318 1.189a1.5 1.5 0 000 2.121l4.371 4.371a1.5 1.5 0 002.122-2.121l-4.372-4.371a1.5 1.5 0 00-2.121 0z",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M12.075 1.188a1.5 1.5 0 000 2.122l8.615 8.615A1.5 1.5 0 1022.811 9.8L14.2 1.188a1.5 1.5 0 00-2.125 0zM1.189 16.318a1.5 1.5 0 012.122 0l4.371 4.371a1.5 1.5 0 01-2.121 2.121l-4.372-4.371a1.5 1.5 0 010-2.121z",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M1.189 12.074a1.5 1.5 0 012.121 0l8.615 8.615A1.5 1.5 0 019.8 22.811L1.189 14.2a1.5 1.5 0 010-2.126z",
-      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: "M6.557 15.321l8.764-8.764 2.121 2.121-8.764 8.765z"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: "".concat(maskId),
+      children: [/*#__PURE__*/_jsx("path", {
+        d: "M16.318 1.189a1.5 1.5 0 000 2.121l4.371 4.371a1.5 1.5 0 002.122-2.121l-4.372-4.371a1.5 1.5 0 00-2.121 0z",
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M12.075 1.188a1.5 1.5 0 000 2.122l8.615 8.615A1.5 1.5 0 1022.811 9.8L14.2 1.188a1.5 1.5 0 00-2.125 0zM1.189 16.318a1.5 1.5 0 012.122 0l4.371 4.371a1.5 1.5 0 01-2.121 2.121l-4.372-4.371a1.5 1.5 0 010-2.121z",
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M1.189 12.074a1.5 1.5 0 012.121 0l8.615 8.615A1.5 1.5 0 019.8 22.811L1.189 14.2a1.5 1.5 0 010-2.126z",
+        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: "M6.557 15.321l8.764-8.764 2.121 2.121-8.764 8.765z"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: "url(#".concat(maskId, ")"),
+      children: /*#__PURE__*/_jsx("rect", {
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
+      })
     })]
   }));
 });

package/dist/icons/regular/FolderAddIcon.js

@@ -8,6 +8,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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 * as React from 'react';
 import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var FolderAddIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
@@ -21,12 +22,14 @@ export var FolderAddIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
     _ref$width = _ref.width,
     width = _ref$width === void 0 ? size : _ref$width,
     props = _objectWithoutProperties(_ref, ["title", "titleId", "size", "height", "width"]);
+  var maskId = useIconId('FolderAddIcon');
   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,
@@ -38,29 +41,39 @@ export var FolderAddIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
     }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("path", {
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5,
-      d: "M8.25 18.75H2.447M20.25 8.25v-3a1.5 1.5 0 00-1.5-1.5H8.25v-1.5a1.5 1.5 0 00-1.5-1.5h-4.5a1.5 1.5 0 00-1.5 1.5v14.8a1.7 1.7 0 003.336.438l2.351-8.154A1.5 1.5 0 017.879 8.25H21.75a1.5 1.5 0 011.45 1.886"
-    }), /*#__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-3h6"
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: "".concat(maskId),
+      children: [/*#__PURE__*/_jsx("path", {
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5,
+        d: "M8.25 18.75H2.447M20.25 8.25v-3a1.5 1.5 0 00-1.5-1.5H8.25v-1.5a1.5 1.5 0 00-1.5-1.5h-4.5a1.5 1.5 0 00-1.5 1.5v14.8a1.7 1.7 0 003.336.438l2.351-8.154A1.5 1.5 0 017.879 8.25H21.75a1.5 1.5 0 011.45 1.886"
+      }), /*#__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-3h6"
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: "url(#".concat(maskId, ")"),
+      children: /*#__PURE__*/_jsx("rect", {
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
+      })
     })]
   }));
 });

package/dist/icons/regular/FolderIcon.js

@@ -8,6 +8,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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 * as React from 'react';
 import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var FolderIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
@@ -21,12 +22,14 @@ export var FolderIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     _ref$width = _ref.width,
     width = _ref$width === void 0 ? size : _ref$width,
     props = _objectWithoutProperties(_ref, ["title", "titleId", "size", "height", "width"]);
+  var maskId = useIconId('FolderIcon');
   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,
@@ -38,13 +41,23 @@ export var FolderIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("path", {
-      d: "M20.25 9.75v-3a1.5 1.5 0 00-1.5-1.5H8.25v-1.5a1.5 1.5 0 00-1.5-1.5h-4.5a1.5 1.5 0 00-1.5 1.5v16.3a1.7 1.7 0 003.336.438l2.351-9.657A1.5 1.5 0 017.879 9.75H21.75a1.5 1.5 0 011.45 1.886l-2.2 9a1.5 1.5 0 01-1.45 1.114H2.447",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: "".concat(maskId),
+      children: /*#__PURE__*/_jsx("path", {
+        d: "M20.25 9.75v-3a1.5 1.5 0 00-1.5-1.5H8.25v-1.5a1.5 1.5 0 00-1.5-1.5h-4.5a1.5 1.5 0 00-1.5 1.5v16.3a1.7 1.7 0 003.336.438l2.351-9.657A1.5 1.5 0 017.879 9.75H21.75a1.5 1.5 0 011.45 1.886l-2.2 9a1.5 1.5 0 01-1.45 1.114H2.447",
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      })
+    }), /*#__PURE__*/_jsx("g", {
+      mask: "url(#".concat(maskId, ")"),
+      children: /*#__PURE__*/_jsx("rect", {
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
+      })
     })]
   }));
 });

package/dist/icons/regular/ForkIcon.js

@@ -8,6 +8,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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 * as React from 'react';
 import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var ForkIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
@@ -21,12 +22,14 @@ export var ForkIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     _ref$width = _ref.width,
     width = _ref$width === void 0 ? size : _ref$width,
     props = _objectWithoutProperties(_ref, ["title", "titleId", "size", "height", "width"]);
+  var maskId = useIconId('ForkIcon');
   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,
@@ -38,27 +41,37 @@ export var ForkIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("path", {
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5,
-      d: "M23.25 3.75l-3-3-3 3"
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M.75 12h13.512a6 6 0 005.988-6.053V.75m3 19.5l-3 3-3-3",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
-    }), /*#__PURE__*/_jsx("path", {
-      d: "M14.262 12a6 6 0 015.988 6.053v5.2",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: "".concat(maskId),
+      children: [/*#__PURE__*/_jsx("path", {
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5,
+        d: "M23.25 3.75l-3-3-3 3"
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M.75 12h13.512a6 6 0 005.988-6.053V.75m3 19.5l-3 3-3-3",
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      }), /*#__PURE__*/_jsx("path", {
+        d: "M14.262 12a6 6 0 015.988 6.053v5.2",
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: "url(#".concat(maskId, ")"),
+      children: /*#__PURE__*/_jsx("rect", {
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
+      })
     })]
   }));
 });

package/dist/icons/regular/ForumsChatIcon.js

@@ -8,6 +8,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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 * as React from 'react';
 import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var ForumsChatIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
@@ -21,12 +22,14 @@ export var ForumsChatIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
     _ref$width = _ref.width,
     width = _ref$width === void 0 ? size : _ref$width,
     props = _objectWithoutProperties(_ref, ["title", "titleId", "size", "height", "width"]);
+  var maskId = useIconId('ForumsChatIcon');
   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,
@@ -38,13 +41,23 @@ export var ForumsChatIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
     }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("path", {
-      d: "M21.75 18.75h-10.5l-6 4.5v-4.5h-3a1.5 1.5 0 01-1.5-1.5v-15a1.5 1.5 0 011.5-1.5h19.5a1.5 1.5 0 011.5 1.5v15a1.5 1.5 0 01-1.5 1.5z",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: "".concat(maskId),
+      children: /*#__PURE__*/_jsx("path", {
+        d: "M21.75 18.75h-10.5l-6 4.5v-4.5h-3a1.5 1.5 0 01-1.5-1.5v-15a1.5 1.5 0 011.5-1.5h19.5a1.5 1.5 0 011.5 1.5v15a1.5 1.5 0 01-1.5 1.5z",
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      })
+    }), /*#__PURE__*/_jsx("g", {
+      mask: "url(#".concat(maskId, ")"),
+      children: /*#__PURE__*/_jsx("rect", {
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
+      })
     })]
   }));
 });

package/dist/icons/regular/FullscreenIcon.js

@@ -8,6 +8,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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 * as React from 'react';
 import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var FullscreenIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
@@ -21,12 +22,14 @@ export var FullscreenIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
     _ref$width = _ref.width,
     width = _ref$width === void 0 ? size : _ref$width,
     props = _objectWithoutProperties(_ref, ["title", "titleId", "size", "height", "width"]);
+  var maskId = useIconId('FullscreenIcon');
   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,
@@ -38,13 +41,23 @@ export var FullscreenIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
     }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("path", {
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5,
-      d: "M23.25.748l-22.5 22.5m22.5-15.75V.748H16.5M.75 16.498v6.75H7.5"
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: "".concat(maskId),
+      children: /*#__PURE__*/_jsx("path", {
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5,
+        d: "M23.25.748l-22.5 22.5m22.5-15.75V.748H16.5M.75 16.498v6.75H7.5"
+      })
+    }), /*#__PURE__*/_jsx("g", {
+      mask: "url(#".concat(maskId, ")"),
+      children: /*#__PURE__*/_jsx("rect", {
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
+      })
     })]
   }));
 });

package/dist/icons/regular/GearIcon.js

@@ -8,6 +8,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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 * as React from 'react';
 import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var GearIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
@@ -21,12 +22,14 @@ export var GearIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     _ref$width = _ref.width,
     width = _ref$width === void 0 ? size : _ref$width,
     props = _objectWithoutProperties(_ref, ["title", "titleId", "size", "height", "width"]);
+  var maskId = useIconId('GearIcon');
   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,
@@ -38,22 +41,32 @@ export var GearIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("path", {
-      d: "M10.546 2.438a1.957 1.957 0 002.908 0L14.4 1.4a1.959 1.959 0 013.41 1.413l-.071 1.4a1.958 1.958 0 002.051 2.054l1.4-.071a1.959 1.959 0 011.41 3.41l-1.042.94a1.96 1.96 0 000 2.909l1.042.94a1.959 1.959 0 01-1.413 3.41l-1.4-.071a1.958 1.958 0 00-2.056 2.056l.071 1.4A1.959 1.959 0 0114.4 22.6l-.941-1.041a1.959 1.959 0 00-2.908 0L9.606 22.6A1.959 1.959 0 016.2 21.192l.072-1.4a1.958 1.958 0 00-2.056-2.056l-1.4.071A1.958 1.958 0 011.4 14.4l1.041-.94a1.96 1.96 0 000-2.909L1.4 9.606A1.958 1.958 0 012.809 6.2l1.4.071a1.958 1.958 0 002.058-2.06L6.2 2.81A1.959 1.959 0 019.606 1.4z",
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
-    }), /*#__PURE__*/_jsx("circle", {
-      cx: 12,
-      cy: 12.001,
-      r: 4.5,
-      fill: "none",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 1.5
+    }) : null, /*#__PURE__*/_jsxs("mask", {
+      id: "".concat(maskId),
+      children: [/*#__PURE__*/_jsx("path", {
+        d: "M10.546 2.438a1.957 1.957 0 002.908 0L14.4 1.4a1.959 1.959 0 013.41 1.413l-.071 1.4a1.958 1.958 0 002.051 2.054l1.4-.071a1.959 1.959 0 011.41 3.41l-1.042.94a1.96 1.96 0 000 2.909l1.042.94a1.959 1.959 0 01-1.413 3.41l-1.4-.071a1.958 1.958 0 00-2.056 2.056l.071 1.4A1.959 1.959 0 0114.4 22.6l-.941-1.041a1.959 1.959 0 00-2.908 0L9.606 22.6A1.959 1.959 0 016.2 21.192l.072-1.4a1.958 1.958 0 00-2.056-2.056l-1.4.071A1.958 1.958 0 011.4 14.4l1.041-.94a1.96 1.96 0 000-2.909L1.4 9.606A1.958 1.958 0 012.809 6.2l1.4.071a1.958 1.958 0 002.058-2.06L6.2 2.81A1.959 1.959 0 019.606 1.4z",
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      }), /*#__PURE__*/_jsx("circle", {
+        cx: 12,
+        cy: 12.001,
+        r: 4.5,
+        fill: "none",
+        stroke: "#fff",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: 1.5
+      })]
+    }), /*#__PURE__*/_jsx("g", {
+      mask: "url(#".concat(maskId, ")"),
+      children: /*#__PURE__*/_jsx("rect", {
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
+      })
     })]
   }));
 });

package/dist/icons/regular/GithubIcon.js

@@ -8,6 +8,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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 * as React from 'react';
 import { Svg } from '../../props';
+import { useIconId } from '../../useIconId';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var GithubIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
@@ -21,23 +22,38 @@ export var GithubIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
     _ref$width = _ref.width,
     width = _ref$width === void 0 ? size : _ref$width,
     props = _objectWithoutProperties(_ref, ["title", "titleId", "size", "height", "width"]);
+  var maskId = useIconId('GithubIcon');
   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,
     "aria-labelledby": titleId
   }, props), {}, {
-    children: [title ? /*#__PURE__*/_jsx("title", {
+    children: [title === undefined ? /*#__PURE__*/_jsx("title", {
+      id: titleId,
+      children: 'github'
+    }) : title ? /*#__PURE__*/_jsx("title", {
       id: titleId,
       children: title
-    }) : null, /*#__PURE__*/_jsx("path", {
-      fill: "currentColor",
-      d: "M16 7.8v-.1c-.9-.1-1.8-.1-2.6 0 .1-.4.2-.9.2-1.5 0-1.2-.4-2.1-1-2.9.1-.7 0-1.5-.2-2.2-.9.1-1.7.4-2.4.9-1.3-.3-2.7-.3-4 0-1-.7-1.8-1-2.6-1-.3.8-.3 1.6-.1 2.4-.7.8-1 1.7-1 2.7 0 .6.1 1.1.3 1.6-.9-.1-1.7-.1-2.6-.1v.1c.9-.1 1.8-.1 2.6 0 0 .1.1.2.1.2-.9.1-1.7.1-2.5.3v.1c.8-.1 1.7-.2 2.6-.2.6 1.1 1.8 1.8 3.6 2-.4.3-.6.7-.7 1.2h-.9c-1.3 0-1.6-1.6-2.9-1.4 1.3.6 1 2.6 3 2.6h.8v1.8c0 .3-.1.5-.3.6.7.1 1.3-.3 1.3-.7v-2.4c0-.2.2-.2.2-.2v2.8c0 .3-.1.4-.3.6.6 0 1.2-.1 1.3-.6v-2.7c0-.1.2-.1.2 0v2.6c0 .5.4.8 1.2.8-.2-.2-.3-.4-.3-.6v-2.8s.2 0 .2.2v2.4c0 .5.6.7 1.4.7-.2-.2-.4-.4-.4-.7v-2.8c0-.4-.2-.8-.5-1.2 1.6-.2 2.8-.9 3.4-2.1 1 0 1.8 0 2.6.2v-.1C15 8 14.2 8 13.2 8c0-.1.1-.1.1-.2.9-.1 1.8-.1 2.7 0zM2.5 10.1c-.1 0-.1 0 0 0-.1-.1 0-.1 0-.1s.1 0 0 .1c.1 0 0 0 0 0zm.2.2s-.1-.1 0 0c-.1-.1 0-.1 0-.1.1-.1.1 0 0 .1.1-.1.1 0 0 0zm.2.2s-.1-.1 0 0c-.1-.1-.1-.1 0-.1.1-.1.1-.1 0 .1.1-.1.1 0 0 0zm.3.2c-.1 0-.1 0-.1-.1 0 0 0-.1.1-.1s.1 0 .1.1-.1.1-.1.1zm.2.3c-.1 0-.1 0-.1-.1s.1-.1.1-.1.1 0 .1.1 0 .1-.1.1zm.3.2c-.1 0-.1 0-.1-.1s.1-.1.1-.1.1 0 .1.1 0 .1-.1.1zm.4.3c-.1 0-.2 0-.2-.1s.1-.1.2-.1.2 0 .2.1c-.1.1-.1.1-.2.1zm.5.1c-.1 0-.2 0-.2-.1s.1-.1.2-.1.2 0 .2.1c-.1.1-.2.1-.2.1zm.5.1c-.1 0-.2 0-.2-.1s.1-.1.2-.1.2 0 .2.1c-.1 0-.2.1-.2.1zm.5 0c-.1 0-.2 0-.2-.1s.1-.1.2-.1.2 0 .2.1c-.1 0-.2.1-.2.1z"
+    }) : null, /*#__PURE__*/_jsx("mask", {
+      id: "".concat(maskId),
+      children: /*#__PURE__*/_jsx("path", {
+        fill: "#fff",
+        d: "M16 7.8v-.1c-.9-.1-1.8-.1-2.6 0 .1-.4.2-.9.2-1.5 0-1.2-.4-2.1-1-2.9.1-.7 0-1.5-.2-2.2-.9.1-1.7.4-2.4.9-1.3-.3-2.7-.3-4 0-1-.7-1.8-1-2.6-1-.3.8-.3 1.6-.1 2.4-.7.8-1 1.7-1 2.7 0 .6.1 1.1.3 1.6-.9-.1-1.7-.1-2.6-.1v.1c.9-.1 1.8-.1 2.6 0 0 .1.1.2.1.2-.9.1-1.7.1-2.5.3v.1c.8-.1 1.7-.2 2.6-.2.6 1.1 1.8 1.8 3.6 2-.4.3-.6.7-.7 1.2h-.9c-1.3 0-1.6-1.6-2.9-1.4 1.3.6 1 2.6 3 2.6h.8v1.8c0 .3-.1.5-.3.6.7.1 1.3-.3 1.3-.7v-2.4c0-.2.2-.2.2-.2v2.8c0 .3-.1.4-.3.6.6 0 1.2-.1 1.3-.6v-2.7c0-.1.2-.1.2 0v2.6c0 .5.4.8 1.2.8-.2-.2-.3-.4-.3-.6v-2.8s.2 0 .2.2v2.4c0 .5.6.7 1.4.7-.2-.2-.4-.4-.4-.7v-2.8c0-.4-.2-.8-.5-1.2 1.6-.2 2.8-.9 3.4-2.1 1 0 1.8 0 2.6.2v-.1C15 8 14.2 8 13.2 8c0-.1.1-.1.1-.2.9-.1 1.8-.1 2.7 0zM2.5 10.1c-.1 0-.1 0 0 0-.1-.1 0-.1 0-.1s.1 0 0 .1c.1 0 0 0 0 0zm.2.2s-.1-.1 0 0c-.1-.1 0-.1 0-.1.1-.1.1 0 0 .1.1-.1.1 0 0 0zm.2.2s-.1-.1 0 0c-.1-.1-.1-.1 0-.1.1-.1.1-.1 0 .1.1-.1.1 0 0 0zm.3.2c-.1 0-.1 0-.1-.1 0 0 0-.1.1-.1s.1 0 .1.1-.1.1-.1.1zm.2.3c-.1 0-.1 0-.1-.1s.1-.1.1-.1.1 0 .1.1 0 .1-.1.1zm.3.2c-.1 0-.1 0-.1-.1s.1-.1.1-.1.1 0 .1.1 0 .1-.1.1zm.4.3c-.1 0-.2 0-.2-.1s.1-.1.2-.1.2 0 .2.1c-.1.1-.1.1-.2.1zm.5.1c-.1 0-.2 0-.2-.1s.1-.1.2-.1.2 0 .2.1c-.1.1-.2.1-.2.1zm.5.1c-.1 0-.2 0-.2-.1s.1-.1.2-.1.2 0 .2.1c-.1 0-.2.1-.2.1zm.5 0c-.1 0-.2 0-.2-.1s.1-.1.2-.1.2 0 .2.1c-.1 0-.2.1-.2.1z"
+      })
+    }), /*#__PURE__*/_jsx("g", {
+      mask: "url(#".concat(maskId, ")"),
+      children: /*#__PURE__*/_jsx("rect", {
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
+      })
     })]
   }));
 });

package/dist/icons/regular/GithubOutlineIcon.js

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