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

package/dist/icons/mini/MiniAddIcon.js

@@ -37,18 +37,18 @@ export var MiniAddIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'mini-add-icon',
+      id: "mini-add-icon-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'mini-add-icon'
       }), /*#__PURE__*/_jsx("path", {
         d: "M0 6a.75.75 0 00.75.75h4.375a.125.125 0 01.125.125v4.375a.75.75 0 001.5 0V6.875a.125.125 0 01.125-.125h4.375a.75.75 0 000-1.5H6.875a.125.125 0 01-.125-.125V.75a.75.75 0 00-1.5 0v4.375a.125.125 0 01-.125.125H.75A.75.75 0 000 6z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#mini-add-icon)',
+      mask: "url(#mini-add-icon-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/mini/MiniArrowDownIcon.js

@@ -37,18 +37,18 @@ export var MiniArrowDownIcon = /*#__PURE__*/React.forwardRef(function (_ref, svg
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'mini-bold-interface-arrows-down',
+      id: "mini-bold-interface-arrows-down-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'Mini Bold Interface Arrows Down'
       }), /*#__PURE__*/_jsx("path", {
         d: "M27.93 102.07l35 35a10 10 0 0014.14 0l35-35a10 10 0 00-14.14-14.14l-13.66 13.66A2.5 2.5 0 0180 99.82V10a10 10 0 00-20 0v89.82a2.5 2.5 0 01-4.27 1.77L42.07 87.93a10 10 0 00-14.14 14.14z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#mini-bold-interface-arrows-down)',
+      mask: "url(#mini-bold-interface-arrows-down-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/mini/MiniArrowLeftIcon.js

@@ -37,18 +37,18 @@ export var MiniArrowLeftIcon = /*#__PURE__*/React.forwardRef(function (_ref, svg
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'mini-bold-interface-arrow-left',
+      id: "mini-bold-interface-arrow-left-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'mini-bold-interface-arrow-left'
       }), /*#__PURE__*/_jsx("path", {
         d: "M14.8 6.8H4.098l1.95-1.952a1.2 1.2 0 00-1.696-1.696l-4 4a1.198 1.198 0 000 1.696l4 4a1.2 1.2 0 101.696-1.696L4.098 9.2H14.8a1.2 1.2 0 000-2.4z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#mini-bold-interface-arrow-left)',
+      mask: "url(#mini-bold-interface-arrow-left-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/mini/MiniArrowRightIcon.js

@@ -37,18 +37,18 @@ export var MiniArrowRightIcon = /*#__PURE__*/React.forwardRef(function (_ref, sv
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'mini-arrow-right',
+      id: "mini-arrow-right-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'mini-arrow-right'
       }), /*#__PURE__*/_jsx("path", {
         d: "M11.665 3.192l4 4a1.143 1.143 0 010 1.616l-4 4a1.143 1.143 0 01-1.616-1.616l1.561-1.561a.286.286 0 00-.202-.488H1.143a1.143 1.143 0 010-2.286h10.265a.286.286 0 00.202-.488l-1.56-1.561a1.143 1.143 0 011.615-1.616z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#mini-arrow-right)',
+      mask: "url(#mini-arrow-right-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/mini/MiniArrowUpIcon.js

@@ -37,18 +37,18 @@ export var MiniArrowUpIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRe
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'mini-bold-interface-arrow-up',
+      id: "mini-bold-interface-arrow-up-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'mini-bold-interface-arrow-up'
       }), /*#__PURE__*/_jsx("path", {
         d: "M12.848 4.352l-4-4a1.198 1.198 0 00-1.696 0l-4 4a1.2 1.2 0 001.696 1.696L6.8 4.098V14.8a1.2 1.2 0 002.4 0V4.098l1.952 1.95a1.2 1.2 0 101.696-1.696z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#mini-bold-interface-arrow-up)',
+      mask: "url(#mini-bold-interface-arrow-up-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/mini/MiniCheckCircleIcon.js

@@ -37,18 +37,18 @@ export var MiniCheckCircleIcon = /*#__PURE__*/React.forwardRef(function (_ref, s
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'interface-validation-check-circle',
+      id: "interface-validation-check-circle-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'interface-validation-check-circle'
       }), /*#__PURE__*/_jsx("path", {
         d: "M70 0a70 70 0 1070 70A70.08 70.08 0 0070 0zm36 59L66.24 98.74a10 10 0 01-14.15 0L34 80.68a10.013 10.013 0 0114.18-14.14l11 11 32.64-32.67A10.01 10.01 0 01106 59z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#interface-validation-check-circle)',
+      mask: "url(#interface-validation-check-circle-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/mini/MiniChevronDownIcon.js

@@ -37,18 +37,18 @@ export var MiniChevronDownIcon = /*#__PURE__*/React.forwardRef(function (_ref, s
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'mini-chevron-down',
+      id: "mini-chevron-down-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'mini-chevron-down'
       }), /*#__PURE__*/_jsx("path", {
         d: "M137.07 34a10 10 0 00-14.14 0L71.77 85.13a2.5 2.5 0 01-3.54 0L17.07 34A10 10 0 002.93 48.11l56.46 56.47a15 15 0 0021.22 0l56.46-56.47a10 10 0 000-14.11z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#mini-chevron-down)',
+      mask: "url(#mini-chevron-down-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/mini/MiniChevronLeftIcon.js

@@ -37,18 +37,18 @@ export var MiniChevronLeftIcon = /*#__PURE__*/React.forwardRef(function (_ref, s
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'mini-chevron-left',
+      id: "mini-chevron-left-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'mini-chevron-left'
       }), /*#__PURE__*/_jsx("path", {
         d: "M54.87 71.77a2.5 2.5 0 010-3.54L106 17.07A10 10 0 1091.89 2.93L35.43 59.39a15 15 0 000 21.22l56.46 56.46A10 10 0 10106 122.93z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#mini-chevron-left)',
+      mask: "url(#mini-chevron-left-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/mini/MiniChevronRightIcon.js

@@ -37,18 +37,18 @@ export var MiniChevronRightIcon = /*#__PURE__*/React.forwardRef(function (_ref,
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'mini-chevron-right',
+      id: "mini-chevron-right-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'mini-chevron-right'
       }), /*#__PURE__*/_jsx("path", {
         d: "M34 137.07a10 10 0 010-14.14l51.13-51.16a2.5 2.5 0 000-3.54L34 17.07A10 10 0 0148.11 2.93l56.46 56.46a15 15 0 010 21.22l-56.46 56.46a10 10 0 01-14.11 0z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#mini-chevron-right)',
+      mask: "url(#mini-chevron-right-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/mini/MiniChevronUpIcon.js

@@ -37,18 +37,18 @@ export var MiniChevronUpIcon = /*#__PURE__*/React.forwardRef(function (_ref, svg
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'mini-chevron-up',
+      id: "mini-chevron-up-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'mini-chevron-up'
       }), /*#__PURE__*/_jsx("path", {
         d: "M122.93 106L71.77 54.87a2.5 2.5 0 00-3.54 0L17.07 106A10 10 0 112.93 91.89l56.46-56.46a15 15 0 0121.22 0l56.46 56.46A10 10 0 11122.93 106z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#mini-chevron-up)',
+      mask: "url(#mini-chevron-up-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/mini/MiniDeleteIcon.js

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

package/dist/icons/mini/MiniInfoCircleIcon.js

@@ -37,18 +37,18 @@ export var MiniInfoCircleIcon = /*#__PURE__*/React.forwardRef(function (_ref, sv
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'interface-alert-information-circle',
+      id: "interface-alert-information-circle-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'interface-alert-information-circle'
       }), /*#__PURE__*/_jsx("path", {
         d: "M70 0a70 70 0 1070 70A70.08 70.08 0 0070 0zm7.5 105a7.5 7.5 0 01-15 0V70a7.5 7.5 0 0115 0zM70 50a10 10 0 1110-10 10 10 0 01-10 10z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#interface-alert-information-circle)',
+      mask: "url(#interface-alert-information-circle-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/mini/MiniInfoOutlineIcon.js

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

package/dist/icons/mini/MiniKebabMenuIcon.js

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

package/dist/icons/mini/MiniRemoveCircleIcon.js

@@ -37,18 +37,18 @@ export var MiniRemoveCircleIcon = /*#__PURE__*/React.forwardRef(function (_ref,
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'interface-remove-circle',
+      id: "interface-remove-circle-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'interface-remove-circle'
       }), /*#__PURE__*/_jsx("path", {
         d: "M70 0a70 70 0 1070 70A70.08 70.08 0 0070 0zm25 80H45a10 10 0 010-20h50a10 10 0 010 20z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#interface-remove-circle)',
+      mask: "url(#interface-remove-circle-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/mini/MiniRibbonIcon.js

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

package/dist/icons/mini/MiniStarIcon.js

@@ -37,18 +37,18 @@ export var MiniStarIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef)
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'interface-favorite-star',
+      id: "interface-favorite-star-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'interface-favorite-star'
       }), /*#__PURE__*/_jsx("path", {
         d: "M139.48 53.16A10.41 10.41 0 00131 46l-35.77-5.4L79.4 8.48a10.87 10.87 0 00-18.8 0L44.39 40.87 9 46a10.49 10.49 0 00-5.83 17.9L29 89.34l-6 35.32a10.48 10.48 0 0015.21 11.05L70.22 119l31.67 16.67a10.48 10.48 0 0015.21-11.05l-5.9-35.75 25.63-25a10.42 10.42 0 002.65-10.71z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#interface-favorite-star)',
+      mask: "url(#interface-favorite-star-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/mini/MiniWarningTriangleIcon.js

@@ -37,18 +37,18 @@ export var MiniWarningTriangleIcon = /*#__PURE__*/React.forwardRef(function (_re
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'interface-alert-warning-triangle',
+      id: "interface-alert-warning-triangle-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'interface-alert-warning-triangle'
       }), /*#__PURE__*/_jsx("path", {
         d: "M138.42 118.29l-55-110a15 15 0 00-26.84 0l-55 110A15 15 0 0015 140h110a15 15 0 0013.42-21.71zM62.5 50a7.5 7.5 0 0115 0v30a7.5 7.5 0 01-15 0zm7.5 70a10 10 0 1110-10 10 10 0 01-10 10z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#interface-alert-warning-triangle)',
+      mask: "url(#interface-alert-warning-triangle-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/AccountingCoinsIcon.js

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

package/dist/icons/regular/AddBoldIcon.js

@@ -37,18 +37,18 @@ export var AddBoldIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'add-bold',
+      id: "add-bold-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'add-bold'
       }), /*#__PURE__*/_jsx("path", {
         d: "M0 12a1.5 1.5 0 001.5 1.5h8.75a.25.25 0 01.25.25v8.75a1.5 1.5 0 003 0v-8.75a.25.25 0 01.25-.25h8.75a1.5 1.5 0 000-3h-8.75a.25.25 0 01-.25-.25V1.5a1.5 1.5 0 00-3 0v8.75a.25.25 0 01-.25.25H1.5A1.5 1.5 0 000 12z"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#add-bold)',
+      mask: "url(#add-bold-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/AddIcon.js

@@ -37,7 +37,7 @@ export var AddIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'add',
+      id: "add-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'add'
       }), /*#__PURE__*/_jsx("path", {
@@ -49,11 +49,11 @@ export var AddIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef) {
         d: "M.75 12h22.5M12 .75v22.5"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#add)',
+      mask: "url(#add-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/AlarmClockIcon.js

@@ -37,7 +37,7 @@ export var AlarmClockIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
       id: titleId,
       children: title
     }) : null, /*#__PURE__*/_jsxs("mask", {
-      id: 'alarm-clock',
+      id: "alarm-clock-".concat(titleId),
       children: [/*#__PURE__*/_jsx("title", {
         children: 'alarm-clock'
       }), /*#__PURE__*/_jsx("circle", {
@@ -58,11 +58,11 @@ export var AlarmClockIcon = /*#__PURE__*/React.forwardRef(function (_ref, svgRef
         d: "M6 23.25l1.386-2.771M12 12.75H8.609M12 7.5v5.25m-10.5-9l3.75-3M18 23.25l-1.386-2.772M22.5 3.75l-3.75-3"
       })]
     }), /*#__PURE__*/_jsx("g", {
-      mask: 'url(#alarm-clock)',
+      mask: "url(#alarm-clock-".concat(titleId, ")"),
       children: /*#__PURE__*/_jsx("rect", {
-        width: '100%',
-        height: '100%',
-        fill: 'currentColor'
+        width: "100%",
+        height: "100%",
+        fill: "currentColor"
       })
     })]
   }));

package/dist/icons/regular/AlertIcon.js

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

package/dist/icons/regular/AmexIcon.js

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

package/dist/icons/regular/AnalyticsGraphIcon.js

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