@fluentui/react-text 9.0.0-nightly.d730088d7f.0 → 9.0.0-rc.10
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 +511 -18
- package/CHANGELOG.md +195 -53
- package/MIGRATION.md +153 -103
- package/README.md +4 -4
- package/dist/index.d.ts +188 -0
- package/{lib → dist}/tsdoc-metadata.json +0 -0
- package/lib/Body1.js +2 -0
- package/lib/Body1.js.map +1 -0
- package/lib/Caption1.js +2 -0
- package/lib/Caption1.js.map +1 -0
- package/lib/Caption2.js +2 -0
- package/lib/Caption2.js.map +1 -0
- package/lib/Display.js.map +1 -1
- package/lib/LargeTitle.js.map +1 -1
- package/lib/Subtitle1.js +2 -0
- package/lib/Subtitle1.js.map +1 -0
- package/lib/Subtitle2.js +2 -0
- package/lib/Subtitle2.js.map +1 -0
- package/lib/Text.js.map +1 -1
- package/lib/Title1.js.map +1 -1
- package/lib/Title2.js.map +1 -1
- package/lib/Title3.js.map +1 -1
- package/lib/components/Body1/Body1.js +31 -0
- package/lib/components/Body1/Body1.js.map +1 -0
- package/lib/components/Body1/index.js +2 -0
- package/lib/components/Body1/index.js.map +1 -0
- package/lib/components/Caption1/Caption1.js +31 -0
- package/lib/components/Caption1/Caption1.js.map +1 -0
- package/lib/components/Caption1/index.js +2 -0
- package/lib/components/Caption1/index.js.map +1 -0
- package/lib/components/Caption2/Caption2.js +31 -0
- package/lib/components/Caption2/Caption2.js.map +1 -0
- package/lib/components/Caption2/index.js +2 -0
- package/lib/components/Caption2/index.js.map +1 -0
- package/lib/components/Display/Display.js +12 -8
- package/lib/components/Display/Display.js.map +1 -1
- package/lib/components/Display/index.js.map +1 -1
- package/lib/components/LargeTitle/LargeTitle.js +12 -8
- package/lib/components/LargeTitle/LargeTitle.js.map +1 -1
- package/lib/components/LargeTitle/index.js.map +1 -1
- package/lib/components/Subtitle1/Subtitle1.js +31 -0
- package/lib/components/Subtitle1/Subtitle1.js.map +1 -0
- package/lib/components/Subtitle1/index.js +2 -0
- package/lib/components/Subtitle1/index.js.map +1 -0
- package/lib/components/Subtitle2/Subtitle2.js +31 -0
- package/lib/components/Subtitle2/Subtitle2.js.map +1 -0
- package/lib/components/Subtitle2/index.js +2 -0
- package/lib/components/Subtitle2/index.js.map +1 -0
- package/lib/components/Text/Text.js +7 -7
- package/lib/components/Text/Text.js.map +1 -1
- package/lib/components/Text/Text.types.js.map +1 -1
- package/lib/components/Text/index.js.map +1 -1
- package/lib/components/Text/renderText.js +7 -7
- package/lib/components/Text/renderText.js.map +1 -1
- package/lib/components/Text/useText.js +28 -27
- package/lib/components/Text/useText.js.map +1 -1
- package/lib/components/Text/useTextStyles.js +17 -11
- package/lib/components/Text/useTextStyles.js.map +1 -1
- package/lib/components/Title1/Title1.js +12 -8
- package/lib/components/Title1/Title1.js.map +1 -1
- package/lib/components/Title1/index.js.map +1 -1
- package/lib/components/Title2/Title2.js +12 -8
- package/lib/components/Title2/Title2.js.map +1 -1
- package/lib/components/Title2/index.js.map +1 -1
- package/lib/components/Title3/Title3.js +12 -8
- package/lib/components/Title3/Title3.js.map +1 -1
- package/lib/components/Title3/index.js.map +1 -1
- package/lib/components/wrapper.js +13 -10
- package/lib/components/wrapper.js.map +1 -1
- package/lib/index.js +11 -10
- package/lib/index.js.map +1 -1
- package/lib-commonjs/Body1.js +10 -0
- package/lib-commonjs/Body1.js.map +1 -0
- package/lib-commonjs/Caption1.js +10 -0
- package/lib-commonjs/Caption1.js.map +1 -0
- package/lib-commonjs/Caption2.js +10 -0
- package/lib-commonjs/Caption2.js.map +1 -0
- package/lib-commonjs/Display.js +1 -1
- package/lib-commonjs/Display.js.map +1 -1
- package/lib-commonjs/LargeTitle.js +1 -1
- package/lib-commonjs/LargeTitle.js.map +1 -1
- package/lib-commonjs/Subtitle1.js +10 -0
- package/lib-commonjs/Subtitle1.js.map +1 -0
- package/lib-commonjs/Subtitle2.js +10 -0
- package/lib-commonjs/Subtitle2.js.map +1 -0
- package/lib-commonjs/Text.js +1 -1
- package/lib-commonjs/Text.js.map +1 -1
- package/lib-commonjs/Title1.js +1 -1
- package/lib-commonjs/Title1.js.map +1 -1
- package/lib-commonjs/Title2.js +1 -1
- package/lib-commonjs/Title2.js.map +1 -1
- package/lib-commonjs/Title3.js +1 -1
- package/lib-commonjs/Title3.js.map +1 -1
- package/lib-commonjs/components/Body1/Body1.js +41 -0
- package/lib-commonjs/components/Body1/Body1.js.map +1 -0
- package/lib-commonjs/components/Body1/index.js +10 -0
- package/lib-commonjs/components/Body1/index.js.map +1 -0
- package/lib-commonjs/components/Caption1/Caption1.js +41 -0
- package/lib-commonjs/components/Caption1/Caption1.js.map +1 -0
- package/lib-commonjs/components/Caption1/index.js +10 -0
- package/lib-commonjs/components/Caption1/index.js.map +1 -0
- package/lib-commonjs/components/Caption2/Caption2.js +41 -0
- package/lib-commonjs/components/Caption2/Caption2.js.map +1 -0
- package/lib-commonjs/components/Caption2/index.js +10 -0
- package/lib-commonjs/components/Caption2/index.js.map +1 -0
- package/lib-commonjs/components/Display/Display.js +20 -9
- package/lib-commonjs/components/Display/Display.js.map +1 -1
- package/lib-commonjs/components/Display/index.js +1 -1
- package/lib-commonjs/components/Display/index.js.map +1 -1
- package/lib-commonjs/components/LargeTitle/LargeTitle.js +20 -9
- package/lib-commonjs/components/LargeTitle/LargeTitle.js.map +1 -1
- package/lib-commonjs/components/LargeTitle/index.js +1 -1
- package/lib-commonjs/components/LargeTitle/index.js.map +1 -1
- package/lib-commonjs/components/Subtitle1/Subtitle1.js +41 -0
- package/lib-commonjs/components/Subtitle1/Subtitle1.js.map +1 -0
- package/lib-commonjs/components/Subtitle1/index.js +10 -0
- package/lib-commonjs/components/Subtitle1/index.js.map +1 -0
- package/lib-commonjs/components/Subtitle2/Subtitle2.js +41 -0
- package/lib-commonjs/components/Subtitle2/Subtitle2.js.map +1 -0
- package/lib-commonjs/components/Subtitle2/index.js +10 -0
- package/lib-commonjs/components/Subtitle2/index.js.map +1 -0
- package/lib-commonjs/components/Text/Text.js +8 -8
- 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 +1 -1
- package/lib-commonjs/components/Text/index.js.map +1 -1
- package/lib-commonjs/components/Text/renderText.js +11 -12
- package/lib-commonjs/components/Text/renderText.js.map +1 -1
- package/lib-commonjs/components/Text/useText.js +31 -31
- package/lib-commonjs/components/Text/useText.js.map +1 -1
- package/lib-commonjs/components/Text/useTextStyles.js +21 -14
- package/lib-commonjs/components/Text/useTextStyles.js.map +1 -1
- package/lib-commonjs/components/Title1/Title1.js +20 -9
- package/lib-commonjs/components/Title1/Title1.js.map +1 -1
- package/lib-commonjs/components/Title1/index.js +1 -1
- package/lib-commonjs/components/Title1/index.js.map +1 -1
- package/lib-commonjs/components/Title2/Title2.js +20 -9
- package/lib-commonjs/components/Title2/Title2.js.map +1 -1
- package/lib-commonjs/components/Title2/index.js +1 -1
- package/lib-commonjs/components/Title2/index.js.map +1 -1
- package/lib-commonjs/components/Title3/Title3.js +20 -9
- package/lib-commonjs/components/Title3/Title3.js.map +1 -1
- package/lib-commonjs/components/Title3/index.js +1 -1
- package/lib-commonjs/components/Title3/index.js.map +1 -1
- package/lib-commonjs/components/wrapper.js +14 -11
- package/lib-commonjs/components/wrapper.js.map +1 -1
- package/lib-commonjs/index.js +173 -11
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +18 -22
- package/dist/react-text.d.ts +0 -163
- package/lib/Body.d.ts +0 -1
- package/lib/Body.js +0 -2
- package/lib/Body.js.map +0 -1
- package/lib/Caption.d.ts +0 -1
- package/lib/Caption.js +0 -2
- package/lib/Caption.js.map +0 -1
- package/lib/Display.d.ts +0 -1
- package/lib/Headline.d.ts +0 -1
- package/lib/Headline.js +0 -2
- package/lib/Headline.js.map +0 -1
- package/lib/LargeTitle.d.ts +0 -1
- package/lib/Subheadline.d.ts +0 -1
- package/lib/Subheadline.js +0 -2
- package/lib/Subheadline.js.map +0 -1
- package/lib/Text.d.ts +0 -1
- package/lib/Title1.d.ts +0 -1
- package/lib/Title2.d.ts +0 -1
- package/lib/Title3.d.ts +0 -1
- package/lib/common/isConformant.d.ts +0 -4
- package/lib/common/isConformant.js +0 -16
- package/lib/common/isConformant.js.map +0 -1
- package/lib/components/Body/Body.d.ts +0 -6
- package/lib/components/Body/Body.js +0 -27
- package/lib/components/Body/Body.js.map +0 -1
- package/lib/components/Body/index.d.ts +0 -1
- package/lib/components/Body/index.js +0 -2
- package/lib/components/Body/index.js.map +0 -1
- package/lib/components/Caption/Caption.d.ts +0 -6
- package/lib/components/Caption/Caption.js +0 -27
- package/lib/components/Caption/Caption.js.map +0 -1
- package/lib/components/Caption/index.d.ts +0 -1
- package/lib/components/Caption/index.js +0 -2
- package/lib/components/Caption/index.js.map +0 -1
- package/lib/components/Display/Display.d.ts +0 -6
- package/lib/components/Display/index.d.ts +0 -1
- package/lib/components/Headline/Headline.d.ts +0 -6
- package/lib/components/Headline/Headline.js +0 -27
- package/lib/components/Headline/Headline.js.map +0 -1
- package/lib/components/Headline/index.d.ts +0 -1
- package/lib/components/Headline/index.js +0 -2
- package/lib/components/Headline/index.js.map +0 -1
- package/lib/components/LargeTitle/LargeTitle.d.ts +0 -6
- package/lib/components/LargeTitle/index.d.ts +0 -1
- package/lib/components/Subheadline/Subheadline.d.ts +0 -6
- package/lib/components/Subheadline/Subheadline.js +0 -27
- package/lib/components/Subheadline/Subheadline.js.map +0 -1
- package/lib/components/Subheadline/index.d.ts +0 -1
- package/lib/components/Subheadline/index.js +0 -2
- package/lib/components/Subheadline/index.js.map +0 -1
- package/lib/components/Text/Text.d.ts +0 -6
- package/lib/components/Text/Text.types.d.ts +0 -77
- package/lib/components/Text/index.d.ts +0 -5
- package/lib/components/Text/renderText.d.ts +0 -5
- package/lib/components/Text/useText.d.ts +0 -12
- package/lib/components/Text/useTextStyles.d.ts +0 -5
- package/lib/components/Title1/Title1.d.ts +0 -6
- package/lib/components/Title1/index.d.ts +0 -1
- package/lib/components/Title2/Title2.d.ts +0 -6
- package/lib/components/Title2/index.d.ts +0 -1
- package/lib/components/Title3/Title3.d.ts +0 -6
- package/lib/components/Title3/index.d.ts +0 -1
- package/lib/components/wrapper.d.ts +0 -7
- package/lib/index.d.ts +0 -10
- package/lib/typographyStyles/index.d.ts +0 -2
- package/lib/typographyStyles/index.js +0 -3
- package/lib/typographyStyles/index.js.map +0 -1
- package/lib/typographyStyles/typographyStyles.d.ts +0 -14
- package/lib/typographyStyles/typographyStyles.js +0 -76
- package/lib/typographyStyles/typographyStyles.js.map +0 -1
- package/lib-commonjs/Body.d.ts +0 -1
- package/lib-commonjs/Body.js +0 -10
- package/lib-commonjs/Body.js.map +0 -1
- package/lib-commonjs/Caption.d.ts +0 -1
- package/lib-commonjs/Caption.js +0 -10
- package/lib-commonjs/Caption.js.map +0 -1
- package/lib-commonjs/Display.d.ts +0 -1
- package/lib-commonjs/Headline.d.ts +0 -1
- package/lib-commonjs/Headline.js +0 -10
- package/lib-commonjs/Headline.js.map +0 -1
- package/lib-commonjs/LargeTitle.d.ts +0 -1
- package/lib-commonjs/Subheadline.d.ts +0 -1
- package/lib-commonjs/Subheadline.js +0 -10
- package/lib-commonjs/Subheadline.js.map +0 -1
- package/lib-commonjs/Text.d.ts +0 -1
- package/lib-commonjs/Title1.d.ts +0 -1
- package/lib-commonjs/Title2.d.ts +0 -1
- package/lib-commonjs/Title3.d.ts +0 -1
- package/lib-commonjs/common/isConformant.d.ts +0 -4
- package/lib-commonjs/common/isConformant.js +0 -27
- package/lib-commonjs/common/isConformant.js.map +0 -1
- package/lib-commonjs/components/Body/Body.d.ts +0 -6
- package/lib-commonjs/components/Body/Body.js +0 -30
- package/lib-commonjs/components/Body/Body.js.map +0 -1
- package/lib-commonjs/components/Body/index.d.ts +0 -1
- package/lib-commonjs/components/Body/index.js +0 -10
- package/lib-commonjs/components/Body/index.js.map +0 -1
- package/lib-commonjs/components/Caption/Caption.d.ts +0 -6
- package/lib-commonjs/components/Caption/Caption.js +0 -30
- package/lib-commonjs/components/Caption/Caption.js.map +0 -1
- package/lib-commonjs/components/Caption/index.d.ts +0 -1
- package/lib-commonjs/components/Caption/index.js +0 -10
- package/lib-commonjs/components/Caption/index.js.map +0 -1
- package/lib-commonjs/components/Display/Display.d.ts +0 -6
- package/lib-commonjs/components/Display/index.d.ts +0 -1
- package/lib-commonjs/components/Headline/Headline.d.ts +0 -6
- package/lib-commonjs/components/Headline/Headline.js +0 -30
- package/lib-commonjs/components/Headline/Headline.js.map +0 -1
- package/lib-commonjs/components/Headline/index.d.ts +0 -1
- package/lib-commonjs/components/Headline/index.js +0 -10
- package/lib-commonjs/components/Headline/index.js.map +0 -1
- package/lib-commonjs/components/LargeTitle/LargeTitle.d.ts +0 -6
- package/lib-commonjs/components/LargeTitle/index.d.ts +0 -1
- package/lib-commonjs/components/Subheadline/Subheadline.d.ts +0 -6
- package/lib-commonjs/components/Subheadline/Subheadline.js +0 -30
- package/lib-commonjs/components/Subheadline/Subheadline.js.map +0 -1
- package/lib-commonjs/components/Subheadline/index.d.ts +0 -1
- package/lib-commonjs/components/Subheadline/index.js +0 -10
- package/lib-commonjs/components/Subheadline/index.js.map +0 -1
- package/lib-commonjs/components/Text/Text.d.ts +0 -6
- package/lib-commonjs/components/Text/Text.types.d.ts +0 -77
- package/lib-commonjs/components/Text/index.d.ts +0 -5
- package/lib-commonjs/components/Text/renderText.d.ts +0 -5
- package/lib-commonjs/components/Text/useText.d.ts +0 -12
- package/lib-commonjs/components/Text/useTextStyles.d.ts +0 -5
- package/lib-commonjs/components/Title1/Title1.d.ts +0 -6
- package/lib-commonjs/components/Title1/index.d.ts +0 -1
- package/lib-commonjs/components/Title2/Title2.d.ts +0 -6
- package/lib-commonjs/components/Title2/index.d.ts +0 -1
- package/lib-commonjs/components/Title3/Title3.d.ts +0 -6
- package/lib-commonjs/components/Title3/index.d.ts +0 -1
- package/lib-commonjs/components/wrapper.d.ts +0 -7
- package/lib-commonjs/index.d.ts +0 -10
- package/lib-commonjs/typographyStyles/index.d.ts +0 -2
- package/lib-commonjs/typographyStyles/index.js +0 -11
- package/lib-commonjs/typographyStyles/index.js.map +0 -1
- package/lib-commonjs/typographyStyles/typographyStyles.d.ts +0 -14
- package/lib-commonjs/typographyStyles/typographyStyles.js +0 -109
- package/lib-commonjs/typographyStyles/typographyStyles.js.map +0 -1
@@ -1 +0,0 @@
|
|
1
|
-
export * from './Caption';
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Caption/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,WAAA,CAAA,EAAA,OAAA","sourceRoot":""}
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './Display';
|
@@ -1,30 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.Headline = void 0;
|
7
|
-
|
8
|
-
var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
|
9
|
-
|
10
|
-
var index_1 = /*#__PURE__*/require("../../typographyStyles/index");
|
11
|
-
|
12
|
-
var wrapper_1 = /*#__PURE__*/require("../wrapper");
|
13
|
-
/**
|
14
|
-
* Styles for the root slot
|
15
|
-
*/
|
16
|
-
|
17
|
-
|
18
|
-
var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
19
|
-
"root": {}
|
20
|
-
}, {});
|
21
|
-
/**
|
22
|
-
* Text wrapper component for the Headline typography variant
|
23
|
-
*/
|
24
|
-
|
25
|
-
|
26
|
-
exports.Headline = /*#__PURE__*/wrapper_1.createWrapper({
|
27
|
-
useStyles: useStyles,
|
28
|
-
displayName: 'Headline'
|
29
|
-
});
|
30
|
-
//# sourceMappingURL=Headline.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Headline/Headline.tsx"],"names":[],"mappings":";;;;;;;AACA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,IAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,IAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;AAEA;;AAEG;;;AACH,IAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA,MAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,QAAA,gBAAgD,SAAA,CAAA,aAAA,CAAc;AACzE,EAAA,SAAS,EAAA,SADgE;AAEzE,EAAA,WAAW,EAAE;AAF4D,CAAd,CAAhD","sourceRoot":""}
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './Headline';
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Headline/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,YAAA,CAAA,EAAA,OAAA","sourceRoot":""}
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './LargeTitle';
|
@@ -1,30 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.Subheadline = void 0;
|
7
|
-
|
8
|
-
var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
|
9
|
-
|
10
|
-
var index_1 = /*#__PURE__*/require("../../typographyStyles/index");
|
11
|
-
|
12
|
-
var wrapper_1 = /*#__PURE__*/require("../wrapper");
|
13
|
-
/**
|
14
|
-
* Styles for the root slot
|
15
|
-
*/
|
16
|
-
|
17
|
-
|
18
|
-
var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
19
|
-
"root": {}
|
20
|
-
}, {});
|
21
|
-
/**
|
22
|
-
* Text wrapper component for the Subheadline typography variant
|
23
|
-
*/
|
24
|
-
|
25
|
-
|
26
|
-
exports.Subheadline = /*#__PURE__*/wrapper_1.createWrapper({
|
27
|
-
useStyles: useStyles,
|
28
|
-
displayName: 'Subheadline'
|
29
|
-
});
|
30
|
-
//# sourceMappingURL=Subheadline.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Subheadline/Subheadline.tsx"],"names":[],"mappings":";;;;;;;AACA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,IAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,IAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;AAEA;;AAEG;;;AACH,IAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA,MAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,WAAA,gBAAmD,SAAA,CAAA,aAAA,CAAc;AAC5E,EAAA,SAAS,EAAA,SADmE;AAE5E,EAAA,WAAW,EAAE;AAF+D,CAAd,CAAnD","sourceRoot":""}
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './Subheadline';
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Subheadline/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA","sourceRoot":""}
|
@@ -1,6 +0,0 @@
|
|
1
|
-
import type { TextProps } from './Text.types';
|
2
|
-
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
3
|
-
/**
|
4
|
-
* Typography and styling abstraction component used to ensure consistency of text.
|
5
|
-
*/
|
6
|
-
export declare const Text: ForwardRefComponent<TextProps>;
|
@@ -1,77 +0,0 @@
|
|
1
|
-
import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
|
2
|
-
/**
|
3
|
-
* Text slots
|
4
|
-
*/
|
5
|
-
export declare type TextSlots = {
|
6
|
-
root: IntrinsicShorthandProps<'span', 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'pre'>;
|
7
|
-
};
|
8
|
-
export declare type TextCommons = {
|
9
|
-
/**
|
10
|
-
* Wraps the text content on white spaces.
|
11
|
-
*
|
12
|
-
* @defaultValue true
|
13
|
-
*/
|
14
|
-
wrap: boolean;
|
15
|
-
/**
|
16
|
-
* Truncate overflowing text for block displays.
|
17
|
-
*
|
18
|
-
* @defaultValue false
|
19
|
-
*/
|
20
|
-
truncate: boolean;
|
21
|
-
/**
|
22
|
-
* Applies a block display for the content.
|
23
|
-
*
|
24
|
-
* @defaultValue false
|
25
|
-
*/
|
26
|
-
block: boolean;
|
27
|
-
/**
|
28
|
-
* Applies the italic font style to the content.
|
29
|
-
*
|
30
|
-
* @defaultValue false
|
31
|
-
*/
|
32
|
-
italic: boolean;
|
33
|
-
/**
|
34
|
-
* Applies the underline text decoration to the content.
|
35
|
-
*
|
36
|
-
* @defaultValue false
|
37
|
-
*/
|
38
|
-
underline: boolean;
|
39
|
-
/**
|
40
|
-
* Applies the strikethrough text decoration to the content.
|
41
|
-
*
|
42
|
-
* @defaultValue false
|
43
|
-
*/
|
44
|
-
strikethrough: boolean;
|
45
|
-
/**
|
46
|
-
* Applies font size and line height based on the theme tokens.
|
47
|
-
*
|
48
|
-
* @defaultValue 300
|
49
|
-
*/
|
50
|
-
size: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000;
|
51
|
-
/**
|
52
|
-
* Applies the font family to the content.
|
53
|
-
*
|
54
|
-
* @defaultValue base
|
55
|
-
*/
|
56
|
-
font: 'base' | 'monospace' | 'numeric';
|
57
|
-
/**
|
58
|
-
* Applies font weight to the content.
|
59
|
-
*
|
60
|
-
* @defaultValue regular
|
61
|
-
*/
|
62
|
-
weight: 'regular' | 'medium' | 'semibold';
|
63
|
-
/**
|
64
|
-
* Aligns text based on the parent container.
|
65
|
-
*
|
66
|
-
* @defaultValue start
|
67
|
-
*/
|
68
|
-
align: 'start' | 'center' | 'end' | 'justify';
|
69
|
-
};
|
70
|
-
/**
|
71
|
-
* Text Props
|
72
|
-
*/
|
73
|
-
export declare type TextProps = ComponentProps<TextSlots> & Partial<TextCommons>;
|
74
|
-
/**
|
75
|
-
* State used in rendering Text
|
76
|
-
*/
|
77
|
-
export declare type TextState = ComponentState<TextSlots> & TextCommons;
|
@@ -1,12 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import type { TextProps, TextState } from './Text.types';
|
3
|
-
/**
|
4
|
-
* Create the state required to render Text.
|
5
|
-
*
|
6
|
-
* The returned state can be modified with hooks such as useTextStyles,
|
7
|
-
* before being passed to renderText.
|
8
|
-
*
|
9
|
-
* @param props - props from this instance of Text
|
10
|
-
* @param ref - reference to root HTMLElement of Text
|
11
|
-
*/
|
12
|
-
export declare const useText: (props: TextProps, ref: React.Ref<HTMLElement>) => TextState;
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './Title1';
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './Title2';
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './Title3';
|
@@ -1,7 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import type { TextProps } from '../Text';
|
3
|
-
export declare type TextWrapperProps = Omit<TextProps, 'font' | 'size'>;
|
4
|
-
export declare function createWrapper(options: {
|
5
|
-
displayName: string;
|
6
|
-
useStyles: () => Record<'root', string>;
|
7
|
-
}): React.FunctionComponent<TextWrapperProps>;
|
package/lib-commonjs/index.d.ts
DELETED
@@ -1,10 +0,0 @@
|
|
1
|
-
export * from './Text';
|
2
|
-
export * from './Display';
|
3
|
-
export * from './LargeTitle';
|
4
|
-
export * from './Title1';
|
5
|
-
export * from './Title2';
|
6
|
-
export * from './Title3';
|
7
|
-
export * from './Headline';
|
8
|
-
export * from './Subheadline';
|
9
|
-
export * from './Body';
|
10
|
-
export * from './Caption';
|
@@ -1,11 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.typographyStyles = void 0;
|
7
|
-
|
8
|
-
var typographyStyles = /*#__PURE__*/require("./typographyStyles");
|
9
|
-
|
10
|
-
exports.typographyStyles = typographyStyles;
|
11
|
-
//# sourceMappingURL=index.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../../src/typographyStyles/index.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,gBAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;;AACS,OAAA,CAAA,gBAAA,GAAA,gBAAA","sourceRoot":""}
|
@@ -1,14 +0,0 @@
|
|
1
|
-
import type { MakeStylesStyleFunctionRule } from '@fluentui/make-styles';
|
2
|
-
import type { Theme } from '@fluentui/react-theme';
|
3
|
-
/**
|
4
|
-
* Make-styles rules for the typography variants
|
5
|
-
*/
|
6
|
-
export declare const caption: MakeStylesStyleFunctionRule<Theme>;
|
7
|
-
export declare const body: MakeStylesStyleFunctionRule<Theme>;
|
8
|
-
export declare const subheadline: MakeStylesStyleFunctionRule<Theme>;
|
9
|
-
export declare const headline: MakeStylesStyleFunctionRule<Theme>;
|
10
|
-
export declare const title3: MakeStylesStyleFunctionRule<Theme>;
|
11
|
-
export declare const title2: MakeStylesStyleFunctionRule<Theme>;
|
12
|
-
export declare const title1: MakeStylesStyleFunctionRule<Theme>;
|
13
|
-
export declare const largeTitle: MakeStylesStyleFunctionRule<Theme>;
|
14
|
-
export declare const display: MakeStylesStyleFunctionRule<Theme>;
|
@@ -1,109 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.display = exports.largeTitle = exports.title1 = exports.title2 = exports.title3 = exports.headline = exports.subheadline = exports.body = exports.caption = void 0;
|
7
|
-
/**
|
8
|
-
* Make-styles rules for the typography variants
|
9
|
-
*/
|
10
|
-
|
11
|
-
var caption = function (theme) {
|
12
|
-
return {
|
13
|
-
fontFamily: theme.fontFamilyBase,
|
14
|
-
fontSize: theme.fontSizeBase200,
|
15
|
-
lineHeight: theme.lineHeightBase200,
|
16
|
-
fontWeight: theme.fontWeightRegular
|
17
|
-
};
|
18
|
-
};
|
19
|
-
|
20
|
-
exports.caption = caption;
|
21
|
-
|
22
|
-
var body = function (theme) {
|
23
|
-
return {
|
24
|
-
fontFamily: theme.fontFamilyBase,
|
25
|
-
fontSize: theme.fontSizeBase300,
|
26
|
-
lineHeight: theme.lineHeightBase300,
|
27
|
-
fontWeight: theme.fontWeightRegular
|
28
|
-
};
|
29
|
-
};
|
30
|
-
|
31
|
-
exports.body = body;
|
32
|
-
|
33
|
-
var subheadline = function (theme) {
|
34
|
-
return {
|
35
|
-
fontFamily: theme.fontFamilyBase,
|
36
|
-
fontSize: theme.fontSizeBase400,
|
37
|
-
lineHeight: theme.lineHeightBase400,
|
38
|
-
fontWeight: theme.fontWeightSemibold
|
39
|
-
};
|
40
|
-
};
|
41
|
-
|
42
|
-
exports.subheadline = subheadline;
|
43
|
-
|
44
|
-
var headline = function (theme) {
|
45
|
-
return {
|
46
|
-
fontFamily: theme.fontFamilyBase,
|
47
|
-
fontSize: theme.fontSizeBase500,
|
48
|
-
lineHeight: theme.lineHeightBase500,
|
49
|
-
fontWeight: theme.fontWeightSemibold
|
50
|
-
};
|
51
|
-
};
|
52
|
-
|
53
|
-
exports.headline = headline;
|
54
|
-
|
55
|
-
var title3 = function (theme) {
|
56
|
-
return {
|
57
|
-
fontFamily: theme.fontFamilyBase,
|
58
|
-
fontSize: theme.fontSizeBase600,
|
59
|
-
lineHeight: theme.lineHeightBase600,
|
60
|
-
fontWeight: theme.fontWeightSemibold
|
61
|
-
};
|
62
|
-
};
|
63
|
-
|
64
|
-
exports.title3 = title3;
|
65
|
-
|
66
|
-
var title2 = function (theme) {
|
67
|
-
return {
|
68
|
-
fontFamily: theme.fontFamilyBase,
|
69
|
-
fontSize: theme.fontSizeHero700,
|
70
|
-
lineHeight: theme.lineHeightHero700,
|
71
|
-
fontWeight: theme.fontWeightSemibold
|
72
|
-
};
|
73
|
-
};
|
74
|
-
|
75
|
-
exports.title2 = title2;
|
76
|
-
|
77
|
-
var title1 = function (theme) {
|
78
|
-
return {
|
79
|
-
fontFamily: theme.fontFamilyBase,
|
80
|
-
fontSize: theme.fontSizeHero800,
|
81
|
-
lineHeight: theme.lineHeightHero800,
|
82
|
-
fontWeight: theme.fontWeightSemibold
|
83
|
-
};
|
84
|
-
};
|
85
|
-
|
86
|
-
exports.title1 = title1;
|
87
|
-
|
88
|
-
var largeTitle = function (theme) {
|
89
|
-
return {
|
90
|
-
fontFamily: theme.fontFamilyBase,
|
91
|
-
fontSize: theme.fontSizeHero900,
|
92
|
-
lineHeight: theme.lineHeightHero900,
|
93
|
-
fontWeight: theme.fontWeightSemibold
|
94
|
-
};
|
95
|
-
};
|
96
|
-
|
97
|
-
exports.largeTitle = largeTitle;
|
98
|
-
|
99
|
-
var display = function (theme) {
|
100
|
-
return {
|
101
|
-
fontFamily: theme.fontFamilyBase,
|
102
|
-
fontSize: theme.fontSizeHero1000,
|
103
|
-
lineHeight: theme.lineHeightHero1000,
|
104
|
-
fontWeight: theme.fontWeightSemibold
|
105
|
-
};
|
106
|
-
};
|
107
|
-
|
108
|
-
exports.display = display;
|
109
|
-
//# sourceMappingURL=typographyStyles.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../../src/typographyStyles/typographyStyles.ts"],"names":[],"mappings":";;;;;;AAGA;;AAEG;;AACI,IAAM,OAAO,GAAuC,UAAA,KAAA,EAAK;AAAI,SAAC;AACnE,IAAA,UAAU,EAAE,KAAK,CAAC,cADiD;AAEnE,IAAA,QAAQ,EAAE,KAAK,CAAC,eAFmD;AAGnE,IAAA,UAAU,EAAE,KAAK,CAAC,iBAHiD;AAInE,IAAA,UAAU,EAAE,KAAK,CAAC;AAJiD,GAAD;AAKlE,CALK;;AAAM,OAAA,CAAA,OAAA,GAAO,OAAP;;AAMN,IAAM,IAAI,GAAuC,UAAA,KAAA,EAAK;AAAI,SAAC;AAChE,IAAA,UAAU,EAAE,KAAK,CAAC,cAD8C;AAEhE,IAAA,QAAQ,EAAE,KAAK,CAAC,eAFgD;AAGhE,IAAA,UAAU,EAAE,KAAK,CAAC,iBAH8C;AAIhE,IAAA,UAAU,EAAE,KAAK,CAAC;AAJ8C,GAAD;AAK/D,CALK;;AAAM,OAAA,CAAA,IAAA,GAAI,IAAJ;;AAMN,IAAM,WAAW,GAAuC,UAAA,KAAA,EAAK;AAAI,SAAC;AACvE,IAAA,UAAU,EAAE,KAAK,CAAC,cADqD;AAEvE,IAAA,QAAQ,EAAE,KAAK,CAAC,eAFuD;AAGvE,IAAA,UAAU,EAAE,KAAK,CAAC,iBAHqD;AAIvE,IAAA,UAAU,EAAE,KAAK,CAAC;AAJqD,GAAD;AAKtE,CALK;;AAAM,OAAA,CAAA,WAAA,GAAW,WAAX;;AAMN,IAAM,QAAQ,GAAuC,UAAA,KAAA,EAAK;AAAI,SAAC;AACpE,IAAA,UAAU,EAAE,KAAK,CAAC,cADkD;AAEpE,IAAA,QAAQ,EAAE,KAAK,CAAC,eAFoD;AAGpE,IAAA,UAAU,EAAE,KAAK,CAAC,iBAHkD;AAIpE,IAAA,UAAU,EAAE,KAAK,CAAC;AAJkD,GAAD;AAKnE,CALK;;AAAM,OAAA,CAAA,QAAA,GAAQ,QAAR;;AAMN,IAAM,MAAM,GAAuC,UAAA,KAAA,EAAK;AAAI,SAAC;AAClE,IAAA,UAAU,EAAE,KAAK,CAAC,cADgD;AAElE,IAAA,QAAQ,EAAE,KAAK,CAAC,eAFkD;AAGlE,IAAA,UAAU,EAAE,KAAK,CAAC,iBAHgD;AAIlE,IAAA,UAAU,EAAE,KAAK,CAAC;AAJgD,GAAD;AAKjE,CALK;;AAAM,OAAA,CAAA,MAAA,GAAM,MAAN;;AAMN,IAAM,MAAM,GAAuC,UAAA,KAAA,EAAK;AAAI,SAAC;AAClE,IAAA,UAAU,EAAE,KAAK,CAAC,cADgD;AAElE,IAAA,QAAQ,EAAE,KAAK,CAAC,eAFkD;AAGlE,IAAA,UAAU,EAAE,KAAK,CAAC,iBAHgD;AAIlE,IAAA,UAAU,EAAE,KAAK,CAAC;AAJgD,GAAD;AAKjE,CALK;;AAAM,OAAA,CAAA,MAAA,GAAM,MAAN;;AAMN,IAAM,MAAM,GAAuC,UAAA,KAAA,EAAK;AAAI,SAAC;AAClE,IAAA,UAAU,EAAE,KAAK,CAAC,cADgD;AAElE,IAAA,QAAQ,EAAE,KAAK,CAAC,eAFkD;AAGlE,IAAA,UAAU,EAAE,KAAK,CAAC,iBAHgD;AAIlE,IAAA,UAAU,EAAE,KAAK,CAAC;AAJgD,GAAD;AAKjE,CALK;;AAAM,OAAA,CAAA,MAAA,GAAM,MAAN;;AAMN,IAAM,UAAU,GAAuC,UAAA,KAAA,EAAK;AAAI,SAAC;AACtE,IAAA,UAAU,EAAE,KAAK,CAAC,cADoD;AAEtE,IAAA,QAAQ,EAAE,KAAK,CAAC,eAFsD;AAGtE,IAAA,UAAU,EAAE,KAAK,CAAC,iBAHoD;AAItE,IAAA,UAAU,EAAE,KAAK,CAAC;AAJoD,GAAD;AAKrE,CALK;;AAAM,OAAA,CAAA,UAAA,GAAU,UAAV;;AAMN,IAAM,OAAO,GAAuC,UAAA,KAAA,EAAK;AAAI,SAAC;AACnE,IAAA,UAAU,EAAE,KAAK,CAAC,cADiD;AAEnE,IAAA,QAAQ,EAAE,KAAK,CAAC,gBAFmD;AAGnE,IAAA,UAAU,EAAE,KAAK,CAAC,kBAHiD;AAInE,IAAA,UAAU,EAAE,KAAK,CAAC;AAJiD,GAAD;AAKlE,CALK;;AAAM,OAAA,CAAA,OAAA,GAAO,OAAP","sourceRoot":""}
|