@fluentui/react-icons 2.0.323 → 2.0.324-alpha.1
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-hanging.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-hanging.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 TextHangingFilled = ( /*#__PURE__*/createFluentIcon('TextHangingFilled', "1em", ["
|
|
4
|
-
export const TextHangingRegular = ( /*#__PURE__*/createFluentIcon('TextHangingRegular', "1em", ["
|
|
5
|
-
export const TextHanging20Regular = ( /*#__PURE__*/createFluentIcon('TextHanging20Regular', "20", ["
|
|
6
|
-
export const TextHanging20Filled = ( /*#__PURE__*/createFluentIcon('TextHanging20Filled', "20", ["
|
|
7
|
-
export const TextHanging24Regular = ( /*#__PURE__*/createFluentIcon('TextHanging24Regular', "24", ["
|
|
8
|
-
export const TextHanging24Filled = ( /*#__PURE__*/createFluentIcon('TextHanging24Filled', "24", ["
|
|
3
|
+
export const TextHangingFilled = ( /*#__PURE__*/createFluentIcon('TextHangingFilled', "1em", ["M3.75 3.5a.75.75 0 0 0 0 1.5h12.5a.75.75 0 0 0 0-1.5H3.75Zm5 10a.75.75 0 0 0 0 1.5h7.5a.75.75 0 0 0 0-1.5h-7.5ZM8 9.25c0-.41.34-.75.75-.75h7.5a.75.75 0 0 1 0 1.5h-7.5A.75.75 0 0 1 8 9.25Zm-3.72 1.47a.75.75 0 0 0-1.06 1.06l.97.97-.97.97a.75.75 0 1 0 1.06 1.06l1.5-1.5c.3-.3.3-.77 0-1.06l-1.5-1.5Z"]));
|
|
4
|
+
export const TextHangingRegular = ( /*#__PURE__*/createFluentIcon('TextHangingRegular', "1em", ["M3.5 4a.5.5 0 0 0 0 1h13a.5.5 0 0 0 0-1h-13Zm4 10a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1h-9ZM7 9.5c0-.28.22-.5.5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5Zm-2.15 2.15-1.5-1.5a.5.5 0 0 0-.7.7L3.79 12l-1.14 1.15a.5.5 0 0 0 .7.7l1.5-1.5a.5.5 0 0 0 0-.7Z"]));
|
|
5
|
+
export const TextHanging20Regular = ( /*#__PURE__*/createFluentIcon('TextHanging20Regular', "20", ["M3.5 4a.5.5 0 0 0 0 1h13a.5.5 0 0 0 0-1h-13Zm4 10a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1h-9ZM7 9.5c0-.28.22-.5.5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5Zm-2.15 2.15-1.5-1.5a.5.5 0 0 0-.7.7L3.79 12l-1.14 1.15a.5.5 0 0 0 .7.7l1.5-1.5a.5.5 0 0 0 0-.7Z"]));
|
|
6
|
+
export const TextHanging20Filled = ( /*#__PURE__*/createFluentIcon('TextHanging20Filled', "20", ["M3.75 3.5a.75.75 0 0 0 0 1.5h12.5a.75.75 0 0 0 0-1.5H3.75Zm5 10a.75.75 0 0 0 0 1.5h7.5a.75.75 0 0 0 0-1.5h-7.5ZM8 9.25c0-.41.34-.75.75-.75h7.5a.75.75 0 0 1 0 1.5h-7.5A.75.75 0 0 1 8 9.25Zm-3.72 1.47a.75.75 0 0 0-1.06 1.06l.97.97-.97.97a.75.75 0 1 0 1.06 1.06l1.5-1.5c.3-.3.3-.77 0-1.06l-1.5-1.5Z"]));
|
|
7
|
+
export const TextHanging24Regular = ( /*#__PURE__*/createFluentIcon('TextHanging24Regular', "24", ["M2.75 5a.75.75 0 0 0 0 1.5h18.5a.75.75 0 0 0 0-1.5H2.75Zm7 13a.75.75 0 0 0 0 1.5h11.5a.75.75 0 0 0 0-1.5H9.75ZM9 12.25c0-.41.34-.75.75-.75h11.5a.75.75 0 0 1 0 1.5H9.75a.75.75 0 0 1-.75-.75Zm-5.22.72a.75.75 0 0 0-1.06 1.06l1.47 1.47-1.47 1.47a.75.75 0 1 0 1.06 1.06l2-2c.3-.3.3-.77 0-1.06l-2-2Z"]));
|
|
8
|
+
export const TextHanging24Filled = ( /*#__PURE__*/createFluentIcon('TextHanging24Filled', "24", ["M3 5a1 1 0 0 0 0 2h18a1 1 0 1 0 0-2H3Zm7 12a1 1 0 1 0 0 2h11a1 1 0 1 0 0-2H10Zm-1-5a1 1 0 0 1 1-1h11a1 1 0 1 1 0 2H10a1 1 0 0 1-1-1Zm-4.3 1.3a1 1 0 0 0-1.4 1.4L4.58 16l-1.3 1.3a1 1 0 1 0 1.42 1.4l2-2a1 1 0 0 0 0-1.4l-2-2Z"]));
|
|
@@ -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
|
@@ -290,8 +290,8 @@ export const TextGrammarSettingsFilled = ( /*#__PURE__*/createFluentIcon('TextGr
|
|
|
290
290
|
export const TextGrammarSettingsRegular = ( /*#__PURE__*/createFluentIcon('TextGrammarSettingsRegular', "1em", ["M18 5.5a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0 0 1h15a.5.5 0 0 0 .5-.5Zm0 3a.5.5 0 0 0-.5-.5h-15a.5.5 0 0 0 0 1h15a.5.5 0 0 0 .5-.5Zm-9 6c0 .17 0 .34.02.5H2.5a.5.5 0 0 1 0-1h6.52l-.02.5Zm1.26-3.5c-.26.3-.48.64-.66 1H2.5a.5.5 0 0 1 0-1h7.76Zm1.8.44a2 2 0 0 1-1.42 2.48l-.47.12a4.7 4.7 0 0 0 .01 1.01l.35.09A2 2 0 0 1 12 17.66l-.13.42c.26.2.54.38.84.52l.32-.35a2 2 0 0 1 2.91 0l.34.36c.3-.13.57-.3.82-.5l-.15-.55a2 2 0 0 1 1.43-2.48l.46-.12a4.73 4.73 0 0 0-.01-1.01l-.35-.09A2 2 0 0 1 17 11.34l.13-.42c-.26-.2-.54-.38-.84-.52l-.32.35a2 2 0 0 1-2.91 0l-.34-.36c-.3.13-.57.3-.82.5l.16.55Zm2.44 4.06a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z"]));
|
|
291
291
|
export const TextGrammarWandFilled = ( /*#__PURE__*/createFluentIcon('TextGrammarWandFilled', "1em", ["M2.75 4.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.5h8.5a.75.75 0 0 0 0-1.5h-8.5Zm0 3a.75.75 0 0 0 0 1.5h6.63a1.5 1.5 0 0 1-.28-1.5H2.75Zm0 3h6.63L7.88 15H2.75a.75.75 0 0 1 0-1.5ZM14.5 7.44a.5.5 0 0 0-1 0l-.1.79a2.5 2.5 0 0 1-2.17 2.18l-.8.1a.5.5 0 0 0 0 .99l.8.1a2.5 2.5 0 0 1 2.18 2.17l.1.8a.5.5 0 0 0 .99 0l.1-.8a2.5 2.5 0 0 1 2.17-2.18l.8-.1a.5.5 0 0 0 0-.99l-.8-.1a2.5 2.5 0 0 1-2.18-2.17l-.1-.8Zm-2.65 5.7c.2.2.2.52 0 .71l-4 4a.5.5 0 0 1-.7-.7l4-4c.2-.2.5-.2.7 0Z"]));
|
|
292
292
|
export const TextGrammarWandRegular = ( /*#__PURE__*/createFluentIcon('TextGrammarWandRegular', "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 1h9a.5.5 0 0 0 0-1h-9Zm0 3a.5.5 0 0 0 0 1h6.88a1.5 1.5 0 0 1-.37-.99V11H2.5Zm0 3h6.38l-1 1H2.5a.5.5 0 0 1 0-1ZM14 7a.5.5 0 0 1 .5.44l.1.79a2.5 2.5 0 0 0 2.17 2.18l.8.1a.5.5 0 0 1 0 .99l-.8.1a2.5 2.5 0 0 0-2.18 2.17l-.1.8a.5.5 0 0 1-.99 0l-.1-.8a2.5 2.5 0 0 0-2.17-2.18l-.8-.1a.5.5 0 0 1 0-.99l.8-.1a2.5 2.5 0 0 0 2.18-2.17l.1-.8A.5.5 0 0 1 14 7Zm0 2.6a3.5 3.5 0 0 1-1.4 1.4c.59.32 1.08.81 1.4 1.4a3.5 3.5 0 0 1 1.4-1.4A3.5 3.5 0 0 1 14 9.6Zm-2.15 3.55c.2.2.2.5 0 .7l-4 4a.5.5 0 0 1-.7-.7l4-4c.2-.2.5-.2.7 0Z"]));
|
|
293
|
-
export const TextHangingFilled = ( /*#__PURE__*/createFluentIcon('TextHangingFilled', "1em", ["
|
|
294
|
-
export const TextHangingRegular = ( /*#__PURE__*/createFluentIcon('TextHangingRegular', "1em", ["
|
|
293
|
+
export const TextHangingFilled = ( /*#__PURE__*/createFluentIcon('TextHangingFilled', "1em", ["M3.75 3.5a.75.75 0 0 0 0 1.5h12.5a.75.75 0 0 0 0-1.5H3.75Zm5 10a.75.75 0 0 0 0 1.5h7.5a.75.75 0 0 0 0-1.5h-7.5ZM8 9.25c0-.41.34-.75.75-.75h7.5a.75.75 0 0 1 0 1.5h-7.5A.75.75 0 0 1 8 9.25Zm-3.72 1.47a.75.75 0 0 0-1.06 1.06l.97.97-.97.97a.75.75 0 1 0 1.06 1.06l1.5-1.5c.3-.3.3-.77 0-1.06l-1.5-1.5Z"]));
|
|
294
|
+
export const TextHangingRegular = ( /*#__PURE__*/createFluentIcon('TextHangingRegular', "1em", ["M3.5 4a.5.5 0 0 0 0 1h13a.5.5 0 0 0 0-1h-13Zm4 10a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1h-9ZM7 9.5c0-.28.22-.5.5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5Zm-2.15 2.15-1.5-1.5a.5.5 0 0 0-.7.7L3.79 12l-1.14 1.15a.5.5 0 0 0 .7.7l1.5-1.5a.5.5 0 0 0 0-.7Z"]));
|
|
295
295
|
export const TextHeader1Filled = ( /*#__PURE__*/createFluentIcon('TextHeader1Filled', "1em", ["M9.25 4c.41 0 .75.34.75.75v10.5a.75.75 0 0 1-1.5 0V10.5h-5v4.75a.75.75 0 0 1-1.5 0V4.75a.75.75 0 0 1 1.5 0V9h5V4.75c0-.41.34-.75.75-.75Zm7.11 0c.37.06.64.38.64.75v10.5a.75.75 0 0 1-1.5 0V7.46a9.48 9.48 0 0 1-1.81 1.65l-.07.04a.75.75 0 0 1-.8-1.27l.4-.28a7.73 7.73 0 0 0 2.3-3.01l.01-.06c.11-.35.46-.58.83-.52Z"]));
|
|
296
296
|
export const TextHeader1Regular = ( /*#__PURE__*/createFluentIcon('TextHeader1Regular', "1em", ["M16.55 4a.5.5 0 0 1 .45.5v11a.5.5 0 0 1-1 0V6.73a8.58 8.58 0 0 1-2.22 2.19.5.5 0 1 1-.56-.84 6.76 6.76 0 0 0 2.83-3.8.5.5 0 0 1 .5-.28ZM2.5 4c.28 0 .5.22.5.5V9h6V4.5a.5.5 0 1 1 1 0v11a.5.5 0 0 1-1 0V10H3v5.5a.5.5 0 0 1-1 0v-11c0-.28.22-.5.5-.5Z"]));
|
|
297
297
|
export const TextHeader1LinesFilled = ( /*#__PURE__*/createFluentIcon('TextHeader1LinesFilled', "1em", ["M10 8.25c0 .41.34.75.75.75s.75-.34.75-.75v-5.5a.75.75 0 0 0-.58-.73.73.73 0 0 0-.84.39 2.96 2.96 0 0 1-1.17 1.17.74.74 0 0 0-.33 1c.19.38.64.53 1.01.34.04-.02.2-.1.41-.25v3.58ZM2.75 2c.41 0 .75.34.75.75v2h2v-2a.75.75 0 1 1 1.5 0v5.5a.75.75 0 0 1-1.5 0v-2h-2v2a.75.75 0 0 1-1.5 0v-5.5c0-.41.34-.75.75-.75ZM2 16.25c0-.42.34-.75.75-.75h14.5a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1-.75-.75Zm.75-4.75a.75.75 0 0 0 0 1.5h14.5a.75.75 0 0 0 0-1.5H2.75Z"]));
|
|
@@ -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"]));
|