@fluentui/react-text 0.0.0-nightly65dd5f749420211213.1 → 0.0.0-nightly6a6e258c4020220125.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 +46 -14
- package/CHANGELOG.md +13 -10
- package/dist/react-text.d.ts +5 -5
- package/lib/components/Text/Text.js +6 -6
- package/lib/components/Text/Text.js.map +1 -1
- package/lib/components/Text/renderText.d.ts +1 -1
- package/lib/components/Text/renderText.js +1 -1
- package/lib/components/Text/renderText.js.map +1 -1
- package/lib/components/Text/useText.d.ts +3 -3
- package/lib/components/Text/useText.js +3 -3
- package/lib/components/Text/useText.js.map +1 -1
- package/lib/components/Text/useTextStyles.d.ts +1 -1
- package/lib/components/Text/useTextStyles.js +2 -1
- package/lib/components/Text/useTextStyles.js.map +1 -1
- package/lib/components/wrapper.js +4 -4
- package/lib/components/wrapper.js.map +1 -1
- package/lib/typographyStyles/typographyStyles.d.ts +10 -11
- package/lib/typographyStyles/typographyStyles.js +56 -54
- package/lib/typographyStyles/typographyStyles.js.map +1 -1
- package/lib-commonjs/components/Body/Body.js +1 -3
- package/lib-commonjs/components/Body/Body.js.map +1 -1
- package/lib-commonjs/components/Caption/Caption.js +1 -3
- package/lib-commonjs/components/Caption/Caption.js.map +1 -1
- package/lib-commonjs/components/Display/Display.js +1 -3
- package/lib-commonjs/components/Display/Display.js.map +1 -1
- package/lib-commonjs/components/Headline/Headline.js +1 -3
- package/lib-commonjs/components/Headline/Headline.js.map +1 -1
- package/lib-commonjs/components/LargeTitle/LargeTitle.js +1 -3
- package/lib-commonjs/components/LargeTitle/LargeTitle.js.map +1 -1
- package/lib-commonjs/components/Subheadline/Subheadline.js +1 -3
- package/lib-commonjs/components/Subheadline/Subheadline.js.map +1 -1
- package/lib-commonjs/components/Text/Text.js +3 -3
- package/lib-commonjs/components/Text/Text.js.map +1 -1
- package/lib-commonjs/components/Text/renderText.d.ts +1 -1
- package/lib-commonjs/components/Text/renderText.js +3 -3
- package/lib-commonjs/components/Text/renderText.js.map +1 -1
- package/lib-commonjs/components/Text/useText.d.ts +3 -3
- package/lib-commonjs/components/Text/useText.js +5 -5
- package/lib-commonjs/components/Text/useText.js.map +1 -1
- package/lib-commonjs/components/Text/useTextStyles.d.ts +1 -1
- package/lib-commonjs/components/Text/useTextStyles.js +5 -3
- package/lib-commonjs/components/Text/useTextStyles.js.map +1 -1
- package/lib-commonjs/components/Title1/Title1.js +1 -3
- package/lib-commonjs/components/Title1/Title1.js.map +1 -1
- package/lib-commonjs/components/Title2/Title2.js +1 -3
- package/lib-commonjs/components/Title2/Title2.js.map +1 -1
- package/lib-commonjs/components/Title3/Title3.js +1 -3
- package/lib-commonjs/components/Title3/Title3.js.map +1 -1
- package/lib-commonjs/components/wrapper.js +3 -3
- package/lib-commonjs/components/wrapper.js.map +1 -1
- package/lib-commonjs/typographyStyles/typographyStyles.d.ts +10 -11
- package/lib-commonjs/typographyStyles/typographyStyles.js +56 -79
- package/lib-commonjs/typographyStyles/typographyStyles.js.map +1 -1
- package/package.json +8 -8
package/CHANGELOG.json
CHANGED
@@ -2,23 +2,41 @@
|
|
2
2
|
"name": "@fluentui/react-text",
|
3
3
|
"entries": [
|
4
4
|
{
|
5
|
-
"date": "
|
6
|
-
"tag": "@fluentui/react-text_v0.0.0-
|
7
|
-
"version": "0.0.0-
|
5
|
+
"date": "Tue, 25 Jan 2022 04:17:21 GMT",
|
6
|
+
"tag": "@fluentui/react-text_v0.0.0-nightly6a6e258c4020220125.1",
|
7
|
+
"version": "0.0.0-nightly6a6e258c4020220125.1",
|
8
8
|
"comments": {
|
9
9
|
"prerelease": [
|
10
10
|
{
|
11
11
|
"author": "email not defined",
|
12
12
|
"package": "@fluentui/react-text",
|
13
|
-
"commit": "
|
13
|
+
"commit": "1d41ec351a6d5902e871c87fcbaacf8db8ecb40d",
|
14
14
|
"comment": "Release nightly v9"
|
15
15
|
},
|
16
|
+
{
|
17
|
+
"author": "behowell@microsoft.com",
|
18
|
+
"package": "@fluentui/react-text",
|
19
|
+
"commit": "317209bb5cd57c40f35bc42060acb7e3cce5ec95",
|
20
|
+
"comment": "BREAKING: Rename component hooks add the suffix _unstable, as their API has not been finalized yet"
|
21
|
+
},
|
16
22
|
{
|
17
23
|
"author": "olfedias@microsoft.com",
|
18
24
|
"package": "@fluentui/react-text",
|
19
25
|
"commit": "a76afe26daad901ff5458ffdda7e66e600d5bcac",
|
20
26
|
"comment": "use makeStyles types from proper package"
|
21
27
|
},
|
28
|
+
{
|
29
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
30
|
+
"package": "@fluentui/react-text",
|
31
|
+
"commit": "003de9a9527703d429690c7ab5d7c24b4038d518",
|
32
|
+
"comment": "Replacing use of functions in makeStyles with direct use of tokens."
|
33
|
+
},
|
34
|
+
{
|
35
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
36
|
+
"package": "@fluentui/react-text",
|
37
|
+
"commit": "00a5d945904c896a0664de6ba72c145a255f0848",
|
38
|
+
"comment": "Updating use of tokens.fontWeight now that we don't need to use casting."
|
39
|
+
},
|
22
40
|
{
|
23
41
|
"author": "olfedias@microsoft.com",
|
24
42
|
"package": "@fluentui/react-text",
|
@@ -28,32 +46,46 @@
|
|
28
46
|
{
|
29
47
|
"author": "beachball",
|
30
48
|
"package": "@fluentui/react-text",
|
31
|
-
"comment": "Bump @fluentui/react-make-styles to v0.0.0-
|
32
|
-
"commit": "
|
49
|
+
"comment": "Bump @fluentui/react-make-styles to v0.0.0-nightly6a6e258c4020220125.1",
|
50
|
+
"commit": "1d41ec351a6d5902e871c87fcbaacf8db8ecb40d"
|
33
51
|
},
|
34
52
|
{
|
35
53
|
"author": "beachball",
|
36
54
|
"package": "@fluentui/react-text",
|
37
|
-
"comment": "Bump @fluentui/react-utilities to v0.0.0-
|
38
|
-
"commit": "
|
55
|
+
"comment": "Bump @fluentui/react-utilities to v0.0.0-nightly6a6e258c4020220125.1",
|
56
|
+
"commit": "1d41ec351a6d5902e871c87fcbaacf8db8ecb40d"
|
39
57
|
},
|
40
58
|
{
|
41
59
|
"author": "beachball",
|
42
60
|
"package": "@fluentui/react-text",
|
43
|
-
"comment": "Bump @fluentui/babel-make-styles to v0.0.0-
|
44
|
-
"commit": "
|
61
|
+
"comment": "Bump @fluentui/babel-make-styles to v0.0.0-nightly6a6e258c4020220125.1",
|
62
|
+
"commit": "1d41ec351a6d5902e871c87fcbaacf8db8ecb40d"
|
45
63
|
},
|
46
64
|
{
|
47
65
|
"author": "beachball",
|
48
66
|
"package": "@fluentui/react-text",
|
49
|
-
"comment": "Bump @fluentui/jest-serializer-make-styles to v0.0.0-
|
50
|
-
"commit": "
|
67
|
+
"comment": "Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightly6a6e258c4020220125.1",
|
68
|
+
"commit": "1d41ec351a6d5902e871c87fcbaacf8db8ecb40d"
|
51
69
|
},
|
52
70
|
{
|
53
71
|
"author": "beachball",
|
54
72
|
"package": "@fluentui/react-text",
|
55
|
-
"comment": "Bump @fluentui/react-conformance-make-styles to v0.0.0-
|
56
|
-
"commit": "
|
73
|
+
"comment": "Bump @fluentui/react-conformance-make-styles to v0.0.0-nightly6a6e258c4020220125.1",
|
74
|
+
"commit": "1d41ec351a6d5902e871c87fcbaacf8db8ecb40d"
|
75
|
+
}
|
76
|
+
],
|
77
|
+
"none": [
|
78
|
+
{
|
79
|
+
"author": "olfedias@microsoft.com",
|
80
|
+
"package": "@fluentui/react-text",
|
81
|
+
"commit": "c061e98be4b4a718c72a144a1f60bb5515824612",
|
82
|
+
"comment": "remove inline-style-expand-shorthand from tsconfigs"
|
83
|
+
},
|
84
|
+
{
|
85
|
+
"author": "martinhochel@microsoft.com",
|
86
|
+
"package": "@fluentui/react-text",
|
87
|
+
"commit": "8dfa712156b70414205b87b5b6d099367b0c297d",
|
88
|
+
"comment": "chore: use storybook runner for all vNext packages"
|
57
89
|
}
|
58
90
|
]
|
59
91
|
}
|
package/CHANGELOG.md
CHANGED
@@ -1,24 +1,27 @@
|
|
1
1
|
# Change Log - @fluentui/react-text
|
2
2
|
|
3
|
-
This log was last generated on
|
3
|
+
This log was last generated on Tue, 25 Jan 2022 04:17:21 GMT and should not be manually modified.
|
4
4
|
|
5
5
|
<!-- Start content -->
|
6
6
|
|
7
|
-
## [0.0.0-
|
7
|
+
## [0.0.0-nightly6a6e258c4020220125.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v0.0.0-nightly6a6e258c4020220125.1)
|
8
8
|
|
9
|
-
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-text_v9.0.0-beta.4..@fluentui/react-text_v0.0.0-
|
9
|
+
Tue, 25 Jan 2022 04:17:21 GMT
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-text_v9.0.0-beta.4..@fluentui/react-text_v0.0.0-nightly6a6e258c4020220125.1)
|
11
11
|
|
12
12
|
### Changes
|
13
13
|
|
14
|
-
- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/
|
14
|
+
- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/1d41ec351a6d5902e871c87fcbaacf8db8ecb40d) by email not defined)
|
15
|
+
- BREAKING: Rename component hooks add the suffix _unstable, as their API has not been finalized yet ([PR #21365](https://github.com/microsoft/fluentui/pull/21365) by behowell@microsoft.com)
|
15
16
|
- use makeStyles types from proper package ([PR #20786](https://github.com/microsoft/fluentui/pull/20786) by olfedias@microsoft.com)
|
17
|
+
- Replacing use of functions in makeStyles with direct use of tokens. ([PR #21057](https://github.com/microsoft/fluentui/pull/21057) by Humberto.Morimoto@microsoft.com)
|
18
|
+
- Updating use of tokens.fontWeight now that we don't need to use casting. ([PR #21217](https://github.com/microsoft/fluentui/pull/21217) by Humberto.Morimoto@microsoft.com)
|
16
19
|
- update styles to not use CSS shorthands ([PR #20841](https://github.com/microsoft/fluentui/pull/20841) by olfedias@microsoft.com)
|
17
|
-
- Bump @fluentui/react-make-styles to v0.0.0-
|
18
|
-
- Bump @fluentui/react-utilities to v0.0.0-
|
19
|
-
- Bump @fluentui/babel-make-styles to v0.0.0-
|
20
|
-
- Bump @fluentui/jest-serializer-make-styles to v0.0.0-
|
21
|
-
- Bump @fluentui/react-conformance-make-styles to v0.0.0-
|
20
|
+
- Bump @fluentui/react-make-styles to v0.0.0-nightly6a6e258c4020220125.1 ([commit](https://github.com/microsoft/fluentui/commit/1d41ec351a6d5902e871c87fcbaacf8db8ecb40d) by beachball)
|
21
|
+
- Bump @fluentui/react-utilities to v0.0.0-nightly6a6e258c4020220125.1 ([commit](https://github.com/microsoft/fluentui/commit/1d41ec351a6d5902e871c87fcbaacf8db8ecb40d) by beachball)
|
22
|
+
- Bump @fluentui/babel-make-styles to v0.0.0-nightly6a6e258c4020220125.1 ([commit](https://github.com/microsoft/fluentui/commit/1d41ec351a6d5902e871c87fcbaacf8db8ecb40d) by beachball)
|
23
|
+
- Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightly6a6e258c4020220125.1 ([commit](https://github.com/microsoft/fluentui/commit/1d41ec351a6d5902e871c87fcbaacf8db8ecb40d) by beachball)
|
24
|
+
- Bump @fluentui/react-conformance-make-styles to v0.0.0-nightly6a6e258c4020220125.1 ([commit](https://github.com/microsoft/fluentui/commit/1d41ec351a6d5902e871c87fcbaacf8db8ecb40d) by beachball)
|
22
25
|
|
23
26
|
## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v9.0.0-beta.4)
|
24
27
|
|
package/dist/react-text.d.ts
CHANGED
@@ -44,7 +44,7 @@ export declare const largeTitleClassName = "fui-LargeTitle";
|
|
44
44
|
/**
|
45
45
|
* Render the final JSX of Text
|
46
46
|
*/
|
47
|
-
export declare const
|
47
|
+
export declare const renderText_unstable: (state: TextState) => JSX.Element;
|
48
48
|
|
49
49
|
/**
|
50
50
|
* Text wrapper component for the Subheadline typography variant
|
@@ -167,17 +167,17 @@ export declare const title3ClassName = "fui-Title3";
|
|
167
167
|
/**
|
168
168
|
* Create the state required to render Text.
|
169
169
|
*
|
170
|
-
* The returned state can be modified with hooks such as
|
171
|
-
* before being passed to
|
170
|
+
* The returned state can be modified with hooks such as useTextStyles_unstable,
|
171
|
+
* before being passed to renderText_unstable.
|
172
172
|
*
|
173
173
|
* @param props - props from this instance of Text
|
174
174
|
* @param ref - reference to root HTMLElement of Text
|
175
175
|
*/
|
176
|
-
export declare const
|
176
|
+
export declare const useText_unstable: (props: TextProps, ref: React_2.Ref<HTMLElement>) => TextState;
|
177
177
|
|
178
178
|
/**
|
179
179
|
* Apply styling to the Text slots based on the state
|
180
180
|
*/
|
181
|
-
export declare const
|
181
|
+
export declare const useTextStyles_unstable: (state: TextState) => TextState;
|
182
182
|
|
183
183
|
export { }
|
@@ -1,15 +1,15 @@
|
|
1
1
|
import * as React from 'react';
|
2
|
-
import {
|
3
|
-
import {
|
4
|
-
import {
|
2
|
+
import { useText_unstable } from './useText';
|
3
|
+
import { renderText_unstable } from './renderText';
|
4
|
+
import { useTextStyles_unstable } from './useTextStyles';
|
5
5
|
/**
|
6
6
|
* Typography and styling abstraction component used to ensure consistency of text.
|
7
7
|
*/
|
8
8
|
|
9
9
|
export const Text = /*#__PURE__*/React.forwardRef((props, ref) => {
|
10
|
-
const state =
|
11
|
-
|
12
|
-
return
|
10
|
+
const state = useText_unstable(props, ref);
|
11
|
+
useTextStyles_unstable(state);
|
12
|
+
return renderText_unstable(state); // Work around some small mismatches in inferred types which don't matter in practice
|
13
13
|
});
|
14
14
|
Text.displayName = 'Text';
|
15
15
|
//# sourceMappingURL=Text.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,
|
1
|
+
{"version":3,"sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,gBAAT,QAAiC,WAAjC;AACA,SAAS,mBAAT,QAAoC,cAApC;AACA,SAAS,sBAAT,QAAuC,iBAAvC;AAIA;;AAEG;;AACH,OAAO,MAAM,IAAI,gBAAmC,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AAClF,QAAM,KAAK,GAAG,gBAAgB,CAAC,KAAD,EAAQ,GAAR,CAA9B;AAEA,EAAA,sBAAsB,CAAC,KAAD,CAAtB;AAEA,SAAO,mBAAmB,CAAC,KAAD,CAA1B,CALkF,CAMlF;AACD,CAPmD,CAA7C;AASP,IAAI,CAAC,WAAL,GAAmB,MAAnB","sourceRoot":""}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Text/renderText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA;;AAEG;;AACH,OAAO,MAAM,
|
1
|
+
{"version":3,"sources":["../../../src/components/Text/renderText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA;;AAEG;;AACH,OAAO,MAAM,mBAAmB,GAAI,KAAD,IAAqB;AACtD,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAY,KAAZ,CAArC;AAEA,sBAAO,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CAAP;AACD,CAJM","sourceRoot":""}
|
@@ -3,10 +3,10 @@ import type { TextProps, TextState } from './Text.types';
|
|
3
3
|
/**
|
4
4
|
* Create the state required to render Text.
|
5
5
|
*
|
6
|
-
* The returned state can be modified with hooks such as
|
7
|
-
* before being passed to
|
6
|
+
* The returned state can be modified with hooks such as useTextStyles_unstable,
|
7
|
+
* before being passed to renderText_unstable.
|
8
8
|
*
|
9
9
|
* @param props - props from this instance of Text
|
10
10
|
* @param ref - reference to root HTMLElement of Text
|
11
11
|
*/
|
12
|
-
export declare const
|
12
|
+
export declare const useText_unstable: (props: TextProps, ref: React.Ref<HTMLElement>) => TextState;
|
@@ -2,14 +2,14 @@ import { getNativeElementProps } from '@fluentui/react-utilities';
|
|
2
2
|
/**
|
3
3
|
* Create the state required to render Text.
|
4
4
|
*
|
5
|
-
* The returned state can be modified with hooks such as
|
6
|
-
* before being passed to
|
5
|
+
* The returned state can be modified with hooks such as useTextStyles_unstable,
|
6
|
+
* before being passed to renderText_unstable.
|
7
7
|
*
|
8
8
|
* @param props - props from this instance of Text
|
9
9
|
* @param ref - reference to root HTMLElement of Text
|
10
10
|
*/
|
11
11
|
|
12
|
-
export const
|
12
|
+
export const useText_unstable = (props, ref) => {
|
13
13
|
var _a;
|
14
14
|
|
15
15
|
const {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Text/useText.ts"],"names":[],"mappings":"AACA,SAAS,qBAAT,QAAsC,2BAAtC;AAGA;;;;;;;;AAQG;;AACH,OAAO,MAAM,
|
1
|
+
{"version":3,"sources":["../../../src/components/Text/useText.ts"],"names":[],"mappings":"AACA,SAAS,qBAAT,QAAsC,2BAAtC;AAGA;;;;;;;;AAQG;;AACH,OAAO,MAAM,gBAAgB,GAAG,CAAC,KAAD,EAAmB,GAAnB,KAA6D;;;AAC3F,QAAM;AAAE,IAAA,IAAF;AAAQ,IAAA,QAAR;AAAkB,IAAA,KAAlB;AAAyB,IAAA,MAAzB;AAAiC,IAAA,SAAjC;AAA4C,IAAA,aAA5C;AAA2D,IAAA,IAA3D;AAAiE,IAAA,IAAjE;AAAuE,IAAA,MAAvE;AAA+E,IAAA;AAA/E,MAAyF,KAA/F;AACA,QAAM,EAAE,GAAG,CAAA,EAAA,GAAA,KAAK,CAAC,EAAN,MAAQ,IAAR,IAAQ,EAAA,KAAA,KAAA,CAAR,GAAQ,EAAR,GAAY,MAAvB;AAEA,QAAM,KAAK,GAAc;AACvB,IAAA,IAAI,EAAE,IAAI,KAAA,IAAJ,IAAA,IAAI,KAAA,KAAA,CAAJ,GAAA,IAAA,GAAQ,IADS;AAEvB,IAAA,QAAQ,EAAE,QAAQ,KAAA,IAAR,IAAA,QAAQ,KAAA,KAAA,CAAR,GAAA,QAAA,GAAY,KAFC;AAGvB,IAAA,KAAK,EAAE,KAAK,KAAA,IAAL,IAAA,KAAK,KAAA,KAAA,CAAL,GAAA,KAAA,GAAS,KAHO;AAIvB,IAAA,MAAM,EAAE,MAAM,KAAA,IAAN,IAAA,MAAM,KAAA,KAAA,CAAN,GAAA,MAAA,GAAU,KAJK;AAKvB,IAAA,SAAS,EAAE,SAAS,KAAA,IAAT,IAAA,SAAS,KAAA,KAAA,CAAT,GAAA,SAAA,GAAa,KALD;AAMvB,IAAA,aAAa,EAAE,aAAa,KAAA,IAAb,IAAA,aAAa,KAAA,KAAA,CAAb,GAAA,aAAA,GAAiB,KANT;AAOvB,IAAA,IAAI,EAAE,IAAI,KAAA,IAAJ,IAAA,IAAI,KAAA,KAAA,CAAJ,GAAA,IAAA,GAAQ,GAPS;AAQvB,IAAA,IAAI,EAAE,IAAI,KAAA,IAAJ,IAAA,IAAI,KAAA,KAAA,CAAJ,GAAA,IAAA,GAAQ,MARS;AASvB,IAAA,MAAM,EAAE,MAAM,KAAA,IAAN,IAAA,MAAM,KAAA,KAAA,CAAN,GAAA,MAAA,GAAU,SATK;AAUvB,IAAA,KAAK,EAAE,KAAK,KAAA,IAAL,IAAA,KAAK,KAAA,KAAA,CAAL,GAAA,KAAA,GAAS,OAVO;AAYvB,IAAA,UAAU,EAAE;AAAE,MAAA,IAAI,EAAE;AAAR,KAZW;AAcvB,IAAA,IAAI,EAAE,qBAAqB,CAAC,EAAD,EAAK;AAC9B,MAAA,GAD8B;AAE9B,SAAG,KAF2B;AAG9B,MAAA;AAH8B,KAAL;AAdJ,GAAzB;AAqBA,SAAO,KAAP;AACD,CA1BM","sourceRoot":""}
|
@@ -1,4 +1,5 @@
|
|
1
1
|
import { __styles, mergeClasses, shorthands } from '@fluentui/react-make-styles';
|
2
|
+
import { tokens } from '@fluentui/react-theme';
|
2
3
|
export const textClassName = 'fui-Text';
|
3
4
|
/**
|
4
5
|
* Styles for the root slot
|
@@ -105,7 +106,7 @@ const useStyles = /*#__PURE__*/__styles({
|
|
105
106
|
*/
|
106
107
|
|
107
108
|
|
108
|
-
export const
|
109
|
+
export const useTextStyles_unstable = state => {
|
109
110
|
const styles = useStyles();
|
110
111
|
state.root.className = mergeClasses(textClassName, styles.root, state.wrap === false && styles.nowrap, state.truncate && styles.truncate, state.block && styles.block, state.italic && styles.italic, state.underline && styles.underline, state.strikethrough && styles.strikethrough, state.underline && state.strikethrough && styles.strikethroughUnderline, state.size === 100 && styles.base100, state.size === 200 && styles.base200, state.size === 400 && styles.base400, state.size === 500 && styles.base500, state.size === 600 && styles.base600, state.size === 700 && styles.hero700, state.size === 800 && styles.hero800, state.size === 900 && styles.hero900, state.size === 1000 && styles.hero1000, state.font === 'monospace' && styles.monospace, state.font === 'numeric' && styles.numeric, state.weight === 'medium' && styles.weightMedium, state.weight === 'semibold' && styles.weightSemibold, state.align === 'center' && styles.alignCenter, state.align === 'end' && styles.alignEnd, state.align === 'justify' && styles.alignJustify, state.root.className);
|
111
112
|
return state;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Text/useTextStyles.ts"],"names":[],"mappings":"AAAA,mBAAqB,YAArB,EAAmC,UAAnC,QAAqD,6BAArD;AAGA,OAAO,MAAM,aAAa,GAAG,UAAtB;AAEP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AA6FA;;AAEG;;;AACH,OAAO,MAAM,
|
1
|
+
{"version":3,"sources":["../../../src/components/Text/useTextStyles.ts"],"names":[],"mappings":"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","sourceRoot":""}
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import * as React from 'react';
|
2
2
|
import { mergeClasses } from '@fluentui/react-make-styles';
|
3
|
-
import {
|
3
|
+
import { renderText_unstable, useText_unstable, useTextStyles_unstable } from '../Text';
|
4
4
|
export function createWrapper(options) {
|
5
5
|
const {
|
6
6
|
useStyles,
|
@@ -9,10 +9,10 @@ export function createWrapper(options) {
|
|
9
9
|
} = options;
|
10
10
|
const Wrapper = /*#__PURE__*/React.forwardRef((props, ref) => {
|
11
11
|
const styles = useStyles();
|
12
|
-
const state =
|
13
|
-
|
12
|
+
const state = useText_unstable(props, ref);
|
13
|
+
useTextStyles_unstable(state);
|
14
14
|
state.root.className = mergeClasses(className, state.root.className, styles.root, props.className);
|
15
|
-
return
|
15
|
+
return renderText_unstable(state);
|
16
16
|
});
|
17
17
|
Wrapper.displayName = displayName;
|
18
18
|
return Wrapper;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../src/components/wrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,YAAT,QAA6B,6BAA7B;AACA,SAAS,
|
1
|
+
{"version":3,"sources":["../../src/components/wrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,YAAT,QAA6B,6BAA7B;AACA,SAAS,mBAAT,EAA8B,gBAA9B,EAAgD,sBAAhD,QAA8E,SAA9E;AAMA,OAAM,SAAU,aAAV,CAAwB,OAAxB,EAIL;AACC,QAAM;AAAE,IAAA,SAAF;AAAa,IAAA,SAAb;AAAwB,IAAA;AAAxB,MAAwC,OAA9C;AACA,QAAM,OAAO,gBAA0C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACrF,UAAM,MAAM,GAAG,SAAS,EAAxB;AACA,UAAM,KAAK,GAAG,gBAAgB,CAAC,KAAD,EAAqB,GAArB,CAA9B;AAEA,IAAA,sBAAsB,CAAC,KAAD,CAAtB;AAEA,IAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,SAAD,EAAY,KAAK,CAAC,IAAN,CAAW,SAAvB,EAAkC,MAAM,CAAC,IAAzC,EAA+C,KAAK,CAAC,SAArD,CAAnC;AAEA,WAAO,mBAAmB,CAAC,KAAD,CAA1B;AACD,GATsD,CAAvD;AAUA,EAAA,OAAO,CAAC,WAAR,GAAsB,WAAtB;AAEA,SAAO,OAAP;AACD","sourceRoot":""}
|
@@ -1,14 +1,13 @@
|
|
1
|
-
import type {
|
2
|
-
import type { Theme } from '@fluentui/react-theme';
|
1
|
+
import type { MakeStylesStyle } from '@fluentui/react-make-styles';
|
3
2
|
/**
|
4
3
|
* Make-styles rules for the typography variants
|
5
4
|
*/
|
6
|
-
export declare const caption:
|
7
|
-
export declare const body:
|
8
|
-
export declare const subheadline:
|
9
|
-
export declare const headline:
|
10
|
-
export declare const title3:
|
11
|
-
export declare const title2:
|
12
|
-
export declare const title1:
|
13
|
-
export declare const largeTitle:
|
14
|
-
export declare const display:
|
5
|
+
export declare const caption: MakeStylesStyle;
|
6
|
+
export declare const body: MakeStylesStyle;
|
7
|
+
export declare const subheadline: MakeStylesStyle;
|
8
|
+
export declare const headline: MakeStylesStyle;
|
9
|
+
export declare const title3: MakeStylesStyle;
|
10
|
+
export declare const title2: MakeStylesStyle;
|
11
|
+
export declare const title1: MakeStylesStyle;
|
12
|
+
export declare const largeTitle: MakeStylesStyle;
|
13
|
+
export declare const display: MakeStylesStyle;
|
@@ -1,58 +1,60 @@
|
|
1
|
+
import { tokens } from '@fluentui/react-theme';
|
1
2
|
/**
|
2
3
|
* Make-styles rules for the typography variants
|
3
4
|
*/
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
5
|
+
|
6
|
+
export const caption = {
|
7
|
+
fontFamily: tokens.fontFamilyBase,
|
8
|
+
fontSize: tokens.fontSizeBase200,
|
9
|
+
lineHeight: tokens.lineHeightBase200,
|
10
|
+
fontWeight: tokens.fontWeightRegular
|
11
|
+
};
|
12
|
+
export const body = {
|
13
|
+
fontFamily: tokens.fontFamilyBase,
|
14
|
+
fontSize: tokens.fontSizeBase300,
|
15
|
+
lineHeight: tokens.lineHeightBase300,
|
16
|
+
fontWeight: tokens.fontWeightRegular
|
17
|
+
};
|
18
|
+
export const subheadline = {
|
19
|
+
fontFamily: tokens.fontFamilyBase,
|
20
|
+
fontSize: tokens.fontSizeBase400,
|
21
|
+
lineHeight: tokens.lineHeightBase400,
|
22
|
+
fontWeight: tokens.fontWeightSemibold
|
23
|
+
};
|
24
|
+
export const headline = {
|
25
|
+
fontFamily: tokens.fontFamilyBase,
|
26
|
+
fontSize: tokens.fontSizeBase500,
|
27
|
+
lineHeight: tokens.lineHeightBase500,
|
28
|
+
fontWeight: tokens.fontWeightSemibold
|
29
|
+
};
|
30
|
+
export const title3 = {
|
31
|
+
fontFamily: tokens.fontFamilyBase,
|
32
|
+
fontSize: tokens.fontSizeBase600,
|
33
|
+
lineHeight: tokens.lineHeightBase600,
|
34
|
+
fontWeight: tokens.fontWeightSemibold
|
35
|
+
};
|
36
|
+
export const title2 = {
|
37
|
+
fontFamily: tokens.fontFamilyBase,
|
38
|
+
fontSize: tokens.fontSizeHero700,
|
39
|
+
lineHeight: tokens.lineHeightHero700,
|
40
|
+
fontWeight: tokens.fontWeightSemibold
|
41
|
+
};
|
42
|
+
export const title1 = {
|
43
|
+
fontFamily: tokens.fontFamilyBase,
|
44
|
+
fontSize: tokens.fontSizeHero800,
|
45
|
+
lineHeight: tokens.lineHeightHero800,
|
46
|
+
fontWeight: tokens.fontWeightSemibold
|
47
|
+
};
|
48
|
+
export const largeTitle = {
|
49
|
+
fontFamily: tokens.fontFamilyBase,
|
50
|
+
fontSize: tokens.fontSizeHero900,
|
51
|
+
lineHeight: tokens.lineHeightHero900,
|
52
|
+
fontWeight: tokens.fontWeightSemibold
|
53
|
+
};
|
54
|
+
export const display = {
|
55
|
+
fontFamily: tokens.fontFamilyBase,
|
56
|
+
fontSize: tokens.fontSizeHero1000,
|
57
|
+
lineHeight: tokens.lineHeightHero1000,
|
58
|
+
fontWeight: tokens.fontWeightSemibold
|
59
|
+
};
|
58
60
|
//# sourceMappingURL=typographyStyles.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../src/typographyStyles/typographyStyles.ts"],"names":[],"mappings":"AAGA;;AAEG
|
1
|
+
{"version":3,"sources":["../../src/typographyStyles/typographyStyles.ts"],"names":[],"mappings":"AAAA,SAAS,MAAT,QAAuB,uBAAvB;AAGA;;AAEG;;AACH,OAAO,MAAM,OAAO,GAAoB;AACtC,EAAA,UAAU,EAAE,MAAM,CAAC,cADmB;AAEtC,EAAA,QAAQ,EAAE,MAAM,CAAC,eAFqB;AAGtC,EAAA,UAAU,EAAE,MAAM,CAAC,iBAHmB;AAItC,EAAA,UAAU,EAAE,MAAM,CAAC;AAJmB,CAAjC;AAMP,OAAO,MAAM,IAAI,GAAoB;AACnC,EAAA,UAAU,EAAE,MAAM,CAAC,cADgB;AAEnC,EAAA,QAAQ,EAAE,MAAM,CAAC,eAFkB;AAGnC,EAAA,UAAU,EAAE,MAAM,CAAC,iBAHgB;AAInC,EAAA,UAAU,EAAE,MAAM,CAAC;AAJgB,CAA9B;AAMP,OAAO,MAAM,WAAW,GAAoB;AAC1C,EAAA,UAAU,EAAE,MAAM,CAAC,cADuB;AAE1C,EAAA,QAAQ,EAAE,MAAM,CAAC,eAFyB;AAG1C,EAAA,UAAU,EAAE,MAAM,CAAC,iBAHuB;AAI1C,EAAA,UAAU,EAAE,MAAM,CAAC;AAJuB,CAArC;AAMP,OAAO,MAAM,QAAQ,GAAoB;AACvC,EAAA,UAAU,EAAE,MAAM,CAAC,cADoB;AAEvC,EAAA,QAAQ,EAAE,MAAM,CAAC,eAFsB;AAGvC,EAAA,UAAU,EAAE,MAAM,CAAC,iBAHoB;AAIvC,EAAA,UAAU,EAAE,MAAM,CAAC;AAJoB,CAAlC;AAMP,OAAO,MAAM,MAAM,GAAoB;AACrC,EAAA,UAAU,EAAE,MAAM,CAAC,cADkB;AAErC,EAAA,QAAQ,EAAE,MAAM,CAAC,eAFoB;AAGrC,EAAA,UAAU,EAAE,MAAM,CAAC,iBAHkB;AAIrC,EAAA,UAAU,EAAE,MAAM,CAAC;AAJkB,CAAhC;AAMP,OAAO,MAAM,MAAM,GAAoB;AACrC,EAAA,UAAU,EAAE,MAAM,CAAC,cADkB;AAErC,EAAA,QAAQ,EAAE,MAAM,CAAC,eAFoB;AAGrC,EAAA,UAAU,EAAE,MAAM,CAAC,iBAHkB;AAIrC,EAAA,UAAU,EAAE,MAAM,CAAC;AAJkB,CAAhC;AAMP,OAAO,MAAM,MAAM,GAAoB;AACrC,EAAA,UAAU,EAAE,MAAM,CAAC,cADkB;AAErC,EAAA,QAAQ,EAAE,MAAM,CAAC,eAFoB;AAGrC,EAAA,UAAU,EAAE,MAAM,CAAC,iBAHkB;AAIrC,EAAA,UAAU,EAAE,MAAM,CAAC;AAJkB,CAAhC;AAMP,OAAO,MAAM,UAAU,GAAoB;AACzC,EAAA,UAAU,EAAE,MAAM,CAAC,cADsB;AAEzC,EAAA,QAAQ,EAAE,MAAM,CAAC,eAFwB;AAGzC,EAAA,UAAU,EAAE,MAAM,CAAC,iBAHsB;AAIzC,EAAA,UAAU,EAAE,MAAM,CAAC;AAJsB,CAApC;AAMP,OAAO,MAAM,OAAO,GAAoB;AACtC,EAAA,UAAU,EAAE,MAAM,CAAC,cADmB;AAEtC,EAAA,QAAQ,EAAE,MAAM,CAAC,gBAFqB;AAGtC,EAAA,UAAU,EAAE,MAAM,CAAC,kBAHmB;AAItC,EAAA,UAAU,EAAE,MAAM,CAAC;AAJmB,CAAjC","sourceRoot":""}
|
@@ -16,9 +16,7 @@ exports.bodyClassName = 'fui-Body';
|
|
16
16
|
* Styles for the root slot
|
17
17
|
*/
|
18
18
|
|
19
|
-
const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
20
|
-
"root": {}
|
21
|
-
}, {});
|
19
|
+
const useStyles = /*#__PURE__*/react_make_styles_1.__styles({}, {});
|
22
20
|
/**
|
23
21
|
* Text wrapper component for the Body typography variant
|
24
22
|
*/
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Body/Body.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAEa,OAAA,CAAA,aAAA,GAAgB,UAAhB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA
|
1
|
+
{"version":3,"sources":["../../../src/components/Body/Body.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAEa,OAAA,CAAA,aAAA,GAAgB,UAAhB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA,QAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,IAAA,gBAA4C,SAAA,CAAA,aAAA,CAAc;AACrE,EAAA,SADqE;AAErE,EAAA,SAAS,EAAE,OAAA,CAAA,aAF0D;AAGrE,EAAA,WAAW,EAAE;AAHwD,CAAd,CAA5C","sourceRoot":""}
|
@@ -16,9 +16,7 @@ exports.captionClassName = 'fui-Caption';
|
|
16
16
|
* Styles for the root slot
|
17
17
|
*/
|
18
18
|
|
19
|
-
const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
20
|
-
"root": {}
|
21
|
-
}, {});
|
19
|
+
const useStyles = /*#__PURE__*/react_make_styles_1.__styles({}, {});
|
22
20
|
/**
|
23
21
|
* Text wrapper component for the Caption typography variant
|
24
22
|
*/
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Caption/Caption.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAEa,OAAA,CAAA,gBAAA,GAAmB,aAAnB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA
|
1
|
+
{"version":3,"sources":["../../../src/components/Caption/Caption.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAEa,OAAA,CAAA,gBAAA,GAAmB,aAAnB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA,QAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,OAAA,gBAA+C,SAAA,CAAA,aAAA,CAAc;AACxE,EAAA,SADwE;AAExE,EAAA,SAAS,EAAE,OAAA,CAAA,gBAF6D;AAGxE,EAAA,WAAW,EAAE;AAH2D,CAAd,CAA/C","sourceRoot":""}
|
@@ -16,9 +16,7 @@ exports.displayClassName = 'fui-Display';
|
|
16
16
|
* Styles for the root slot
|
17
17
|
*/
|
18
18
|
|
19
|
-
const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
20
|
-
"root": {}
|
21
|
-
}, {});
|
19
|
+
const useStyles = /*#__PURE__*/react_make_styles_1.__styles({}, {});
|
22
20
|
/**
|
23
21
|
* Text wrapper component for the Display typography variant
|
24
22
|
*/
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Display/Display.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAEa,OAAA,CAAA,gBAAA,GAAmB,aAAnB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA
|
1
|
+
{"version":3,"sources":["../../../src/components/Display/Display.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAEa,OAAA,CAAA,gBAAA,GAAmB,aAAnB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA,QAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,OAAA,gBAA+C,SAAA,CAAA,aAAA,CAAc;AACxE,EAAA,SADwE;AAExE,EAAA,SAAS,EAAE,OAAA,CAAA,gBAF6D;AAGxE,EAAA,WAAW,EAAE;AAH2D,CAAd,CAA/C","sourceRoot":""}
|
@@ -16,9 +16,7 @@ exports.headlineClassName = 'fui-Headline';
|
|
16
16
|
* Styles for the root slot
|
17
17
|
*/
|
18
18
|
|
19
|
-
const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
20
|
-
"root": {}
|
21
|
-
}, {});
|
19
|
+
const useStyles = /*#__PURE__*/react_make_styles_1.__styles({}, {});
|
22
20
|
/**
|
23
21
|
* Text wrapper component for the Headline typography variant
|
24
22
|
*/
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Headline/Headline.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAEa,OAAA,CAAA,iBAAA,GAAoB,cAApB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA
|
1
|
+
{"version":3,"sources":["../../../src/components/Headline/Headline.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAEa,OAAA,CAAA,iBAAA,GAAoB,cAApB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA,QAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,QAAA,gBAAgD,SAAA,CAAA,aAAA,CAAc;AACzE,EAAA,SADyE;AAEzE,EAAA,SAAS,EAAE,OAAA,CAAA,iBAF8D;AAGzE,EAAA,WAAW,EAAE;AAH4D,CAAd,CAAhD","sourceRoot":""}
|
@@ -16,9 +16,7 @@ exports.largeTitleClassName = 'fui-LargeTitle';
|
|
16
16
|
* Styles for the root slot
|
17
17
|
*/
|
18
18
|
|
19
|
-
const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
20
|
-
"root": {}
|
21
|
-
}, {});
|
19
|
+
const useStyles = /*#__PURE__*/react_make_styles_1.__styles({}, {});
|
22
20
|
/**
|
23
21
|
* Text wrapper component for the Large Title typography variant
|
24
22
|
*/
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/LargeTitle/LargeTitle.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAEa,OAAA,CAAA,mBAAA,GAAsB,gBAAtB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA
|
1
|
+
{"version":3,"sources":["../../../src/components/LargeTitle/LargeTitle.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAEa,OAAA,CAAA,mBAAA,GAAsB,gBAAtB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA,QAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,UAAA,gBAAkD,SAAA,CAAA,aAAA,CAAc;AAC3E,EAAA,SAD2E;AAE3E,EAAA,SAAS,EAAE,OAAA,CAAA,mBAFgE;AAG3E,EAAA,WAAW,EAAE;AAH8D,CAAd,CAAlD","sourceRoot":""}
|
@@ -16,9 +16,7 @@ exports.subheadlineClassName = 'fui-Subheadline';
|
|
16
16
|
* Styles for the root slot
|
17
17
|
*/
|
18
18
|
|
19
|
-
const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
20
|
-
"root": {}
|
21
|
-
}, {});
|
19
|
+
const useStyles = /*#__PURE__*/react_make_styles_1.__styles({}, {});
|
22
20
|
/**
|
23
21
|
* Text wrapper component for the Subheadline typography variant
|
24
22
|
*/
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Subheadline/Subheadline.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAEa,OAAA,CAAA,oBAAA,GAAuB,iBAAvB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA
|
1
|
+
{"version":3,"sources":["../../../src/components/Subheadline/Subheadline.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAEa,OAAA,CAAA,oBAAA,GAAuB,iBAAvB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA,QAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,WAAA,gBAAmD,SAAA,CAAA,aAAA,CAAc;AAC5E,EAAA,SAD4E;AAE5E,EAAA,SAAS,EAAE,OAAA,CAAA,oBAFiE;AAG5E,EAAA,WAAW,EAAE;AAH+D,CAAd,CAAnD","sourceRoot":""}
|
@@ -18,9 +18,9 @@ const useTextStyles_1 = /*#__PURE__*/require("./useTextStyles");
|
|
18
18
|
|
19
19
|
|
20
20
|
exports.Text = /*#__PURE__*/React.forwardRef((props, ref) => {
|
21
|
-
const state = useText_1.
|
22
|
-
useTextStyles_1.
|
23
|
-
return renderText_1.
|
21
|
+
const state = useText_1.useText_unstable(props, ref);
|
22
|
+
useTextStyles_1.useTextStyles_unstable(state);
|
23
|
+
return renderText_1.renderText_unstable(state); // Work around some small mismatches in inferred types which don't matter in practice
|
24
24
|
});
|
25
25
|
exports.Text.displayName = 'Text';
|
26
26
|
//# sourceMappingURL=Text.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AACA,MAAA,YAAA,gBAAA,OAAA,CAAA,cAAA,CAAA;;AACA,MAAA,eAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,IAAA,gBAAuC,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AAClF,QAAM,KAAK,GAAG,SAAA,CAAA,
|
1
|
+
{"version":3,"sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AACA,MAAA,YAAA,gBAAA,OAAA,CAAA,cAAA,CAAA;;AACA,MAAA,eAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,IAAA,gBAAuC,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AAClF,QAAM,KAAK,GAAG,SAAA,CAAA,gBAAA,CAAiB,KAAjB,EAAwB,GAAxB,CAAd;AAEA,EAAA,eAAA,CAAA,sBAAA,CAAuB,KAAvB;AAEA,SAAO,YAAA,CAAA,mBAAA,CAAoB,KAApB,CAAP,CALkF,CAMlF;AACD,CAPmD,CAAvC;AASb,OAAA,CAAA,IAAA,CAAK,WAAL,GAAmB,MAAnB","sourceRoot":""}
|
@@ -3,7 +3,7 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.
|
6
|
+
exports.renderText_unstable = void 0;
|
7
7
|
|
8
8
|
const React = /*#__PURE__*/require("react");
|
9
9
|
|
@@ -13,7 +13,7 @@ const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
|
13
13
|
*/
|
14
14
|
|
15
15
|
|
16
|
-
const
|
16
|
+
const renderText_unstable = state => {
|
17
17
|
const {
|
18
18
|
slots,
|
19
19
|
slotProps
|
@@ -22,5 +22,5 @@ const renderText = state => {
|
|
22
22
|
});
|
23
23
|
};
|
24
24
|
|
25
|
-
exports.
|
25
|
+
exports.renderText_unstable = renderText_unstable;
|
26
26
|
//# sourceMappingURL=renderText.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Text/renderText.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,
|
1
|
+
{"version":3,"sources":["../../../src/components/Text/renderText.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,mBAAmB,GAAI,KAAD,IAAqB;AACtD,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAAoB,KAApB,CAA7B;AAEA,SAAO,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CAAP;AACD,CAJM;;AAAM,OAAA,CAAA,mBAAA,GAAmB,mBAAnB","sourceRoot":""}
|
@@ -3,10 +3,10 @@ import type { TextProps, TextState } from './Text.types';
|
|
3
3
|
/**
|
4
4
|
* Create the state required to render Text.
|
5
5
|
*
|
6
|
-
* The returned state can be modified with hooks such as
|
7
|
-
* before being passed to
|
6
|
+
* The returned state can be modified with hooks such as useTextStyles_unstable,
|
7
|
+
* before being passed to renderText_unstable.
|
8
8
|
*
|
9
9
|
* @param props - props from this instance of Text
|
10
10
|
* @param ref - reference to root HTMLElement of Text
|
11
11
|
*/
|
12
|
-
export declare const
|
12
|
+
export declare const useText_unstable: (props: TextProps, ref: React.Ref<HTMLElement>) => TextState;
|
@@ -3,21 +3,21 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.
|
6
|
+
exports.useText_unstable = void 0;
|
7
7
|
|
8
8
|
const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
9
9
|
/**
|
10
10
|
* Create the state required to render Text.
|
11
11
|
*
|
12
|
-
* The returned state can be modified with hooks such as
|
13
|
-
* before being passed to
|
12
|
+
* The returned state can be modified with hooks such as useTextStyles_unstable,
|
13
|
+
* before being passed to renderText_unstable.
|
14
14
|
*
|
15
15
|
* @param props - props from this instance of Text
|
16
16
|
* @param ref - reference to root HTMLElement of Text
|
17
17
|
*/
|
18
18
|
|
19
19
|
|
20
|
-
const
|
20
|
+
const useText_unstable = (props, ref) => {
|
21
21
|
var _a;
|
22
22
|
|
23
23
|
const {
|
@@ -56,5 +56,5 @@ const useText = (props, ref) => {
|
|
56
56
|
return state;
|
57
57
|
};
|
58
58
|
|
59
|
-
exports.
|
59
|
+
exports.useText_unstable = useText_unstable;
|
60
60
|
//# sourceMappingURL=useText.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Text/useText.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;;;;;;;AAQG;;;AACI,MAAM,
|
1
|
+
{"version":3,"sources":["../../../src/components/Text/useText.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;;;;;;;AAQG;;;AACI,MAAM,gBAAgB,GAAG,CAAC,KAAD,EAAmB,GAAnB,KAA6D;;;AAC3F,QAAM;AAAE,IAAA,IAAF;AAAQ,IAAA,QAAR;AAAkB,IAAA,KAAlB;AAAyB,IAAA,MAAzB;AAAiC,IAAA,SAAjC;AAA4C,IAAA,aAA5C;AAA2D,IAAA,IAA3D;AAAiE,IAAA,IAAjE;AAAuE,IAAA,MAAvE;AAA+E,IAAA;AAA/E,MAAyF,KAA/F;AACA,QAAM,EAAE,GAAG,CAAA,EAAA,GAAA,KAAK,CAAC,EAAN,MAAQ,IAAR,IAAQ,EAAA,KAAA,KAAA,CAAR,GAAQ,EAAR,GAAY,MAAvB;AAEA,QAAM,KAAK,GAAc;AACvB,IAAA,IAAI,EAAE,IAAI,KAAA,IAAJ,IAAA,IAAI,KAAA,KAAA,CAAJ,GAAA,IAAA,GAAQ,IADS;AAEvB,IAAA,QAAQ,EAAE,QAAQ,KAAA,IAAR,IAAA,QAAQ,KAAA,KAAA,CAAR,GAAA,QAAA,GAAY,KAFC;AAGvB,IAAA,KAAK,EAAE,KAAK,KAAA,IAAL,IAAA,KAAK,KAAA,KAAA,CAAL,GAAA,KAAA,GAAS,KAHO;AAIvB,IAAA,MAAM,EAAE,MAAM,KAAA,IAAN,IAAA,MAAM,KAAA,KAAA,CAAN,GAAA,MAAA,GAAU,KAJK;AAKvB,IAAA,SAAS,EAAE,SAAS,KAAA,IAAT,IAAA,SAAS,KAAA,KAAA,CAAT,GAAA,SAAA,GAAa,KALD;AAMvB,IAAA,aAAa,EAAE,aAAa,KAAA,IAAb,IAAA,aAAa,KAAA,KAAA,CAAb,GAAA,aAAA,GAAiB,KANT;AAOvB,IAAA,IAAI,EAAE,IAAI,KAAA,IAAJ,IAAA,IAAI,KAAA,KAAA,CAAJ,GAAA,IAAA,GAAQ,GAPS;AAQvB,IAAA,IAAI,EAAE,IAAI,KAAA,IAAJ,IAAA,IAAI,KAAA,KAAA,CAAJ,GAAA,IAAA,GAAQ,MARS;AASvB,IAAA,MAAM,EAAE,MAAM,KAAA,IAAN,IAAA,MAAM,KAAA,KAAA,CAAN,GAAA,MAAA,GAAU,SATK;AAUvB,IAAA,KAAK,EAAE,KAAK,KAAA,IAAL,IAAA,KAAK,KAAA,KAAA,CAAL,GAAA,KAAA,GAAS,OAVO;AAYvB,IAAA,UAAU,EAAE;AAAE,MAAA,IAAI,EAAE;AAAR,KAZW;AAcvB,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,EAAtB,EAA0B;AAC9B,MAAA,GAD8B;AAE9B,SAAG,KAF2B;AAG9B,MAAA;AAH8B,KAA1B;AAdiB,GAAzB;AAqBA,SAAO,KAAP;AACD,CA1BM;;AAAM,OAAA,CAAA,gBAAA,GAAgB,gBAAhB","sourceRoot":""}
|
@@ -3,10 +3,12 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.
|
6
|
+
exports.useTextStyles_unstable = exports.textClassName = void 0;
|
7
7
|
|
8
8
|
const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
|
9
9
|
|
10
|
+
const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
|
11
|
+
|
10
12
|
exports.textClassName = 'fui-Text';
|
11
13
|
/**
|
12
14
|
* Styles for the root slot
|
@@ -113,11 +115,11 @@ const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
113
115
|
*/
|
114
116
|
|
115
117
|
|
116
|
-
const
|
118
|
+
const useTextStyles_unstable = state => {
|
117
119
|
const styles = useStyles();
|
118
120
|
state.root.className = react_make_styles_1.mergeClasses(exports.textClassName, styles.root, state.wrap === false && styles.nowrap, state.truncate && styles.truncate, state.block && styles.block, state.italic && styles.italic, state.underline && styles.underline, state.strikethrough && styles.strikethrough, state.underline && state.strikethrough && styles.strikethroughUnderline, state.size === 100 && styles.base100, state.size === 200 && styles.base200, state.size === 400 && styles.base400, state.size === 500 && styles.base500, state.size === 600 && styles.base600, state.size === 700 && styles.hero700, state.size === 800 && styles.hero800, state.size === 900 && styles.hero900, state.size === 1000 && styles.hero1000, state.font === 'monospace' && styles.monospace, state.font === 'numeric' && styles.numeric, state.weight === 'medium' && styles.weightMedium, state.weight === 'semibold' && styles.weightSemibold, state.align === 'center' && styles.alignCenter, state.align === 'end' && styles.alignEnd, state.align === 'justify' && styles.alignJustify, state.root.className);
|
119
121
|
return state;
|
120
122
|
};
|
121
123
|
|
122
|
-
exports.
|
124
|
+
exports.useTextStyles_unstable = useTextStyles_unstable;
|
123
125
|
//# sourceMappingURL=useTextStyles.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Text/useTextStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAGa,OAAA,CAAA,aAAA,GAAgB,UAAhB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AA6FA;;AAEG;;;AACI,MAAM,
|
1
|
+
{"version":3,"sources":["../../../src/components/Text/useTextStyles.ts"],"names":[],"mappings":"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","sourceRoot":""}
|
@@ -16,9 +16,7 @@ exports.title1ClassName = 'fui-Title1';
|
|
16
16
|
* Styles for the root slot
|
17
17
|
*/
|
18
18
|
|
19
|
-
const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
20
|
-
"root": {}
|
21
|
-
}, {});
|
19
|
+
const useStyles = /*#__PURE__*/react_make_styles_1.__styles({}, {});
|
22
20
|
/**
|
23
21
|
* Text wrapper component for the Title 1 typography variant
|
24
22
|
*/
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Title1/Title1.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAEa,OAAA,CAAA,eAAA,GAAkB,YAAlB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA
|
1
|
+
{"version":3,"sources":["../../../src/components/Title1/Title1.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAEa,OAAA,CAAA,eAAA,GAAkB,YAAlB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA,QAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,MAAA,gBAA8C,SAAA,CAAA,aAAA,CAAc;AACvE,EAAA,SADuE;AAEvE,EAAA,SAAS,EAAE,OAAA,CAAA,eAF4D;AAGvE,EAAA,WAAW,EAAE;AAH0D,CAAd,CAA9C","sourceRoot":""}
|
@@ -16,9 +16,7 @@ exports.title2ClassName = 'fui-Title2';
|
|
16
16
|
* Styles for the root slot
|
17
17
|
*/
|
18
18
|
|
19
|
-
const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
20
|
-
"root": {}
|
21
|
-
}, {});
|
19
|
+
const useStyles = /*#__PURE__*/react_make_styles_1.__styles({}, {});
|
22
20
|
/**
|
23
21
|
* Text wrapper component for the Title 2 typography variant
|
24
22
|
*/
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Title2/Title2.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAEa,OAAA,CAAA,eAAA,GAAkB,YAAlB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA
|
1
|
+
{"version":3,"sources":["../../../src/components/Title2/Title2.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAEa,OAAA,CAAA,eAAA,GAAkB,YAAlB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA,QAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,MAAA,gBAA8C,SAAA,CAAA,aAAA,CAAc;AACvE,EAAA,SADuE;AAEvE,EAAA,SAAS,EAAE,OAAA,CAAA,eAF4D;AAGvE,EAAA,WAAW,EAAE;AAH0D,CAAd,CAA9C","sourceRoot":""}
|
@@ -16,9 +16,7 @@ exports.title3ClassName = 'fui-Title3';
|
|
16
16
|
* Styles for the root slot
|
17
17
|
*/
|
18
18
|
|
19
|
-
const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
20
|
-
"root": {}
|
21
|
-
}, {});
|
19
|
+
const useStyles = /*#__PURE__*/react_make_styles_1.__styles({}, {});
|
22
20
|
/**
|
23
21
|
* Text wrapper component for the Title 3 typography variant
|
24
22
|
*/
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Title3/Title3.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAEa,OAAA,CAAA,eAAA,GAAkB,YAAlB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA
|
1
|
+
{"version":3,"sources":["../../../src/components/Title3/Title3.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAEa,OAAA,CAAA,eAAA,GAAkB,YAAlB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA,QAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,MAAA,gBAA8C,SAAA,CAAA,aAAA,CAAc;AACvE,EAAA,SADuE;AAEvE,EAAA,SAAS,EAAE,OAAA,CAAA,eAF4D;AAGvE,EAAA,WAAW,EAAE;AAH0D,CAAd,CAA9C","sourceRoot":""}
|
@@ -19,10 +19,10 @@ function createWrapper(options) {
|
|
19
19
|
} = options;
|
20
20
|
const Wrapper = React.forwardRef((props, ref) => {
|
21
21
|
const styles = useStyles();
|
22
|
-
const state = Text_1.
|
23
|
-
Text_1.
|
22
|
+
const state = Text_1.useText_unstable(props, ref);
|
23
|
+
Text_1.useTextStyles_unstable(state);
|
24
24
|
state.root.className = react_make_styles_1.mergeClasses(className, state.root.className, styles.root, props.className);
|
25
|
-
return Text_1.
|
25
|
+
return Text_1.renderText_unstable(state);
|
26
26
|
});
|
27
27
|
Wrapper.displayName = displayName;
|
28
28
|
return Wrapper;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../src/components/wrapper.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,MAAA,gBAAA,OAAA,CAAA,SAAA,CAAA;;AAMA,SAAgB,aAAhB,CAA8B,OAA9B,EAIC;AACC,QAAM;AAAE,IAAA,SAAF;AAAa,IAAA,SAAb;AAAwB,IAAA;AAAxB,MAAwC,OAA9C;AACA,QAAM,OAAO,GAA0C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACrF,UAAM,MAAM,GAAG,SAAS,EAAxB;AACA,UAAM,KAAK,GAAG,MAAA,CAAA,
|
1
|
+
{"version":3,"sources":["../../src/components/wrapper.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,MAAA,gBAAA,OAAA,CAAA,SAAA,CAAA;;AAMA,SAAgB,aAAhB,CAA8B,OAA9B,EAIC;AACC,QAAM;AAAE,IAAA,SAAF;AAAa,IAAA,SAAb;AAAwB,IAAA;AAAxB,MAAwC,OAA9C;AACA,QAAM,OAAO,GAA0C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACrF,UAAM,MAAM,GAAG,SAAS,EAAxB;AACA,UAAM,KAAK,GAAG,MAAA,CAAA,gBAAA,CAAiB,KAAjB,EAAqC,GAArC,CAAd;AAEA,IAAA,MAAA,CAAA,sBAAA,CAAuB,KAAvB;AAEA,IAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CAAa,SAAb,EAAwB,KAAK,CAAC,IAAN,CAAW,SAAnC,EAA8C,MAAM,CAAC,IAArD,EAA2D,KAAK,CAAC,SAAjE,CAAvB;AAEA,WAAO,MAAA,CAAA,mBAAA,CAAoB,KAApB,CAAP;AACD,GATsD,CAAvD;AAUA,EAAA,OAAO,CAAC,WAAR,GAAsB,WAAtB;AAEA,SAAO,OAAP;AACD;;AAnBD,OAAA,CAAA,aAAA,GAAA,aAAA","sourceRoot":""}
|
@@ -1,14 +1,13 @@
|
|
1
|
-
import type {
|
2
|
-
import type { Theme } from '@fluentui/react-theme';
|
1
|
+
import type { MakeStylesStyle } from '@fluentui/react-make-styles';
|
3
2
|
/**
|
4
3
|
* Make-styles rules for the typography variants
|
5
4
|
*/
|
6
|
-
export declare const caption:
|
7
|
-
export declare const body:
|
8
|
-
export declare const subheadline:
|
9
|
-
export declare const headline:
|
10
|
-
export declare const title3:
|
11
|
-
export declare const title2:
|
12
|
-
export declare const title1:
|
13
|
-
export declare const largeTitle:
|
14
|
-
export declare const display:
|
5
|
+
export declare const caption: MakeStylesStyle;
|
6
|
+
export declare const body: MakeStylesStyle;
|
7
|
+
export declare const subheadline: MakeStylesStyle;
|
8
|
+
export declare const headline: MakeStylesStyle;
|
9
|
+
export declare const title3: MakeStylesStyle;
|
10
|
+
export declare const title2: MakeStylesStyle;
|
11
|
+
export declare const title1: MakeStylesStyle;
|
12
|
+
export declare const largeTitle: MakeStylesStyle;
|
13
|
+
export declare const display: MakeStylesStyle;
|
@@ -4,88 +4,65 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.display = exports.largeTitle = exports.title1 = exports.title2 = exports.title3 = exports.headline = exports.subheadline = exports.body = exports.caption = void 0;
|
7
|
+
|
8
|
+
const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
|
7
9
|
/**
|
8
10
|
* Make-styles rules for the typography variants
|
9
11
|
*/
|
10
12
|
|
11
|
-
const caption = theme => ({
|
12
|
-
fontFamily: theme.fontFamilyBase,
|
13
|
-
fontSize: theme.fontSizeBase200,
|
14
|
-
lineHeight: theme.lineHeightBase200,
|
15
|
-
fontWeight: theme.fontWeightRegular
|
16
|
-
});
|
17
|
-
|
18
|
-
exports.caption = caption;
|
19
|
-
|
20
|
-
const body = theme => ({
|
21
|
-
fontFamily: theme.fontFamilyBase,
|
22
|
-
fontSize: theme.fontSizeBase300,
|
23
|
-
lineHeight: theme.lineHeightBase300,
|
24
|
-
fontWeight: theme.fontWeightRegular
|
25
|
-
});
|
26
|
-
|
27
|
-
exports.body = body;
|
28
|
-
|
29
|
-
const subheadline = theme => ({
|
30
|
-
fontFamily: theme.fontFamilyBase,
|
31
|
-
fontSize: theme.fontSizeBase400,
|
32
|
-
lineHeight: theme.lineHeightBase400,
|
33
|
-
fontWeight: theme.fontWeightSemibold
|
34
|
-
});
|
35
|
-
|
36
|
-
exports.subheadline = subheadline;
|
37
|
-
|
38
|
-
const headline = theme => ({
|
39
|
-
fontFamily: theme.fontFamilyBase,
|
40
|
-
fontSize: theme.fontSizeBase500,
|
41
|
-
lineHeight: theme.lineHeightBase500,
|
42
|
-
fontWeight: theme.fontWeightSemibold
|
43
|
-
});
|
44
|
-
|
45
|
-
exports.headline = headline;
|
46
|
-
|
47
|
-
const title3 = theme => ({
|
48
|
-
fontFamily: theme.fontFamilyBase,
|
49
|
-
fontSize: theme.fontSizeBase600,
|
50
|
-
lineHeight: theme.lineHeightBase600,
|
51
|
-
fontWeight: theme.fontWeightSemibold
|
52
|
-
});
|
53
|
-
|
54
|
-
exports.title3 = title3;
|
55
|
-
|
56
|
-
const title2 = theme => ({
|
57
|
-
fontFamily: theme.fontFamilyBase,
|
58
|
-
fontSize: theme.fontSizeHero700,
|
59
|
-
lineHeight: theme.lineHeightHero700,
|
60
|
-
fontWeight: theme.fontWeightSemibold
|
61
|
-
});
|
62
|
-
|
63
|
-
exports.title2 = title2;
|
64
|
-
|
65
|
-
const title1 = theme => ({
|
66
|
-
fontFamily: theme.fontFamilyBase,
|
67
|
-
fontSize: theme.fontSizeHero800,
|
68
|
-
lineHeight: theme.lineHeightHero800,
|
69
|
-
fontWeight: theme.fontWeightSemibold
|
70
|
-
});
|
71
|
-
|
72
|
-
exports.title1 = title1;
|
73
|
-
|
74
|
-
const largeTitle = theme => ({
|
75
|
-
fontFamily: theme.fontFamilyBase,
|
76
|
-
fontSize: theme.fontSizeHero900,
|
77
|
-
lineHeight: theme.lineHeightHero900,
|
78
|
-
fontWeight: theme.fontWeightSemibold
|
79
|
-
});
|
80
|
-
|
81
|
-
exports.largeTitle = largeTitle;
|
82
|
-
|
83
|
-
const display = theme => ({
|
84
|
-
fontFamily: theme.fontFamilyBase,
|
85
|
-
fontSize: theme.fontSizeHero1000,
|
86
|
-
lineHeight: theme.lineHeightHero1000,
|
87
|
-
fontWeight: theme.fontWeightSemibold
|
88
|
-
});
|
89
13
|
|
90
|
-
exports.
|
14
|
+
exports.caption = {
|
15
|
+
fontFamily: react_theme_1.tokens.fontFamilyBase,
|
16
|
+
fontSize: react_theme_1.tokens.fontSizeBase200,
|
17
|
+
lineHeight: react_theme_1.tokens.lineHeightBase200,
|
18
|
+
fontWeight: react_theme_1.tokens.fontWeightRegular
|
19
|
+
};
|
20
|
+
exports.body = {
|
21
|
+
fontFamily: react_theme_1.tokens.fontFamilyBase,
|
22
|
+
fontSize: react_theme_1.tokens.fontSizeBase300,
|
23
|
+
lineHeight: react_theme_1.tokens.lineHeightBase300,
|
24
|
+
fontWeight: react_theme_1.tokens.fontWeightRegular
|
25
|
+
};
|
26
|
+
exports.subheadline = {
|
27
|
+
fontFamily: react_theme_1.tokens.fontFamilyBase,
|
28
|
+
fontSize: react_theme_1.tokens.fontSizeBase400,
|
29
|
+
lineHeight: react_theme_1.tokens.lineHeightBase400,
|
30
|
+
fontWeight: react_theme_1.tokens.fontWeightSemibold
|
31
|
+
};
|
32
|
+
exports.headline = {
|
33
|
+
fontFamily: react_theme_1.tokens.fontFamilyBase,
|
34
|
+
fontSize: react_theme_1.tokens.fontSizeBase500,
|
35
|
+
lineHeight: react_theme_1.tokens.lineHeightBase500,
|
36
|
+
fontWeight: react_theme_1.tokens.fontWeightSemibold
|
37
|
+
};
|
38
|
+
exports.title3 = {
|
39
|
+
fontFamily: react_theme_1.tokens.fontFamilyBase,
|
40
|
+
fontSize: react_theme_1.tokens.fontSizeBase600,
|
41
|
+
lineHeight: react_theme_1.tokens.lineHeightBase600,
|
42
|
+
fontWeight: react_theme_1.tokens.fontWeightSemibold
|
43
|
+
};
|
44
|
+
exports.title2 = {
|
45
|
+
fontFamily: react_theme_1.tokens.fontFamilyBase,
|
46
|
+
fontSize: react_theme_1.tokens.fontSizeHero700,
|
47
|
+
lineHeight: react_theme_1.tokens.lineHeightHero700,
|
48
|
+
fontWeight: react_theme_1.tokens.fontWeightSemibold
|
49
|
+
};
|
50
|
+
exports.title1 = {
|
51
|
+
fontFamily: react_theme_1.tokens.fontFamilyBase,
|
52
|
+
fontSize: react_theme_1.tokens.fontSizeHero800,
|
53
|
+
lineHeight: react_theme_1.tokens.lineHeightHero800,
|
54
|
+
fontWeight: react_theme_1.tokens.fontWeightSemibold
|
55
|
+
};
|
56
|
+
exports.largeTitle = {
|
57
|
+
fontFamily: react_theme_1.tokens.fontFamilyBase,
|
58
|
+
fontSize: react_theme_1.tokens.fontSizeHero900,
|
59
|
+
lineHeight: react_theme_1.tokens.lineHeightHero900,
|
60
|
+
fontWeight: react_theme_1.tokens.fontWeightSemibold
|
61
|
+
};
|
62
|
+
exports.display = {
|
63
|
+
fontFamily: react_theme_1.tokens.fontFamilyBase,
|
64
|
+
fontSize: react_theme_1.tokens.fontSizeHero1000,
|
65
|
+
lineHeight: react_theme_1.tokens.lineHeightHero1000,
|
66
|
+
fontWeight: react_theme_1.tokens.fontWeightSemibold
|
67
|
+
};
|
91
68
|
//# sourceMappingURL=typographyStyles.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../src/typographyStyles/typographyStyles.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"sources":["../../src/typographyStyles/typographyStyles.ts"],"names":[],"mappings":"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","sourceRoot":""}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@fluentui/react-text",
|
3
|
-
"version": "0.0.0-
|
3
|
+
"version": "0.0.0-nightly6a6e258c4020220125.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",
|
@@ -19,18 +19,18 @@
|
|
19
19
|
"just": "just-scripts",
|
20
20
|
"lint": "just-scripts lint",
|
21
21
|
"start": "yarn storybook",
|
22
|
-
"test": "jest",
|
22
|
+
"test": "jest --passWithNoTests",
|
23
23
|
"docs": "api-extractor run --config=config/api-extractor.local.json --local",
|
24
24
|
"build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-text/src && yarn docs",
|
25
|
-
"storybook": "
|
25
|
+
"storybook": "node ../../scripts/storybook/runner",
|
26
26
|
"type-check": "tsc -b tsconfig.json"
|
27
27
|
},
|
28
28
|
"devDependencies": {
|
29
|
-
"@fluentui/babel-make-styles": "0.0.0-
|
29
|
+
"@fluentui/babel-make-styles": "0.0.0-nightly6a6e258c4020220125.1",
|
30
30
|
"@fluentui/eslint-plugin": "*",
|
31
|
-
"@fluentui/jest-serializer-make-styles": "0.0.0-
|
31
|
+
"@fluentui/jest-serializer-make-styles": "0.0.0-nightly6a6e258c4020220125.1",
|
32
32
|
"@fluentui/react-conformance": "*",
|
33
|
-
"@fluentui/react-conformance-make-styles": "0.0.0-
|
33
|
+
"@fluentui/react-conformance-make-styles": "0.0.0-nightly6a6e258c4020220125.1",
|
34
34
|
"@fluentui/scripts": "^1.0.0",
|
35
35
|
"@types/enzyme": "3.10.3",
|
36
36
|
"@types/enzyme-adapter-react-16": "1.0.3",
|
@@ -44,8 +44,8 @@
|
|
44
44
|
"react-test-renderer": "^16.3.0"
|
45
45
|
},
|
46
46
|
"dependencies": {
|
47
|
-
"@fluentui/react-make-styles": "0.0.0-
|
48
|
-
"@fluentui/react-utilities": "0.0.0-
|
47
|
+
"@fluentui/react-make-styles": "0.0.0-nightly6a6e258c4020220125.1",
|
48
|
+
"@fluentui/react-utilities": "0.0.0-nightly6a6e258c4020220125.1",
|
49
49
|
"tslib": "^2.1.0"
|
50
50
|
},
|
51
51
|
"peerDependencies": {
|