@fluentui/react-text 9.1.9 → 9.1.11
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 +57 -1
- package/CHANGELOG.md +22 -2
- package/lib/components/Body1/Body1.js +6 -9
- package/lib/components/Body1/Body1.js.map +1 -1
- package/lib/components/Caption1/Caption1.js +6 -9
- package/lib/components/Caption1/Caption1.js.map +1 -1
- package/lib/components/Caption2/Caption2.js +6 -9
- package/lib/components/Caption2/Caption2.js.map +1 -1
- package/lib/components/Display/Display.js +6 -9
- package/lib/components/Display/Display.js.map +1 -1
- package/lib/components/LargeTitle/LargeTitle.js +6 -9
- package/lib/components/LargeTitle/LargeTitle.js.map +1 -1
- package/lib/components/Subtitle1/Subtitle1.js +6 -9
- package/lib/components/Subtitle1/Subtitle1.js.map +1 -1
- package/lib/components/Subtitle2/Subtitle2.js +6 -9
- package/lib/components/Subtitle2/Subtitle2.js.map +1 -1
- package/lib/components/Text/Text.js +3 -2
- package/lib/components/Text/Text.js.map +1 -1
- package/lib/components/Text/renderText.js +2 -2
- package/lib/components/Text/renderText.js.map +1 -1
- package/lib/components/Text/useText.js +0 -2
- package/lib/components/Text/useText.js.map +1 -1
- package/lib/components/Text/useTextStyles.js +71 -74
- package/lib/components/Text/useTextStyles.js.map +1 -1
- package/lib/components/Title1/Title1.js +6 -9
- package/lib/components/Title1/Title1.js.map +1 -1
- package/lib/components/Title2/Title2.js +6 -9
- package/lib/components/Title2/Title2.js.map +1 -1
- package/lib/components/Title3/Title3.js +6 -9
- package/lib/components/Title3/Title3.js.map +1 -1
- package/lib/components/wrapper.js.map +1 -1
- package/lib-commonjs/Body1.js +0 -2
- package/lib-commonjs/Body1.js.map +1 -1
- package/lib-commonjs/Caption1.js +0 -2
- package/lib-commonjs/Caption1.js.map +1 -1
- package/lib-commonjs/Caption2.js +0 -2
- package/lib-commonjs/Caption2.js.map +1 -1
- package/lib-commonjs/Display.js +0 -2
- package/lib-commonjs/Display.js.map +1 -1
- package/lib-commonjs/LargeTitle.js +0 -2
- package/lib-commonjs/LargeTitle.js.map +1 -1
- package/lib-commonjs/Subtitle1.js +0 -2
- package/lib-commonjs/Subtitle1.js.map +1 -1
- package/lib-commonjs/Subtitle2.js +0 -2
- package/lib-commonjs/Subtitle2.js.map +1 -1
- package/lib-commonjs/Text.js +0 -2
- package/lib-commonjs/Text.js.map +1 -1
- package/lib-commonjs/Title1.js +0 -2
- package/lib-commonjs/Title1.js.map +1 -1
- package/lib-commonjs/Title2.js +0 -2
- package/lib-commonjs/Title2.js.map +1 -1
- package/lib-commonjs/Title3.js +0 -2
- package/lib-commonjs/Title3.js.map +1 -1
- package/lib-commonjs/components/Body1/Body1.js +6 -13
- package/lib-commonjs/components/Body1/Body1.js.map +1 -1
- package/lib-commonjs/components/Body1/index.js +0 -2
- package/lib-commonjs/components/Body1/index.js.map +1 -1
- package/lib-commonjs/components/Caption1/Caption1.js +6 -13
- package/lib-commonjs/components/Caption1/Caption1.js.map +1 -1
- package/lib-commonjs/components/Caption1/index.js +0 -2
- package/lib-commonjs/components/Caption1/index.js.map +1 -1
- package/lib-commonjs/components/Caption2/Caption2.js +6 -13
- package/lib-commonjs/components/Caption2/Caption2.js.map +1 -1
- package/lib-commonjs/components/Caption2/index.js +0 -2
- package/lib-commonjs/components/Caption2/index.js.map +1 -1
- package/lib-commonjs/components/Display/Display.js +6 -13
- package/lib-commonjs/components/Display/Display.js.map +1 -1
- package/lib-commonjs/components/Display/index.js +0 -2
- package/lib-commonjs/components/Display/index.js.map +1 -1
- package/lib-commonjs/components/LargeTitle/LargeTitle.js +6 -13
- package/lib-commonjs/components/LargeTitle/LargeTitle.js.map +1 -1
- package/lib-commonjs/components/LargeTitle/index.js +0 -2
- package/lib-commonjs/components/LargeTitle/index.js.map +1 -1
- package/lib-commonjs/components/Subtitle1/Subtitle1.js +6 -13
- package/lib-commonjs/components/Subtitle1/Subtitle1.js.map +1 -1
- package/lib-commonjs/components/Subtitle1/index.js +0 -2
- package/lib-commonjs/components/Subtitle1/index.js.map +1 -1
- package/lib-commonjs/components/Subtitle2/Subtitle2.js +6 -13
- package/lib-commonjs/components/Subtitle2/Subtitle2.js.map +1 -1
- package/lib-commonjs/components/Subtitle2/index.js +0 -2
- package/lib-commonjs/components/Subtitle2/index.js.map +1 -1
- package/lib-commonjs/components/Text/Text.js +3 -7
- package/lib-commonjs/components/Text/Text.js.map +1 -1
- package/lib-commonjs/components/Text/Text.types.js.map +1 -1
- package/lib-commonjs/components/Text/index.js +0 -6
- package/lib-commonjs/components/Text/index.js.map +1 -1
- package/lib-commonjs/components/Text/renderText.js +2 -6
- package/lib-commonjs/components/Text/renderText.js.map +1 -1
- package/lib-commonjs/components/Text/useText.js +0 -5
- package/lib-commonjs/components/Text/useText.js.map +1 -1
- package/lib-commonjs/components/Text/useTextStyles.js +71 -78
- package/lib-commonjs/components/Text/useTextStyles.js.map +1 -1
- package/lib-commonjs/components/Title1/Title1.js +6 -13
- package/lib-commonjs/components/Title1/Title1.js.map +1 -1
- package/lib-commonjs/components/Title1/index.js +0 -2
- package/lib-commonjs/components/Title1/index.js.map +1 -1
- package/lib-commonjs/components/Title2/Title2.js +6 -13
- package/lib-commonjs/components/Title2/Title2.js.map +1 -1
- package/lib-commonjs/components/Title2/index.js +0 -2
- package/lib-commonjs/components/Title2/index.js.map +1 -1
- package/lib-commonjs/components/Title3/Title3.js +6 -13
- package/lib-commonjs/components/Title3/Title3.js.map +1 -1
- package/lib-commonjs/components/Title3/index.js +0 -2
- package/lib-commonjs/components/Title3/index.js.map +1 -1
- package/lib-commonjs/components/wrapper.js +0 -5
- package/lib-commonjs/components/wrapper.js.map +1 -1
- package/lib-commonjs/index.js +0 -22
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +6 -6
package/CHANGELOG.json
CHANGED
@@ -2,7 +2,63 @@
|
|
2
2
|
"name": "@fluentui/react-text",
|
3
3
|
"entries": [
|
4
4
|
{
|
5
|
-
"date": "
|
5
|
+
"date": "Wed, 04 Jan 2023 01:35:57 GMT",
|
6
|
+
"tag": "@fluentui/react-text_v9.1.11",
|
7
|
+
"version": "9.1.11",
|
8
|
+
"comments": {
|
9
|
+
"none": [
|
10
|
+
{
|
11
|
+
"author": "martinhochel@microsoft.com",
|
12
|
+
"package": "@fluentui/react-text",
|
13
|
+
"commit": "4ec2b998b294d6d9c3196d3d82893bdd97d0c105",
|
14
|
+
"comment": "chore(scripts): move index.ts to to follow sub-folder domain packaging"
|
15
|
+
},
|
16
|
+
{
|
17
|
+
"author": "martinhochel@microsoft.com",
|
18
|
+
"package": "@fluentui/react-text",
|
19
|
+
"commit": "194b0cf0cc27c1c1233aa945f09b3ad29778d8ca",
|
20
|
+
"comment": "chore(scripts): use for @fluentui/scripts version within all package.json"
|
21
|
+
}
|
22
|
+
],
|
23
|
+
"patch": [
|
24
|
+
{
|
25
|
+
"author": "olfedias@microsoft.com",
|
26
|
+
"package": "@fluentui/react-text",
|
27
|
+
"commit": "2c38f1e4ae07b2b60df596efe11015a68f166dbf",
|
28
|
+
"comment": "chore: Update Griffel to latest version"
|
29
|
+
},
|
30
|
+
{
|
31
|
+
"author": "beachball",
|
32
|
+
"package": "@fluentui/react-text",
|
33
|
+
"comment": "Bump @fluentui/react-utilities to v9.3.1",
|
34
|
+
"commit": "3e322d15529451be153e97298873253e21af4082"
|
35
|
+
},
|
36
|
+
{
|
37
|
+
"author": "beachball",
|
38
|
+
"package": "@fluentui/react-text",
|
39
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.19",
|
40
|
+
"commit": "3e322d15529451be153e97298873253e21af4082"
|
41
|
+
}
|
42
|
+
]
|
43
|
+
}
|
44
|
+
},
|
45
|
+
{
|
46
|
+
"date": "Wed, 21 Dec 2022 10:20:33 GMT",
|
47
|
+
"tag": "@fluentui/react-text_v9.1.10",
|
48
|
+
"version": "9.1.10",
|
49
|
+
"comments": {
|
50
|
+
"patch": [
|
51
|
+
{
|
52
|
+
"author": "beachball",
|
53
|
+
"package": "@fluentui/react-text",
|
54
|
+
"comment": "Bump @fluentui/react-theme to v9.1.5",
|
55
|
+
"commit": "66bf89f634cad4a275e957d7a2214c7e73ff8c2e"
|
56
|
+
}
|
57
|
+
]
|
58
|
+
}
|
59
|
+
},
|
60
|
+
{
|
61
|
+
"date": "Tue, 20 Dec 2022 14:59:34 GMT",
|
6
62
|
"tag": "@fluentui/react-text_v9.1.9",
|
7
63
|
"version": "9.1.9",
|
8
64
|
"comments": {
|
package/CHANGELOG.md
CHANGED
@@ -1,12 +1,32 @@
|
|
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 Jan 2023 01:35:57 GMT and should not be manually modified.
|
4
4
|
|
5
5
|
<!-- Start content -->
|
6
6
|
|
7
|
+
## [9.1.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v9.1.11)
|
8
|
+
|
9
|
+
Wed, 04 Jan 2023 01:35:57 GMT
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-text_v9.1.10..@fluentui/react-text_v9.1.11)
|
11
|
+
|
12
|
+
### Patches
|
13
|
+
|
14
|
+
- chore: Update Griffel to latest version ([PR #26045](https://github.com/microsoft/fluentui/pull/26045) by olfedias@microsoft.com)
|
15
|
+
- Bump @fluentui/react-utilities to v9.3.1 ([PR #26114](https://github.com/microsoft/fluentui/pull/26114) by beachball)
|
16
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.19 ([PR #26114](https://github.com/microsoft/fluentui/pull/26114) by beachball)
|
17
|
+
|
18
|
+
## [9.1.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v9.1.10)
|
19
|
+
|
20
|
+
Wed, 21 Dec 2022 10:20:33 GMT
|
21
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-text_v9.1.9..@fluentui/react-text_v9.1.10)
|
22
|
+
|
23
|
+
### Patches
|
24
|
+
|
25
|
+
- Bump @fluentui/react-theme to v9.1.5 ([commit](https://github.com/microsoft/fluentui/commit/66bf89f634cad4a275e957d7a2214c7e73ff8c2e) by beachball)
|
26
|
+
|
7
27
|
## [9.1.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v9.1.9)
|
8
28
|
|
9
|
-
Tue, 20 Dec 2022 14:
|
29
|
+
Tue, 20 Dec 2022 14:59:34 GMT
|
10
30
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-text_v9.1.8..@fluentui/react-text_v9.1.9)
|
11
31
|
|
12
32
|
### Patches
|
@@ -7,22 +7,19 @@ export const body1ClassNames = {
|
|
7
7
|
/**
|
8
8
|
* Styles for the root slot
|
9
9
|
*/
|
10
|
-
|
11
10
|
const useStyles = /*#__PURE__*/__styles({
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
11
|
+
root: {
|
12
|
+
Bahqtrf: "fk6fouc",
|
13
|
+
Be2twd7: "fkhj508",
|
14
|
+
Bhrd7zp: "figsok6",
|
15
|
+
Bg96gwp: "f1i3iumi"
|
17
16
|
}
|
18
17
|
}, {
|
19
|
-
|
18
|
+
d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}"]
|
20
19
|
});
|
21
20
|
/**
|
22
21
|
* Text wrapper component for the Body1 typography variant
|
23
22
|
*/
|
24
|
-
|
25
|
-
|
26
23
|
export const Body1 = /*#__PURE__*/createWrapper({
|
27
24
|
useStyles,
|
28
25
|
className: body1ClassNames.root,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"mappings":"AACA,yBAA2B,gBAAgB;AAC3C,SAASA,aAAa,QAA0B,YAAY;AAG5D,SAASC,gBAAgB,QAAQ,uBAAuB;AAExD,OAAO,MAAMC,eAAe,GAA8B;EACxDC,IAAI,EAAE;CACP;AAED;;;AAGA,MAAMC,SAAS,gBAAG;EAAA;IAAA;IAAA;IAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAEhB;AAEF;;;AAGA,OAAO,MAAMC,KAAK,gBAAwCL,aAAa,CAAC;EACtEI,SAAS;EACTE,SAAS,EAAEJ,eAAe,CAACC,IAAI;EAC/BI,WAAW,EAAE;CACd,CAAC","names":["createWrapper","typographyStyles","body1ClassNames","root","useStyles","Body1","className","displayName"],"sourceRoot":"../src/","sources":["packages/react-components/react-text/src/components/Body1/Body1.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { TextSlots } from '../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const body1ClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Body1',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: typographyStyles.body1,\n});\n\n/**\n * Text wrapper component for the Body1 typography variant\n */\nexport const Body1: FunctionComponent<TextWrapperProps> = createWrapper({\n useStyles,\n className: body1ClassNames.root,\n displayName: 'Body1',\n});\n"]}
|
@@ -7,22 +7,19 @@ export const caption1ClassNames = {
|
|
7
7
|
/**
|
8
8
|
* Styles for the root slot
|
9
9
|
*/
|
10
|
-
|
11
10
|
const useStyles = /*#__PURE__*/__styles({
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
11
|
+
root: {
|
12
|
+
Bahqtrf: "fk6fouc",
|
13
|
+
Be2twd7: "fy9rknc",
|
14
|
+
Bhrd7zp: "figsok6",
|
15
|
+
Bg96gwp: "fwrc4pm"
|
17
16
|
}
|
18
17
|
}, {
|
19
|
-
|
18
|
+
d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}"]
|
20
19
|
});
|
21
20
|
/**
|
22
21
|
* Text wrapper component for the Caption1 typography variant
|
23
22
|
*/
|
24
|
-
|
25
|
-
|
26
23
|
export const Caption1 = /*#__PURE__*/createWrapper({
|
27
24
|
useStyles,
|
28
25
|
className: caption1ClassNames.root,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"mappings":"AACA,yBAA2B,gBAAgB;AAC3C,SAASA,aAAa,QAA0B,YAAY;AAG5D,SAASC,gBAAgB,QAAQ,uBAAuB;AAExD,OAAO,MAAMC,kBAAkB,GAA8B;EAC3DC,IAAI,EAAE;CACP;AAED;;;AAGA,MAAMC,SAAS,gBAAG;EAAA;IAAA;IAAA;IAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAEhB;AAEF;;;AAGA,OAAO,MAAMC,QAAQ,gBAAwCL,aAAa,CAAC;EACzEI,SAAS;EACTE,SAAS,EAAEJ,kBAAkB,CAACC,IAAI;EAClCI,WAAW,EAAE;CACd,CAAC","names":["createWrapper","typographyStyles","caption1ClassNames","root","useStyles","Caption1","className","displayName"],"sourceRoot":"../src/","sources":["packages/react-components/react-text/src/components/Caption1/Caption1.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { TextSlots } from '../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const caption1ClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Caption1',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: typographyStyles.caption1,\n});\n\n/**\n * Text wrapper component for the Caption1 typography variant\n */\nexport const Caption1: FunctionComponent<TextWrapperProps> = createWrapper({\n useStyles,\n className: caption1ClassNames.root,\n displayName: 'Caption1',\n});\n"]}
|
@@ -7,22 +7,19 @@ export const caption2ClassNames = {
|
|
7
7
|
/**
|
8
8
|
* Styles for the root slot
|
9
9
|
*/
|
10
|
-
|
11
10
|
const useStyles = /*#__PURE__*/__styles({
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
11
|
+
root: {
|
12
|
+
Bahqtrf: "fk6fouc",
|
13
|
+
Be2twd7: "f13mqy1h",
|
14
|
+
Bhrd7zp: "figsok6",
|
15
|
+
Bg96gwp: "fcpl73t"
|
17
16
|
}
|
18
17
|
}, {
|
19
|
-
|
18
|
+
d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".f13mqy1h{font-size:var(--fontSizeBase100);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fcpl73t{line-height:var(--lineHeightBase100);}"]
|
20
19
|
});
|
21
20
|
/**
|
22
21
|
* Text wrapper component for the Caption2 typography variant
|
23
22
|
*/
|
24
|
-
|
25
|
-
|
26
23
|
export const Caption2 = /*#__PURE__*/createWrapper({
|
27
24
|
useStyles,
|
28
25
|
className: caption2ClassNames.root,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"mappings":"AACA,yBAA2B,gBAAgB;AAC3C,SAASA,aAAa,QAA0B,YAAY;AAG5D,SAASC,gBAAgB,QAAQ,uBAAuB;AAExD,OAAO,MAAMC,kBAAkB,GAA8B;EAC3DC,IAAI,EAAE;CACP;AAED;;;AAGA,MAAMC,SAAS,gBAAG;EAAA;IAAA;IAAA;IAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAEhB;AAEF;;;AAGA,OAAO,MAAMC,QAAQ,gBAAwCL,aAAa,CAAC;EACzEI,SAAS;EACTE,SAAS,EAAEJ,kBAAkB,CAACC,IAAI;EAClCI,WAAW,EAAE;CACd,CAAC","names":["createWrapper","typographyStyles","caption2ClassNames","root","useStyles","Caption2","className","displayName"],"sourceRoot":"../src/","sources":["packages/react-components/react-text/src/components/Caption2/Caption2.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { TextSlots } from '../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const caption2ClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Caption2',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: typographyStyles.caption2,\n});\n\n/**\n * Text wrapper component for the Caption2 typography variant\n */\nexport const Caption2: FunctionComponent<TextWrapperProps> = createWrapper({\n useStyles,\n className: caption2ClassNames.root,\n displayName: 'Caption2',\n});\n"]}
|
@@ -7,22 +7,19 @@ export const displayClassNames = {
|
|
7
7
|
/**
|
8
8
|
* Styles for the root slot
|
9
9
|
*/
|
10
|
-
|
11
10
|
const useStyles = /*#__PURE__*/__styles({
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
11
|
+
root: {
|
12
|
+
Bahqtrf: "fk6fouc",
|
13
|
+
Be2twd7: "fpyltcb",
|
14
|
+
Bhrd7zp: "fl43uef",
|
15
|
+
Bg96gwp: "f1ivgwrt"
|
17
16
|
}
|
18
17
|
}, {
|
19
|
-
|
18
|
+
d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fpyltcb{font-size:var(--fontSizeHero1000);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f1ivgwrt{line-height:var(--lineHeightHero1000);}"]
|
20
19
|
});
|
21
20
|
/**
|
22
21
|
* Text wrapper component for the Display typography variant
|
23
22
|
*/
|
24
|
-
|
25
|
-
|
26
23
|
export const Display = /*#__PURE__*/createWrapper({
|
27
24
|
useStyles,
|
28
25
|
className: displayClassNames.root,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"mappings":"AACA,yBAA2B,gBAAgB;AAC3C,SAASA,aAAa,QAA0B,YAAY;AAG5D,SAASC,gBAAgB,QAAQ,uBAAuB;AAExD,OAAO,MAAMC,iBAAiB,GAA8B;EAC1DC,IAAI,EAAE;CACP;AAED;;;AAGA,MAAMC,SAAS,gBAAG;EAAA;IAAA;IAAA;IAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAEhB;AAEF;;;AAGA,OAAO,MAAMC,OAAO,gBAAwCL,aAAa,CAAC;EACxEI,SAAS;EACTE,SAAS,EAAEJ,iBAAiB,CAACC,IAAI;EACjCI,WAAW,EAAE;CACd,CAAC","names":["createWrapper","typographyStyles","displayClassNames","root","useStyles","Display","className","displayName"],"sourceRoot":"../src/","sources":["packages/react-components/react-text/src/components/Display/Display.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { TextSlots } from '../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const displayClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Display',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: typographyStyles.display,\n});\n\n/**\n * Text wrapper component for the Display typography variant\n */\nexport const Display: FunctionComponent<TextWrapperProps> = createWrapper({\n useStyles,\n className: displayClassNames.root,\n displayName: 'Display',\n});\n"]}
|
@@ -7,22 +7,19 @@ export const largeTitleClassNames = {
|
|
7
7
|
/**
|
8
8
|
* Styles for the root slot
|
9
9
|
*/
|
10
|
-
|
11
10
|
const useStyles = /*#__PURE__*/__styles({
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
11
|
+
root: {
|
12
|
+
Bahqtrf: "fk6fouc",
|
13
|
+
Be2twd7: "f15afnhw",
|
14
|
+
Bhrd7zp: "fl43uef",
|
15
|
+
Bg96gwp: "fr3w3wp"
|
17
16
|
}
|
18
17
|
}, {
|
19
|
-
|
18
|
+
d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".f15afnhw{font-size:var(--fontSizeHero900);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".fr3w3wp{line-height:var(--lineHeightHero900);}"]
|
20
19
|
});
|
21
20
|
/**
|
22
21
|
* Text wrapper component for the Large Title typography variant
|
23
22
|
*/
|
24
|
-
|
25
|
-
|
26
23
|
export const LargeTitle = /*#__PURE__*/createWrapper({
|
27
24
|
useStyles,
|
28
25
|
className: largeTitleClassNames.root,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"mappings":"AACA,yBAA2B,gBAAgB;AAC3C,SAASA,aAAa,QAA0B,YAAY;AAG5D,SAASC,gBAAgB,QAAQ,uBAAuB;AAExD,OAAO,MAAMC,oBAAoB,GAA8B;EAC7DC,IAAI,EAAE;CACP;AAED;;;AAGA,MAAMC,SAAS,gBAAG;EAAA;IAAA;IAAA;IAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAEhB;AAEF;;;AAGA,OAAO,MAAMC,UAAU,gBAAwCL,aAAa,CAAC;EAC3EI,SAAS;EACTE,SAAS,EAAEJ,oBAAoB,CAACC,IAAI;EACpCI,WAAW,EAAE;CACd,CAAC","names":["createWrapper","typographyStyles","largeTitleClassNames","root","useStyles","LargeTitle","className","displayName"],"sourceRoot":"../src/","sources":["packages/react-components/react-text/src/components/LargeTitle/LargeTitle.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { TextSlots } from '../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const largeTitleClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-LargeTitle',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: typographyStyles.largeTitle,\n});\n\n/**\n * Text wrapper component for the Large Title typography variant\n */\nexport const LargeTitle: FunctionComponent<TextWrapperProps> = createWrapper({\n useStyles,\n className: largeTitleClassNames.root,\n displayName: 'LargeTitle',\n});\n"]}
|
@@ -7,22 +7,19 @@ export const subtitle1ClassNames = {
|
|
7
7
|
/**
|
8
8
|
* Styles for the root slot
|
9
9
|
*/
|
10
|
-
|
11
10
|
const useStyles = /*#__PURE__*/__styles({
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
11
|
+
root: {
|
12
|
+
Bahqtrf: "fk6fouc",
|
13
|
+
Be2twd7: "f1pp30po",
|
14
|
+
Bhrd7zp: "fl43uef",
|
15
|
+
Bg96gwp: "f106mvju"
|
17
16
|
}
|
18
17
|
}, {
|
19
|
-
|
18
|
+
d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".f1pp30po{font-size:var(--fontSizeBase500);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f106mvju{line-height:var(--lineHeightBase500);}"]
|
20
19
|
});
|
21
20
|
/**
|
22
21
|
* Text wrapper component for the Subtitle1 typography variant
|
23
22
|
*/
|
24
|
-
|
25
|
-
|
26
23
|
export const Subtitle1 = /*#__PURE__*/createWrapper({
|
27
24
|
useStyles,
|
28
25
|
className: subtitle1ClassNames.root,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"mappings":"AACA,yBAA2B,gBAAgB;AAC3C,SAASA,aAAa,QAA0B,YAAY;AAG5D,SAASC,gBAAgB,QAAQ,uBAAuB;AAExD,OAAO,MAAMC,mBAAmB,GAA8B;EAC5DC,IAAI,EAAE;CACP;AAED;;;AAGA,MAAMC,SAAS,gBAAG;EAAA;IAAA;IAAA;IAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAEhB;AAEF;;;AAGA,OAAO,MAAMC,SAAS,gBAAwCL,aAAa,CAAC;EAC1EI,SAAS;EACTE,SAAS,EAAEJ,mBAAmB,CAACC,IAAI;EACnCI,WAAW,EAAE;CACd,CAAC","names":["createWrapper","typographyStyles","subtitle1ClassNames","root","useStyles","Subtitle1","className","displayName"],"sourceRoot":"../src/","sources":["packages/react-components/react-text/src/components/Subtitle1/Subtitle1.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { TextSlots } from '../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const subtitle1ClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Subtitle1',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: typographyStyles.subtitle1,\n});\n\n/**\n * Text wrapper component for the Subtitle1 typography variant\n */\nexport const Subtitle1: FunctionComponent<TextWrapperProps> = createWrapper({\n useStyles,\n className: subtitle1ClassNames.root,\n displayName: 'Subtitle1',\n});\n"]}
|
@@ -7,22 +7,19 @@ export const subtitle2ClassNames = {
|
|
7
7
|
/**
|
8
8
|
* Styles for the root slot
|
9
9
|
*/
|
10
|
-
|
11
10
|
const useStyles = /*#__PURE__*/__styles({
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
11
|
+
root: {
|
12
|
+
Bahqtrf: "fk6fouc",
|
13
|
+
Be2twd7: "fod5ikn",
|
14
|
+
Bhrd7zp: "fl43uef",
|
15
|
+
Bg96gwp: "faaz57k"
|
17
16
|
}
|
18
17
|
}, {
|
19
|
-
|
18
|
+
d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".faaz57k{line-height:var(--lineHeightBase400);}"]
|
20
19
|
});
|
21
20
|
/**
|
22
21
|
* Text wrapper component for the Subtitle2 typography variant
|
23
22
|
*/
|
24
|
-
|
25
|
-
|
26
23
|
export const Subtitle2 = /*#__PURE__*/createWrapper({
|
27
24
|
useStyles,
|
28
25
|
className: subtitle2ClassNames.root,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"mappings":"AACA,yBAA2B,gBAAgB;AAC3C,SAASA,aAAa,QAA0B,YAAY;AAG5D,SAASC,gBAAgB,QAAQ,uBAAuB;AAExD,OAAO,MAAMC,mBAAmB,GAA8B;EAC5DC,IAAI,EAAE;CACP;AAED;;;AAGA,MAAMC,SAAS,gBAAG;EAAA;IAAA;IAAA;IAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAEhB;AAEF;;;AAGA,OAAO,MAAMC,SAAS,gBAAwCL,aAAa,CAAC;EAC1EI,SAAS;EACTE,SAAS,EAAEJ,mBAAmB,CAACC,IAAI;EACnCI,WAAW,EAAE;CACd,CAAC","names":["createWrapper","typographyStyles","subtitle2ClassNames","root","useStyles","Subtitle2","className","displayName"],"sourceRoot":"../src/","sources":["packages/react-components/react-text/src/components/Subtitle2/Subtitle2.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { TextSlots } from '../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const subtitle2ClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Subtitle2',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: typographyStyles.subtitle2,\n});\n\n/**\n * Text wrapper component for the Subtitle2 typography variant\n */\nexport const Subtitle2: FunctionComponent<TextWrapperProps> = createWrapper({\n useStyles,\n className: subtitle2ClassNames.root,\n displayName: 'Subtitle2',\n});\n"]}
|
@@ -5,11 +5,12 @@ import { useTextStyles_unstable } from './useTextStyles';
|
|
5
5
|
/**
|
6
6
|
* Typography and styling abstraction component used to ensure consistency of text.
|
7
7
|
*/
|
8
|
-
|
9
8
|
export const Text = /*#__PURE__*/React.forwardRef((props, ref) => {
|
10
9
|
const state = useText_unstable(props, ref);
|
11
10
|
useTextStyles_unstable(state);
|
12
|
-
return renderText_unstable(state);
|
11
|
+
return renderText_unstable(state);
|
12
|
+
// Work around some small mismatches in inferred types which don't matter in practice
|
13
13
|
});
|
14
|
+
|
14
15
|
Text.displayName = 'Text';
|
15
16
|
//# sourceMappingURL=Text.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,gBAAgB,QAAQ,WAAW;AAC5C,SAASC,mBAAmB,QAAQ,cAAc;AAClD,SAASC,sBAAsB,QAAQ,iBAAiB;AAIxD;;;AAGA,OAAO,MAAMC,IAAI,gBAAmCJ,KAAK,CAACK,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAClF,MAAMC,KAAK,GAAGP,gBAAgB,CAACK,KAAK,EAAEC,GAAG,CAAC;EAE1CJ,sBAAsB,CAACK,KAAK,CAAC;EAE7B,OAAON,mBAAmB,CAACM,KAAK,CAAC;EACjC;AACF,CAAC,CAAmC;;AAEpCJ,IAAI,CAACK,WAAW,GAAG,MAAM","names":["React","useText_unstable","renderText_unstable","useTextStyles_unstable","Text","forwardRef","props","ref","state","displayName"],"sourceRoot":"../src/","sources":["packages/react-components/react-text/src/components/Text/Text.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useText_unstable } from './useText';\nimport { renderText_unstable } from './renderText';\nimport { useTextStyles_unstable } from './useTextStyles';\nimport type { TextProps } from './Text.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Typography and styling abstraction component used to ensure consistency of text.\n */\nexport const Text: ForwardRefComponent<TextProps> = React.forwardRef((props, ref) => {\n const state = useText_unstable(props, ref);\n\n useTextStyles_unstable(state);\n\n return renderText_unstable(state);\n // Work around some small mismatches in inferred types which don't matter in practice\n}) as ForwardRefComponent<TextProps>;\n\nText.displayName = 'Text';\n"]}
|
@@ -3,13 +3,13 @@ import { getSlots } from '@fluentui/react-utilities';
|
|
3
3
|
/**
|
4
4
|
* Render the final JSX of Text
|
5
5
|
*/
|
6
|
-
|
7
6
|
export const renderText_unstable = state => {
|
8
7
|
const {
|
9
8
|
slots,
|
10
9
|
slotProps
|
11
10
|
} = getSlots(state);
|
12
|
-
return /*#__PURE__*/React.createElement(slots.root, {
|
11
|
+
return /*#__PURE__*/React.createElement(slots.root, {
|
12
|
+
...slotProps.root
|
13
13
|
});
|
14
14
|
};
|
15
15
|
//# sourceMappingURL=renderText.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,QAAQ,2BAA2B;AAGpD;;;AAGA,OAAO,MAAMC,mBAAmB,GAAIC,KAAgB,IAAI;EACtD,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGJ,QAAQ,CAAYE,KAAK,CAAC;EAEvD,oBAAOH,oBAACI,KAAK,CAACE,IAAI;IAAA,GAAKD,SAAS,CAACC;EAAI,EAAI;AAC3C,CAAC","names":["React","getSlots","renderText_unstable","state","slots","slotProps","root"],"sourceRoot":"../src/","sources":["packages/react-components/react-text/src/components/Text/renderText.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { TextSlots, TextState } from './Text.types';\n\n/**\n * Render the final JSX of Text\n */\nexport const renderText_unstable = (state: TextState) => {\n const { slots, slotProps } = getSlots<TextSlots>(state);\n\n return <slots.root {...slotProps.root} />;\n};\n"]}
|
@@ -8,10 +8,8 @@ import { getNativeElementProps } from '@fluentui/react-utilities';
|
|
8
8
|
* @param props - props from this instance of Text
|
9
9
|
* @param ref - reference to root HTMLElement of Text
|
10
10
|
*/
|
11
|
-
|
12
11
|
export const useText_unstable = (props, ref) => {
|
13
12
|
var _a;
|
14
|
-
|
15
13
|
const {
|
16
14
|
wrap,
|
17
15
|
truncate,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"mappings":"AACA,SAASA,qBAAqB,QAAQ,2BAA2B;AAGjE;;;;;;;;;AASA,OAAO,MAAMC,gBAAgB,GAAG,CAACC,KAAgB,EAAEC,GAA2B,KAAe;;EAC3F,MAAM;IAAEC,IAAI;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,MAAM;IAAEC,SAAS;IAAEC,aAAa;IAAEC,IAAI;IAAEC,IAAI;IAAEC,MAAM;IAAEC;EAAK,CAAE,GAAGX,KAAK;EACpG,MAAMY,EAAE,GAAG,WAAK,CAACA,EAAE,mCAAI,MAAM;EAE7B,MAAMC,KAAK,GAAc;IACvBF,KAAK,EAAEA,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,OAAO;IACvBP,KAAK,EAAEA,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,KAAK;IACrBK,IAAI,EAAEA,IAAI,aAAJA,IAAI,cAAJA,IAAI,GAAI,MAAM;IACpBJ,MAAM,EAAEA,MAAM,aAANA,MAAM,cAANA,MAAM,GAAI,KAAK;IACvBG,IAAI,EAAEA,IAAI,aAAJA,IAAI,cAAJA,IAAI,GAAI,GAAG;IACjBD,aAAa,EAAEA,aAAa,aAAbA,aAAa,cAAbA,aAAa,GAAI,KAAK;IACrCJ,QAAQ,EAAEA,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAI,KAAK;IAC3BG,SAAS,EAAEA,SAAS,aAATA,SAAS,cAATA,SAAS,GAAI,KAAK;IAC7BI,MAAM,EAAEA,MAAM,aAANA,MAAM,cAANA,MAAM,GAAI,SAAS;IAC3BR,IAAI,EAAEA,IAAI,aAAJA,IAAI,cAAJA,IAAI,GAAI,IAAI;IAElBY,UAAU,EAAE;MAAEC,IAAI,EAAE;IAAM,CAAE;IAE5BA,IAAI,EAAEjB,qBAAqB,CAACc,EAAE,EAAE;MAC9BX,GAAG;MACH,GAAGD,KAAK;MACRY;KACD;GACF;EAED,OAAOC,KAAK;AACd,CAAC","names":["getNativeElementProps","useText_unstable","props","ref","wrap","truncate","block","italic","underline","strikethrough","size","font","weight","align","as","state","components","root"],"sourceRoot":"../src/","sources":["packages/react-components/react-text/src/components/Text/useText.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport type { TextProps, TextState } from './Text.types';\n\n/**\n * Create the state required to render Text.\n *\n * The returned state can be modified with hooks such as useTextStyles_unstable,\n * before being passed to renderText_unstable.\n *\n * @param props - props from this instance of Text\n * @param ref - reference to root HTMLElement of Text\n */\nexport const useText_unstable = (props: TextProps, ref: React.Ref<HTMLElement>): TextState => {\n const { wrap, truncate, block, italic, underline, strikethrough, size, font, weight, align } = props;\n const as = props.as ?? 'span';\n\n const state: TextState = {\n align: align ?? 'start',\n block: block ?? false,\n font: font ?? 'base',\n italic: italic ?? false,\n size: size ?? 300,\n strikethrough: strikethrough ?? false,\n truncate: truncate ?? false,\n underline: underline ?? false,\n weight: weight ?? 'regular',\n wrap: wrap ?? true,\n\n components: { root: 'span' },\n\n root: getNativeElementProps(as, {\n ref,\n ...props,\n as,\n }),\n };\n\n return state;\n};\n"]}
|