@fluentui/react-text 0.0.0-nightly-20220503-0421.1 → 0.0.0-nightly-20220504-0420.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/CHANGELOG.json +15 -9
- package/CHANGELOG.md +8 -7
- package/{lib → dist}/tsdoc-metadata.json +0 -0
- package/package.json +5 -5
- package/lib/Body.d.ts +0 -1
- package/lib/Caption.d.ts +0 -1
- package/lib/Display.d.ts +0 -1
- package/lib/Headline.d.ts +0 -1
- package/lib/LargeTitle.d.ts +0 -1
- package/lib/Subheadline.d.ts +0 -1
- package/lib/Text.d.ts +0 -1
- package/lib/Title1.d.ts +0 -1
- package/lib/Title2.d.ts +0 -1
- package/lib/Title3.d.ts +0 -1
- package/lib/components/Body/Body.d.ts +0 -13
- package/lib/components/Body/index.d.ts +0 -1
- package/lib/components/Caption/Caption.d.ts +0 -13
- package/lib/components/Caption/index.d.ts +0 -1
- package/lib/components/Display/Display.d.ts +0 -13
- package/lib/components/Display/index.d.ts +0 -1
- package/lib/components/Headline/Headline.d.ts +0 -13
- package/lib/components/Headline/index.d.ts +0 -1
- package/lib/components/LargeTitle/LargeTitle.d.ts +0 -13
- package/lib/components/LargeTitle/index.d.ts +0 -1
- package/lib/components/Subheadline/Subheadline.d.ts +0 -13
- package/lib/components/Subheadline/index.d.ts +0 -1
- package/lib/components/Text/Text.d.ts +0 -6
- package/lib/components/Text/Text.types.d.ts +0 -78
- package/lib/components/Text/index.d.ts +0 -5
- package/lib/components/Text/renderText.d.ts +0 -5
- package/lib/components/Text/useText.d.ts +0 -12
- package/lib/components/Text/useTextStyles.d.ts +0 -11
- package/lib/components/Title1/Title1.d.ts +0 -13
- package/lib/components/Title1/index.d.ts +0 -1
- package/lib/components/Title2/Title2.d.ts +0 -13
- package/lib/components/Title2/index.d.ts +0 -1
- package/lib/components/Title3/Title3.d.ts +0 -13
- package/lib/components/Title3/index.d.ts +0 -1
- package/lib/components/wrapper.d.ts +0 -8
- package/lib/index.d.ts +0 -11
- package/lib-commonjs/Body.d.ts +0 -1
- package/lib-commonjs/Caption.d.ts +0 -1
- package/lib-commonjs/Display.d.ts +0 -1
- package/lib-commonjs/Headline.d.ts +0 -1
- package/lib-commonjs/LargeTitle.d.ts +0 -1
- package/lib-commonjs/Subheadline.d.ts +0 -1
- package/lib-commonjs/Text.d.ts +0 -1
- package/lib-commonjs/Title1.d.ts +0 -1
- package/lib-commonjs/Title2.d.ts +0 -1
- package/lib-commonjs/Title3.d.ts +0 -1
- package/lib-commonjs/components/Body/Body.d.ts +0 -13
- package/lib-commonjs/components/Body/index.d.ts +0 -1
- package/lib-commonjs/components/Caption/Caption.d.ts +0 -13
- package/lib-commonjs/components/Caption/index.d.ts +0 -1
- package/lib-commonjs/components/Display/Display.d.ts +0 -13
- package/lib-commonjs/components/Display/index.d.ts +0 -1
- package/lib-commonjs/components/Headline/Headline.d.ts +0 -13
- package/lib-commonjs/components/Headline/index.d.ts +0 -1
- package/lib-commonjs/components/LargeTitle/LargeTitle.d.ts +0 -13
- package/lib-commonjs/components/LargeTitle/index.d.ts +0 -1
- package/lib-commonjs/components/Subheadline/Subheadline.d.ts +0 -13
- package/lib-commonjs/components/Subheadline/index.d.ts +0 -1
- package/lib-commonjs/components/Text/Text.d.ts +0 -6
- package/lib-commonjs/components/Text/Text.types.d.ts +0 -78
- package/lib-commonjs/components/Text/index.d.ts +0 -5
- package/lib-commonjs/components/Text/renderText.d.ts +0 -5
- package/lib-commonjs/components/Text/useText.d.ts +0 -12
- package/lib-commonjs/components/Text/useTextStyles.d.ts +0 -11
- package/lib-commonjs/components/Title1/Title1.d.ts +0 -13
- package/lib-commonjs/components/Title1/index.d.ts +0 -1
- package/lib-commonjs/components/Title2/Title2.d.ts +0 -13
- package/lib-commonjs/components/Title2/index.d.ts +0 -1
- package/lib-commonjs/components/Title3/Title3.d.ts +0 -13
- package/lib-commonjs/components/Title3/index.d.ts +0 -1
- package/lib-commonjs/components/wrapper.d.ts +0 -8
- package/lib-commonjs/index.d.ts +0 -11
package/CHANGELOG.json
CHANGED
@@ -2,9 +2,9 @@
|
|
2
2
|
"name": "@fluentui/react-text",
|
3
3
|
"entries": [
|
4
4
|
{
|
5
|
-
"date": "
|
6
|
-
"tag": "@fluentui/react-text_v0.0.0-nightly-
|
7
|
-
"version": "0.0.0-nightly-
|
5
|
+
"date": "Wed, 04 May 2022 04:33:38 GMT",
|
6
|
+
"tag": "@fluentui/react-text_v0.0.0-nightly-20220504-0420.1",
|
7
|
+
"version": "0.0.0-nightly-20220504-0420.1",
|
8
8
|
"comments": {
|
9
9
|
"prerelease": [
|
10
10
|
{
|
@@ -13,6 +13,12 @@
|
|
13
13
|
"commit": "not available",
|
14
14
|
"comment": "Release nightly v9"
|
15
15
|
},
|
16
|
+
{
|
17
|
+
"author": "martinhochel@microsoft.com",
|
18
|
+
"package": "@fluentui/react-text",
|
19
|
+
"commit": "fd41e5b15e3a2f08245cd4e4bbcc0f07a367ce3b",
|
20
|
+
"comment": "feat: ship rolluped only dts"
|
21
|
+
},
|
16
22
|
{
|
17
23
|
"author": "gcox@microsoft.com",
|
18
24
|
"package": "@fluentui/react-text",
|
@@ -22,20 +28,20 @@
|
|
22
28
|
{
|
23
29
|
"author": "beachball",
|
24
30
|
"package": "@fluentui/react-text",
|
25
|
-
"comment": "Bump @fluentui/react-theme to v0.0.0-nightly-
|
26
|
-
"commit": "
|
31
|
+
"comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20220504-0420.1",
|
32
|
+
"commit": "158bbd218038e21eb173d3fa7efa00c595be789c"
|
27
33
|
},
|
28
34
|
{
|
29
35
|
"author": "beachball",
|
30
36
|
"package": "@fluentui/react-text",
|
31
|
-
"comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-
|
32
|
-
"commit": "
|
37
|
+
"comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20220504-0420.1",
|
38
|
+
"commit": "158bbd218038e21eb173d3fa7efa00c595be789c"
|
33
39
|
},
|
34
40
|
{
|
35
41
|
"author": "beachball",
|
36
42
|
"package": "@fluentui/react-text",
|
37
|
-
"comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-
|
38
|
-
"commit": "
|
43
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20220504-0420.1",
|
44
|
+
"commit": "158bbd218038e21eb173d3fa7efa00c595be789c"
|
39
45
|
}
|
40
46
|
],
|
41
47
|
"none": [
|
package/CHANGELOG.md
CHANGED
@@ -1,21 +1,22 @@
|
|
1
1
|
# Change Log - @fluentui/react-text
|
2
2
|
|
3
|
-
This log was last generated on
|
3
|
+
This log was last generated on Wed, 04 May 2022 04:33:38 GMT and should not be manually modified.
|
4
4
|
|
5
5
|
<!-- Start content -->
|
6
6
|
|
7
|
-
## [0.0.0-nightly-
|
7
|
+
## [0.0.0-nightly-20220504-0420.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v0.0.0-nightly-20220504-0420.1)
|
8
8
|
|
9
|
-
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-text_v9.0.0-rc.6..@fluentui/react-text_v0.0.0-nightly-
|
9
|
+
Wed, 04 May 2022 04:33:38 GMT
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-text_v9.0.0-rc.6..@fluentui/react-text_v0.0.0-nightly-20220504-0420.1)
|
11
11
|
|
12
12
|
### Changes
|
13
13
|
|
14
14
|
- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by email not defined)
|
15
|
+
- feat: ship rolluped only dts ([PR #22708](https://github.com/microsoft/fluentui/pull/22708) by martinhochel@microsoft.com)
|
15
16
|
- Updated react-text to use typography constants ([PR #22716](https://github.com/microsoft/fluentui/pull/22716) by gcox@microsoft.com)
|
16
|
-
- Bump @fluentui/react-theme to v0.0.0-nightly-
|
17
|
-
- Bump @fluentui/react-utilities to v0.0.0-nightly-
|
18
|
-
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-
|
17
|
+
- Bump @fluentui/react-theme to v0.0.0-nightly-20220504-0420.1 ([commit](https://github.com/microsoft/fluentui/commit/158bbd218038e21eb173d3fa7efa00c595be789c) by beachball)
|
18
|
+
- Bump @fluentui/react-utilities to v0.0.0-nightly-20220504-0420.1 ([commit](https://github.com/microsoft/fluentui/commit/158bbd218038e21eb173d3fa7efa00c595be789c) by beachball)
|
19
|
+
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20220504-0420.1 ([commit](https://github.com/microsoft/fluentui/commit/158bbd218038e21eb173d3fa7efa00c595be789c) by beachball)
|
19
20
|
|
20
21
|
## [9.0.0-rc.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v9.0.0-rc.6)
|
21
22
|
|
File without changes
|
package/package.json
CHANGED
@@ -1,10 +1,10 @@
|
|
1
1
|
{
|
2
2
|
"name": "@fluentui/react-text",
|
3
|
-
"version": "0.0.0-nightly-
|
3
|
+
"version": "0.0.0-nightly-20220504-0420.1",
|
4
4
|
"description": "Text is a typography and styling abstraction component that can be used to ensure the consistency of all text across your application.",
|
5
5
|
"main": "lib-commonjs/index.js",
|
6
6
|
"module": "lib/index.js",
|
7
|
-
"typings": "
|
7
|
+
"typings": "dist/index.d.ts",
|
8
8
|
"sideEffects": false,
|
9
9
|
"repository": {
|
10
10
|
"type": "git",
|
@@ -28,13 +28,13 @@
|
|
28
28
|
"devDependencies": {
|
29
29
|
"@fluentui/eslint-plugin": "*",
|
30
30
|
"@fluentui/react-conformance": "*",
|
31
|
-
"@fluentui/react-conformance-griffel": "0.0.0-nightly-
|
31
|
+
"@fluentui/react-conformance-griffel": "0.0.0-nightly-20220504-0420.1",
|
32
32
|
"@fluentui/scripts": "^1.0.0"
|
33
33
|
},
|
34
34
|
"dependencies": {
|
35
35
|
"@griffel/react": "1.0.3",
|
36
|
-
"@fluentui/react-theme": "0.0.0-nightly-
|
37
|
-
"@fluentui/react-utilities": "0.0.0-nightly-
|
36
|
+
"@fluentui/react-theme": "0.0.0-nightly-20220504-0420.1",
|
37
|
+
"@fluentui/react-utilities": "0.0.0-nightly-20220504-0420.1",
|
38
38
|
"tslib": "^2.1.0"
|
39
39
|
},
|
40
40
|
"peerDependencies": {
|
package/lib/Body.d.ts
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
export * from './components/Body/index';
|
package/lib/Caption.d.ts
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
export * from './components/Caption/index';
|
package/lib/Display.d.ts
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
export * from './components/Display/index';
|
package/lib/Headline.d.ts
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
export * from './components/Headline/index';
|
package/lib/LargeTitle.d.ts
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
export * from './components/LargeTitle/index';
|
package/lib/Subheadline.d.ts
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
export * from './components/Subheadline/index';
|
package/lib/Text.d.ts
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
export * from './components/Text/index';
|
package/lib/Title1.d.ts
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
export * from './components/Title1/index';
|
package/lib/Title2.d.ts
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
export * from './components/Title2/index';
|
package/lib/Title3.d.ts
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
export * from './components/Title3/index';
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import type { FunctionComponent } from 'react';
|
2
|
-
import { TextWrapperProps } from '../wrapper';
|
3
|
-
import { SlotClassNames } from '@fluentui/react-utilities';
|
4
|
-
import { TextSlots } from '../Text/Text.types';
|
5
|
-
/**
|
6
|
-
* @deprecated Use `bodyClassNames.root` instead.
|
7
|
-
*/
|
8
|
-
export declare const bodyClassName = "fui-Body";
|
9
|
-
export declare const bodyClassNames: SlotClassNames<TextSlots>;
|
10
|
-
/**
|
11
|
-
* Text wrapper component for the Body typography variant
|
12
|
-
*/
|
13
|
-
export declare const Body: FunctionComponent<TextWrapperProps>;
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './Body';
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import type { FunctionComponent } from 'react';
|
2
|
-
import { TextWrapperProps } from '../wrapper';
|
3
|
-
import { SlotClassNames } from '@fluentui/react-utilities';
|
4
|
-
import { TextSlots } from '../Text/Text.types';
|
5
|
-
/**
|
6
|
-
* @deprecated Use `captionClassNames.root` instead.
|
7
|
-
*/
|
8
|
-
export declare const captionClassName = "fui-Caption";
|
9
|
-
export declare const captionClassNames: SlotClassNames<TextSlots>;
|
10
|
-
/**
|
11
|
-
* Text wrapper component for the Caption typography variant
|
12
|
-
*/
|
13
|
-
export declare const Caption: FunctionComponent<TextWrapperProps>;
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './Caption';
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import type { FunctionComponent } from 'react';
|
2
|
-
import { TextWrapperProps } from '../wrapper';
|
3
|
-
import { SlotClassNames } from '@fluentui/react-utilities';
|
4
|
-
import { TextSlots } from '../Text/Text.types';
|
5
|
-
/**
|
6
|
-
* @deprecated Use `displayClassNames.root` instead.
|
7
|
-
*/
|
8
|
-
export declare const displayClassName = "fui-Display";
|
9
|
-
export declare const displayClassNames: SlotClassNames<TextSlots>;
|
10
|
-
/**
|
11
|
-
* Text wrapper component for the Display typography variant
|
12
|
-
*/
|
13
|
-
export declare const Display: FunctionComponent<TextWrapperProps>;
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './Display';
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import type { FunctionComponent } from 'react';
|
2
|
-
import { TextWrapperProps } from '../wrapper';
|
3
|
-
import { SlotClassNames } from '@fluentui/react-utilities';
|
4
|
-
import { TextSlots } from '../Text/Text.types';
|
5
|
-
/**
|
6
|
-
* @deprecated Use `headlineClassNames.root` instead.
|
7
|
-
*/
|
8
|
-
export declare const headlineClassName = "fui-Headline";
|
9
|
-
export declare const headlineClassNames: SlotClassNames<TextSlots>;
|
10
|
-
/**
|
11
|
-
* Text wrapper component for the Headline typography variant
|
12
|
-
*/
|
13
|
-
export declare const Headline: FunctionComponent<TextWrapperProps>;
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './Headline';
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import type { FunctionComponent } from 'react';
|
2
|
-
import { TextWrapperProps } from '../wrapper';
|
3
|
-
import { SlotClassNames } from '@fluentui/react-utilities';
|
4
|
-
import { TextSlots } from '../Text/Text.types';
|
5
|
-
/**
|
6
|
-
* @deprecated Use `largeTitleClassNames.root` instead.
|
7
|
-
*/
|
8
|
-
export declare const largeTitleClassName = "fui-LargeTitle";
|
9
|
-
export declare const largeTitleClassNames: SlotClassNames<TextSlots>;
|
10
|
-
/**
|
11
|
-
* Text wrapper component for the Large Title typography variant
|
12
|
-
*/
|
13
|
-
export declare const LargeTitle: FunctionComponent<TextWrapperProps>;
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './LargeTitle';
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import type { FunctionComponent } from 'react';
|
2
|
-
import { TextWrapperProps } from '../wrapper';
|
3
|
-
import { SlotClassNames } from '@fluentui/react-utilities';
|
4
|
-
import { TextSlots } from '../Text/Text.types';
|
5
|
-
/**
|
6
|
-
* @deprecated Use `subheadlineClassNames.root` instead.
|
7
|
-
*/
|
8
|
-
export declare const subheadlineClassName = "fui-Subheadline";
|
9
|
-
export declare const subheadlineClassNames: SlotClassNames<TextSlots>;
|
10
|
-
/**
|
11
|
-
* Text wrapper component for the Subheadline typography variant
|
12
|
-
*/
|
13
|
-
export declare const Subheadline: FunctionComponent<TextWrapperProps>;
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './Subheadline';
|
@@ -1,6 +0,0 @@
|
|
1
|
-
import type { TextProps } from './Text.types';
|
2
|
-
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
3
|
-
/**
|
4
|
-
* Typography and styling abstraction component used to ensure consistency of text.
|
5
|
-
*/
|
6
|
-
export declare const Text: ForwardRefComponent<TextProps>;
|
@@ -1,78 +0,0 @@
|
|
1
|
-
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
2
|
-
/**
|
3
|
-
* Text slots
|
4
|
-
*/
|
5
|
-
export declare type TextSlots = {
|
6
|
-
root: Slot<'span', 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'pre'>;
|
7
|
-
};
|
8
|
-
declare type TextCommons = {
|
9
|
-
/**
|
10
|
-
* Wraps the text content on white spaces.
|
11
|
-
*
|
12
|
-
* @defaultValue true
|
13
|
-
*/
|
14
|
-
wrap: boolean;
|
15
|
-
/**
|
16
|
-
* Truncate overflowing text for block displays.
|
17
|
-
*
|
18
|
-
* @defaultValue false
|
19
|
-
*/
|
20
|
-
truncate: boolean;
|
21
|
-
/**
|
22
|
-
* Applies a block display for the content.
|
23
|
-
*
|
24
|
-
* @defaultValue false
|
25
|
-
*/
|
26
|
-
block: boolean;
|
27
|
-
/**
|
28
|
-
* Applies the italic font style to the content.
|
29
|
-
*
|
30
|
-
* @defaultValue false
|
31
|
-
*/
|
32
|
-
italic: boolean;
|
33
|
-
/**
|
34
|
-
* Applies the underline text decoration to the content.
|
35
|
-
*
|
36
|
-
* @defaultValue false
|
37
|
-
*/
|
38
|
-
underline: boolean;
|
39
|
-
/**
|
40
|
-
* Applies the strikethrough text decoration to the content.
|
41
|
-
*
|
42
|
-
* @defaultValue false
|
43
|
-
*/
|
44
|
-
strikethrough: boolean;
|
45
|
-
/**
|
46
|
-
* Applies font size and line height based on the theme tokens.
|
47
|
-
*
|
48
|
-
* @defaultValue 300
|
49
|
-
*/
|
50
|
-
size: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000;
|
51
|
-
/**
|
52
|
-
* Applies the font family to the content.
|
53
|
-
*
|
54
|
-
* @defaultValue base
|
55
|
-
*/
|
56
|
-
font: 'base' | 'monospace' | 'numeric';
|
57
|
-
/**
|
58
|
-
* Applies font weight to the content.
|
59
|
-
*
|
60
|
-
* @defaultValue regular
|
61
|
-
*/
|
62
|
-
weight: 'regular' | 'medium' | 'semibold';
|
63
|
-
/**
|
64
|
-
* Aligns text based on the parent container.
|
65
|
-
*
|
66
|
-
* @defaultValue start
|
67
|
-
*/
|
68
|
-
align: 'start' | 'center' | 'end' | 'justify';
|
69
|
-
};
|
70
|
-
/**
|
71
|
-
* Text Props
|
72
|
-
*/
|
73
|
-
export declare type TextProps = ComponentProps<TextSlots> & Partial<TextCommons>;
|
74
|
-
/**
|
75
|
-
* State used in rendering Text
|
76
|
-
*/
|
77
|
-
export declare type TextState = ComponentState<TextSlots> & TextCommons;
|
78
|
-
export {};
|
@@ -1,12 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import type { TextProps, TextState } from './Text.types';
|
3
|
-
/**
|
4
|
-
* Create the state required to render Text.
|
5
|
-
*
|
6
|
-
* The returned state can be modified with hooks such as useTextStyles_unstable,
|
7
|
-
* before being passed to renderText_unstable.
|
8
|
-
*
|
9
|
-
* @param props - props from this instance of Text
|
10
|
-
* @param ref - reference to root HTMLElement of Text
|
11
|
-
*/
|
12
|
-
export declare const useText_unstable: (props: TextProps, ref: React.Ref<HTMLElement>) => TextState;
|
@@ -1,11 +0,0 @@
|
|
1
|
-
import type { TextSlots, TextState } from './Text.types';
|
2
|
-
import { SlotClassNames } from '@fluentui/react-utilities';
|
3
|
-
/**
|
4
|
-
* @deprecated Use `textClassNames.root` instead.
|
5
|
-
*/
|
6
|
-
export declare const textClassName = "fui-Text";
|
7
|
-
export declare const textClassNames: SlotClassNames<TextSlots>;
|
8
|
-
/**
|
9
|
-
* Apply styling to the Text slots based on the state
|
10
|
-
*/
|
11
|
-
export declare const useTextStyles_unstable: (state: TextState) => TextState;
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import type { FunctionComponent } from 'react';
|
2
|
-
import { TextWrapperProps } from '../wrapper';
|
3
|
-
import { SlotClassNames } from '@fluentui/react-utilities';
|
4
|
-
import { TextSlots } from '../Text/Text.types';
|
5
|
-
/**
|
6
|
-
* @deprecated Use `title1ClassNames.root` instead.
|
7
|
-
*/
|
8
|
-
export declare const title1ClassName = "fui-Title1";
|
9
|
-
export declare const title1ClassNames: SlotClassNames<TextSlots>;
|
10
|
-
/**
|
11
|
-
* Text wrapper component for the Title 1 typography variant
|
12
|
-
*/
|
13
|
-
export declare const Title1: FunctionComponent<TextWrapperProps>;
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './Title1';
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import type { FunctionComponent } from 'react';
|
2
|
-
import { TextWrapperProps } from '../wrapper';
|
3
|
-
import { SlotClassNames } from '@fluentui/react-utilities';
|
4
|
-
import { TextSlots } from '../Text/Text.types';
|
5
|
-
/**
|
6
|
-
* @deprecated Use `title2ClassNames.root` instead.
|
7
|
-
*/
|
8
|
-
export declare const title2ClassName = "fui-Title2";
|
9
|
-
export declare const title2ClassNames: SlotClassNames<TextSlots>;
|
10
|
-
/**
|
11
|
-
* Text wrapper component for the Title 2 typography variant
|
12
|
-
*/
|
13
|
-
export declare const Title2: FunctionComponent<TextWrapperProps>;
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './Title2';
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import type { FunctionComponent } from 'react';
|
2
|
-
import { TextWrapperProps } from '../wrapper';
|
3
|
-
import { SlotClassNames } from '@fluentui/react-utilities';
|
4
|
-
import { TextSlots } from '../Text/Text.types';
|
5
|
-
/**
|
6
|
-
* @deprecated Use `title3ClassNames.root` instead.
|
7
|
-
*/
|
8
|
-
export declare const title3ClassName = "fui-Title3";
|
9
|
-
export declare const title3ClassNames: SlotClassNames<TextSlots>;
|
10
|
-
/**
|
11
|
-
* Text wrapper component for the Title 3 typography variant
|
12
|
-
*/
|
13
|
-
export declare const Title3: FunctionComponent<TextWrapperProps>;
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './Title3';
|
@@ -1,8 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import type { TextProps } from '../Text';
|
3
|
-
export declare type TextWrapperProps = Omit<TextProps, 'font' | 'size'>;
|
4
|
-
export declare function createWrapper(options: {
|
5
|
-
className: string;
|
6
|
-
displayName: string;
|
7
|
-
useStyles: () => Record<'root', string>;
|
8
|
-
}): React.FunctionComponent<TextWrapperProps>;
|
package/lib/index.d.ts
DELETED
@@ -1,11 +0,0 @@
|
|
1
|
-
export { Text, renderText_unstable, textClassName, textClassNames, useTextStyles_unstable, useText_unstable, } from './Text';
|
2
|
-
export type { TextProps, TextSlots, TextState } from './Text';
|
3
|
-
export { Display, displayClassName, displayClassNames } from './Display';
|
4
|
-
export { LargeTitle, largeTitleClassName, largeTitleClassNames } from './LargeTitle';
|
5
|
-
export { Title1, title1ClassName, title1ClassNames } from './Title1';
|
6
|
-
export { Title2, title2ClassName, title2ClassNames } from './Title2';
|
7
|
-
export { Title3, title3ClassName, title3ClassNames } from './Title3';
|
8
|
-
export { Headline, headlineClassName, headlineClassNames } from './Headline';
|
9
|
-
export { Subheadline, subheadlineClassName, subheadlineClassNames } from './Subheadline';
|
10
|
-
export { Body, bodyClassName, bodyClassNames } from './Body';
|
11
|
-
export { Caption, captionClassName, captionClassNames } from './Caption';
|
package/lib-commonjs/Body.d.ts
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
export * from './components/Body/index';
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './components/Caption/index';
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './components/Display/index';
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './components/Headline/index';
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './components/LargeTitle/index';
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './components/Subheadline/index';
|
package/lib-commonjs/Text.d.ts
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
export * from './components/Text/index';
|
package/lib-commonjs/Title1.d.ts
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
export * from './components/Title1/index';
|
package/lib-commonjs/Title2.d.ts
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
export * from './components/Title2/index';
|
package/lib-commonjs/Title3.d.ts
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
export * from './components/Title3/index';
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import type { FunctionComponent } from 'react';
|
2
|
-
import { TextWrapperProps } from '../wrapper';
|
3
|
-
import { SlotClassNames } from '@fluentui/react-utilities';
|
4
|
-
import { TextSlots } from '../Text/Text.types';
|
5
|
-
/**
|
6
|
-
* @deprecated Use `bodyClassNames.root` instead.
|
7
|
-
*/
|
8
|
-
export declare const bodyClassName = "fui-Body";
|
9
|
-
export declare const bodyClassNames: SlotClassNames<TextSlots>;
|
10
|
-
/**
|
11
|
-
* Text wrapper component for the Body typography variant
|
12
|
-
*/
|
13
|
-
export declare const Body: FunctionComponent<TextWrapperProps>;
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './Body';
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import type { FunctionComponent } from 'react';
|
2
|
-
import { TextWrapperProps } from '../wrapper';
|
3
|
-
import { SlotClassNames } from '@fluentui/react-utilities';
|
4
|
-
import { TextSlots } from '../Text/Text.types';
|
5
|
-
/**
|
6
|
-
* @deprecated Use `captionClassNames.root` instead.
|
7
|
-
*/
|
8
|
-
export declare const captionClassName = "fui-Caption";
|
9
|
-
export declare const captionClassNames: SlotClassNames<TextSlots>;
|
10
|
-
/**
|
11
|
-
* Text wrapper component for the Caption typography variant
|
12
|
-
*/
|
13
|
-
export declare const Caption: FunctionComponent<TextWrapperProps>;
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './Caption';
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import type { FunctionComponent } from 'react';
|
2
|
-
import { TextWrapperProps } from '../wrapper';
|
3
|
-
import { SlotClassNames } from '@fluentui/react-utilities';
|
4
|
-
import { TextSlots } from '../Text/Text.types';
|
5
|
-
/**
|
6
|
-
* @deprecated Use `displayClassNames.root` instead.
|
7
|
-
*/
|
8
|
-
export declare const displayClassName = "fui-Display";
|
9
|
-
export declare const displayClassNames: SlotClassNames<TextSlots>;
|
10
|
-
/**
|
11
|
-
* Text wrapper component for the Display typography variant
|
12
|
-
*/
|
13
|
-
export declare const Display: FunctionComponent<TextWrapperProps>;
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './Display';
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import type { FunctionComponent } from 'react';
|
2
|
-
import { TextWrapperProps } from '../wrapper';
|
3
|
-
import { SlotClassNames } from '@fluentui/react-utilities';
|
4
|
-
import { TextSlots } from '../Text/Text.types';
|
5
|
-
/**
|
6
|
-
* @deprecated Use `headlineClassNames.root` instead.
|
7
|
-
*/
|
8
|
-
export declare const headlineClassName = "fui-Headline";
|
9
|
-
export declare const headlineClassNames: SlotClassNames<TextSlots>;
|
10
|
-
/**
|
11
|
-
* Text wrapper component for the Headline typography variant
|
12
|
-
*/
|
13
|
-
export declare const Headline: FunctionComponent<TextWrapperProps>;
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './Headline';
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import type { FunctionComponent } from 'react';
|
2
|
-
import { TextWrapperProps } from '../wrapper';
|
3
|
-
import { SlotClassNames } from '@fluentui/react-utilities';
|
4
|
-
import { TextSlots } from '../Text/Text.types';
|
5
|
-
/**
|
6
|
-
* @deprecated Use `largeTitleClassNames.root` instead.
|
7
|
-
*/
|
8
|
-
export declare const largeTitleClassName = "fui-LargeTitle";
|
9
|
-
export declare const largeTitleClassNames: SlotClassNames<TextSlots>;
|
10
|
-
/**
|
11
|
-
* Text wrapper component for the Large Title typography variant
|
12
|
-
*/
|
13
|
-
export declare const LargeTitle: FunctionComponent<TextWrapperProps>;
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './LargeTitle';
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import type { FunctionComponent } from 'react';
|
2
|
-
import { TextWrapperProps } from '../wrapper';
|
3
|
-
import { SlotClassNames } from '@fluentui/react-utilities';
|
4
|
-
import { TextSlots } from '../Text/Text.types';
|
5
|
-
/**
|
6
|
-
* @deprecated Use `subheadlineClassNames.root` instead.
|
7
|
-
*/
|
8
|
-
export declare const subheadlineClassName = "fui-Subheadline";
|
9
|
-
export declare const subheadlineClassNames: SlotClassNames<TextSlots>;
|
10
|
-
/**
|
11
|
-
* Text wrapper component for the Subheadline typography variant
|
12
|
-
*/
|
13
|
-
export declare const Subheadline: FunctionComponent<TextWrapperProps>;
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './Subheadline';
|
@@ -1,6 +0,0 @@
|
|
1
|
-
import type { TextProps } from './Text.types';
|
2
|
-
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
3
|
-
/**
|
4
|
-
* Typography and styling abstraction component used to ensure consistency of text.
|
5
|
-
*/
|
6
|
-
export declare const Text: ForwardRefComponent<TextProps>;
|
@@ -1,78 +0,0 @@
|
|
1
|
-
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
2
|
-
/**
|
3
|
-
* Text slots
|
4
|
-
*/
|
5
|
-
export declare type TextSlots = {
|
6
|
-
root: Slot<'span', 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'pre'>;
|
7
|
-
};
|
8
|
-
declare type TextCommons = {
|
9
|
-
/**
|
10
|
-
* Wraps the text content on white spaces.
|
11
|
-
*
|
12
|
-
* @defaultValue true
|
13
|
-
*/
|
14
|
-
wrap: boolean;
|
15
|
-
/**
|
16
|
-
* Truncate overflowing text for block displays.
|
17
|
-
*
|
18
|
-
* @defaultValue false
|
19
|
-
*/
|
20
|
-
truncate: boolean;
|
21
|
-
/**
|
22
|
-
* Applies a block display for the content.
|
23
|
-
*
|
24
|
-
* @defaultValue false
|
25
|
-
*/
|
26
|
-
block: boolean;
|
27
|
-
/**
|
28
|
-
* Applies the italic font style to the content.
|
29
|
-
*
|
30
|
-
* @defaultValue false
|
31
|
-
*/
|
32
|
-
italic: boolean;
|
33
|
-
/**
|
34
|
-
* Applies the underline text decoration to the content.
|
35
|
-
*
|
36
|
-
* @defaultValue false
|
37
|
-
*/
|
38
|
-
underline: boolean;
|
39
|
-
/**
|
40
|
-
* Applies the strikethrough text decoration to the content.
|
41
|
-
*
|
42
|
-
* @defaultValue false
|
43
|
-
*/
|
44
|
-
strikethrough: boolean;
|
45
|
-
/**
|
46
|
-
* Applies font size and line height based on the theme tokens.
|
47
|
-
*
|
48
|
-
* @defaultValue 300
|
49
|
-
*/
|
50
|
-
size: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000;
|
51
|
-
/**
|
52
|
-
* Applies the font family to the content.
|
53
|
-
*
|
54
|
-
* @defaultValue base
|
55
|
-
*/
|
56
|
-
font: 'base' | 'monospace' | 'numeric';
|
57
|
-
/**
|
58
|
-
* Applies font weight to the content.
|
59
|
-
*
|
60
|
-
* @defaultValue regular
|
61
|
-
*/
|
62
|
-
weight: 'regular' | 'medium' | 'semibold';
|
63
|
-
/**
|
64
|
-
* Aligns text based on the parent container.
|
65
|
-
*
|
66
|
-
* @defaultValue start
|
67
|
-
*/
|
68
|
-
align: 'start' | 'center' | 'end' | 'justify';
|
69
|
-
};
|
70
|
-
/**
|
71
|
-
* Text Props
|
72
|
-
*/
|
73
|
-
export declare type TextProps = ComponentProps<TextSlots> & Partial<TextCommons>;
|
74
|
-
/**
|
75
|
-
* State used in rendering Text
|
76
|
-
*/
|
77
|
-
export declare type TextState = ComponentState<TextSlots> & TextCommons;
|
78
|
-
export {};
|
@@ -1,12 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import type { TextProps, TextState } from './Text.types';
|
3
|
-
/**
|
4
|
-
* Create the state required to render Text.
|
5
|
-
*
|
6
|
-
* The returned state can be modified with hooks such as useTextStyles_unstable,
|
7
|
-
* before being passed to renderText_unstable.
|
8
|
-
*
|
9
|
-
* @param props - props from this instance of Text
|
10
|
-
* @param ref - reference to root HTMLElement of Text
|
11
|
-
*/
|
12
|
-
export declare const useText_unstable: (props: TextProps, ref: React.Ref<HTMLElement>) => TextState;
|
@@ -1,11 +0,0 @@
|
|
1
|
-
import type { TextSlots, TextState } from './Text.types';
|
2
|
-
import { SlotClassNames } from '@fluentui/react-utilities';
|
3
|
-
/**
|
4
|
-
* @deprecated Use `textClassNames.root` instead.
|
5
|
-
*/
|
6
|
-
export declare const textClassName = "fui-Text";
|
7
|
-
export declare const textClassNames: SlotClassNames<TextSlots>;
|
8
|
-
/**
|
9
|
-
* Apply styling to the Text slots based on the state
|
10
|
-
*/
|
11
|
-
export declare const useTextStyles_unstable: (state: TextState) => TextState;
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import type { FunctionComponent } from 'react';
|
2
|
-
import { TextWrapperProps } from '../wrapper';
|
3
|
-
import { SlotClassNames } from '@fluentui/react-utilities';
|
4
|
-
import { TextSlots } from '../Text/Text.types';
|
5
|
-
/**
|
6
|
-
* @deprecated Use `title1ClassNames.root` instead.
|
7
|
-
*/
|
8
|
-
export declare const title1ClassName = "fui-Title1";
|
9
|
-
export declare const title1ClassNames: SlotClassNames<TextSlots>;
|
10
|
-
/**
|
11
|
-
* Text wrapper component for the Title 1 typography variant
|
12
|
-
*/
|
13
|
-
export declare const Title1: FunctionComponent<TextWrapperProps>;
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './Title1';
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import type { FunctionComponent } from 'react';
|
2
|
-
import { TextWrapperProps } from '../wrapper';
|
3
|
-
import { SlotClassNames } from '@fluentui/react-utilities';
|
4
|
-
import { TextSlots } from '../Text/Text.types';
|
5
|
-
/**
|
6
|
-
* @deprecated Use `title2ClassNames.root` instead.
|
7
|
-
*/
|
8
|
-
export declare const title2ClassName = "fui-Title2";
|
9
|
-
export declare const title2ClassNames: SlotClassNames<TextSlots>;
|
10
|
-
/**
|
11
|
-
* Text wrapper component for the Title 2 typography variant
|
12
|
-
*/
|
13
|
-
export declare const Title2: FunctionComponent<TextWrapperProps>;
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './Title2';
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import type { FunctionComponent } from 'react';
|
2
|
-
import { TextWrapperProps } from '../wrapper';
|
3
|
-
import { SlotClassNames } from '@fluentui/react-utilities';
|
4
|
-
import { TextSlots } from '../Text/Text.types';
|
5
|
-
/**
|
6
|
-
* @deprecated Use `title3ClassNames.root` instead.
|
7
|
-
*/
|
8
|
-
export declare const title3ClassName = "fui-Title3";
|
9
|
-
export declare const title3ClassNames: SlotClassNames<TextSlots>;
|
10
|
-
/**
|
11
|
-
* Text wrapper component for the Title 3 typography variant
|
12
|
-
*/
|
13
|
-
export declare const Title3: FunctionComponent<TextWrapperProps>;
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './Title3';
|
@@ -1,8 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import type { TextProps } from '../Text';
|
3
|
-
export declare type TextWrapperProps = Omit<TextProps, 'font' | 'size'>;
|
4
|
-
export declare function createWrapper(options: {
|
5
|
-
className: string;
|
6
|
-
displayName: string;
|
7
|
-
useStyles: () => Record<'root', string>;
|
8
|
-
}): React.FunctionComponent<TextWrapperProps>;
|
package/lib-commonjs/index.d.ts
DELETED
@@ -1,11 +0,0 @@
|
|
1
|
-
export { Text, renderText_unstable, textClassName, textClassNames, useTextStyles_unstable, useText_unstable, } from './Text';
|
2
|
-
export type { TextProps, TextSlots, TextState } from './Text';
|
3
|
-
export { Display, displayClassName, displayClassNames } from './Display';
|
4
|
-
export { LargeTitle, largeTitleClassName, largeTitleClassNames } from './LargeTitle';
|
5
|
-
export { Title1, title1ClassName, title1ClassNames } from './Title1';
|
6
|
-
export { Title2, title2ClassName, title2ClassNames } from './Title2';
|
7
|
-
export { Title3, title3ClassName, title3ClassNames } from './Title3';
|
8
|
-
export { Headline, headlineClassName, headlineClassNames } from './Headline';
|
9
|
-
export { Subheadline, subheadlineClassName, subheadlineClassNames } from './Subheadline';
|
10
|
-
export { Body, bodyClassName, bodyClassNames } from './Body';
|
11
|
-
export { Caption, captionClassName, captionClassNames } from './Caption';
|