@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
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["packages/react-components/react-text/src/components/Body1/index.ts"],"
|
1
|
+
{"version":3,"mappings":";;;;;;AAAAA","names":["tslib_1"],"sourceRoot":"../src/","sources":["packages/react-components/react-text/src/components/Body1/index.ts"],"sourcesContent":["export * from './Body1';\n"]}
|
@@ -4,35 +4,28 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.Caption1 = exports.caption1ClassNames = void 0;
|
7
|
-
|
8
7
|
const react_1 = /*#__PURE__*/require("@griffel/react");
|
9
|
-
|
10
8
|
const wrapper_1 = /*#__PURE__*/require("../wrapper");
|
11
|
-
|
12
9
|
const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
|
13
|
-
|
14
10
|
exports.caption1ClassNames = {
|
15
11
|
root: 'fui-Caption1'
|
16
12
|
};
|
17
13
|
/**
|
18
14
|
* Styles for the root slot
|
19
15
|
*/
|
20
|
-
|
21
16
|
const useStyles = /*#__PURE__*/react_1.__styles({
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
17
|
+
root: {
|
18
|
+
Bahqtrf: "fk6fouc",
|
19
|
+
Be2twd7: "fy9rknc",
|
20
|
+
Bhrd7zp: "figsok6",
|
21
|
+
Bg96gwp: "fwrc4pm"
|
27
22
|
}
|
28
23
|
}, {
|
29
|
-
|
24
|
+
d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}"]
|
30
25
|
});
|
31
26
|
/**
|
32
27
|
* Text wrapper component for the Caption1 typography variant
|
33
28
|
*/
|
34
|
-
|
35
|
-
|
36
29
|
exports.Caption1 = /*#__PURE__*/wrapper_1.createWrapper({
|
37
30
|
useStyles,
|
38
31
|
className: exports.caption1ClassNames.root,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"mappings":";;;;;;AACA;AACA;AAGA;AAEaA,0BAAkB,GAA8B;EAC3DC,IAAI,EAAE;CACP;AAED;;;AAGA,MAAMC,SAAS,gBAAGC,gBAAU;EAAA;IAAA;IAAA;IAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAE1B;AAEF;;;AAGaH,gBAAQ,gBAAwCI,uBAAa,CAAC;EACzEF,SAAS;EACTG,SAAS,EAAEL,0BAAkB,CAACC,IAAI;EAClCK,WAAW,EAAE;CACd,CAAC","names":["exports","root","useStyles","react_1","wrapper_1","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"]}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["packages/react-components/react-text/src/components/Caption1/index.ts"],"
|
1
|
+
{"version":3,"mappings":";;;;;;AAAAA","names":["tslib_1"],"sourceRoot":"../src/","sources":["packages/react-components/react-text/src/components/Caption1/index.ts"],"sourcesContent":["export * from './Caption1';\n"]}
|
@@ -4,35 +4,28 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.Caption2 = exports.caption2ClassNames = void 0;
|
7
|
-
|
8
7
|
const react_1 = /*#__PURE__*/require("@griffel/react");
|
9
|
-
|
10
8
|
const wrapper_1 = /*#__PURE__*/require("../wrapper");
|
11
|
-
|
12
9
|
const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
|
13
|
-
|
14
10
|
exports.caption2ClassNames = {
|
15
11
|
root: 'fui-Caption2'
|
16
12
|
};
|
17
13
|
/**
|
18
14
|
* Styles for the root slot
|
19
15
|
*/
|
20
|
-
|
21
16
|
const useStyles = /*#__PURE__*/react_1.__styles({
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
17
|
+
root: {
|
18
|
+
Bahqtrf: "fk6fouc",
|
19
|
+
Be2twd7: "f13mqy1h",
|
20
|
+
Bhrd7zp: "figsok6",
|
21
|
+
Bg96gwp: "fcpl73t"
|
27
22
|
}
|
28
23
|
}, {
|
29
|
-
|
24
|
+
d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".f13mqy1h{font-size:var(--fontSizeBase100);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fcpl73t{line-height:var(--lineHeightBase100);}"]
|
30
25
|
});
|
31
26
|
/**
|
32
27
|
* Text wrapper component for the Caption2 typography variant
|
33
28
|
*/
|
34
|
-
|
35
|
-
|
36
29
|
exports.Caption2 = /*#__PURE__*/wrapper_1.createWrapper({
|
37
30
|
useStyles,
|
38
31
|
className: exports.caption2ClassNames.root,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"mappings":";;;;;;AACA;AACA;AAGA;AAEaA,0BAAkB,GAA8B;EAC3DC,IAAI,EAAE;CACP;AAED;;;AAGA,MAAMC,SAAS,gBAAGC,gBAAU;EAAA;IAAA;IAAA;IAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAE1B;AAEF;;;AAGaH,gBAAQ,gBAAwCI,uBAAa,CAAC;EACzEF,SAAS;EACTG,SAAS,EAAEL,0BAAkB,CAACC,IAAI;EAClCK,WAAW,EAAE;CACd,CAAC","names":["exports","root","useStyles","react_1","wrapper_1","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"]}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["packages/react-components/react-text/src/components/Caption2/index.ts"],"
|
1
|
+
{"version":3,"mappings":";;;;;;AAAAA","names":["tslib_1"],"sourceRoot":"../src/","sources":["packages/react-components/react-text/src/components/Caption2/index.ts"],"sourcesContent":["export * from './Caption2';\n"]}
|
@@ -4,35 +4,28 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.Display = exports.displayClassNames = void 0;
|
7
|
-
|
8
7
|
const react_1 = /*#__PURE__*/require("@griffel/react");
|
9
|
-
|
10
8
|
const wrapper_1 = /*#__PURE__*/require("../wrapper");
|
11
|
-
|
12
9
|
const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
|
13
|
-
|
14
10
|
exports.displayClassNames = {
|
15
11
|
root: 'fui-Display'
|
16
12
|
};
|
17
13
|
/**
|
18
14
|
* Styles for the root slot
|
19
15
|
*/
|
20
|
-
|
21
16
|
const useStyles = /*#__PURE__*/react_1.__styles({
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
17
|
+
root: {
|
18
|
+
Bahqtrf: "fk6fouc",
|
19
|
+
Be2twd7: "fpyltcb",
|
20
|
+
Bhrd7zp: "fl43uef",
|
21
|
+
Bg96gwp: "f1ivgwrt"
|
27
22
|
}
|
28
23
|
}, {
|
29
|
-
|
24
|
+
d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fpyltcb{font-size:var(--fontSizeHero1000);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f1ivgwrt{line-height:var(--lineHeightHero1000);}"]
|
30
25
|
});
|
31
26
|
/**
|
32
27
|
* Text wrapper component for the Display typography variant
|
33
28
|
*/
|
34
|
-
|
35
|
-
|
36
29
|
exports.Display = /*#__PURE__*/wrapper_1.createWrapper({
|
37
30
|
useStyles,
|
38
31
|
className: exports.displayClassNames.root,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"mappings":";;;;;;AACA;AACA;AAGA;AAEaA,yBAAiB,GAA8B;EAC1DC,IAAI,EAAE;CACP;AAED;;;AAGA,MAAMC,SAAS,gBAAGC,gBAAU;EAAA;IAAA;IAAA;IAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAE1B;AAEF;;;AAGaH,eAAO,gBAAwCI,uBAAa,CAAC;EACxEF,SAAS;EACTG,SAAS,EAAEL,yBAAiB,CAACC,IAAI;EACjCK,WAAW,EAAE;CACd,CAAC","names":["exports","root","useStyles","react_1","wrapper_1","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"]}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["packages/react-components/react-text/src/components/Display/index.ts"],"
|
1
|
+
{"version":3,"mappings":";;;;;;AAAAA","names":["tslib_1"],"sourceRoot":"../src/","sources":["packages/react-components/react-text/src/components/Display/index.ts"],"sourcesContent":["export * from './Display';\n"]}
|
@@ -4,35 +4,28 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.LargeTitle = exports.largeTitleClassNames = void 0;
|
7
|
-
|
8
7
|
const react_1 = /*#__PURE__*/require("@griffel/react");
|
9
|
-
|
10
8
|
const wrapper_1 = /*#__PURE__*/require("../wrapper");
|
11
|
-
|
12
9
|
const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
|
13
|
-
|
14
10
|
exports.largeTitleClassNames = {
|
15
11
|
root: 'fui-LargeTitle'
|
16
12
|
};
|
17
13
|
/**
|
18
14
|
* Styles for the root slot
|
19
15
|
*/
|
20
|
-
|
21
16
|
const useStyles = /*#__PURE__*/react_1.__styles({
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
17
|
+
root: {
|
18
|
+
Bahqtrf: "fk6fouc",
|
19
|
+
Be2twd7: "f15afnhw",
|
20
|
+
Bhrd7zp: "fl43uef",
|
21
|
+
Bg96gwp: "fr3w3wp"
|
27
22
|
}
|
28
23
|
}, {
|
29
|
-
|
24
|
+
d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".f15afnhw{font-size:var(--fontSizeHero900);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".fr3w3wp{line-height:var(--lineHeightHero900);}"]
|
30
25
|
});
|
31
26
|
/**
|
32
27
|
* Text wrapper component for the Large Title typography variant
|
33
28
|
*/
|
34
|
-
|
35
|
-
|
36
29
|
exports.LargeTitle = /*#__PURE__*/wrapper_1.createWrapper({
|
37
30
|
useStyles,
|
38
31
|
className: exports.largeTitleClassNames.root,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"mappings":";;;;;;AACA;AACA;AAGA;AAEaA,4BAAoB,GAA8B;EAC7DC,IAAI,EAAE;CACP;AAED;;;AAGA,MAAMC,SAAS,gBAAGC,gBAAU;EAAA;IAAA;IAAA;IAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAE1B;AAEF;;;AAGaH,kBAAU,gBAAwCI,uBAAa,CAAC;EAC3EF,SAAS;EACTG,SAAS,EAAEL,4BAAoB,CAACC,IAAI;EACpCK,WAAW,EAAE;CACd,CAAC","names":["exports","root","useStyles","react_1","wrapper_1","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"]}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["packages/react-components/react-text/src/components/LargeTitle/index.ts"],"
|
1
|
+
{"version":3,"mappings":";;;;;;AAAAA","names":["tslib_1"],"sourceRoot":"../src/","sources":["packages/react-components/react-text/src/components/LargeTitle/index.ts"],"sourcesContent":["export * from './LargeTitle';\n"]}
|
@@ -4,35 +4,28 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.Subtitle1 = exports.subtitle1ClassNames = void 0;
|
7
|
-
|
8
7
|
const react_1 = /*#__PURE__*/require("@griffel/react");
|
9
|
-
|
10
8
|
const wrapper_1 = /*#__PURE__*/require("../wrapper");
|
11
|
-
|
12
9
|
const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
|
13
|
-
|
14
10
|
exports.subtitle1ClassNames = {
|
15
11
|
root: 'fui-Subtitle1'
|
16
12
|
};
|
17
13
|
/**
|
18
14
|
* Styles for the root slot
|
19
15
|
*/
|
20
|
-
|
21
16
|
const useStyles = /*#__PURE__*/react_1.__styles({
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
17
|
+
root: {
|
18
|
+
Bahqtrf: "fk6fouc",
|
19
|
+
Be2twd7: "f1pp30po",
|
20
|
+
Bhrd7zp: "fl43uef",
|
21
|
+
Bg96gwp: "f106mvju"
|
27
22
|
}
|
28
23
|
}, {
|
29
|
-
|
24
|
+
d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".f1pp30po{font-size:var(--fontSizeBase500);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f106mvju{line-height:var(--lineHeightBase500);}"]
|
30
25
|
});
|
31
26
|
/**
|
32
27
|
* Text wrapper component for the Subtitle1 typography variant
|
33
28
|
*/
|
34
|
-
|
35
|
-
|
36
29
|
exports.Subtitle1 = /*#__PURE__*/wrapper_1.createWrapper({
|
37
30
|
useStyles,
|
38
31
|
className: exports.subtitle1ClassNames.root,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"mappings":";;;;;;AACA;AACA;AAGA;AAEaA,2BAAmB,GAA8B;EAC5DC,IAAI,EAAE;CACP;AAED;;;AAGA,MAAMC,SAAS,gBAAGC,gBAAU;EAAA;IAAA;IAAA;IAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAE1B;AAEF;;;AAGaH,iBAAS,gBAAwCI,uBAAa,CAAC;EAC1EF,SAAS;EACTG,SAAS,EAAEL,2BAAmB,CAACC,IAAI;EACnCK,WAAW,EAAE;CACd,CAAC","names":["exports","root","useStyles","react_1","wrapper_1","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"]}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["packages/react-components/react-text/src/components/Subtitle1/index.ts"],"
|
1
|
+
{"version":3,"mappings":";;;;;;AAAAA","names":["tslib_1"],"sourceRoot":"../src/","sources":["packages/react-components/react-text/src/components/Subtitle1/index.ts"],"sourcesContent":["export * from './Subtitle1';\n"]}
|
@@ -4,35 +4,28 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.Subtitle2 = exports.subtitle2ClassNames = void 0;
|
7
|
-
|
8
7
|
const react_1 = /*#__PURE__*/require("@griffel/react");
|
9
|
-
|
10
8
|
const wrapper_1 = /*#__PURE__*/require("../wrapper");
|
11
|
-
|
12
9
|
const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
|
13
|
-
|
14
10
|
exports.subtitle2ClassNames = {
|
15
11
|
root: 'fui-Subtitle2'
|
16
12
|
};
|
17
13
|
/**
|
18
14
|
* Styles for the root slot
|
19
15
|
*/
|
20
|
-
|
21
16
|
const useStyles = /*#__PURE__*/react_1.__styles({
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
17
|
+
root: {
|
18
|
+
Bahqtrf: "fk6fouc",
|
19
|
+
Be2twd7: "fod5ikn",
|
20
|
+
Bhrd7zp: "fl43uef",
|
21
|
+
Bg96gwp: "faaz57k"
|
27
22
|
}
|
28
23
|
}, {
|
29
|
-
|
24
|
+
d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".faaz57k{line-height:var(--lineHeightBase400);}"]
|
30
25
|
});
|
31
26
|
/**
|
32
27
|
* Text wrapper component for the Subtitle2 typography variant
|
33
28
|
*/
|
34
|
-
|
35
|
-
|
36
29
|
exports.Subtitle2 = /*#__PURE__*/wrapper_1.createWrapper({
|
37
30
|
useStyles,
|
38
31
|
className: exports.subtitle2ClassNames.root,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"mappings":";;;;;;AACA;AACA;AAGA;AAEaA,2BAAmB,GAA8B;EAC5DC,IAAI,EAAE;CACP;AAED;;;AAGA,MAAMC,SAAS,gBAAGC,gBAAU;EAAA;IAAA;IAAA;IAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAE1B;AAEF;;;AAGaH,iBAAS,gBAAwCI,uBAAa,CAAC;EAC1EF,SAAS;EACTG,SAAS,EAAEL,2BAAmB,CAACC,IAAI;EACnCK,WAAW,EAAE;CACd,CAAC","names":["exports","root","useStyles","react_1","wrapper_1","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"]}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["packages/react-components/react-text/src/components/Subtitle2/index.ts"],"
|
1
|
+
{"version":3,"mappings":";;;;;;AAAAA","names":["tslib_1"],"sourceRoot":"../src/","sources":["packages/react-components/react-text/src/components/Subtitle2/index.ts"],"sourcesContent":["export * from './Subtitle2';\n"]}
|
@@ -4,23 +4,19 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.Text = void 0;
|
7
|
-
|
8
7
|
const React = /*#__PURE__*/require("react");
|
9
|
-
|
10
8
|
const useText_1 = /*#__PURE__*/require("./useText");
|
11
|
-
|
12
9
|
const renderText_1 = /*#__PURE__*/require("./renderText");
|
13
|
-
|
14
10
|
const useTextStyles_1 = /*#__PURE__*/require("./useTextStyles");
|
15
11
|
/**
|
16
12
|
* Typography and styling abstraction component used to ensure consistency of text.
|
17
13
|
*/
|
18
|
-
|
19
|
-
|
20
14
|
exports.Text = /*#__PURE__*/React.forwardRef((props, ref) => {
|
21
15
|
const state = useText_1.useText_unstable(props, ref);
|
22
16
|
useTextStyles_1.useTextStyles_unstable(state);
|
23
|
-
return renderText_1.renderText_unstable(state);
|
17
|
+
return renderText_1.renderText_unstable(state);
|
18
|
+
// Work around some small mismatches in inferred types which don't matter in practice
|
24
19
|
});
|
20
|
+
|
25
21
|
exports.Text.displayName = 'Text';
|
26
22
|
//# sourceMappingURL=Text.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"mappings":";;;;;;AAAA;AACA;AACA;AACA;AAIA;;;AAGaA,YAAI,gBAAmCC,KAAK,CAACC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAClF,MAAMC,KAAK,GAAGC,0BAAgB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAE1CG,sCAAsB,CAACF,KAAK,CAAC;EAE7B,OAAOG,gCAAmB,CAACH,KAAK,CAAC;EACjC;AACF,CAAC,CAAmC;;AAEpCL,YAAI,CAACS,WAAW,GAAG,MAAM","names":["exports","React","forwardRef","props","ref","state","useText_1","useTextStyles_1","renderText_1","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"]}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"mappings":"","names":[],"sourceRoot":"../src/","sources":[],"sourcesContent":[]}
|
@@ -3,16 +3,10 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
|
7
6
|
const tslib_1 = /*#__PURE__*/require("tslib");
|
8
|
-
|
9
7
|
tslib_1.__exportStar(require("./Text"), exports);
|
10
|
-
|
11
8
|
tslib_1.__exportStar(require("./Text.types"), exports);
|
12
|
-
|
13
9
|
tslib_1.__exportStar(require("./renderText"), exports);
|
14
|
-
|
15
10
|
tslib_1.__exportStar(require("./useText"), exports);
|
16
|
-
|
17
11
|
tslib_1.__exportStar(require("./useTextStyles"), exports);
|
18
12
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["packages/react-components/react-text/src/components/Text/index.ts"],"
|
1
|
+
{"version":3,"mappings":";;;;;;AAAAA;AACAA;AACAA;AACAA;AACAA","names":["tslib_1"],"sourceRoot":"../src/","sources":["packages/react-components/react-text/src/components/Text/index.ts"],"sourcesContent":["export * from './Text';\nexport * from './Text.types';\nexport * from './renderText';\nexport * from './useText';\nexport * from './useTextStyles';\n"]}
|
@@ -4,23 +4,19 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.renderText_unstable = void 0;
|
7
|
-
|
8
7
|
const React = /*#__PURE__*/require("react");
|
9
|
-
|
10
8
|
const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
11
9
|
/**
|
12
10
|
* Render the final JSX of Text
|
13
11
|
*/
|
14
|
-
|
15
|
-
|
16
12
|
const renderText_unstable = state => {
|
17
13
|
const {
|
18
14
|
slots,
|
19
15
|
slotProps
|
20
16
|
} = react_utilities_1.getSlots(state);
|
21
|
-
return React.createElement(slots.root, {
|
17
|
+
return React.createElement(slots.root, {
|
18
|
+
...slotProps.root
|
22
19
|
});
|
23
20
|
};
|
24
|
-
|
25
21
|
exports.renderText_unstable = renderText_unstable;
|
26
22
|
//# sourceMappingURL=renderText.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"mappings":";;;;;;AAAA;AACA;AAGA;;;AAGO,MAAMA,mBAAmB,GAAIC,KAAgB,IAAI;EACtD,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGC,0BAAQ,CAAYH,KAAK,CAAC;EAEvD,OAAOI,oBAACH,KAAK,CAACI,IAAI;IAAA,GAAKH,SAAS,CAACG;EAAI,EAAI;AAC3C,CAAC;AAJYC,2BAAmB","names":["renderText_unstable","state","slots","slotProps","react_utilities_1","React","root","exports"],"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"]}
|
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
exports.useText_unstable = void 0;
|
7
|
-
|
8
7
|
const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
9
8
|
/**
|
10
9
|
* Create the state required to render Text.
|
@@ -15,11 +14,8 @@ const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
|
15
14
|
* @param props - props from this instance of Text
|
16
15
|
* @param ref - reference to root HTMLElement of Text
|
17
16
|
*/
|
18
|
-
|
19
|
-
|
20
17
|
const useText_unstable = (props, ref) => {
|
21
18
|
var _a;
|
22
|
-
|
23
19
|
const {
|
24
20
|
wrap,
|
25
21
|
truncate,
|
@@ -55,6 +51,5 @@ const useText_unstable = (props, ref) => {
|
|
55
51
|
};
|
56
52
|
return state;
|
57
53
|
};
|
58
|
-
|
59
54
|
exports.useText_unstable = useText_unstable;
|
60
55
|
//# sourceMappingURL=useText.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"
|
1
|
+
{"version":3,"mappings":";;;;;;AACA;AAGA;;;;;;;;;AASO,MAAMA,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,EAAEC,uCAAqB,CAACJ,EAAE,EAAE;MAC9BX,GAAG;MACH,GAAGD,KAAK;MACRY;KACD;GACF;EAED,OAAOC,KAAK;AACd,CAAC;AA1BYI,wBAAgB","names":["useText_unstable","props","ref","wrap","truncate","block","italic","underline","strikethrough","size","font","weight","align","as","state","components","root","react_utilities_1","exports"],"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"]}
|