@fluentui/react-icons 2.0.216 → 2.0.217

package/lib/icons/chunk-4.js

@@ -247,8 +247,8 @@ export const TextNumberListRtl90Filled = /*#__PURE__*/createFluentIcon('TextNumb
 export const TextNumberListRtl90Regular = /*#__PURE__*/createFluentIcon('TextNumberListRtl90Regular', "1em", ["M4.5 2c.28 0 .5.22.5.5v8a.5.5 0 0 1-1 0v-8c0-.28.22-.5.5-.5Zm5 0c.28 0 .5.22.5.5v8a.5.5 0 0 1-1 0v-8c0-.28.22-.5.5-.5Zm5 0c.28 0 .5.22.5.5v8a.5.5 0 0 1-1 0v-8c0-.28.22-.5.5-.5Zm-11 12.74c.28 0 .5.23.5.5 0 .35.1.54.18.63.09.1.2.13.3.13.2 0 .52-.19.52-.76 0-.4-.1-.62-.17-.72a.41.41 0 0 0-.07-.09l.02.01h-.02v-.01h-.01a.5.5 0 0 1 .47-.88h.01l.02.01a.83.83 0 0 1 .15.1c.08.07.17.17.27.3.18.29.33.7.33 1.28 0 1.03-.67 1.73-1.48 1.76-.37.01-.74-.12-1.02-.4-.28.28-.65.41-1.02.4-.8-.03-1.48-.73-1.48-1.76 0-.58.15-1 .33-1.27a1.4 1.4 0 0 1 .42-.4l.01-.02h.01a.5.5 0 0 1 .48.88.41.41 0 0 0-.08.1c-.07.09-.17.3-.17.71 0 .57.33.75.52.76.1 0 .21-.03.3-.13.08-.1.18-.28.18-.63 0-.27.22-.5.5-.5Zm7.15-1.1c.2-.2.5-.2.7 0h.01v.02a1.38 1.38 0 0 1 .11.12A2.44 2.44 0 0 1 12 15.3v.01c0 .37-.1.78-.35 1.1a1.4 1.4 0 0 1-1.15.57 1.5 1.5 0 0 1-1.2-.57 4.2 4.2 0 0 1-.5-.83l-.06-.12c-.16-.31-.3-.55-.47-.72a.93.93 0 0 0-.27-.17v1.91a.5.5 0 1 1-1 0V14c0-.27.22-.5.5-.5.62 0 1.08.2 1.44.53a3.32 3.32 0 0 1 .77 1.15c.13.27.23.46.35.61a.5.5 0 0 0 .44.21c.18 0 .28-.06.35-.16.09-.11.15-.3.15-.52a1.5 1.5 0 0 0-.35-.96.5.5 0 0 1 0-.7Zm7.34 1.97a.5.5 0 0 1-.49.38h-4a.5.5 0 1 1 0-1h2.58c-.2-.21-.38-.47-.53-.77a.5.5 0 1 1 .9-.45 2.96 2.96 0 0 0 1.15 1.2l.12.08c.2.1.32.33.27.56Z"]);
 export const TextNumberListRtlRotate270Filled = /*#__PURE__*/createFluentIcon('TextNumberListRtlRotate270Filled', "1em", ["M1.01 4.4A.5.5 0 0 1 1.5 4h4a.5.5 0 1 1 0 1H2.92c.2.22.38.48.53.78a.5.5 0 1 1-.9.45 2.96 2.96 0 0 0-1.15-1.2 2.07 2.07 0 0 0-.12-.08A.5.5 0 0 1 1 4.4Zm7.34 1.96a.5.5 0 0 1-.7 0h-.01v-.02a1.38 1.38 0 0 1-.11-.12A2.5 2.5 0 0 1 7 4.7c0-.38.1-.79.35-1.12a1.4 1.4 0 0 1 1.15-.56c.55 0 .93.24 1.2.57a4.2 4.2 0 0 1 .56.95c.16.31.3.55.47.72.08.06.16.12.27.17V3.5a.5.5 0 1 1 1 0V6a.5.5 0 0 1-.5.5c-.62 0-1.08-.2-1.44-.53a3.32 3.32 0 0 1-.77-1.14c-.13-.28-.23-.47-.35-.62A.5.5 0 0 0 8.5 4c-.18 0-.28.06-.35.16a.93.93 0 0 0-.15.52 1.5 1.5 0 0 0 .35.96c.2.2.2.51 0 .7ZM15 4.76a.5.5 0 0 0 1 0c0-.35.1-.54.18-.63.09-.1.2-.13.3-.13.2 0 .52.19.52.76 0 .4-.1.62-.17.72a.42.42 0 0 1-.07.09.5.5 0 0 0 .46.88h.01l.02-.01a.8.8 0 0 0 .15-.1c.08-.07.17-.17.27-.3.18-.29.33-.7.33-1.28 0-1.03-.67-1.73-1.48-1.76-.37-.01-.74.12-1.02.4a1.37 1.37 0 0 0-1.02-.4c-.8.03-1.48.73-1.48 1.76 0 .58.15 1 .33 1.27a1.4 1.4 0 0 0 .42.4l.01.02h.01a.5.5 0 0 0 .48-.88.42.42 0 0 1-.08-.1c-.07-.09-.17-.3-.17-.71 0-.57.33-.75.52-.76.1 0 .21.03.3.13.08.1.18.28.18.63Zm-.75.81h-.02v-.01l.02.01ZM9.75 18a.75.75 0 0 1-.75-.75v-7.5a.75.75 0 0 1 1.5 0v7.5c0 .41-.34.75-.75.75Zm-5 0a.75.75 0 0 1-.75-.75v-7.5a.75.75 0 0 1 1.5 0v7.5c0 .41-.34.75-.75.75Zm9.25-.75a.75.75 0 0 0 1.5 0v-7.5a.75.75 0 0 0-1.5 0v7.5Z"]);
 export const TextNumberListRtlRotate270Regular = /*#__PURE__*/createFluentIcon('TextNumberListRtlRotate270Regular', "1em", ["M1.01 4.4A.5.5 0 0 1 1.5 4h4a.5.5 0 1 1 0 1H2.92c.2.22.38.48.53.78a.5.5 0 1 1-.9.45 2.96 2.96 0 0 0-1.15-1.2 2.07 2.07 0 0 0-.12-.08A.5.5 0 0 1 1 4.4Zm7.34 1.96a.5.5 0 0 1-.7 0h-.01v-.02a1.38 1.38 0 0 1-.11-.12A2.5 2.5 0 0 1 7 4.7c0-.38.1-.79.35-1.12a1.4 1.4 0 0 1 1.15-.56c.55 0 .93.24 1.2.57a4.2 4.2 0 0 1 .56.95c.16.31.3.55.47.72.08.06.16.12.27.17V3.5a.5.5 0 1 1 1 0V6a.5.5 0 0 1-.5.5c-.62 0-1.08-.2-1.44-.53a3.32 3.32 0 0 1-.77-1.14c-.13-.28-.23-.47-.35-.62A.5.5 0 0 0 8.5 4c-.18 0-.28.06-.35.16a.93.93 0 0 0-.15.52 1.5 1.5 0 0 0 .35.96c.2.2.2.51 0 .7ZM15 4.76a.5.5 0 0 0 1 0c0-.35.1-.54.18-.63.09-.1.2-.13.3-.13.2 0 .52.19.52.76 0 .4-.1.62-.17.72a.42.42 0 0 1-.07.09.5.5 0 0 0 .46.88h.01l.02-.01a.8.8 0 0 0 .15-.1c.08-.07.17-.17.27-.3.18-.29.33-.7.33-1.28 0-1.03-.67-1.73-1.48-1.76-.37-.01-.74.12-1.02.4a1.37 1.37 0 0 0-1.02-.4c-.8.03-1.48.73-1.48 1.76 0 .58.15 1 .33 1.27a1.4 1.4 0 0 0 .42.4l.01.02h.01a.5.5 0 0 0 .48-.88.42.42 0 0 1-.08-.1c-.07-.09-.17-.3-.17-.71 0-.57.33-.75.52-.76.1 0 .21.03.3.13.08.1.18.28.18.63Zm-.75.81h-.02v-.01l.02.01ZM9.5 18a.5.5 0 0 1-.5-.5v-8a.5.5 0 0 1 1 0v8a.5.5 0 0 1-.5.5Zm-5 0a.5.5 0 0 1-.5-.5v-8a.5.5 0 0 1 1 0v8a.5.5 0 0 1-.5.5Zm9.5-.5a.5.5 0 0 0 1 0v-8a.5.5 0 0 0-1 0v8Z"]);
-export const TextParagraphFilled = /*#__PURE__*/createFluentIcon('TextParagraphFilled', "1em", ["M17.25 2c.41 0 .75.34.75.75v2.5A2.75 2.75 0 0 1 15.25 8h-3.8l1.36 1.5a.75.75 0 0 1-1.12 1L9.2 7.75a.75.75 0 0 1 0-1L11.7 4a.75.75 0 0 1 1.12 1l-1.36 1.5h3.8c.69 0 1.25-.56 1.25-1.25v-2.5c0-.41.34-.75.75-.75ZM8.3 9.5a.75.75 0 1 0-1.1 1L8.55 12h-5.8a.75.75 0 0 0 0 1.5h5.8L7.2 15a.75.75 0 0 0 1.1 1l2.5-2.75a.75.75 0 0 0 0-1L8.3 9.5Z"]);
-export const TextParagraphRegular = /*#__PURE__*/createFluentIcon('TextParagraphRegular', "1em", ["M12.15 10.85a.5.5 0 0 0 .7-.7L10.71 8h4.79A2.5 2.5 0 0 0 18 5.5v-3s0-.5-.5-.5-.5.5-.5.5v3c0 .83-.67 1.5-1.5 1.5h-4.8l2.15-2.15a.5.5 0 0 0-.7-.7l-3 3a.5.5 0 0 0 0 .7l3 3Zm-4.3-1.7a.5.5 0 1 0-.7.7L9.29 12H2.5s-.5 0-.5.5.5.5.5.5h6.8l-2.15 2.15a.5.5 0 0 0 .7.7l3-3a.5.5 0 0 0 0-.7l-3-3Z"]);
+export const TextParagraphFilled = /*#__PURE__*/createFluentIcon('TextParagraphFilled', "1em", ["M13.5 7a3.5 3.5 0 1 0 0 7h.5v3.5a.5.5 0 0 0 1 0V8h1v9.5a.5.5 0 0 0 1 0V8h.5a.5.5 0 0 0 0-1h-4Zm-11-2a.5.5 0 0 0 0 1h15a.5.5 0 0 0 0-1h-15Zm6.76 4H2.5a.5.5 0 0 0 0 1h6.53c.04-.35.11-.68.23-1Zm.5 4H2.5a.5.5 0 0 0 0 1h8.17a4.53 4.53 0 0 1-.91-1Z"]);
+export const TextParagraphRegular = /*#__PURE__*/createFluentIcon('TextParagraphRegular', "1em", ["M13.5 8a2.5 2.5 0 0 0 0 5h.5V8h-.5Zm.5 6h-.5a3.5 3.5 0 1 1 0-7h4a.5.5 0 0 1 0 1H17v9.5a.5.5 0 0 1-1 0V8h-1v9.5a.5.5 0 0 1-1 0V14ZM2.5 5a.5.5 0 0 0 0 1h15a.5.5 0 0 0 0-1h-15Zm6.76 4H2.5a.5.5 0 0 0 0 1h6.53c.04-.35.11-.68.23-1Zm.5 4H2.5a.5.5 0 0 0 0 1h8.17a4.53 4.53 0 0 1-.91-1Z"]);
 export const TextParagraphDirectionFilled = /*#__PURE__*/createFluentIcon('TextParagraphDirectionFilled', "1em", ["M11.5 3a4 4 0 1 0 0 8H13v6.5a.5.5 0 0 0 1 0V4h1v13.5a.5.5 0 0 0 1 0V4h.5a.5.5 0 0 0 0-1h-5ZM3.15 5.65c.2-.2.5-.2.7 0l2 2c.2.2.2.5 0 .7l-2 2a.5.5 0 0 1-.7-.7L4.79 8 3.15 6.35a.5.5 0 0 1 0-.7Zm2.7 6a.5.5 0 0 0-.7 0l-2 2a.5.5 0 0 0 0 .7l2 2a.5.5 0 0 0 .7-.7L4.21 14l1.64-1.65a.5.5 0 0 0 0-.7Z"]);
 export const TextParagraphDirectionRegular = /*#__PURE__*/createFluentIcon('TextParagraphDirectionRegular', "1em", ["M11.5 3a4 4 0 1 0 0 8H13v6.5a.5.5 0 0 0 1 0V4h1v13.5a.5.5 0 0 0 1 0V4h.5a.5.5 0 0 0 0-1h-5ZM13 4v6h-1.5a3 3 0 0 1 0-6H13ZM3.15 5.65c.2-.2.5-.2.7 0l2 2c.2.2.2.5 0 .7l-2 2a.5.5 0 0 1-.7-.7L4.79 8 3.15 6.35a.5.5 0 0 1 0-.7Zm2.7 6a.5.5 0 0 0-.7 0l-2 2a.5.5 0 0 0 0 .7l2 2a.5.5 0 0 0 .7-.7L4.21 14l1.64-1.65a.5.5 0 0 0 0-.7Z"]);
 export const TextParagraphDirectionLeftFilled = /*#__PURE__*/createFluentIcon('TextParagraphDirectionLeftFilled', "1em", ["M11.5 3a4 4 0 1 0 0 8H13v6.5a.5.5 0 0 0 1 0V4h1v13.5a.5.5 0 0 0 1 0V4h.5a.5.5 0 0 0 0-1h-5ZM5.15 7.65a.5.5 0 1 1 .7.7L4.21 10l1.64 1.65a.5.5 0 0 1-.7.7l-2-2a.5.5 0 0 1 0-.7l2-2Z"]);

package/lib/index.d.ts

@@ -21,6 +21,7 @@ export * from './sizedIcons/chunk-14';
 export { FluentIconsProps } from './utils/FluentIconsProps.types';
 export { default as wrapIcon } from './utils/wrapIcon';
 export { default as bundleIcon } from './utils/bundleIcon';
+export { createFluentIcon } from './utils/createFluentIcon';
 export * from './utils/useIconState';
 export * from './utils/constants';
 export { IconDirectionContextProvider, useIconContext } from './contexts/index';

package/lib/index.js

@@ -20,6 +20,7 @@ export * from './sizedIcons/chunk-13';
 export * from './sizedIcons/chunk-14';
 export { default as wrapIcon } from './utils/wrapIcon';
 export { default as bundleIcon } from './utils/bundleIcon';
+export { createFluentIcon } from './utils/createFluentIcon';
 export * from './utils/useIconState';
 export * from './utils/constants';
 export { IconDirectionContextProvider, useIconContext } from './contexts/index';

package/lib/sizedIcons/chunk-13.js

@@ -196,12 +196,12 @@ export const TextNumberListRtlRotate27020Filled = /*#__PURE__*/createFluentIcon(
 export const TextNumberListRtlRotate27020Regular = /*#__PURE__*/createFluentIcon('TextNumberListRtlRotate27020Regular', "20", ["M1.01 4.4A.5.5 0 0 1 1.5 4h4a.5.5 0 1 1 0 1H2.92c.2.22.38.48.53.78a.5.5 0 1 1-.9.45 2.96 2.96 0 0 0-1.15-1.2 2.07 2.07 0 0 0-.12-.08A.5.5 0 0 1 1 4.4Zm7.34 1.96a.5.5 0 0 1-.7 0h-.01v-.02a1.38 1.38 0 0 1-.11-.12A2.5 2.5 0 0 1 7 4.7c0-.38.1-.79.35-1.12a1.4 1.4 0 0 1 1.15-.56c.55 0 .93.24 1.2.57a4.2 4.2 0 0 1 .56.95c.16.31.3.55.47.72.08.06.16.12.27.17V3.5a.5.5 0 1 1 1 0V6a.5.5 0 0 1-.5.5c-.62 0-1.08-.2-1.44-.53a3.32 3.32 0 0 1-.77-1.14c-.13-.28-.23-.47-.35-.62A.5.5 0 0 0 8.5 4c-.18 0-.28.06-.35.16a.93.93 0 0 0-.15.52 1.5 1.5 0 0 0 .35.96c.2.2.2.51 0 .7ZM15 4.76a.5.5 0 0 0 1 0c0-.35.1-.54.18-.63.09-.1.2-.13.3-.13.2 0 .52.19.52.76 0 .4-.1.62-.17.72a.42.42 0 0 1-.07.09.5.5 0 0 0 .46.88h.01l.02-.01a.8.8 0 0 0 .15-.1c.08-.07.17-.17.27-.3.18-.29.33-.7.33-1.28 0-1.03-.67-1.73-1.48-1.76-.37-.01-.74.12-1.02.4a1.37 1.37 0 0 0-1.02-.4c-.8.03-1.48.73-1.48 1.76 0 .58.15 1 .33 1.27a1.4 1.4 0 0 0 .42.4l.01.02h.01a.5.5 0 0 0 .48-.88.42.42 0 0 1-.08-.1c-.07-.09-.17-.3-.17-.71 0-.57.33-.75.52-.76.1 0 .21.03.3.13.08.1.18.28.18.63Zm-.75.81h-.02v-.01l.02.01ZM9.5 18a.5.5 0 0 1-.5-.5v-8a.5.5 0 0 1 1 0v8a.5.5 0 0 1-.5.5Zm-5 0a.5.5 0 0 1-.5-.5v-8a.5.5 0 0 1 1 0v8a.5.5 0 0 1-.5.5Zm9.5-.5a.5.5 0 0 0 1 0v-8a.5.5 0 0 0-1 0v8Z"]);
 export const TextNumberListRtlRotate27024Filled = /*#__PURE__*/createFluentIcon('TextNumberListRtlRotate27024Filled', "24", ["M2.75 4a.75.75 0 0 0-.3 1.43 1.42 1.42 0 0 1 .13.07c.1.05.23.13.38.24.32.22.66.52.9.9a.75.75 0 1 0 1.28-.79 3.96 3.96 0 0 0-.25-.35h2.36a.75.75 0 1 0 0-1.5h-4.5ZM18 11v8.62a1 1 0 0 0 2-.12v-8.62a1 1 0 0 0-2 .12Zm-6.5 0v8.62a1 1 0 0 0 2-.12v-8.62a1 1 0 0 0-2 .12ZM6 10a1 1 0 0 0-1 1v8.62a1 1 0 0 0 2-.12v-8.62A1 1 0 0 0 6 10Zm4.52-5.15c-.05.3.07.68.26.87a.75.75 0 0 1-1.06 1.06 2.57 2.57 0 0 1-.68-2.2c.07-.39.26-.8.6-1.1A2 2 0 0 1 11 3c.62 0 1.08.27 1.42.6.28.28.51.64.69.91l.05.08c.13.2.24.36.34.48V3.75a.75.75 0 0 1 1.5 0v2.5c0 .41-.34.75-.75.75-1.31 0-1.95-.98-2.34-1.58l-.04-.06a4.2 4.2 0 0 0-.5-.68c-.14-.14-.24-.18-.37-.18-.22 0-.32.06-.36.1a.42.42 0 0 0-.12.25Zm10.76 2.18s.08-.1 0 0l.01-.01.01-.01a1.4 1.4 0 0 0 .13-.15A3.24 3.24 0 0 0 22 5c0-.64-.18-1.2-.54-1.6-.36-.4-.86-.61-1.36-.6-.42.02-.8.17-1.1.43a1.73 1.73 0 0 0-2.46.17c-.36.4-.54.96-.54 1.6a3.24 3.24 0 0 0 .57 1.86 1.95 1.95 0 0 0 .13.15l.01.01.01.01a.75.75 0 1 0 1.05-1.07A1.75 1.75 0 0 1 17.5 5c0-.36.1-.54.16-.6a.23.23 0 0 1 .2-.1c.06 0 .14.04.22.13.08.09.17.26.17.57a.75.75 0 0 0 1.5 0c0-.31.1-.48.17-.57.08-.1.16-.12.23-.13.06 0 .13.02.19.1.06.06.16.24.16.6a1.75 1.75 0 0 1-.27.96.75.75 0 1 0 1.05 1.07Zm-4.56 0Z"]);
 export const TextNumberListRtlRotate27024Regular = /*#__PURE__*/createFluentIcon('TextNumberListRtlRotate27024Regular', "24", ["M2.75 4a.75.75 0 0 0-.3 1.43 1.42 1.42 0 0 1 .13.07c.1.05.23.13.38.24.32.22.66.52.9.9a.75.75 0 1 0 1.28-.79 3.96 3.96 0 0 0-.25-.35h2.36a.75.75 0 1 0 0-1.5h-4.5Zm16 6a.75.75 0 0 0-.75.75v9a.75.75 0 0 0 1.5 0v-9a.75.75 0 0 0-.75-.75Zm-6.5 0a.75.75 0 0 0-.76.75v9a.75.75 0 0 0 1.5 0v-9a.75.75 0 0 0-.75-.75Zm-6.5 0a.75.75 0 0 0-.75.75v9a.75.75 0 0 0 1.5 0v-9a.75.75 0 0 0-.75-.75Zm4.77-5.15c-.05.3.07.68.26.87a.75.75 0 0 1-1.06 1.06 2.57 2.57 0 0 1-.68-2.2c.07-.39.26-.8.6-1.1A2 2 0 0 1 11 3c.62 0 1.08.27 1.42.6.28.28.51.64.69.91l.05.08c.13.2.24.36.34.48V3.75a.75.75 0 0 1 1.5 0v2.5c0 .41-.34.75-.75.75-1.31 0-1.95-.98-2.34-1.58l-.04-.06a4.2 4.2 0 0 0-.5-.68c-.14-.14-.24-.18-.37-.18-.22 0-.32.06-.36.1a.42.42 0 0 0-.12.25Zm10.76 2.18s.08-.1 0 0l.01-.01.01-.01a1.4 1.4 0 0 0 .13-.15A3.24 3.24 0 0 0 22 5c0-.64-.18-1.2-.54-1.6-.36-.4-.86-.61-1.36-.6-.42.02-.8.17-1.1.43a1.73 1.73 0 0 0-2.46.17c-.36.4-.54.96-.54 1.6a3.24 3.24 0 0 0 .57 1.86 1.95 1.95 0 0 0 .13.15l.01.01.01.01a.75.75 0 1 0 1.05-1.07A1.75 1.75 0 0 1 17.5 5c0-.36.1-.54.16-.6a.23.23 0 0 1 .2-.1c.06 0 .14.04.22.13.08.09.17.26.17.57a.75.75 0 0 0 1.5 0c0-.31.1-.48.17-.57.08-.1.16-.12.23-.13.06 0 .13.02.19.1.06.06.16.24.16.6a1.75 1.75 0 0 1-.27.96.75.75 0 1 0 1.05 1.07Zm-4.56 0Z"]);
-export const TextParagraph16Filled = /*#__PURE__*/createFluentIcon('TextParagraph16Filled', "16", ["M13.25 2a.75.75 0 0 0-.75.75v2c0 .41-.34.75-.75.75H9.56l.72-.72a.75.75 0 1 0-1.06-1.06l-2 2c-.3.3-.3.77 0 1.06l2 2a.75.75 0 1 0 1.06-1.06L9.56 7h2.19C12.99 7 14 6 14 4.75v-2a.75.75 0 0 0-.75-.75ZM5.72 8.22c.3-.3.77-.3 1.06 0l2 2c.3.3.3.77 0 1.06l-2 2a.75.75 0 0 1-1.06-1.06l.72-.72H1.75a.75.75 0 0 1 0-1.5h4.69l-.72-.72a.75.75 0 0 1 0-1.06Z"]);
-export const TextParagraph16Regular = /*#__PURE__*/createFluentIcon('TextParagraph16Regular', "16", ["M13.5 2a.5.5 0 0 0-.5.5V5a1 1 0 0 1-1 1H8.7l1.15-1.15a.5.5 0 0 0-.7-.7l-2 2a.5.5 0 0 0 0 .7l2 2a.5.5 0 1 0 .7-.7L8.71 7H12a2 2 0 0 0 2-2V2.5a.5.5 0 0 0-.5-.5ZM5.65 8.15c.2-.2.5-.2.7 0l2 2c.2.2.2.5 0 .7l-2 2a.5.5 0 0 1-.7-.7L6.79 11H1.5a.5.5 0 0 1 0-1h5.3L5.64 8.85a.5.5 0 0 1 0-.7Z"]);
-export const TextParagraph20Filled = /*#__PURE__*/createFluentIcon('TextParagraph20Filled', "20", ["M17.25 2c.41 0 .75.34.75.75v2.5A2.75 2.75 0 0 1 15.25 8h-3.8l1.36 1.5a.75.75 0 0 1-1.12 1L9.2 7.75a.75.75 0 0 1 0-1L11.7 4a.75.75 0 0 1 1.12 1l-1.36 1.5h3.8c.69 0 1.25-.56 1.25-1.25v-2.5c0-.41.34-.75.75-.75ZM8.3 9.5a.75.75 0 1 0-1.1 1L8.55 12h-5.8a.75.75 0 0 0 0 1.5h5.8L7.2 15a.75.75 0 0 0 1.1 1l2.5-2.75a.75.75 0 0 0 0-1L8.3 9.5Z"]);
-export const TextParagraph20Regular = /*#__PURE__*/createFluentIcon('TextParagraph20Regular', "20", ["M12.15 10.85a.5.5 0 0 0 .7-.7L10.71 8h4.79A2.5 2.5 0 0 0 18 5.5v-3s0-.5-.5-.5-.5.5-.5.5v3c0 .83-.67 1.5-1.5 1.5h-4.8l2.15-2.15a.5.5 0 0 0-.7-.7l-3 3a.5.5 0 0 0 0 .7l3 3Zm-4.3-1.7a.5.5 0 1 0-.7.7L9.29 12H2.5s-.5 0-.5.5.5.5.5.5h6.8l-2.15 2.15a.5.5 0 0 0 .7.7l3-3a.5.5 0 0 0 0-.7l-3-3Z"]);
-export const TextParagraph24Filled = /*#__PURE__*/createFluentIcon('TextParagraph24Filled', "24", ["M21 2a1 1 0 0 1 1 1v4a3 3 0 0 1-3 3h-4.59l2.3 2.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 1 1 1.42 1.4L14.4 8H19a1 1 0 0 0 1-1V3a1 1 0 0 1 1-1ZM7.3 11.3a1 1 0 0 0 0 1.4L9.58 15H3a1 1 0 1 0 0 2h6.59l-2.3 2.3a1 1 0 1 0 1.42 1.4l4-4A1 1 0 0 0 13 16a1 1 0 0 0-.3-.71l-4-4a1 1 0 0 0-1.4 0Z"]);
-export const TextParagraph24Regular = /*#__PURE__*/createFluentIcon('TextParagraph24Regular', "24", ["M21.25 2c.41 0 .75.34.75.75v4a2.75 2.75 0 0 1-2.75 2.75h-5.69l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 1 1 1.06 1.06L13.56 8h5.69c.69 0 1.25-.56 1.25-1.25v-4c0-.41.34-.75.75-.75ZM7.72 11.22c-.3.3-.3.77 0 1.06L10.44 15H2.75a.75.75 0 0 0 0 1.5h7.69l-2.72 2.72a.75.75 0 1 0 1.06 1.06l4-4c.3-.3.3-.77 0-1.06l-4-4a.75.75 0 0 0-1.06 0Z"]);
+export const TextParagraph16Filled = /*#__PURE__*/createFluentIcon('TextParagraph16Filled', "16", ["M2 3.5c0-.28.22-.5.5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5Zm10 10a.5.5 0 0 1-1 0V11a3 3 0 1 1 0-6h3.5a.5.5 0 0 1 0 1H14v7.5a.5.5 0 0 1-1 0V6h-1v7.5ZM2.5 6h5.04c-.18.31-.32.65-.41 1H2.5a.5.5 0 0 1 0-1Zm5.04 4a3.98 3.98 0 0 1-.41-1H2.5a.5.5 0 0 0 0 1h5.04Z"]);
+export const TextParagraph16Regular = /*#__PURE__*/createFluentIcon('TextParagraph16Regular', "16", ["M2.5 3a.5.5 0 0 0 0 1h11a.5.5 0 0 0 0-1h-11Zm9 11a.5.5 0 0 0 .5-.5V6h1v7.5a.5.5 0 0 0 1 0V6h.5a.5.5 0 0 0 0-1H11a3 3 0 1 0 0 6v2.5c0 .28.22.5.5.5ZM10 6.27A2 2 0 0 1 11 6v4a2 2 0 0 1-2-2 2 2 0 0 1 1-1.73ZM7.54 6H2.5a.5.5 0 0 0 0 1h4.63c.09-.35.23-.69.4-1Zm-.41 3c.09.35.23.69.4 1H2.5a.5.5 0 0 1 0-1h4.63Z"]);
+export const TextParagraph20Filled = /*#__PURE__*/createFluentIcon('TextParagraph20Filled', "20", ["M13.5 7a3.5 3.5 0 1 0 0 7h.5v3.5a.5.5 0 0 0 1 0V8h1v9.5a.5.5 0 0 0 1 0V8h.5a.5.5 0 0 0 0-1h-4Zm-11-2a.5.5 0 0 0 0 1h15a.5.5 0 0 0 0-1h-15Zm6.76 4H2.5a.5.5 0 0 0 0 1h6.53c.04-.35.11-.68.23-1Zm.5 4H2.5a.5.5 0 0 0 0 1h8.17a4.53 4.53 0 0 1-.91-1Z"]);
+export const TextParagraph20Regular = /*#__PURE__*/createFluentIcon('TextParagraph20Regular', "20", ["M13.5 8a2.5 2.5 0 0 0 0 5h.5V8h-.5Zm.5 6h-.5a3.5 3.5 0 1 1 0-7h4a.5.5 0 0 1 0 1H17v9.5a.5.5 0 0 1-1 0V8h-1v9.5a.5.5 0 0 1-1 0V14ZM2.5 5a.5.5 0 0 0 0 1h15a.5.5 0 0 0 0-1h-15Zm6.76 4H2.5a.5.5 0 0 0 0 1h6.53c.04-.35.11-.68.23-1Zm.5 4H2.5a.5.5 0 0 0 0 1h8.17a4.53 4.53 0 0 1-.91-1Z"]);
+export const TextParagraph24Filled = /*#__PURE__*/createFluentIcon('TextParagraph24Filled', "24", ["M12.25 12.25C12.25 9.9 14.15 8 16.5 8h4.75a.75.75 0 0 1 0 1.5H21v11.75a.75.75 0 0 1-1.5 0V9.5h-1v11.75a.75.75 0 0 1-1.5 0V16.5h-.5a4.25 4.25 0 0 1-4.25-4.25ZM2 5.75c0-.41.34-.75.75-.75h18.5a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 5.75Zm0 5c0-.41.34-.75.75-.75h9c-.22.47-.37.97-.45 1.5H2.75a.75.75 0 0 1-.75-.75ZM2.75 15h9.28c.36.59.83 1.1 1.39 1.5H2.75a.75.75 0 0 1 0-1.5Z"]);
+export const TextParagraph24Regular = /*#__PURE__*/createFluentIcon('TextParagraph24Regular', "24", ["M16.5 8a4.25 4.25 0 0 0 0 8.5h.5v4.75a.75.75 0 0 0 1.5 0V9.5h1v11.75a.75.75 0 0 0 1.5 0V9.5h.25a.75.75 0 0 0 0-1.5H16.5Zm0 1.5h.5V15h-.5a2.75 2.75 0 1 1 0-5.5ZM2.75 5a.75.75 0 0 0 0 1.5h18.5a.75.75 0 0 0 0-1.5H2.75Zm0 5a.75.75 0 0 0 0 1.5h8.55c.08-.53.23-1.03.46-1.5H2.75Zm9.28 5H2.75a.75.75 0 0 0 0 1.5h10.67a5.28 5.28 0 0 1-1.4-1.5Z"]);
 export const TextParagraphDirection20Filled = /*#__PURE__*/createFluentIcon('TextParagraphDirection20Filled', "20", ["M11.5 3a4 4 0 1 0 0 8H13v6.5a.5.5 0 0 0 1 0V4h1v13.5a.5.5 0 0 0 1 0V4h.5a.5.5 0 0 0 0-1h-5ZM3.15 5.65c.2-.2.5-.2.7 0l2 2c.2.2.2.5 0 .7l-2 2a.5.5 0 0 1-.7-.7L4.79 8 3.15 6.35a.5.5 0 0 1 0-.7Zm2.7 6a.5.5 0 0 0-.7 0l-2 2a.5.5 0 0 0 0 .7l2 2a.5.5 0 0 0 .7-.7L4.21 14l1.64-1.65a.5.5 0 0 0 0-.7Z"]);
 export const TextParagraphDirection20Regular = /*#__PURE__*/createFluentIcon('TextParagraphDirection20Regular', "20", ["M11.5 3a4 4 0 1 0 0 8H13v6.5a.5.5 0 0 0 1 0V4h1v13.5a.5.5 0 0 0 1 0V4h.5a.5.5 0 0 0 0-1h-5ZM13 4v6h-1.5a3 3 0 0 1 0-6H13ZM3.15 5.65c.2-.2.5-.2.7 0l2 2c.2.2.2.5 0 .7l-2 2a.5.5 0 0 1-.7-.7L4.79 8 3.15 6.35a.5.5 0 0 1 0-.7Zm2.7 6a.5.5 0 0 0-.7 0l-2 2a.5.5 0 0 0 0 .7l2 2a.5.5 0 0 0 .7-.7L4.21 14l1.64-1.65a.5.5 0 0 0 0-.7Z"]);
 export const TextParagraphDirection24Filled = /*#__PURE__*/createFluentIcon('TextParagraphDirection24Filled', "24", ["M13.5 3a5.5 5.5 0 1 0 0 11H15v7.2c0 .45.34.8.75.8s.75-.35.75-.8V4.5H18v16.7c0 .45.34.8.75.8s.75-.35.75-.8V4.5h.67c.47-.06.83-.37.83-.75 0-.41-.43-.75-.95-.75H13.5Zm-9.42 8.86a.67.67 0 0 1-.9-.99L4.9 9 3.18 7.13l-.06-.08a.67.67 0 0 1 1.03-.84L6.3 8.54l.06.08c.18.26.16.6-.06.84l-2.15 2.33-.07.07Zm1.32 8a.67.67 0 0 0 .9-.99L4.59 17l1.7-1.87.07-.08a.67.67 0 0 0-1.03-.84l-2.15 2.33-.06.08c-.18.26-.16.6.06.84l2.15 2.33.07.07Z"]);

package/lib/utils/FluentIconsProps.types.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-export declare type FluentIconsProps<TBaseAttributes extends (React.SVGAttributes<SVGElement> | React.HTMLAttributes<HTMLElement>) = React.SVGAttributes<SVGElement>> = TBaseAttributes & React.RefAttributes<HTMLElement> & {
+export declare type FluentIconsProps<TBaseAttributes extends React.SVGAttributes<SVGElement> | React.HTMLAttributes<HTMLElement> = React.SVGAttributes<SVGElement>, TRefType extends HTMLElement | SVGSVGElement = SVGSVGElement> = TBaseAttributes & React.RefAttributes<TRefType> & {
     primaryFill?: string;
     className?: string;
     filled?: boolean;

package/lib/utils/fonts/createFluentFontIcon.d.ts

@@ -8,6 +8,6 @@ export declare const enum FontFile {
 export declare type CreateFluentFontIconOptions = {
     flipInRtl?: boolean;
 };
-export declare function createFluentFontIcon(displayName: string, codepoint: string, font: FontFile, fontSize?: number, options?: CreateFluentFontIconOptions): React.FC<FluentIconsProps<React.HTMLAttributes<HTMLElement>>> & {
+export declare function createFluentFontIcon(displayName: string, codepoint: string, font: FontFile, fontSize?: number, options?: CreateFluentFontIconOptions): React.FC<FluentIconsProps<React.HTMLAttributes<HTMLElement>, HTMLElement>> & {
     codepoint: string;
 };

package/lib/utils/useIconState.d.ts

@@ -3,4 +3,4 @@ import { FluentIconsProps } from "./FluentIconsProps.types";
 export declare type UseIconStateOptions = {
     flipInRtl?: boolean;
 };
-export declare const useIconState: <TBaseAttributes extends import("react").HTMLAttributes<HTMLElement> | import("react").SVGAttributes<SVGElement> = import("react").SVGAttributes<SVGElement>>(props: FluentIconsProps<TBaseAttributes>, options?: UseIconStateOptions | undefined) => Pick<FluentIconsProps<TBaseAttributes>, "title" | "filled" | "ref" | "key" | "className" | Exclude<keyof TBaseAttributes, "primaryFill">>;
+export declare const useIconState: <TBaseAttributes extends import("react").HTMLAttributes<HTMLElement> | import("react").SVGAttributes<SVGElement> = import("react").SVGAttributes<SVGElement>, TRefType extends HTMLElement | SVGSVGElement = SVGSVGElement>(props: FluentIconsProps<TBaseAttributes, TRefType>, options?: UseIconStateOptions | undefined) => Pick<FluentIconsProps<TBaseAttributes, TRefType>, "title" | "filled" | "ref" | "key" | "className" | Exclude<keyof TBaseAttributes, "primaryFill">>;

package/lib/utils/wrapIcon.d.ts

@@ -1,7 +1,5 @@
 /// <reference types="react" />
 import { FluentIconsProps } from "./FluentIconsProps.types";
-declare const wrapIcon: (Icon: (iconProps: FluentIconsProps) => JSX.Element, displayName?: string | undefined) => {
-    (props: FluentIconsProps): JSX.Element;
-    displayName: string | undefined;
-};
+import { CreateFluentIconOptions, FluentIcon } from "./createFluentIcon";
+declare const wrapIcon: (Icon: (iconProps: FluentIconsProps) => JSX.Element, displayName?: string | undefined, options?: CreateFluentIconOptions | undefined) => FluentIcon;
 export default wrapIcon;

package/lib/utils/wrapIcon.js

@@ -1,10 +1,15 @@
 import * as React from "react";
 import { useIconState } from "./useIconState";
-const wrapIcon = (Icon, displayName) => {
-  const WrappedIcon = props => {
-    const state = useIconState(props);
+const wrapIcon = (Icon, displayName, options) => {
+  const WrappedIcon = React.forwardRef((props, ref) => {
+    const state = {
+      ...useIconState(props, {
+        flipInRtl: options === null || options === void 0 ? void 0 : options.flipInRtl
+      }),
+      ref
+    };
     return React.createElement(Icon, Object.assign({}, state));
-  };
+  });
   WrappedIcon.displayName = displayName;
   return WrappedIcon;
 };