@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
package/lib-commonjs/Text.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["
|
1
|
+
{"version":3,"sources":["Text.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,yBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/Text/index';\n"],"sourceRoot":"../src/"}
|
package/lib-commonjs/Title1.js
CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
|
7
|
-
|
7
|
+
const tslib_1 = /*#__PURE__*/require("tslib");
|
8
8
|
|
9
9
|
tslib_1.__exportStar(require("./components/Title1/index"), exports);
|
10
10
|
//# sourceMappingURL=Title1.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["
|
1
|
+
{"version":3,"sources":["Title1.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,2BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/Title1/index';\n"],"sourceRoot":"../src/"}
|
package/lib-commonjs/Title2.js
CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
|
7
|
-
|
7
|
+
const tslib_1 = /*#__PURE__*/require("tslib");
|
8
8
|
|
9
9
|
tslib_1.__exportStar(require("./components/Title2/index"), exports);
|
10
10
|
//# sourceMappingURL=Title2.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["
|
1
|
+
{"version":3,"sources":["Title2.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,2BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/Title2/index';\n"],"sourceRoot":"../src/"}
|
package/lib-commonjs/Title3.js
CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
5
5
|
});
|
6
6
|
|
7
|
-
|
7
|
+
const tslib_1 = /*#__PURE__*/require("tslib");
|
8
8
|
|
9
9
|
tslib_1.__exportStar(require("./components/Title3/index"), exports);
|
10
10
|
//# sourceMappingURL=Title3.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["
|
1
|
+
{"version":3,"sources":["Title3.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,2BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/Title3/index';\n"],"sourceRoot":"../src/"}
|
@@ -0,0 +1,41 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.Body1 = exports.body1ClassNames = void 0;
|
7
|
+
|
8
|
+
const react_1 = /*#__PURE__*/require("@griffel/react");
|
9
|
+
|
10
|
+
const wrapper_1 = /*#__PURE__*/require("../wrapper");
|
11
|
+
|
12
|
+
const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
|
13
|
+
|
14
|
+
exports.body1ClassNames = {
|
15
|
+
root: 'fui-Body1'
|
16
|
+
};
|
17
|
+
/**
|
18
|
+
* Styles for the root slot
|
19
|
+
*/
|
20
|
+
|
21
|
+
const useStyles = /*#__PURE__*/react_1.__styles({
|
22
|
+
"root": {
|
23
|
+
"Bahqtrf": "fk6fouc",
|
24
|
+
"Be2twd7": "fkhj508",
|
25
|
+
"Bhrd7zp": "figsok6",
|
26
|
+
"Bg96gwp": "f1i3iumi"
|
27
|
+
}
|
28
|
+
}, {
|
29
|
+
"d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}"]
|
30
|
+
});
|
31
|
+
/**
|
32
|
+
* Text wrapper component for the Body1 typography variant
|
33
|
+
*/
|
34
|
+
|
35
|
+
|
36
|
+
exports.Body1 = /*#__PURE__*/wrapper_1.createWrapper({
|
37
|
+
useStyles,
|
38
|
+
className: exports.body1ClassNames.root,
|
39
|
+
displayName: 'Body1'
|
40
|
+
});
|
41
|
+
//# sourceMappingURL=Body1.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["components/Body1/Body1.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAGA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AAEa,OAAA,CAAA,eAAA,GAA6C;AACxD,EAAA,IAAI,EAAE;AADkD,CAA7C;AAIb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,KAAA,gBAA6C,SAAA,CAAA,aAAA,CAAc;AACtE,EAAA,SADsE;AAEtE,EAAA,SAAS,EAAE,OAAA,CAAA,eAAA,CAAgB,IAF2C;AAGtE,EAAA,WAAW,EAAE;AAHyD,CAAd,CAA7C","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"],"sourceRoot":"../src/"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["components/Body1/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,SAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './Body1';\n"],"sourceRoot":"../src/"}
|
@@ -0,0 +1,41 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.Caption1 = exports.caption1ClassNames = void 0;
|
7
|
+
|
8
|
+
const react_1 = /*#__PURE__*/require("@griffel/react");
|
9
|
+
|
10
|
+
const wrapper_1 = /*#__PURE__*/require("../wrapper");
|
11
|
+
|
12
|
+
const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
|
13
|
+
|
14
|
+
exports.caption1ClassNames = {
|
15
|
+
root: 'fui-Caption1'
|
16
|
+
};
|
17
|
+
/**
|
18
|
+
* Styles for the root slot
|
19
|
+
*/
|
20
|
+
|
21
|
+
const useStyles = /*#__PURE__*/react_1.__styles({
|
22
|
+
"root": {
|
23
|
+
"Bahqtrf": "fk6fouc",
|
24
|
+
"Be2twd7": "fy9rknc",
|
25
|
+
"Bhrd7zp": "figsok6",
|
26
|
+
"Bg96gwp": "fwrc4pm"
|
27
|
+
}
|
28
|
+
}, {
|
29
|
+
"d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}"]
|
30
|
+
});
|
31
|
+
/**
|
32
|
+
* Text wrapper component for the Caption1 typography variant
|
33
|
+
*/
|
34
|
+
|
35
|
+
|
36
|
+
exports.Caption1 = /*#__PURE__*/wrapper_1.createWrapper({
|
37
|
+
useStyles,
|
38
|
+
className: exports.caption1ClassNames.root,
|
39
|
+
displayName: 'Caption1'
|
40
|
+
});
|
41
|
+
//# sourceMappingURL=Caption1.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["components/Caption1/Caption1.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAGA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AAEa,OAAA,CAAA,kBAAA,GAAgD;AAC3D,EAAA,IAAI,EAAE;AADqD,CAAhD;AAIb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,QAAA,gBAAgD,SAAA,CAAA,aAAA,CAAc;AACzE,EAAA,SADyE;AAEzE,EAAA,SAAS,EAAE,OAAA,CAAA,kBAAA,CAAmB,IAF2C;AAGzE,EAAA,WAAW,EAAE;AAH4D,CAAd,CAAhD","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"],"sourceRoot":"../src/"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["components/Caption1/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,YAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './Caption1';\n"],"sourceRoot":"../src/"}
|
@@ -0,0 +1,41 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.Caption2 = exports.caption2ClassNames = void 0;
|
7
|
+
|
8
|
+
const react_1 = /*#__PURE__*/require("@griffel/react");
|
9
|
+
|
10
|
+
const wrapper_1 = /*#__PURE__*/require("../wrapper");
|
11
|
+
|
12
|
+
const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
|
13
|
+
|
14
|
+
exports.caption2ClassNames = {
|
15
|
+
root: 'fui-Caption2'
|
16
|
+
};
|
17
|
+
/**
|
18
|
+
* Styles for the root slot
|
19
|
+
*/
|
20
|
+
|
21
|
+
const useStyles = /*#__PURE__*/react_1.__styles({
|
22
|
+
"root": {
|
23
|
+
"Bahqtrf": "fk6fouc",
|
24
|
+
"Be2twd7": "f13mqy1h",
|
25
|
+
"Bhrd7zp": "figsok6",
|
26
|
+
"Bg96gwp": "fcpl73t"
|
27
|
+
}
|
28
|
+
}, {
|
29
|
+
"d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".f13mqy1h{font-size:var(--fontSizeBase100);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fcpl73t{line-height:var(--lineHeightBase100);}"]
|
30
|
+
});
|
31
|
+
/**
|
32
|
+
* Text wrapper component for the Caption2 typography variant
|
33
|
+
*/
|
34
|
+
|
35
|
+
|
36
|
+
exports.Caption2 = /*#__PURE__*/wrapper_1.createWrapper({
|
37
|
+
useStyles,
|
38
|
+
className: exports.caption2ClassNames.root,
|
39
|
+
displayName: 'Caption2'
|
40
|
+
});
|
41
|
+
//# sourceMappingURL=Caption2.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["components/Caption2/Caption2.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAGA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AAEa,OAAA,CAAA,kBAAA,GAAgD;AAC3D,EAAA,IAAI,EAAE;AADqD,CAAhD;AAIb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,QAAA,gBAAgD,SAAA,CAAA,aAAA,CAAc;AACzE,EAAA,SADyE;AAEzE,EAAA,SAAS,EAAE,OAAA,CAAA,kBAAA,CAAmB,IAF2C;AAGzE,EAAA,WAAW,EAAE;AAH4D,CAAd,CAAhD","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"],"sourceRoot":"../src/"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["components/Caption2/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,YAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './Caption2';\n"],"sourceRoot":"../src/"}
|
@@ -3,28 +3,39 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.Display = void 0;
|
6
|
+
exports.Display = exports.displayClassNames = void 0;
|
7
7
|
|
8
|
-
|
8
|
+
const react_1 = /*#__PURE__*/require("@griffel/react");
|
9
9
|
|
10
|
-
|
10
|
+
const wrapper_1 = /*#__PURE__*/require("../wrapper");
|
11
11
|
|
12
|
-
|
12
|
+
const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
|
13
|
+
|
14
|
+
exports.displayClassNames = {
|
15
|
+
root: 'fui-Display'
|
16
|
+
};
|
13
17
|
/**
|
14
18
|
* Styles for the root slot
|
15
19
|
*/
|
16
20
|
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
+
const useStyles = /*#__PURE__*/react_1.__styles({
|
22
|
+
"root": {
|
23
|
+
"Bahqtrf": "fk6fouc",
|
24
|
+
"Be2twd7": "fpyltcb",
|
25
|
+
"Bhrd7zp": "fl43uef",
|
26
|
+
"Bg96gwp": "f1ivgwrt"
|
27
|
+
}
|
28
|
+
}, {
|
29
|
+
"d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fpyltcb{font-size:var(--fontSizeHero1000);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f1ivgwrt{line-height:var(--lineHeightHero1000);}"]
|
30
|
+
});
|
21
31
|
/**
|
22
32
|
* Text wrapper component for the Display typography variant
|
23
33
|
*/
|
24
34
|
|
25
35
|
|
26
36
|
exports.Display = /*#__PURE__*/wrapper_1.createWrapper({
|
27
|
-
useStyles
|
37
|
+
useStyles,
|
38
|
+
className: exports.displayClassNames.root,
|
28
39
|
displayName: 'Display'
|
29
40
|
});
|
30
41
|
//# sourceMappingURL=Display.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["
|
1
|
+
{"version":3,"sources":["components/Display/Display.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAGA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AAEa,OAAA,CAAA,iBAAA,GAA+C;AAC1D,EAAA,IAAI,EAAE;AADoD,CAA/C;AAIb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,OAAA,gBAA+C,SAAA,CAAA,aAAA,CAAc;AACxE,EAAA,SADwE;AAExE,EAAA,SAAS,EAAE,OAAA,CAAA,iBAAA,CAAkB,IAF2C;AAGxE,EAAA,WAAW,EAAE;AAH2D,CAAd,CAA/C","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"],"sourceRoot":"../src/"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["
|
1
|
+
{"version":3,"sources":["components/Display/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,WAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './Display';\n"],"sourceRoot":"../src/"}
|
@@ -3,28 +3,39 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.LargeTitle = void 0;
|
6
|
+
exports.LargeTitle = exports.largeTitleClassNames = void 0;
|
7
7
|
|
8
|
-
|
8
|
+
const react_1 = /*#__PURE__*/require("@griffel/react");
|
9
9
|
|
10
|
-
|
10
|
+
const wrapper_1 = /*#__PURE__*/require("../wrapper");
|
11
11
|
|
12
|
-
|
12
|
+
const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
|
13
|
+
|
14
|
+
exports.largeTitleClassNames = {
|
15
|
+
root: 'fui-LargeTitle'
|
16
|
+
};
|
13
17
|
/**
|
14
18
|
* Styles for the root slot
|
15
19
|
*/
|
16
20
|
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
+
const useStyles = /*#__PURE__*/react_1.__styles({
|
22
|
+
"root": {
|
23
|
+
"Bahqtrf": "fk6fouc",
|
24
|
+
"Be2twd7": "f15afnhw",
|
25
|
+
"Bhrd7zp": "fl43uef",
|
26
|
+
"Bg96gwp": "fr3w3wp"
|
27
|
+
}
|
28
|
+
}, {
|
29
|
+
"d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".f15afnhw{font-size:var(--fontSizeHero900);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".fr3w3wp{line-height:var(--lineHeightHero900);}"]
|
30
|
+
});
|
21
31
|
/**
|
22
32
|
* Text wrapper component for the Large Title typography variant
|
23
33
|
*/
|
24
34
|
|
25
35
|
|
26
36
|
exports.LargeTitle = /*#__PURE__*/wrapper_1.createWrapper({
|
27
|
-
useStyles
|
37
|
+
useStyles,
|
38
|
+
className: exports.largeTitleClassNames.root,
|
28
39
|
displayName: 'LargeTitle'
|
29
40
|
});
|
30
41
|
//# sourceMappingURL=LargeTitle.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["
|
1
|
+
{"version":3,"sources":["components/LargeTitle/LargeTitle.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAGA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AAEa,OAAA,CAAA,oBAAA,GAAkD;AAC7D,EAAA,IAAI,EAAE;AADuD,CAAlD;AAIb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,UAAA,gBAAkD,SAAA,CAAA,aAAA,CAAc;AAC3E,EAAA,SAD2E;AAE3E,EAAA,SAAS,EAAE,OAAA,CAAA,oBAAA,CAAqB,IAF2C;AAG3E,EAAA,WAAW,EAAE;AAH8D,CAAd,CAAlD","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"],"sourceRoot":"../src/"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["
|
1
|
+
{"version":3,"sources":["components/LargeTitle/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './LargeTitle';\n"],"sourceRoot":"../src/"}
|
@@ -0,0 +1,41 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.Subtitle1 = exports.subtitle1ClassNames = void 0;
|
7
|
+
|
8
|
+
const react_1 = /*#__PURE__*/require("@griffel/react");
|
9
|
+
|
10
|
+
const wrapper_1 = /*#__PURE__*/require("../wrapper");
|
11
|
+
|
12
|
+
const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
|
13
|
+
|
14
|
+
exports.subtitle1ClassNames = {
|
15
|
+
root: 'fui-Subtitle1'
|
16
|
+
};
|
17
|
+
/**
|
18
|
+
* Styles for the root slot
|
19
|
+
*/
|
20
|
+
|
21
|
+
const useStyles = /*#__PURE__*/react_1.__styles({
|
22
|
+
"root": {
|
23
|
+
"Bahqtrf": "fk6fouc",
|
24
|
+
"Be2twd7": "f1pp30po",
|
25
|
+
"Bhrd7zp": "fl43uef",
|
26
|
+
"Bg96gwp": "f106mvju"
|
27
|
+
}
|
28
|
+
}, {
|
29
|
+
"d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".f1pp30po{font-size:var(--fontSizeBase500);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f106mvju{line-height:var(--lineHeightBase500);}"]
|
30
|
+
});
|
31
|
+
/**
|
32
|
+
* Text wrapper component for the Subtitle1 typography variant
|
33
|
+
*/
|
34
|
+
|
35
|
+
|
36
|
+
exports.Subtitle1 = /*#__PURE__*/wrapper_1.createWrapper({
|
37
|
+
useStyles,
|
38
|
+
className: exports.subtitle1ClassNames.root,
|
39
|
+
displayName: 'Subtitle1'
|
40
|
+
});
|
41
|
+
//# sourceMappingURL=Subtitle1.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["components/Subtitle1/Subtitle1.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAGA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AAEa,OAAA,CAAA,mBAAA,GAAiD;AAC5D,EAAA,IAAI,EAAE;AADsD,CAAjD;AAIb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,SAAA,gBAAiD,SAAA,CAAA,aAAA,CAAc;AAC1E,EAAA,SAD0E;AAE1E,EAAA,SAAS,EAAE,OAAA,CAAA,mBAAA,CAAoB,IAF2C;AAG1E,EAAA,WAAW,EAAE;AAH6D,CAAd,CAAjD","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"],"sourceRoot":"../src/"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["components/Subtitle1/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,aAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './Subtitle1';\n"],"sourceRoot":"../src/"}
|
@@ -0,0 +1,41 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.Subtitle2 = exports.subtitle2ClassNames = void 0;
|
7
|
+
|
8
|
+
const react_1 = /*#__PURE__*/require("@griffel/react");
|
9
|
+
|
10
|
+
const wrapper_1 = /*#__PURE__*/require("../wrapper");
|
11
|
+
|
12
|
+
const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
|
13
|
+
|
14
|
+
exports.subtitle2ClassNames = {
|
15
|
+
root: 'fui-Subtitle2'
|
16
|
+
};
|
17
|
+
/**
|
18
|
+
* Styles for the root slot
|
19
|
+
*/
|
20
|
+
|
21
|
+
const useStyles = /*#__PURE__*/react_1.__styles({
|
22
|
+
"root": {
|
23
|
+
"Bahqtrf": "fk6fouc",
|
24
|
+
"Be2twd7": "fod5ikn",
|
25
|
+
"Bhrd7zp": "fl43uef",
|
26
|
+
"Bg96gwp": "faaz57k"
|
27
|
+
}
|
28
|
+
}, {
|
29
|
+
"d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".faaz57k{line-height:var(--lineHeightBase400);}"]
|
30
|
+
});
|
31
|
+
/**
|
32
|
+
* Text wrapper component for the Subtitle2 typography variant
|
33
|
+
*/
|
34
|
+
|
35
|
+
|
36
|
+
exports.Subtitle2 = /*#__PURE__*/wrapper_1.createWrapper({
|
37
|
+
useStyles,
|
38
|
+
className: exports.subtitle2ClassNames.root,
|
39
|
+
displayName: 'Subtitle2'
|
40
|
+
});
|
41
|
+
//# sourceMappingURL=Subtitle2.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["components/Subtitle2/Subtitle2.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAGA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AAEa,OAAA,CAAA,mBAAA,GAAiD;AAC5D,EAAA,IAAI,EAAE;AADsD,CAAjD;AAIb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,SAAA,gBAAiD,SAAA,CAAA,aAAA,CAAc;AAC1E,EAAA,SAD0E;AAE1E,EAAA,SAAS,EAAE,OAAA,CAAA,mBAAA,CAAoB,IAF2C;AAG1E,EAAA,WAAW,EAAE;AAH6D,CAAd,CAAjD","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"],"sourceRoot":"../src/"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["components/Subtitle2/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,aAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './Subtitle2';\n"],"sourceRoot":"../src/"}
|
@@ -5,22 +5,22 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.Text = void 0;
|
7
7
|
|
8
|
-
|
8
|
+
const React = /*#__PURE__*/require("react");
|
9
9
|
|
10
|
-
|
10
|
+
const useText_1 = /*#__PURE__*/require("./useText");
|
11
11
|
|
12
|
-
|
12
|
+
const renderText_1 = /*#__PURE__*/require("./renderText");
|
13
13
|
|
14
|
-
|
14
|
+
const useTextStyles_1 = /*#__PURE__*/require("./useTextStyles");
|
15
15
|
/**
|
16
16
|
* Typography and styling abstraction component used to ensure consistency of text.
|
17
17
|
*/
|
18
18
|
|
19
19
|
|
20
|
-
exports.Text = /*#__PURE__*/React.forwardRef(
|
21
|
-
|
22
|
-
useTextStyles_1.
|
23
|
-
return renderText_1.
|
20
|
+
exports.Text = /*#__PURE__*/React.forwardRef((props, ref) => {
|
21
|
+
const state = useText_1.useText_unstable(props, ref);
|
22
|
+
useTextStyles_1.useTextStyles_unstable(state);
|
23
|
+
return renderText_1.renderText_unstable(state); // Work around some small mismatches in inferred types which don't matter in practice
|
24
24
|
});
|
25
25
|
exports.Text.displayName = 'Text';
|
26
26
|
//# sourceMappingURL=Text.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["
|
1
|
+
{"version":3,"sources":["components/Text/Text.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AACA,MAAA,YAAA,gBAAA,OAAA,CAAA,cAAA,CAAA;;AACA,MAAA,eAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,IAAA,gBAAuC,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AAClF,QAAM,KAAK,GAAG,SAAA,CAAA,gBAAA,CAAiB,KAAjB,EAAwB,GAAxB,CAAd;AAEA,EAAA,eAAA,CAAA,sBAAA,CAAuB,KAAvB;AAEA,SAAO,YAAA,CAAA,mBAAA,CAAoB,KAApB,CAAP,CALkF,CAMlF;AACD,CAPmD,CAAvC;AASb,OAAA,CAAA,IAAA,CAAK,WAAL,GAAmB,MAAnB","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"],"sourceRoot":"../src/"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":""}
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":"../src/"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["
|
1
|
+
{"version":3,"sources":["components/Text/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,WAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './Text';\nexport * from './Text.types';\nexport * from './renderText';\nexport * from './useText';\nexport * from './useTextStyles';\n"],"sourceRoot":"../src/"}
|
@@ -3,25 +3,24 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.
|
6
|
+
exports.renderText_unstable = void 0;
|
7
7
|
|
8
|
-
|
8
|
+
const React = /*#__PURE__*/require("react");
|
9
9
|
|
10
|
-
|
11
|
-
|
12
|
-
var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
10
|
+
const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
13
11
|
/**
|
14
12
|
* Render the final JSX of Text
|
15
13
|
*/
|
16
14
|
|
17
15
|
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
return React.createElement(slots.root,
|
16
|
+
const renderText_unstable = state => {
|
17
|
+
const {
|
18
|
+
slots,
|
19
|
+
slotProps
|
20
|
+
} = react_utilities_1.getSlots(state);
|
21
|
+
return React.createElement(slots.root, { ...slotProps.root
|
22
|
+
});
|
24
23
|
};
|
25
24
|
|
26
|
-
exports.
|
25
|
+
exports.renderText_unstable = renderText_unstable;
|
27
26
|
//# sourceMappingURL=renderText.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["
|
1
|
+
{"version":3,"sources":["components/Text/renderText.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,mBAAmB,GAAI,KAAD,IAAqB;AACtD,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAAoB,KAApB,CAA7B;AAEA,SAAO,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,CAAP;AACD,CAJM;;AAAM,OAAA,CAAA,mBAAA,GAAmB,mBAAnB","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"],"sourceRoot":"../src/"}
|