first commit

node_modules/@fluentui/react-icons/lib/utils/bundleIcon.js

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { mergeClasses } from '@griffel/react';
+import { iconFilledClassName, iconRegularClassName } from './constants';
+import { useBundledIconStyles } from './bundleIcon.styles';
+/**
+ *
+ * Combine the Regular and Filled versions of icons
+ * Could be used to toggle between them on hover.
+ */
+export const bundleIcon = (FilledIcon, RegularIcon) => {
+    const Component = (props) => {
+        const { className, filled, ...rest } = props;
+        const styles = useBundledIconStyles();
+        return (React.createElement(React.Fragment, null,
+            React.createElement(FilledIcon, Object.assign({}, rest, { className: mergeClasses(styles.root, filled && styles.visible, iconFilledClassName, className) })),
+            React.createElement(RegularIcon, Object.assign({}, rest, { className: mergeClasses(styles.root, !filled && styles.visible, iconRegularClassName, className) }))));
+    };
+    Component.displayName = 'CompoundIcon';
+    return Component;
+};