@fluentui/react-icons 2.0.323 → 2.0.324-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +9 -90
- package/docs/build-transforms.md +142 -0
- package/docs/preview-features/README.md +13 -0
- package/docs/preview-features/base.md +184 -0
- package/docs/preview-features/svg-sprites.md +158 -0
- package/lib/atoms/svg/comment-arrow-left.js +4 -4
- package/lib/atoms/svg/comment-arrow-right.js +14 -14
- package/lib/atoms/svg/text-grammar-arrow-right.js +6 -6
- package/lib/atoms/svg/text-paragraph.js +8 -8
- package/lib/base/bundleIcon.d.ts +8 -0
- package/lib/base/bundleIcon.js +18 -0
- package/lib/base/createFluentIcon.d.ts +20 -0
- package/lib/base/createFluentIcon.js +38 -0
- package/lib/base/createFluentIcon.svg-sprite.d.ts +9 -0
- package/lib/base/createFluentIcon.svg-sprite.js +28 -0
- package/lib/base/fonts/createFluentFontIcon.d.ts +20 -0
- package/lib/base/fonts/createFluentFontIcon.js +45 -0
- package/lib/base/fonts/index.d.ts +2 -0
- package/lib/base/fonts/index.js +2 -0
- package/lib/base/index.d.ts +8 -0
- package/lib/base/index.js +12 -0
- package/lib/base/shared.d.ts +15 -0
- package/lib/base/shared.js +19 -0
- package/lib/base/useIconState.d.ts +15 -0
- package/lib/base/useIconState.js +38 -0
- package/lib/icons/chunk-0.js +2 -2
- package/lib/icons/chunk-22.js +4 -4
- package/lib/sizedIcons/chunk-0.js +16 -16
- package/lib/sizedIcons/chunk-22.js +10 -10
- package/lib/utils/fonts/FluentSystemIcons-Filled.ttf +0 -0
- package/lib/utils/fonts/FluentSystemIcons-Filled.woff +0 -0
- package/lib/utils/fonts/FluentSystemIcons-Filled.woff2 +0 -0
- package/lib/utils/fonts/FluentSystemIcons-Regular.ttf +0 -0
- package/lib/utils/fonts/FluentSystemIcons-Regular.woff +0 -0
- package/lib/utils/fonts/FluentSystemIcons-Regular.woff2 +0 -0
- package/lib/utils/fonts/FluentSystemIcons-Resizable.ttf +0 -0
- package/lib/utils/fonts/FluentSystemIcons-Resizable.woff +0 -0
- package/lib/utils/fonts/FluentSystemIcons-Resizable.woff2 +0 -0
- package/lib-cjs/atoms/svg/comment-arrow-left.js +4 -4
- package/lib-cjs/atoms/svg/comment-arrow-right.js +14 -14
- package/lib-cjs/atoms/svg/text-grammar-arrow-right.js +6 -6
- package/lib-cjs/atoms/svg/text-paragraph.js +8 -8
- package/lib-cjs/base/bundleIcon.d.ts +8 -0
- package/lib-cjs/base/bundleIcon.js +23 -0
- package/lib-cjs/base/createFluentIcon.d.ts +20 -0
- package/lib-cjs/base/createFluentIcon.js +43 -0
- package/lib-cjs/base/createFluentIcon.svg-sprite.d.ts +9 -0
- package/lib-cjs/base/createFluentIcon.svg-sprite.js +33 -0
- package/lib-cjs/base/fonts/createFluentFontIcon.d.ts +20 -0
- package/lib-cjs/base/fonts/createFluentFontIcon.js +50 -0
- package/lib-cjs/base/fonts/index.d.ts +2 -0
- package/lib-cjs/base/fonts/index.js +6 -0
- package/lib-cjs/base/index.d.ts +8 -0
- package/lib-cjs/base/index.js +31 -0
- package/lib-cjs/base/shared.d.ts +15 -0
- package/lib-cjs/base/shared.js +29 -0
- package/lib-cjs/base/useIconState.d.ts +15 -0
- package/lib-cjs/base/useIconState.js +42 -0
- package/lib-cjs/icons/chunk-0.js +2 -2
- package/lib-cjs/icons/chunk-22.js +4 -4
- package/lib-cjs/sizedIcons/chunk-0.js +16 -16
- package/lib-cjs/sizedIcons/chunk-22.js +10 -10
- package/lib-cjs/utils/fonts/FluentSystemIcons-Filled.ttf +0 -0
- package/lib-cjs/utils/fonts/FluentSystemIcons-Filled.woff +0 -0
- package/lib-cjs/utils/fonts/FluentSystemIcons-Filled.woff2 +0 -0
- package/lib-cjs/utils/fonts/FluentSystemIcons-Regular.ttf +0 -0
- package/lib-cjs/utils/fonts/FluentSystemIcons-Regular.woff +0 -0
- package/lib-cjs/utils/fonts/FluentSystemIcons-Regular.woff2 +0 -0
- package/lib-cjs/utils/fonts/FluentSystemIcons-Resizable.ttf +0 -0
- package/lib-cjs/utils/fonts/FluentSystemIcons-Resizable.woff +0 -0
- package/lib-cjs/utils/fonts/FluentSystemIcons-Resizable.woff2 +0 -0
- package/package.json +8 -6
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { createFluentIcon } from '../../utils/createFluentIcon';
|
|
3
|
-
export const CommentArrowRightFilled = ( /*#__PURE__*/createFluentIcon('CommentArrowRightFilled', "1em", ["
|
|
4
|
-
export const CommentArrowRightRegular = ( /*#__PURE__*/createFluentIcon('CommentArrowRightRegular', "1em", ["
|
|
5
|
-
export const CommentArrowRight12Regular = ( /*#__PURE__*/createFluentIcon('CommentArrowRight12Regular', "12", ["M12 3.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7
|
|
6
|
-
export const CommentArrowRight12Filled = ( /*#__PURE__*/createFluentIcon('CommentArrowRight12Filled', "12", ["M12 3.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7
|
|
7
|
-
export const CommentArrowRight16Regular = ( /*#__PURE__*/createFluentIcon('CommentArrowRight16Regular', "16", ["M15 5.5a4.5 4.5 0 1
|
|
8
|
-
export const CommentArrowRight16Filled = ( /*#__PURE__*/createFluentIcon('CommentArrowRight16Filled', "16", ["M15 5.5a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm-
|
|
9
|
-
export const CommentArrowRight20Regular = ( /*#__PURE__*/createFluentIcon('CommentArrowRight20Regular', "20", ["
|
|
10
|
-
export const CommentArrowRight20Filled = ( /*#__PURE__*/createFluentIcon('CommentArrowRight20Filled', "20", ["
|
|
11
|
-
export const CommentArrowRight24Regular = ( /*#__PURE__*/createFluentIcon('CommentArrowRight24Regular', "24", ["
|
|
12
|
-
export const CommentArrowRight24Filled = ( /*#__PURE__*/createFluentIcon('CommentArrowRight24Filled', "24", ["
|
|
13
|
-
export const CommentArrowRight28Regular = ( /*#__PURE__*/createFluentIcon('CommentArrowRight28Regular', "28", ["M27
|
|
14
|
-
export const CommentArrowRight28Filled = ( /*#__PURE__*/createFluentIcon('CommentArrowRight28Filled', "28", ["M27
|
|
15
|
-
export const CommentArrowRight48Regular = ( /*#__PURE__*/createFluentIcon('CommentArrowRight48Regular', "48", ["M46 13a11 11 0 1 1-22 0 11 11 0 0 1 22
|
|
16
|
-
export const CommentArrowRight48Filled = ( /*#__PURE__*/createFluentIcon('CommentArrowRight48Filled', "48", ["M46 13a11 11 0 1 1-22 0 11 11 0 0 1 22
|
|
3
|
+
export const CommentArrowRightFilled = ( /*#__PURE__*/createFluentIcon('CommentArrowRightFilled', "1em", ["M14.5 1a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9Zm2.35 4.85A.5.5 0 0 0 17 5.5a.5.5 0 0 0-.15-.35l-2-2a.5.5 0 0 0-.7.7L15.29 5H12.5a.5.5 0 0 0 0 1h2.8l-1.15 1.15a.5.5 0 0 0 .7.7l2-2ZM14.5 11c1.33 0 2.55-.47 3.5-1.26v2.54a2.58 2.58 0 0 1-2.6 2.56h-4.59L6.8 17.8a1 1 0 0 1-1.4-.2.98.98 0 0 1-.2-.59v-2.17h-.6A2.58 2.58 0 0 1 2 12.28V5.57A2.58 2.58 0 0 1 4.6 3h5a5.5 5.5 0 0 0 4.9 8Z"], { flipInRtl: true }));
|
|
4
|
+
export const CommentArrowRightRegular = ( /*#__PURE__*/createFluentIcon('CommentArrowRightRegular', "1em", ["M14.5 1a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9Zm2.35 4.85A.5.5 0 0 0 17 5.5a.5.5 0 0 0-.15-.35l-2-2a.5.5 0 0 0-.7.7L15.29 5H12.5a.5.5 0 0 0 0 1h2.8l-1.15 1.15a.5.5 0 0 0 .7.7l2-2Zm.15 6.43V10.4c.36-.18.7-.4 1-.66v2.54a2.58 2.58 0 0 1-2.6 2.56h-4.59L6.8 17.8a1 1 0 0 1-1.4-.2.98.98 0 0 1-.2-.59v-2.17h-.6A2.58 2.58 0 0 1 2 12.28V5.57A2.58 2.58 0 0 1 4.6 3h5c-.16.32-.3.65-.4 1H4.6C3.7 4 3 4.71 3 5.57v6.7c0 .86.7 1.57 1.6 1.57h1.6V17l4.28-3.16h4.92c.9 0 1.6-.71 1.6-1.56Z"], { flipInRtl: true }));
|
|
5
|
+
export const CommentArrowRight12Regular = ( /*#__PURE__*/createFluentIcon('CommentArrowRight12Regular', "12", ["M12 3.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0ZM6.5 3a.5.5 0 0 0 0 1h2.8l-.65.65a.5.5 0 1 0 .7.7l1.5-1.5A.5.5 0 0 0 11 3.5a.5.5 0 0 0-.15-.35l-1.5-1.5a.5.5 0 1 0-.7.7l.64.65H6.5ZM3 2h1.26c.12-.36.3-.7.5-1H3a2 2 0 0 0-2 2v4c0 1.1.9 2 2 2v1.5a.5.5 0 0 0 .78.42L6.65 9H9a2 2 0 0 0 1.98-1.75c-.46.31-.99.54-1.55.65A1 1 0 0 1 9 8H6.5a.5.5 0 0 0-.28.08L4 9.57V8.5a.5.5 0 0 0-.5-.5H3a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1Z"], { flipInRtl: true }));
|
|
6
|
+
export const CommentArrowRight12Filled = ( /*#__PURE__*/createFluentIcon('CommentArrowRight12Filled', "12", ["M12 3.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0ZM6.5 3a.5.5 0 0 0 0 1h2.8l-.65.65a.5.5 0 1 0 .7.7l1.5-1.5A.5.5 0 0 0 11 3.5a.5.5 0 0 0-.15-.35l-1.5-1.5a.5.5 0 1 0-.7.7l.64.65H6.5Zm2 5c.92 0 1.77-.28 2.48-.75A2 2 0 0 1 9 9H6.65l-2.87 1.92A.5.5 0 0 1 3 10.5V9a2 2 0 0 1-2-2V3c0-1.1.9-2 2-2h1.76A4.5 4.5 0 0 0 8.5 8Z"], { flipInRtl: true }));
|
|
7
|
+
export const CommentArrowRight16Regular = ( /*#__PURE__*/createFluentIcon('CommentArrowRight16Regular', "16", ["M15 5.5a4.5 4.5 0 1 0-9 0 4.5 4.5 0 0 0 9 0Zm-2.15.35-2 2a.5.5 0 0 1-.7-.7L11.29 6H8.5a.5.5 0 0 1 0-1h2.8l-1.15-1.15a.5.5 0 0 1 .7-.7l2 2a.5.5 0 0 1 .15.35.5.5 0 0 1-.14.35ZM3.5 3h2.1c.18-.36.4-.7.66-1H3.5A2.5 2.5 0 0 0 1 4.5v5A2.5 2.5 0 0 0 3.5 12H4v1.94c0 .84 1 1.3 1.63.74L8.69 12h3.81A2.5 2.5 0 0 0 15 9.5v-.84c-.29.41-.63.78-1.02 1.1A1.5 1.5 0 0 1 12.5 11H8.31L5 13.9V11H3.5A1.5 1.5 0 0 1 2 9.5v-5C2 3.67 2.67 3 3.5 3Z"], { flipInRtl: true }));
|
|
8
|
+
export const CommentArrowRight16Filled = ( /*#__PURE__*/createFluentIcon('CommentArrowRight16Filled', "16", ["M15 5.5a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm-2.15.35A.5.5 0 0 0 13 5.5a.5.5 0 0 0-.15-.35l-2-2a.5.5 0 0 0-.7.7L11.29 5H8.5a.5.5 0 0 0 0 1h2.8l-1.15 1.15a.5.5 0 0 0 .7.7l2-2ZM10.5 11A5.5 5.5 0 0 0 15 8.66v.84a2.5 2.5 0 0 1-2.5 2.5H8.69l-3.06 2.68A.98.98 0 0 1 4 13.94V12h-.5A2.5 2.5 0 0 1 1 9.5v-5A2.5 2.5 0 0 1 3.5 2h2.76a5.5 5.5 0 0 0 4.24 9Z"], { flipInRtl: true }));
|
|
9
|
+
export const CommentArrowRight20Regular = ( /*#__PURE__*/createFluentIcon('CommentArrowRight20Regular', "20", ["M14.5 1a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9Zm2.35 4.85A.5.5 0 0 0 17 5.5a.5.5 0 0 0-.15-.35l-2-2a.5.5 0 0 0-.7.7L15.29 5H12.5a.5.5 0 0 0 0 1h2.8l-1.15 1.15a.5.5 0 0 0 .7.7l2-2Zm.15 6.43V10.4c.36-.18.7-.4 1-.66v2.54a2.58 2.58 0 0 1-2.6 2.56h-4.59L6.8 17.8a1 1 0 0 1-1.4-.2.98.98 0 0 1-.2-.59v-2.17h-.6A2.58 2.58 0 0 1 2 12.28V5.57A2.58 2.58 0 0 1 4.6 3h5c-.16.32-.3.65-.4 1H4.6C3.7 4 3 4.71 3 5.57v6.7c0 .86.7 1.57 1.6 1.57h1.6V17l4.28-3.16h4.92c.9 0 1.6-.71 1.6-1.56Z"], { flipInRtl: true }));
|
|
10
|
+
export const CommentArrowRight20Filled = ( /*#__PURE__*/createFluentIcon('CommentArrowRight20Filled', "20", ["M14.5 1a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9Zm2.35 4.85A.5.5 0 0 0 17 5.5a.5.5 0 0 0-.15-.35l-2-2a.5.5 0 0 0-.7.7L15.29 5H12.5a.5.5 0 0 0 0 1h2.8l-1.15 1.15a.5.5 0 0 0 .7.7l2-2ZM14.5 11c1.33 0 2.55-.47 3.5-1.26v2.54a2.58 2.58 0 0 1-2.6 2.56h-4.59L6.8 17.8a1 1 0 0 1-1.4-.2.98.98 0 0 1-.2-.59v-2.17h-.6A2.58 2.58 0 0 1 2 12.28V5.57A2.58 2.58 0 0 1 4.6 3h5a5.5 5.5 0 0 0 4.9 8Z"], { flipInRtl: true }));
|
|
11
|
+
export const CommentArrowRight24Regular = ( /*#__PURE__*/createFluentIcon('CommentArrowRight24Regular', "24", ["M17.5 1a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11Zm-3 5a.5.5 0 0 0 0 1h4.8l-1.65 1.65a.5.5 0 0 0 .7.7l2.5-2.5a.5.5 0 0 0 0-.7l-2.5-2.5a.5.5 0 0 0-.7.7L19.29 6H14.5Zm6 8.75v-2.48a6.52 6.52 0 0 0 1.5-1.08v3.56c0 1.8-1.46 3.25-3.25 3.25h-5.74L8 21.75a1.25 1.25 0 0 1-2-1V18h-.75A3.25 3.25 0 0 1 2 14.75v-8.5C2 4.45 3.46 3 5.25 3h6.77c-.3.46-.53.97-.7 1.5H5.24c-.97 0-1.75.78-1.75 1.75v8.5c0 .97.78 1.75 1.75 1.75H7.5v3.75l5.01-3.75h6.24c.97 0 1.75-.78 1.75-1.75Z"], { flipInRtl: true }));
|
|
12
|
+
export const CommentArrowRight24Filled = ( /*#__PURE__*/createFluentIcon('CommentArrowRight24Filled', "24", ["M17.5 1a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11Zm-3 5a.5.5 0 0 0 0 1h4.8l-1.65 1.65a.5.5 0 0 0 .7.7l2.5-2.5a.5.5 0 0 0 0-.7l-2.5-2.5a.5.5 0 0 0-.7.7L19.29 6H14.5Zm3 7c1.75 0 3.33-.69 4.5-1.81v3.56c0 1.8-1.46 3.25-3.25 3.25H13l-5 3.75c-.82.62-2 .03-2-1V18h-.75A3.25 3.25 0 0 1 2 14.75v-8.5C2 4.45 3.46 3 5.25 3h6.77a6.5 6.5 0 0 0 5.48 10Z"], { flipInRtl: true }));
|
|
13
|
+
export const CommentArrowRight28Regular = ( /*#__PURE__*/createFluentIcon('CommentArrowRight28Regular', "28", ["M27 7.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0ZM16.5 7a.5.5 0 0 0 0 1h6.8l-2.15 2.15a.5.5 0 0 0 .7.7l3-3A.5.5 0 0 0 25 7.5a.5.5 0 0 0-.15-.35l-3-3a.5.5 0 0 0-.7.7L23.29 7H16.5Zm8 10.25v-3.4A7.54 7.54 0 0 0 26 12.6v4.65A3.75 3.75 0 0 1 22.25 21h-5.94l-6.54 4.71C8.62 26.55 7 25.72 7 24.3V21H5.75A3.75 3.75 0 0 1 2 17.25V6.75A3.75 3.75 0 0 1 5.75 3h8.75c-.35.46-.64.96-.88 1.5H5.75c-1.24 0-2.25 1-2.25 2.25v10.5c0 1.24 1 2.25 2.25 2.25H8.5v4.8c0 .2.23.32.4.2l6.92-5h6.43c1.24 0 2.25-1 2.25-2.25Z"], { flipInRtl: true }));
|
|
14
|
+
export const CommentArrowRight28Filled = ( /*#__PURE__*/createFluentIcon('CommentArrowRight28Filled', "28", ["M27 7.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0ZM16.5 7a.5.5 0 0 0 0 1h6.8l-2.15 2.15a.5.5 0 0 0 .7.7l3-3A.5.5 0 0 0 25 7.5a.5.5 0 0 0-.15-.35l-3-3a.5.5 0 0 0-.7.7L23.29 7H16.5Zm4 8c2.17 0 4.13-.92 5.5-2.4v4.65A3.75 3.75 0 0 1 22.25 21h-5.94l-6.54 4.71C8.62 26.55 7 25.72 7 24.3V21H5.75A3.75 3.75 0 0 1 2 17.25V6.75A3.75 3.75 0 0 1 5.75 3h8.75a7.5 7.5 0 0 0 6 12Z"], { flipInRtl: true }));
|
|
15
|
+
export const CommentArrowRight48Regular = ( /*#__PURE__*/createFluentIcon('CommentArrowRight48Regular', "48", ["M46 13a11 11 0 1 1-22 0 11 11 0 0 1 22 0Zm-9.7-5.7a1 1 0 0 0 0 1.4l3.29 3.3H28a1 1 0 1 0 0 2h11.59l-3.3 3.3a1 1 0 0 0 1.42 1.4l5-5a1 1 0 0 0 0-1.4l-5-5a1 1 0 0 0-1.42 0Zm5.2 21.45v-4.49c.9-.52 1.75-1.16 2.5-1.88v6.37c0 4-3.25 7.25-7.25 7.25H26.4l-10.85 7.66A2.25 2.25 0 0 1 12 41.82V36h-.75C7.25 36 4 32.75 4 28.75v-15.5C4 9.25 7.25 6 11.25 6h12.8c-.5.78-.92 1.62-1.25 2.5H11.25a4.75 4.75 0 0 0-4.75 4.75v15.5a4.75 4.75 0 0 0 4.75 4.75h3.25v7.84l11.1-7.84h11.15a4.75 4.75 0 0 0 4.75-4.75Z"], { flipInRtl: true }));
|
|
16
|
+
export const CommentArrowRight48Filled = ( /*#__PURE__*/createFluentIcon('CommentArrowRight48Filled', "48", ["M46 13a11 11 0 1 1-22 0 11 11 0 0 1 22 0Zm-9.7-5.7a1 1 0 0 0 0 1.4l3.29 3.3H28a1 1 0 1 0 0 2h11.59l-3.3 3.3a1 1 0 0 0 1.42 1.4l5-5a1 1 0 0 0 0-1.4l-5-5a1 1 0 0 0-1.42 0ZM35 26c3.5 0 6.66-1.38 9-3.62v6.37c0 4-3.25 7.25-7.25 7.25H26.4l-10.85 7.66A2.25 2.25 0 0 1 12 41.82V36h-.75C7.25 36 4 32.75 4 28.75v-15.5C4 9.25 7.25 6 11.25 6h12.8A13 13 0 0 0 35 26Z"], { flipInRtl: true }));
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { createFluentIcon } from '../../utils/createFluentIcon';
|
|
3
|
-
export const TextGrammarArrowRightFilled = ( /*#__PURE__*/createFluentIcon('TextGrammarArrowRightFilled', "1em", ["
|
|
4
|
-
export const TextGrammarArrowRightRegular = ( /*#__PURE__*/createFluentIcon('TextGrammarArrowRightRegular', "1em", ["
|
|
5
|
-
export const TextGrammarArrowRight20Regular = ( /*#__PURE__*/createFluentIcon('TextGrammarArrowRight20Regular', "20", ["
|
|
6
|
-
export const TextGrammarArrowRight20Filled = ( /*#__PURE__*/createFluentIcon('TextGrammarArrowRight20Filled', "20", ["
|
|
7
|
-
export const TextGrammarArrowRight24Regular = ( /*#__PURE__*/createFluentIcon('TextGrammarArrowRight24Regular', "24", ["
|
|
8
|
-
export const TextGrammarArrowRight24Filled = ( /*#__PURE__*/createFluentIcon('TextGrammarArrowRight24Filled', "24", ["
|
|
3
|
+
export const TextGrammarArrowRightFilled = ( /*#__PURE__*/createFluentIcon('TextGrammarArrowRightFilled', "1em", ["M14.5 10a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9Zm2.35 4.85a.5.5 0 0 0 .15-.35.5.5 0 0 0-.15-.35l-2-2a.5.5 0 0 0-.7.7L15.29 14H12.5a.5.5 0 0 0 0 1h2.8l-1.15 1.15a.5.5 0 0 0 .7.7l2-2ZM18 5.75a.75.75 0 0 0-.75-.75H2.75a.75.75 0 1 0 0 1.5h14.5c.41 0 .75-.34.75-.75Zm0 3a.75.75 0 0 0-.75-.75H2.75a.75.75 0 1 0 0 1.5h9.46a5.48 5.48 0 0 1 4.58 0h.46c.41 0 .75-.34.75-.75ZM9.1 15.5H2.74a.75.75 0 0 1 0-1.5h6.27a5.57 5.57 0 0 0 .07 1.5Zm.27-3H2.75a.75.75 0 0 1 0-1.5h7.5a5.5 5.5 0 0 0-.88 1.5Z"]));
|
|
4
|
+
export const TextGrammarArrowRightRegular = ( /*#__PURE__*/createFluentIcon('TextGrammarArrowRightRegular', "1em", ["M17.5 5a.5.5 0 0 1 0 1h-15a.5.5 0 0 1 0-1h15Zm0 3a.5.5 0 0 1 0 1h-15a.5.5 0 0 1 0-1h15Zm-7.24 3c-.26.3-.48.64-.66 1H2.5a.5.5 0 0 1 0-1h7.76ZM9 14.5c0 .17 0 .34.02.5H2.5a.5.5 0 0 1 0-1h6.52l-.02.5Zm10 0a4.5 4.5 0 1 0-9 0 4.5 4.5 0 0 0 9 0Zm-4.15 2.35a.5.5 0 0 1-.7-.7L15.29 15H12.5a.5.5 0 0 1 0-1h2.8l-1.15-1.15a.5.5 0 0 1 .7-.7l2 2a.5.5 0 0 1 .15.35.5.5 0 0 1-.14.35l-2 2Z"]));
|
|
5
|
+
export const TextGrammarArrowRight20Regular = ( /*#__PURE__*/createFluentIcon('TextGrammarArrowRight20Regular', "20", ["M17.5 5a.5.5 0 0 1 0 1h-15a.5.5 0 0 1 0-1h15Zm0 3a.5.5 0 0 1 0 1h-15a.5.5 0 0 1 0-1h15Zm-7.24 3c-.26.3-.48.64-.66 1H2.5a.5.5 0 0 1 0-1h7.76ZM9 14.5c0 .17 0 .34.02.5H2.5a.5.5 0 0 1 0-1h6.52l-.02.5Zm10 0a4.5 4.5 0 1 0-9 0 4.5 4.5 0 0 0 9 0Zm-4.15 2.35a.5.5 0 0 1-.7-.7L15.29 15H12.5a.5.5 0 0 1 0-1h2.8l-1.15-1.15a.5.5 0 0 1 .7-.7l2 2a.5.5 0 0 1 .15.35.5.5 0 0 1-.14.35l-2 2Z"]));
|
|
6
|
+
export const TextGrammarArrowRight20Filled = ( /*#__PURE__*/createFluentIcon('TextGrammarArrowRight20Filled', "20", ["M14.5 10a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9Zm2.35 4.85a.5.5 0 0 0 .15-.35.5.5 0 0 0-.15-.35l-2-2a.5.5 0 0 0-.7.7L15.29 14H12.5a.5.5 0 0 0 0 1h2.8l-1.15 1.15a.5.5 0 0 0 .7.7l2-2ZM18 5.75a.75.75 0 0 0-.75-.75H2.75a.75.75 0 1 0 0 1.5h14.5c.41 0 .75-.34.75-.75Zm0 3a.75.75 0 0 0-.75-.75H2.75a.75.75 0 1 0 0 1.5h9.46a5.48 5.48 0 0 1 4.58 0h.46c.41 0 .75-.34.75-.75ZM9.1 15.5H2.74a.75.75 0 0 1 0-1.5h6.27a5.57 5.57 0 0 0 .07 1.5Zm.27-3H2.75a.75.75 0 0 1 0-1.5h7.5a5.5 5.5 0 0 0-.88 1.5Z"]));
|
|
7
|
+
export const TextGrammarArrowRight24Regular = ( /*#__PURE__*/createFluentIcon('TextGrammarArrowRight24Regular', "24", ["M2.75 5h18.5a.75.75 0 0 1 .1 1.5H2.75a.75.75 0 0 1-.1-1.5h.1Zm18.5 4H2.65a.75.75 0 0 0 .1 1.5h18.6a.75.75 0 0 0-.1-1.5Zm-18.5 5.5h8.98c.29-.55.65-1.06 1.08-1.5H2.65a.75.75 0 0 0 .1 1.5Zm0 2.5h8.27a6.62 6.62 0 0 0 .06 1.5H2.75a.75.75 0 0 1-.1-1.5h.1Zm9.25.5a5.5 5.5 0 1 0 11 0 5.5 5.5 0 0 0-11 0Zm6.35 2.85-.07.06a.5.5 0 0 1-.64-.06l-.05-.07a.5.5 0 0 1 .05-.63L19.3 18H14.4a.5.5 0 0 1-.41-.5v-.09a.5.5 0 0 1 .5-.41h4.79l-1.65-1.65-.05-.07a.5.5 0 0 1 .76-.63l2.52 2.51.05.07.03.06.03.08.01.09v.1l-.02.1-.02.05-.04.08-.04.05-2.52 2.51Z"]));
|
|
8
|
+
export const TextGrammarArrowRight24Filled = ( /*#__PURE__*/createFluentIcon('TextGrammarArrowRight24Filled', "24", ["M3 5h18a1 1 0 0 1 .12 2H3a1 1 0 0 1-.12-2H3Zm0 6a1 1 0 0 1-.12-2H21a1 1 0 0 1 .12 2H3Zm0 4h8.5a6.5 6.5 0 0 1 1.31-2H2.88A1 1 0 0 0 3 15Zm0 2h8.02a6.62 6.62 0 0 0 .15 2H3a1 1 0 0 1-.12-2H3Zm9 .5a5.5 5.5 0 1 0 11 0 5.5 5.5 0 0 0-11 0Zm6.35 2.85-.07.06a.5.5 0 0 1-.64-.06l-.05-.07a.5.5 0 0 1 .05-.63L19.3 18H14.4a.5.5 0 0 1-.41-.5v-.09a.5.5 0 0 1 .5-.41h4.79l-1.65-1.65-.05-.07a.5.5 0 0 1 .76-.63l2.52 2.51.05.07.03.06.03.08.01.09v.1l-.02.1-.02.05-.04.08-.04.05-2.52 2.51Z"]));
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { createFluentIcon } from '../../utils/createFluentIcon';
|
|
3
|
-
export const TextParagraphFilled = ( /*#__PURE__*/createFluentIcon('TextParagraphFilled', "1em", ["
|
|
4
|
-
export const TextParagraphRegular = ( /*#__PURE__*/createFluentIcon('TextParagraphRegular', "1em", ["
|
|
5
|
-
export const TextParagraph16Regular = ( /*#__PURE__*/createFluentIcon('TextParagraph16Regular', "16", ["
|
|
6
|
-
export const TextParagraph16Filled = ( /*#__PURE__*/createFluentIcon('TextParagraph16Filled', "16", ["
|
|
7
|
-
export const TextParagraph20Regular = ( /*#__PURE__*/createFluentIcon('TextParagraph20Regular', "20", ["
|
|
8
|
-
export const TextParagraph20Filled = ( /*#__PURE__*/createFluentIcon('TextParagraph20Filled', "20", ["
|
|
9
|
-
export const TextParagraph24Regular = ( /*#__PURE__*/createFluentIcon('TextParagraph24Regular', "24", ["
|
|
10
|
-
export const TextParagraph24Filled = ( /*#__PURE__*/createFluentIcon('TextParagraph24Filled', "24", ["
|
|
3
|
+
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"]));
|
|
4
|
+
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"]));
|
|
5
|
+
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"]));
|
|
6
|
+
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"]));
|
|
7
|
+
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"]));
|
|
8
|
+
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"]));
|
|
9
|
+
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"]));
|
|
10
|
+
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"]));
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { FluentIcon } from './shared';
|
|
2
|
+
/**
|
|
3
|
+
* Base bundleIcon — combines Filled and Regular icon variants.
|
|
4
|
+
*
|
|
5
|
+
* Renders both icons; the inactive variant gets `data-fui-icon-hidden`.
|
|
6
|
+
* The shipped base.css handles visibility via `[data-fui-icon-hidden] { display: none }`.
|
|
7
|
+
*/
|
|
8
|
+
export declare const bundleIcon: (FilledIcon: FluentIcon, RegularIcon: FluentIcon) => FluentIcon;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { cx, iconFilledClassName, iconRegularClassName, DATA_FUI_ICON_HIDDEN } from './shared';
|
|
3
|
+
/**
|
|
4
|
+
* Base bundleIcon — combines Filled and Regular icon variants.
|
|
5
|
+
*
|
|
6
|
+
* Renders both icons; the inactive variant gets `data-fui-icon-hidden`.
|
|
7
|
+
* The shipped base.css handles visibility via `[data-fui-icon-hidden] { display: none }`.
|
|
8
|
+
*/
|
|
9
|
+
export const bundleIcon = (FilledIcon, RegularIcon) => {
|
|
10
|
+
const Component = (props) => {
|
|
11
|
+
const { className, filled, ...rest } = props;
|
|
12
|
+
return (React.createElement(React.Fragment, null,
|
|
13
|
+
React.createElement(FilledIcon, Object.assign({}, rest, { className: cx(iconFilledClassName, className) }, (!filled ? { [DATA_FUI_ICON_HIDDEN]: '' } : undefined))),
|
|
14
|
+
React.createElement(RegularIcon, Object.assign({}, rest, { className: cx(iconRegularClassName, className) }, (filled ? { [DATA_FUI_ICON_HIDDEN]: '' } : undefined)))));
|
|
15
|
+
};
|
|
16
|
+
Component.displayName = 'CompoundIcon';
|
|
17
|
+
return Component;
|
|
18
|
+
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import type { FluentIconsProps } from './shared';
|
|
3
|
+
export declare type FluentIcon = React.FC<FluentIconsProps>;
|
|
4
|
+
export declare type CreateFluentIconOptions = {
|
|
5
|
+
flipInRtl?: boolean;
|
|
6
|
+
color?: boolean;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Base createFluentIcon — SVG icon factory without Styles.
|
|
10
|
+
*
|
|
11
|
+
* Returns a React component that renders an SVG icon with:
|
|
12
|
+
* - data-fui-icon attribute for CSS targeting
|
|
13
|
+
* - a11y attributes (aria-hidden, aria-label, role)
|
|
14
|
+
* - RTL flip via data-fui-icon-rtl attribute
|
|
15
|
+
* - HCM forced-color-adjust via CSS attribute selector
|
|
16
|
+
*
|
|
17
|
+
* @access private
|
|
18
|
+
* @alpha
|
|
19
|
+
*/
|
|
20
|
+
export declare const createFluentIcon: (displayName: string, width: string, pathsOrSvg: string[] | string, options?: CreateFluentIconOptions | undefined) => FluentIcon;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { iconClassName, cx } from './shared';
|
|
3
|
+
import { useIconState } from './useIconState';
|
|
4
|
+
/**
|
|
5
|
+
* Base createFluentIcon — SVG icon factory without Styles.
|
|
6
|
+
*
|
|
7
|
+
* Returns a React component that renders an SVG icon with:
|
|
8
|
+
* - data-fui-icon attribute for CSS targeting
|
|
9
|
+
* - a11y attributes (aria-hidden, aria-label, role)
|
|
10
|
+
* - RTL flip via data-fui-icon-rtl attribute
|
|
11
|
+
* - HCM forced-color-adjust via CSS attribute selector
|
|
12
|
+
*
|
|
13
|
+
* @access private
|
|
14
|
+
* @alpha
|
|
15
|
+
*/
|
|
16
|
+
export const createFluentIcon = (displayName, width, pathsOrSvg, options) => {
|
|
17
|
+
const viewBoxWidth = width === '1em' ? '20' : width;
|
|
18
|
+
const Icon = React.forwardRef((props, ref) => {
|
|
19
|
+
const iconState = useIconState(props, { flipInRtl: options === null || options === void 0 ? void 0 : options.flipInRtl });
|
|
20
|
+
const state = {
|
|
21
|
+
...iconState,
|
|
22
|
+
className: cx(iconClassName, iconState.className),
|
|
23
|
+
ref,
|
|
24
|
+
width,
|
|
25
|
+
height: width,
|
|
26
|
+
viewBox: `0 0 ${viewBoxWidth} ${viewBoxWidth}`,
|
|
27
|
+
xmlns: 'http://www.w3.org/2000/svg',
|
|
28
|
+
};
|
|
29
|
+
if (typeof pathsOrSvg === 'string') {
|
|
30
|
+
return React.createElement('svg', { ...state, dangerouslySetInnerHTML: { __html: pathsOrSvg } });
|
|
31
|
+
}
|
|
32
|
+
else {
|
|
33
|
+
return React.createElement('svg', state, ...pathsOrSvg.map((d) => React.createElement('path', { d, fill: state.fill })));
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
Icon.displayName = displayName;
|
|
37
|
+
return Icon;
|
|
38
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { FluentIcon, CreateFluentIconOptions } from './createFluentIcon';
|
|
2
|
+
export type { FluentIcon, CreateFluentIconOptions } from './createFluentIcon';
|
|
3
|
+
/**
|
|
4
|
+
* Base createFluentIcon for sprite-based icons.
|
|
5
|
+
*
|
|
6
|
+
* @access private
|
|
7
|
+
* @alpha
|
|
8
|
+
*/
|
|
9
|
+
export declare const createFluentIcon: (iconId: string, size: string, spritePath?: string | undefined, options?: CreateFluentIconOptions | undefined) => FluentIcon;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { cx, iconClassName } from './shared';
|
|
3
|
+
import { useIconState } from './useIconState';
|
|
4
|
+
/**
|
|
5
|
+
* Base createFluentIcon for sprite-based icons.
|
|
6
|
+
*
|
|
7
|
+
* @access private
|
|
8
|
+
* @alpha
|
|
9
|
+
*/
|
|
10
|
+
export const createFluentIcon = (iconId, size, spritePath, options) => {
|
|
11
|
+
const viewBoxWidth = size === '1em' ? '20' : size;
|
|
12
|
+
const Icon = React.forwardRef((props, ref) => {
|
|
13
|
+
const iconState = useIconState(props, { flipInRtl: options === null || options === void 0 ? void 0 : options.flipInRtl });
|
|
14
|
+
const state = {
|
|
15
|
+
...iconState,
|
|
16
|
+
className: cx(iconClassName, iconState.className),
|
|
17
|
+
ref,
|
|
18
|
+
width: size,
|
|
19
|
+
height: size,
|
|
20
|
+
viewBox: `0 0 ${viewBoxWidth} ${viewBoxWidth}`,
|
|
21
|
+
xmlns: 'http://www.w3.org/2000/svg',
|
|
22
|
+
};
|
|
23
|
+
const href = spritePath ? `${spritePath}#${iconId}` : `#${iconId}`;
|
|
24
|
+
return React.createElement('svg', state, React.createElement('use', { href }));
|
|
25
|
+
});
|
|
26
|
+
Icon.displayName = iconId;
|
|
27
|
+
return Icon;
|
|
28
|
+
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import type { FluentIconsProps } from '../shared';
|
|
3
|
+
import { FontFile } from '../../utils/fonts/createFluentFontIcon.shared';
|
|
4
|
+
export declare type CreateFluentFontIconOptions = {
|
|
5
|
+
flipInRtl?: boolean;
|
|
6
|
+
};
|
|
7
|
+
export declare type FluentFontIcon = React.FC<FluentIconsProps<React.HTMLAttributes<HTMLElement>, HTMLElement>> & {
|
|
8
|
+
codepoint: string;
|
|
9
|
+
};
|
|
10
|
+
/**
|
|
11
|
+
* Headless createFluentFontIcon — font icon factory without Griffel.
|
|
12
|
+
*
|
|
13
|
+
* Sets data attributes for CSS targeting:
|
|
14
|
+
* - data-fui-icon="font" for base font icon styles
|
|
15
|
+
* - data-fui-icon-font="filled|regular|..." for font-family selection
|
|
16
|
+
*
|
|
17
|
+
* @access private
|
|
18
|
+
* @alpha
|
|
19
|
+
*/
|
|
20
|
+
export declare function createFluentFontIcon(displayName: string, codepoint: string, font: FontFile, fontSize?: number, options?: CreateFluentFontIconOptions): FluentFontIcon;
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { fontIconClassName, DATA_FUI_ICON, DATA_FUI_ICON_FONT, cx } from '../shared';
|
|
3
|
+
import { useIconState } from '../useIconState';
|
|
4
|
+
const FONT_VARIANT_MAP = {
|
|
5
|
+
[0 /* Filled */]: 'filled',
|
|
6
|
+
[1 /* Regular */]: 'regular',
|
|
7
|
+
[2 /* Resizable */]: 'resizable',
|
|
8
|
+
[3 /* Light */]: 'light',
|
|
9
|
+
};
|
|
10
|
+
/**
|
|
11
|
+
* Headless createFluentFontIcon — font icon factory without Griffel.
|
|
12
|
+
*
|
|
13
|
+
* Sets data attributes for CSS targeting:
|
|
14
|
+
* - data-fui-icon="font" for base font icon styles
|
|
15
|
+
* - data-fui-icon-font="filled|regular|..." for font-family selection
|
|
16
|
+
*
|
|
17
|
+
* @access private
|
|
18
|
+
* @alpha
|
|
19
|
+
*/
|
|
20
|
+
export function createFluentFontIcon(displayName, codepoint, font, fontSize, options) {
|
|
21
|
+
const Component = (props) => {
|
|
22
|
+
const className = cx(fontIconClassName, props.className);
|
|
23
|
+
const state = useIconState({ ...props, className }, { flipInRtl: options === null || options === void 0 ? void 0 : options.flipInRtl });
|
|
24
|
+
// Override the default data-fui-icon to "font" for font-specific styles
|
|
25
|
+
state[DATA_FUI_ICON] = 'font';
|
|
26
|
+
state[DATA_FUI_ICON_FONT] = FONT_VARIANT_MAP[font];
|
|
27
|
+
// Map primaryFill to color for font icons
|
|
28
|
+
if (props.primaryFill && props.primaryFill.toLowerCase() !== 'currentcolor') {
|
|
29
|
+
state.style = {
|
|
30
|
+
...state.style,
|
|
31
|
+
color: props.primaryFill,
|
|
32
|
+
};
|
|
33
|
+
}
|
|
34
|
+
if (fontSize) {
|
|
35
|
+
state.style = {
|
|
36
|
+
...state.style,
|
|
37
|
+
fontSize,
|
|
38
|
+
};
|
|
39
|
+
}
|
|
40
|
+
return React.createElement("i", Object.assign({}, state), codepoint);
|
|
41
|
+
};
|
|
42
|
+
Component.displayName = displayName;
|
|
43
|
+
Component.codepoint = codepoint;
|
|
44
|
+
return Component;
|
|
45
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export type { FluentIconsProps, FluentIcon, CreateFluentIconOptions } from './shared';
|
|
2
|
+
export { iconClassName, iconFilledClassName, iconRegularClassName, iconLightClassName, iconColorClassName, fontIconClassName, DATA_FUI_ICON, DATA_FUI_ICON_RTL, DATA_FUI_ICON_HIDDEN, DATA_FUI_ICON_FONT, cx, } from './shared';
|
|
3
|
+
export { IconDirectionContextProvider, useIconContext } from '../contexts/index';
|
|
4
|
+
export type { IconDirectionContextValue } from '../contexts/index';
|
|
5
|
+
export { useIconState } from './useIconState';
|
|
6
|
+
export type { UseIconStateOptions } from './useIconState';
|
|
7
|
+
export { createFluentIcon } from './createFluentIcon';
|
|
8
|
+
export { bundleIcon } from './bundleIcon';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
// Base Fluent Icons API
|
|
2
|
+
// Import the shipped CSS file (base.css) for default styling via data-attribute selectors.
|
|
3
|
+
export { iconClassName, iconFilledClassName, iconRegularClassName, iconLightClassName, iconColorClassName, fontIconClassName, DATA_FUI_ICON, DATA_FUI_ICON_RTL, DATA_FUI_ICON_HIDDEN, DATA_FUI_ICON_FONT, cx, } from './shared';
|
|
4
|
+
// Context
|
|
5
|
+
export { IconDirectionContextProvider, useIconContext } from '../contexts/index';
|
|
6
|
+
// Core hook
|
|
7
|
+
export { useIconState } from './useIconState';
|
|
8
|
+
// SVG icon factories
|
|
9
|
+
export { createFluentIcon } from './createFluentIcon';
|
|
10
|
+
export { bundleIcon } from './bundleIcon';
|
|
11
|
+
// TODO: to maintain API compat for build transform we will probably need to export this as well
|
|
12
|
+
// export { wrapIcon } from './wrapIcon';
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/** Base data attribute applied to all icons (SVG and font). */
|
|
2
|
+
export declare const DATA_FUI_ICON = "data-fui-icon";
|
|
3
|
+
/** Data attribute applied to icons that should flip in RTL text direction. */
|
|
4
|
+
export declare const DATA_FUI_ICON_RTL = "data-fui-icon-rtl";
|
|
5
|
+
/** Data attribute applied to the inactive variant in a bundled icon pair. */
|
|
6
|
+
export declare const DATA_FUI_ICON_HIDDEN = "data-fui-icon-hidden";
|
|
7
|
+
/** Data attribute for font icon font-family variant selection (filled|regular|resizable|light). */
|
|
8
|
+
export declare const DATA_FUI_ICON_FONT = "data-fui-icon-font";
|
|
9
|
+
export { iconClassName, iconFilledClassName, iconRegularClassName, iconLightClassName, iconColorClassName, fontIconClassName, } from '../utils/constants';
|
|
10
|
+
export type { FluentIconsProps } from '../utils/FluentIconsProps.types';
|
|
11
|
+
export type { FluentIcon, CreateFluentIconOptions } from './createFluentIcon';
|
|
12
|
+
/**
|
|
13
|
+
* Joins class name strings, filtering out falsy values.
|
|
14
|
+
*/
|
|
15
|
+
export declare function cx(...classes: (string | false | undefined | null)[]): string | undefined;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
// Data attribute names used by base icons for CSS targeting.
|
|
2
|
+
// The shipped base.css file uses these attribute selectors for styling.
|
|
3
|
+
/** Base data attribute applied to all icons (SVG and font). */
|
|
4
|
+
export const DATA_FUI_ICON = 'data-fui-icon';
|
|
5
|
+
/** Data attribute applied to icons that should flip in RTL text direction. */
|
|
6
|
+
export const DATA_FUI_ICON_RTL = 'data-fui-icon-rtl';
|
|
7
|
+
/** Data attribute applied to the inactive variant in a bundled icon pair. */
|
|
8
|
+
export const DATA_FUI_ICON_HIDDEN = 'data-fui-icon-hidden';
|
|
9
|
+
/** Data attribute for font icon font-family variant selection (filled|regular|resizable|light). */
|
|
10
|
+
export const DATA_FUI_ICON_FONT = 'data-fui-icon-font';
|
|
11
|
+
// Re-export existing constants (CSS class names for consumer targeting)
|
|
12
|
+
export { iconClassName, iconFilledClassName, iconRegularClassName, iconLightClassName, iconColorClassName, fontIconClassName, } from '../utils/constants';
|
|
13
|
+
/**
|
|
14
|
+
* Joins class name strings, filtering out falsy values.
|
|
15
|
+
*/
|
|
16
|
+
export function cx(...classes) {
|
|
17
|
+
const result = classes.filter(Boolean).join(' ');
|
|
18
|
+
return result || undefined;
|
|
19
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import type { FluentIconsProps } from './shared';
|
|
3
|
+
export declare type UseIconStateOptions = {
|
|
4
|
+
flipInRtl?: boolean;
|
|
5
|
+
};
|
|
6
|
+
/**
|
|
7
|
+
* Base version of useIconState
|
|
8
|
+
*
|
|
9
|
+
* Handles:
|
|
10
|
+
* - a11y: aria-hidden, aria-label, role="img"
|
|
11
|
+
* - RTL: sets data-fui-icon-rtl attribute when flipInRtl + RTL context
|
|
12
|
+
* - Base: sets data-fui-icon attribute for CSS targeting
|
|
13
|
+
* - Fill: maps primaryFill to fill prop
|
|
14
|
+
*/
|
|
15
|
+
export declare const useIconState: <TBaseAttributes extends React.HTMLAttributes<HTMLElement> | React.SVGAttributes<SVGElement> = 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">>;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { useIconContext } from '../contexts';
|
|
2
|
+
import { DATA_FUI_ICON, DATA_FUI_ICON_RTL } from './shared';
|
|
3
|
+
/**
|
|
4
|
+
* Base version of useIconState
|
|
5
|
+
*
|
|
6
|
+
* Handles:
|
|
7
|
+
* - a11y: aria-hidden, aria-label, role="img"
|
|
8
|
+
* - RTL: sets data-fui-icon-rtl attribute when flipInRtl + RTL context
|
|
9
|
+
* - Base: sets data-fui-icon attribute for CSS targeting
|
|
10
|
+
* - Fill: maps primaryFill to fill prop
|
|
11
|
+
*/
|
|
12
|
+
export const useIconState = (props, options) => {
|
|
13
|
+
const {
|
|
14
|
+
// remove unwanted props to be set on the svg/html element
|
|
15
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
16
|
+
filled, title, primaryFill = 'currentColor', ...rest } = props;
|
|
17
|
+
const state = {
|
|
18
|
+
...rest,
|
|
19
|
+
fill: primaryFill,
|
|
20
|
+
};
|
|
21
|
+
const iconContext = useIconContext();
|
|
22
|
+
const isRtlFlip = (options === null || options === void 0 ? void 0 : options.flipInRtl) && (iconContext === null || iconContext === void 0 ? void 0 : iconContext.textDirection) === 'rtl';
|
|
23
|
+
// Data attributes for CSS targeting
|
|
24
|
+
state[DATA_FUI_ICON] = '';
|
|
25
|
+
if (isRtlFlip) {
|
|
26
|
+
state[DATA_FUI_ICON_RTL] = '';
|
|
27
|
+
}
|
|
28
|
+
if (title) {
|
|
29
|
+
state['aria-label'] = title;
|
|
30
|
+
}
|
|
31
|
+
if (!state['aria-label'] && !state['aria-labelledby']) {
|
|
32
|
+
state['aria-hidden'] = true;
|
|
33
|
+
}
|
|
34
|
+
else {
|
|
35
|
+
state['role'] = 'img';
|
|
36
|
+
}
|
|
37
|
+
return state;
|
|
38
|
+
};
|
package/lib/icons/chunk-0.js
CHANGED
|
@@ -194,8 +194,8 @@ export const CommentAddFilled = ( /*#__PURE__*/createFluentIcon('CommentAddFille
|
|
|
194
194
|
export const CommentAddRegular = ( /*#__PURE__*/createFluentIcon('CommentAddRegular', "1em", ["M19 5.5a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm-4-2a.5.5 0 0 0-1 0V5h-1.5a.5.5 0 0 0 0 1H14v1.5a.5.5 0 0 0 1 0V6h1.5a.5.5 0 0 0 0-1H15V3.5Zm2 8.78V10.4c.36-.18.7-.4 1-.66v2.54a2.58 2.58 0 0 1-2.6 2.56h-4.59L6.8 17.8a1 1 0 0 1-1.4-.2.98.98 0 0 1-.2-.59v-2.17h-.6A2.58 2.58 0 0 1 2 12.28V5.57A2.58 2.58 0 0 1 4.6 3h5c-.16.32-.3.65-.4 1H4.6C3.7 4 3 4.71 3 5.57v6.7c0 .86.7 1.57 1.6 1.57h1.6V17l4.28-3.16h4.92c.9 0 1.6-.71 1.6-1.56Z"], { flipInRtl: true }));
|
|
195
195
|
export const CommentArrowLeftFilled = ( /*#__PURE__*/createFluentIcon('CommentArrowLeftFilled', "1em", ["M19 5.5a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm-6.85-.35a.5.5 0 0 0-.15.35.5.5 0 0 0 .15.35l2 2a.5.5 0 0 0 .7-.7L13.71 6h2.79a.5.5 0 0 0 0-1h-2.8l1.15-1.15a.5.5 0 0 0-.7-.7l-2 2ZM14.5 11c1.33 0 2.55-.47 3.5-1.26v2.54a2.58 2.58 0 0 1-2.6 2.56h-4.59L6.8 17.8a1 1 0 0 1-1.4-.2.98.98 0 0 1-.2-.59v-2.17h-.6A2.58 2.58 0 0 1 2 12.28V5.57A2.58 2.58 0 0 1 4.6 3h5a5.5 5.5 0 0 0 4.9 8Z"], { flipInRtl: true }));
|
|
196
196
|
export const CommentArrowLeftRegular = ( /*#__PURE__*/createFluentIcon('CommentArrowLeftRegular', "1em", ["M19 5.5a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm-6.85-.35a.5.5 0 0 0-.15.35.5.5 0 0 0 .15.35l2 2a.5.5 0 0 0 .7-.7L13.71 6h2.79a.5.5 0 0 0 0-1h-2.8l1.15-1.15a.5.5 0 0 0-.7-.7l-2 2ZM17 12.28V10.4c.36-.18.7-.4 1-.66v2.54a2.58 2.58 0 0 1-2.6 2.56h-4.59L6.8 17.8a1 1 0 0 1-1.4-.2.98.98 0 0 1-.2-.59v-2.17h-.6A2.58 2.58 0 0 1 2 12.28V5.57A2.58 2.58 0 0 1 4.6 3h5c-.16.32-.3.65-.4 1H4.6C3.7 4 3 4.71 3 5.57v6.7c0 .86.7 1.57 1.6 1.57h1.6V17l4.28-3.16h4.92c.9 0 1.6-.71 1.6-1.56Z"], { flipInRtl: true }));
|
|
197
|
-
export const CommentArrowRightFilled = ( /*#__PURE__*/createFluentIcon('CommentArrowRightFilled', "1em", ["
|
|
198
|
-
export const CommentArrowRightRegular = ( /*#__PURE__*/createFluentIcon('CommentArrowRightRegular', "1em", ["
|
|
197
|
+
export const CommentArrowRightFilled = ( /*#__PURE__*/createFluentIcon('CommentArrowRightFilled', "1em", ["M14.5 1a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9Zm2.35 4.85A.5.5 0 0 0 17 5.5a.5.5 0 0 0-.15-.35l-2-2a.5.5 0 0 0-.7.7L15.29 5H12.5a.5.5 0 0 0 0 1h2.8l-1.15 1.15a.5.5 0 0 0 .7.7l2-2ZM14.5 11c1.33 0 2.55-.47 3.5-1.26v2.54a2.58 2.58 0 0 1-2.6 2.56h-4.59L6.8 17.8a1 1 0 0 1-1.4-.2.98.98 0 0 1-.2-.59v-2.17h-.6A2.58 2.58 0 0 1 2 12.28V5.57A2.58 2.58 0 0 1 4.6 3h5a5.5 5.5 0 0 0 4.9 8Z"], { flipInRtl: true }));
|
|
198
|
+
export const CommentArrowRightRegular = ( /*#__PURE__*/createFluentIcon('CommentArrowRightRegular', "1em", ["M14.5 1a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9Zm2.35 4.85A.5.5 0 0 0 17 5.5a.5.5 0 0 0-.15-.35l-2-2a.5.5 0 0 0-.7.7L15.29 5H12.5a.5.5 0 0 0 0 1h2.8l-1.15 1.15a.5.5 0 0 0 .7.7l2-2Zm.15 6.43V10.4c.36-.18.7-.4 1-.66v2.54a2.58 2.58 0 0 1-2.6 2.56h-4.59L6.8 17.8a1 1 0 0 1-1.4-.2.98.98 0 0 1-.2-.59v-2.17h-.6A2.58 2.58 0 0 1 2 12.28V5.57A2.58 2.58 0 0 1 4.6 3h5c-.16.32-.3.65-.4 1H4.6C3.7 4 3 4.71 3 5.57v6.7c0 .86.7 1.57 1.6 1.57h1.6V17l4.28-3.16h4.92c.9 0 1.6-.71 1.6-1.56Z"], { flipInRtl: true }));
|
|
199
199
|
export const CommentBadgeFilled = ( /*#__PURE__*/createFluentIcon('CommentBadgeFilled', "1em", ["M17 6a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm0 1a3 3 0 0 0 1-.17v5.45a2.58 2.58 0 0 1-2.6 2.56h-4.59L6.8 17.8a1 1 0 0 1-1.4-.2.98.98 0 0 1-.2-.59v-2.17h-.6A2.58 2.58 0 0 1 2 12.28V5.57A2.58 2.58 0 0 1 4.6 3h9.57A3 3 0 0 0 17 7Z"]));
|
|
200
200
|
export const CommentBadgeRegular = ( /*#__PURE__*/createFluentIcon('CommentBadgeRegular', "1em", ["M17 6a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm0 1a3 3 0 0 0 1-.17v5.45a2.58 2.58 0 0 1-2.6 2.56h-4.59L6.8 17.8a1 1 0 0 1-1.4-.2.98.98 0 0 1-.2-.59v-2.17h-.6A2.58 2.58 0 0 1 2 12.28V5.57A2.58 2.58 0 0 1 4.6 3h9.57A3 3 0 0 0 14 4H4.6C3.7 4 3 4.71 3 5.57v6.7c0 .86.7 1.57 1.6 1.57h1.6V17l4.28-3.16h4.92c.9 0 1.6-.71 1.6-1.56V7Z"]));
|
|
201
201
|
export const CommentCheckmarkFilled = ( /*#__PURE__*/createFluentIcon('CommentCheckmarkFilled', "1em", ["M19 5.5a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm-2.15-1.85a.5.5 0 0 0-.7 0L13.5 6.29l-.65-.64a.5.5 0 0 0-.7.7l1 1c.2.2.5.2.7 0l3-3a.5.5 0 0 0 0-.7ZM14.5 11c1.33 0 2.55-.47 3.5-1.26v2.54a2.58 2.58 0 0 1-2.6 2.56h-4.59L6.8 17.8a1 1 0 0 1-1.4-.2.98.98 0 0 1-.2-.59v-2.17h-.6A2.58 2.58 0 0 1 2 12.28V5.57A2.58 2.58 0 0 1 4.6 3h5a5.5 5.5 0 0 0 4.9 8Z"], { flipInRtl: true }));
|
package/lib/icons/chunk-22.js
CHANGED
|
@@ -276,8 +276,8 @@ export const TextFootnoteFilled = ( /*#__PURE__*/createFluentIcon('TextFootnoteF
|
|
|
276
276
|
export const TextFootnoteRegular = ( /*#__PURE__*/createFluentIcon('TextFootnoteRegular', "1em", ["M18 3.5a.5.5 0 0 0-1 0c0 .47-.1.84-.3 1.17-.2.33-.52.65-.99.97a.5.5 0 1 0 .58.83c.26-.19.5-.38.71-.59V9.5a.5.5 0 0 0 1 0v-6Zm-7.5 11.54a.5.5 0 0 0 .36-.14.5.5 0 0 0 .15-.38v-.66h.02a2.3 2.3 0 0 0 2.07 1.18c.8 0 1.46-.3 1.95-.89.5-.6.74-1.39.74-2.38 0-1-.25-1.79-.74-2.38-.49-.6-1.14-.9-1.93-.9a2.23 2.23 0 0 0-2.03 1.17h-.03V6.61c0-.17-.05-.3-.15-.41a.49.49 0 0 0-.38-.16.51.51 0 0 0-.38.16c-.1.1-.15.24-.15.4v7.92c0 .16.04.28.13.38.1.1.21.14.36.14Zm3.72-1.56c-.33.42-.77.63-1.33.63-.54 0-.98-.21-1.33-.64-.34-.43-.5-1-.5-1.7s.16-1.26.5-1.7c.35-.43.8-.65 1.33-.65.56 0 1 .22 1.33.64.32.42.48.99.48 1.7 0 .73-.16 1.3-.48 1.72ZM2.16 14.87c.1.09.25.13.41.13.27 0 .46-.14.56-.42l.8-2.2h3.63l.81 2.2c.1.28.29.42.56.42a.6.6 0 0 0 .4-.13c.12-.1.17-.21.17-.35a.9.9 0 0 0-.07-.3l-2.95-7.7C6.34 6.19 6.11 6 5.76 6c-.36 0-.61.18-.75.53l-2.94 7.68a.9.9 0 0 0-.07.3c0 .15.05.26.16.36Zm5.07-3.42H4.27l1.46-4.02h.04l1.46 4.02Z"]));
|
|
277
277
|
export const TextGrammarArrowLeftFilled = ( /*#__PURE__*/createFluentIcon('TextGrammarArrowLeftFilled', "1em", ["M2.75 5a.75.75 0 0 0 0 1.5h14.5a.75.75 0 0 0 0-1.5H2.75Zm0 3a.75.75 0 0 0 0 1.5h.46a5.48 5.48 0 0 1 4.58 0h9.46a.75.75 0 0 0 0-1.5H2.75Zm14.5 7.5h-6.34a5.53 5.53 0 0 0 .07-1.5h6.27a.75.75 0 0 1 0 1.5Zm0-3h-6.62a5.5 5.5 0 0 0-.89-1.5h7.51a.75.75 0 0 1 0 1.5Zm-7.25 2a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm-4.15-2.35a.5.5 0 0 0-.7.7L6.29 14H3.5a.5.5 0 0 0 0 1h2.8l-1.15 1.15a.5.5 0 0 0 .7.7l2-2A.5.5 0 0 0 8 14.5a.5.5 0 0 0-.14-.35l-2-2Z"]));
|
|
278
278
|
export const TextGrammarArrowLeftRegular = ( /*#__PURE__*/createFluentIcon('TextGrammarArrowLeftRegular', "1em", ["M2.5 5a.5.5 0 0 0 0 1h15a.5.5 0 0 0 0-1h-15Zm0 3a.5.5 0 0 0 0 1h15a.5.5 0 0 0 0-1h-15Zm7.24 3c.26.3.48.64.66 1h7.1a.5.5 0 0 0 0-1H9.74ZM11 14.5c0 .17 0 .34-.02.5h6.52a.5.5 0 0 0 0-1h-6.52l.02.5Zm-1 0a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm-4.15-2.35a.5.5 0 0 0-.7.7L6.29 14H3.5a.5.5 0 0 0 0 1h2.8l-1.15 1.15a.5.5 0 0 0 .7.7l2-2A.5.5 0 0 0 8 14.5a.5.5 0 0 0-.14-.35l-2-2Z"]));
|
|
279
|
-
export const TextGrammarArrowRightFilled = ( /*#__PURE__*/createFluentIcon('TextGrammarArrowRightFilled', "1em", ["
|
|
280
|
-
export const TextGrammarArrowRightRegular = ( /*#__PURE__*/createFluentIcon('TextGrammarArrowRightRegular', "1em", ["
|
|
279
|
+
export const TextGrammarArrowRightFilled = ( /*#__PURE__*/createFluentIcon('TextGrammarArrowRightFilled', "1em", ["M14.5 10a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9Zm2.35 4.85a.5.5 0 0 0 .15-.35.5.5 0 0 0-.15-.35l-2-2a.5.5 0 0 0-.7.7L15.29 14H12.5a.5.5 0 0 0 0 1h2.8l-1.15 1.15a.5.5 0 0 0 .7.7l2-2ZM18 5.75a.75.75 0 0 0-.75-.75H2.75a.75.75 0 1 0 0 1.5h14.5c.41 0 .75-.34.75-.75Zm0 3a.75.75 0 0 0-.75-.75H2.75a.75.75 0 1 0 0 1.5h9.46a5.48 5.48 0 0 1 4.58 0h.46c.41 0 .75-.34.75-.75ZM9.1 15.5H2.74a.75.75 0 0 1 0-1.5h6.27a5.57 5.57 0 0 0 .07 1.5Zm.27-3H2.75a.75.75 0 0 1 0-1.5h7.5a5.5 5.5 0 0 0-.88 1.5Z"]));
|
|
280
|
+
export const TextGrammarArrowRightRegular = ( /*#__PURE__*/createFluentIcon('TextGrammarArrowRightRegular', "1em", ["M17.5 5a.5.5 0 0 1 0 1h-15a.5.5 0 0 1 0-1h15Zm0 3a.5.5 0 0 1 0 1h-15a.5.5 0 0 1 0-1h15Zm-7.24 3c-.26.3-.48.64-.66 1H2.5a.5.5 0 0 1 0-1h7.76ZM9 14.5c0 .17 0 .34.02.5H2.5a.5.5 0 0 1 0-1h6.52l-.02.5Zm10 0a4.5 4.5 0 1 0-9 0 4.5 4.5 0 0 0 9 0Zm-4.15 2.35a.5.5 0 0 1-.7-.7L15.29 15H12.5a.5.5 0 0 1 0-1h2.8l-1.15-1.15a.5.5 0 0 1 .7-.7l2 2a.5.5 0 0 1 .15.35.5.5 0 0 1-.14.35l-2 2Z"]));
|
|
281
281
|
export const TextGrammarCheckmarkFilled = ( /*#__PURE__*/createFluentIcon('TextGrammarCheckmarkFilled', "1em", ["M18 5.75a.75.75 0 0 0-.75-.75H2.75a.75.75 0 0 0 0 1.5h14.5c.41 0 .75-.34.75-.75Zm0 3a.75.75 0 0 0-.75-.75H2.75a.75.75 0 0 0 0 1.5h9.46a5.48 5.48 0 0 1 4.58 0h.46c.41 0 .75-.34.75-.75ZM9.02 14a5.57 5.57 0 0 0 .07 1.5H2.75a.75.75 0 0 1 0-1.5h6.27Zm1.24-3a5.5 5.5 0 0 0-.89 1.5H2.75a.75.75 0 0 1 0-1.5h7.5ZM19 14.5a4.5 4.5 0 1 0-9 0 4.5 4.5 0 0 0 9 0Zm-2.5-2a.5.5 0 0 1 .75.66l-.06.06-3.51 3.65a.5.5 0 0 1-.67.02l-.07-.07-1.34-1.65a.5.5 0 0 1 .72-.7l.06.07 1 1.23 3.12-3.27Z"]));
|
|
282
282
|
export const TextGrammarCheckmarkRegular = ( /*#__PURE__*/createFluentIcon('TextGrammarCheckmarkRegular', "1em", ["M17.5 5a.5.5 0 0 1 0 1h-15a.5.5 0 0 1 0-1h15Zm0 3a.5.5 0 0 1 0 1h-15a.5.5 0 0 1 0-1h15ZM9 14.5c0-.17 0-.34.02-.5H2.5a.5.5 0 0 0 0 1h6.52a5.57 5.57 0 0 1-.02-.5Zm.6-2.5c.18-.36.4-.7.66-1H2.5a.5.5 0 0 0 0 1h7.1Zm4.9-2a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9Zm-1.12 5.77-1-1.23-.06-.06a.5.5 0 0 0-.72.7l1.34 1.64.07.07c.2.16.48.15.67-.02l3.5-3.65.07-.06a.5.5 0 0 0-.75-.66l-3.12 3.27Z"]));
|
|
283
283
|
export const TextGrammarDismissFilled = ( /*#__PURE__*/createFluentIcon('TextGrammarDismissFilled', "1em", ["M18 5.75a.75.75 0 0 0-.75-.75H2.75a.75.75 0 1 0 0 1.5h14.5c.41 0 .75-.34.75-.75Zm0 3a.75.75 0 0 0-.75-.75H2.75a.75.75 0 1 0 0 1.5h9.46a5.48 5.48 0 0 1 4.58 0h.46c.41 0 .75-.34.75-.75ZM9.1 15.5H2.74a.75.75 0 0 1 0-1.5h6.27a5.57 5.57 0 0 0 .07 1.5Zm.27-3H2.75a.75.75 0 0 1 0-1.5h7.5a5.5 5.5 0 0 0-.88 1.5Zm9.63 2a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0Zm-4.5.7 1.15 1.15a.5.5 0 0 0 .7-.7l-1.14-1.15 1.14-1.15a.5.5 0 0 0-.7-.7l-1.15 1.14-1.15-1.14a.5.5 0 0 0-.7.7l1.14 1.15-1.14 1.15a.5.5 0 0 0 .7.7l1.15-1.14Z"]));
|
|
@@ -386,8 +386,8 @@ export const TextNumberListRtl90Filled = ( /*#__PURE__*/createFluentIcon('TextNu
|
|
|
386
386
|
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"]));
|
|
387
387
|
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"]));
|
|
388
388
|
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"]));
|
|
389
|
-
export const TextParagraphFilled = ( /*#__PURE__*/createFluentIcon('TextParagraphFilled', "1em", ["
|
|
390
|
-
export const TextParagraphRegular = ( /*#__PURE__*/createFluentIcon('TextParagraphRegular', "1em", ["
|
|
389
|
+
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"]));
|
|
390
|
+
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"]));
|
|
391
391
|
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"]));
|
|
392
392
|
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"]));
|
|
393
393
|
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"]));
|