@fluentui/react-text 0.0.0-nightlya372ad979820211103.1 → 0.0.0-nightlya54302c0b220211124.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +67 -16
- package/CHANGELOG.md +23 -10
- package/dist/react-text.d.ts +20 -0
- package/lib/components/Body/Body.d.ts +1 -0
- package/lib/components/Body/Body.js +5 -3
- package/lib/components/Body/Body.js.map +1 -1
- package/lib/components/Caption/Caption.d.ts +1 -0
- package/lib/components/Caption/Caption.js +5 -3
- package/lib/components/Caption/Caption.js.map +1 -1
- package/lib/components/Display/Display.d.ts +1 -0
- package/lib/components/Display/Display.js +5 -3
- package/lib/components/Display/Display.js.map +1 -1
- package/lib/components/Headline/Headline.d.ts +1 -0
- package/lib/components/Headline/Headline.js +5 -3
- package/lib/components/Headline/Headline.js.map +1 -1
- package/lib/components/LargeTitle/LargeTitle.d.ts +1 -0
- package/lib/components/LargeTitle/LargeTitle.js +5 -3
- package/lib/components/LargeTitle/LargeTitle.js.map +1 -1
- package/lib/components/Subheadline/Subheadline.d.ts +1 -0
- package/lib/components/Subheadline/Subheadline.js +5 -3
- package/lib/components/Subheadline/Subheadline.js.map +1 -1
- package/lib/components/Text/Text.js +2 -2
- package/lib/components/Text/Text.js.map +1 -1
- package/lib/components/Text/renderText.js +6 -7
- package/lib/components/Text/renderText.js.map +1 -1
- package/lib/components/Text/useText.js +20 -19
- package/lib/components/Text/useText.js.map +1 -1
- package/lib/components/Text/useTextStyles.d.ts +1 -0
- package/lib/components/Text/useTextStyles.js +5 -4
- package/lib/components/Text/useTextStyles.js.map +1 -1
- package/lib/components/Title1/Title1.d.ts +1 -0
- package/lib/components/Title1/Title1.js +5 -3
- package/lib/components/Title1/Title1.js.map +1 -1
- package/lib/components/Title2/Title2.d.ts +1 -0
- package/lib/components/Title2/Title2.js +5 -3
- package/lib/components/Title2/Title2.js.map +1 -1
- package/lib/components/Title3/Title3.d.ts +1 -0
- package/lib/components/Title3/Title3.js +5 -3
- package/lib/components/Title3/Title3.js.map +1 -1
- package/lib/components/wrapper.d.ts +1 -0
- package/lib/components/wrapper.js +9 -6
- package/lib/components/wrapper.js.map +1 -1
- package/lib/typographyStyles/typographyStyles.js +54 -72
- package/lib/typographyStyles/typographyStyles.js.map +1 -1
- package/lib-commonjs/Body.js +1 -1
- package/lib-commonjs/Caption.js +1 -1
- package/lib-commonjs/Display.js +1 -1
- package/lib-commonjs/Headline.js +1 -1
- package/lib-commonjs/LargeTitle.js +1 -1
- package/lib-commonjs/Subheadline.js +1 -1
- package/lib-commonjs/Text.js +1 -1
- package/lib-commonjs/Title1.js +1 -1
- package/lib-commonjs/Title2.js +1 -1
- package/lib-commonjs/Title3.js +1 -1
- package/lib-commonjs/components/Body/Body.d.ts +1 -0
- package/lib-commonjs/components/Body/Body.js +9 -7
- package/lib-commonjs/components/Body/Body.js.map +1 -1
- package/lib-commonjs/components/Body/index.js +1 -1
- package/lib-commonjs/components/Caption/Caption.d.ts +1 -0
- package/lib-commonjs/components/Caption/Caption.js +9 -7
- package/lib-commonjs/components/Caption/Caption.js.map +1 -1
- package/lib-commonjs/components/Caption/index.js +1 -1
- package/lib-commonjs/components/Display/Display.d.ts +1 -0
- package/lib-commonjs/components/Display/Display.js +9 -7
- package/lib-commonjs/components/Display/Display.js.map +1 -1
- package/lib-commonjs/components/Display/index.js +1 -1
- package/lib-commonjs/components/Headline/Headline.d.ts +1 -0
- package/lib-commonjs/components/Headline/Headline.js +9 -7
- package/lib-commonjs/components/Headline/Headline.js.map +1 -1
- package/lib-commonjs/components/Headline/index.js +1 -1
- package/lib-commonjs/components/LargeTitle/LargeTitle.d.ts +1 -0
- package/lib-commonjs/components/LargeTitle/LargeTitle.js +9 -7
- package/lib-commonjs/components/LargeTitle/LargeTitle.js.map +1 -1
- package/lib-commonjs/components/LargeTitle/index.js +1 -1
- package/lib-commonjs/components/Subheadline/Subheadline.d.ts +1 -0
- package/lib-commonjs/components/Subheadline/Subheadline.js +9 -7
- package/lib-commonjs/components/Subheadline/Subheadline.js.map +1 -1
- package/lib-commonjs/components/Subheadline/index.js +1 -1
- package/lib-commonjs/components/Text/Text.js +6 -6
- package/lib-commonjs/components/Text/Text.js.map +1 -1
- package/lib-commonjs/components/Text/index.js +1 -1
- package/lib-commonjs/components/Text/renderText.js +8 -10
- package/lib-commonjs/components/Text/renderText.js.map +1 -1
- package/lib-commonjs/components/Text/useText.js +21 -21
- package/lib-commonjs/components/Text/useText.js.map +1 -1
- package/lib-commonjs/components/Text/useTextStyles.d.ts +1 -0
- package/lib-commonjs/components/Text/useTextStyles.js +8 -7
- package/lib-commonjs/components/Text/useTextStyles.js.map +1 -1
- package/lib-commonjs/components/Title1/Title1.d.ts +1 -0
- package/lib-commonjs/components/Title1/Title1.js +9 -7
- package/lib-commonjs/components/Title1/Title1.js.map +1 -1
- package/lib-commonjs/components/Title1/index.js +1 -1
- package/lib-commonjs/components/Title2/Title2.d.ts +1 -0
- package/lib-commonjs/components/Title2/Title2.js +9 -7
- package/lib-commonjs/components/Title2/Title2.js.map +1 -1
- package/lib-commonjs/components/Title2/index.js +1 -1
- package/lib-commonjs/components/Title3/Title3.d.ts +1 -0
- package/lib-commonjs/components/Title3/Title3.js +9 -7
- package/lib-commonjs/components/Title3/Title3.js.map +1 -1
- package/lib-commonjs/components/Title3/index.js +1 -1
- package/lib-commonjs/components/wrapper.d.ts +1 -0
- package/lib-commonjs/components/wrapper.js +12 -9
- package/lib-commonjs/components/wrapper.js.map +1 -1
- package/lib-commonjs/index.js +1 -1
- package/lib-commonjs/typographyStyles/index.js +1 -1
- package/lib-commonjs/typographyStyles/index.js.map +1 -1
- package/lib-commonjs/typographyStyles/typographyStyles.js +54 -72
- package/lib-commonjs/typographyStyles/typographyStyles.js.map +1 -1
- package/package.json +9 -9
- 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-commonjs/common/isConformant.d.ts +0 -4
- package/lib-commonjs/common/isConformant.js +0 -27
- package/lib-commonjs/common/isConformant.js.map +0 -1
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Display/Display.tsx"],"names":[],"mappings":";;;;;;;AACA,
|
1
|
+
{"version":3,"sources":["../../../src/components/Display/Display.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAEa,OAAA,CAAA,gBAAA,GAAmB,aAAnB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA,MAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,OAAA,gBAA+C,SAAA,CAAA,aAAA,CAAc;AACxE,EAAA,SADwE;AAExE,EAAA,SAAS,EAAE,OAAA,CAAA,gBAF6D;AAGxE,EAAA,WAAW,EAAE;AAH2D,CAAd,CAA/C","sourceRoot":""}
|
@@ -3,19 +3,20 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.Headline = void 0;
|
6
|
+
exports.Headline = exports.headlineClassName = void 0;
|
7
7
|
|
8
|
-
|
8
|
+
const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
|
9
9
|
|
10
|
-
|
10
|
+
const index_1 = /*#__PURE__*/require("../../typographyStyles/index");
|
11
11
|
|
12
|
-
|
12
|
+
const wrapper_1 = /*#__PURE__*/require("../wrapper");
|
13
|
+
|
14
|
+
exports.headlineClassName = 'fui-Headline';
|
13
15
|
/**
|
14
16
|
* Styles for the root slot
|
15
17
|
*/
|
16
18
|
|
17
|
-
|
18
|
-
var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
19
|
+
const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
19
20
|
"root": {}
|
20
21
|
}, {});
|
21
22
|
/**
|
@@ -24,7 +25,8 @@ var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
24
25
|
|
25
26
|
|
26
27
|
exports.Headline = /*#__PURE__*/wrapper_1.createWrapper({
|
27
|
-
useStyles
|
28
|
+
useStyles,
|
29
|
+
className: exports.headlineClassName,
|
28
30
|
displayName: 'Headline'
|
29
31
|
});
|
30
32
|
//# sourceMappingURL=Headline.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Headline/Headline.tsx"],"names":[],"mappings":";;;;;;;AACA,
|
1
|
+
{"version":3,"sources":["../../../src/components/Headline/Headline.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAEa,OAAA,CAAA,iBAAA,GAAoB,cAApB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA,MAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,QAAA,gBAAgD,SAAA,CAAA,aAAA,CAAc;AACzE,EAAA,SADyE;AAEzE,EAAA,SAAS,EAAE,OAAA,CAAA,iBAF8D;AAGzE,EAAA,WAAW,EAAE;AAH4D,CAAd,CAAhD","sourceRoot":""}
|
@@ -3,19 +3,20 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.LargeTitle = void 0;
|
6
|
+
exports.LargeTitle = exports.largeTitleClassName = void 0;
|
7
7
|
|
8
|
-
|
8
|
+
const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
|
9
9
|
|
10
|
-
|
10
|
+
const index_1 = /*#__PURE__*/require("../../typographyStyles/index");
|
11
11
|
|
12
|
-
|
12
|
+
const wrapper_1 = /*#__PURE__*/require("../wrapper");
|
13
|
+
|
14
|
+
exports.largeTitleClassName = 'fui-LargeTitle';
|
13
15
|
/**
|
14
16
|
* Styles for the root slot
|
15
17
|
*/
|
16
18
|
|
17
|
-
|
18
|
-
var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
19
|
+
const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
19
20
|
"root": {}
|
20
21
|
}, {});
|
21
22
|
/**
|
@@ -24,7 +25,8 @@ var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
24
25
|
|
25
26
|
|
26
27
|
exports.LargeTitle = /*#__PURE__*/wrapper_1.createWrapper({
|
27
|
-
useStyles
|
28
|
+
useStyles,
|
29
|
+
className: exports.largeTitleClassName,
|
28
30
|
displayName: 'LargeTitle'
|
29
31
|
});
|
30
32
|
//# sourceMappingURL=LargeTitle.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/LargeTitle/LargeTitle.tsx"],"names":[],"mappings":";;;;;;;AACA,
|
1
|
+
{"version":3,"sources":["../../../src/components/LargeTitle/LargeTitle.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAEa,OAAA,CAAA,mBAAA,GAAsB,gBAAtB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA,MAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,UAAA,gBAAkD,SAAA,CAAA,aAAA,CAAc;AAC3E,EAAA,SAD2E;AAE3E,EAAA,SAAS,EAAE,OAAA,CAAA,mBAFgE;AAG3E,EAAA,WAAW,EAAE;AAH8D,CAAd,CAAlD","sourceRoot":""}
|
@@ -3,19 +3,20 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.Subheadline = void 0;
|
6
|
+
exports.Subheadline = exports.subheadlineClassName = void 0;
|
7
7
|
|
8
|
-
|
8
|
+
const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
|
9
9
|
|
10
|
-
|
10
|
+
const index_1 = /*#__PURE__*/require("../../typographyStyles/index");
|
11
11
|
|
12
|
-
|
12
|
+
const wrapper_1 = /*#__PURE__*/require("../wrapper");
|
13
|
+
|
14
|
+
exports.subheadlineClassName = 'fui-Subheadline';
|
13
15
|
/**
|
14
16
|
* Styles for the root slot
|
15
17
|
*/
|
16
18
|
|
17
|
-
|
18
|
-
var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
19
|
+
const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
19
20
|
"root": {}
|
20
21
|
}, {});
|
21
22
|
/**
|
@@ -24,7 +25,8 @@ var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
24
25
|
|
25
26
|
|
26
27
|
exports.Subheadline = /*#__PURE__*/wrapper_1.createWrapper({
|
27
|
-
useStyles
|
28
|
+
useStyles,
|
29
|
+
className: exports.subheadlineClassName,
|
28
30
|
displayName: 'Subheadline'
|
29
31
|
});
|
30
32
|
//# sourceMappingURL=Subheadline.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Subheadline/Subheadline.tsx"],"names":[],"mappings":";;;;;;;AACA,
|
1
|
+
{"version":3,"sources":["../../../src/components/Subheadline/Subheadline.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAEa,OAAA,CAAA,oBAAA,GAAuB,iBAAvB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA,MAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,WAAA,gBAAmD,SAAA,CAAA,aAAA,CAAc;AAC5E,EAAA,SAD4E;AAE5E,EAAA,SAAS,EAAE,OAAA,CAAA,oBAFiE;AAG5E,EAAA,WAAW,EAAE;AAH+D,CAAd,CAAnD","sourceRoot":""}
|
@@ -5,20 +5,20 @@ 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
|
-
|
20
|
+
exports.Text = /*#__PURE__*/React.forwardRef((props, ref) => {
|
21
|
+
const state = useText_1.useText(props, ref);
|
22
22
|
useTextStyles_1.useTextStyles(state);
|
23
23
|
return renderText_1.renderText(state); // Work around some small mismatches in inferred types which don't matter in practice
|
24
24
|
});
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":";;;;;;;AAAA,
|
1
|
+
{"version":3,"sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,WAAA,CAAA;;AACA,MAAA,YAAA,gBAAA,OAAA,CAAA,cAAA,CAAA;;AACA,MAAA,eAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,IAAA,gBAAuC,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AAClF,QAAM,KAAK,GAAG,SAAA,CAAA,OAAA,CAAQ,KAAR,EAAe,GAAf,CAAd;AAEA,EAAA,eAAA,CAAA,aAAA,CAAc,KAAd;AAEA,SAAO,YAAA,CAAA,UAAA,CAAW,KAAX,CAAP,CALkF,CAMlF;AACD,CAPmD,CAAvC;AASb,OAAA,CAAA,IAAA,CAAK,WAAL,GAAmB,MAAnB","sourceRoot":""}
|
@@ -5,22 +5,20 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.renderText = 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 = state => {
|
17
|
+
const {
|
18
|
+
slots,
|
19
|
+
slotProps
|
20
|
+
} = react_utilities_1.getSlots(state);
|
21
|
+
return React.createElement(slots.root, Object.assign({}, slotProps.root));
|
24
22
|
};
|
25
23
|
|
26
24
|
exports.renderText = renderText;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Text/renderText.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"sources":["../../../src/components/Text/renderText.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,UAAU,GAAI,KAAD,IAAqB;AAC7C,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAAoB,KAApB,CAA7B;AAEA,SAAO,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CAAP;AACD,CAJM;;AAAM,OAAA,CAAA,UAAA,GAAU,UAAV","sourceRoot":""}
|
@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.useText = void 0;
|
7
7
|
|
8
|
-
|
9
|
-
|
10
|
-
var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
8
|
+
const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
11
9
|
/**
|
12
10
|
* Create the state required to render Text.
|
13
11
|
*
|
@@ -19,21 +17,23 @@ var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
|
19
17
|
*/
|
20
18
|
|
21
19
|
|
22
|
-
|
20
|
+
const useText = (props, ref) => {
|
23
21
|
var _a;
|
24
22
|
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
23
|
+
const {
|
24
|
+
wrap,
|
25
|
+
truncate,
|
26
|
+
block,
|
27
|
+
italic,
|
28
|
+
underline,
|
29
|
+
strikethrough,
|
30
|
+
size,
|
31
|
+
font,
|
32
|
+
weight,
|
33
|
+
align
|
34
|
+
} = props;
|
35
|
+
const as = (_a = props.as) !== null && _a !== void 0 ? _a : 'span';
|
36
|
+
const state = {
|
37
37
|
wrap: wrap !== null && wrap !== void 0 ? wrap : true,
|
38
38
|
truncate: truncate !== null && truncate !== void 0 ? truncate : false,
|
39
39
|
block: block !== null && block !== void 0 ? block : false,
|
@@ -47,11 +47,11 @@ var useText = function (props, ref) {
|
|
47
47
|
components: {
|
48
48
|
root: 'span'
|
49
49
|
},
|
50
|
-
root: react_utilities_1.getNativeElementProps(as,
|
51
|
-
ref
|
52
|
-
|
53
|
-
as
|
54
|
-
})
|
50
|
+
root: react_utilities_1.getNativeElementProps(as, {
|
51
|
+
ref,
|
52
|
+
...props,
|
53
|
+
as
|
54
|
+
})
|
55
55
|
};
|
56
56
|
return state;
|
57
57
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Text/useText.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"sources":["../../../src/components/Text/useText.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;;;;;;;AAQG;;;AACI,MAAM,OAAO,GAAG,CAAC,KAAD,EAAmB,GAAnB,KAA6D;;;AAClF,QAAM;AAAE,IAAA,IAAF;AAAQ,IAAA,QAAR;AAAkB,IAAA,KAAlB;AAAyB,IAAA,MAAzB;AAAiC,IAAA,SAAjC;AAA4C,IAAA,aAA5C;AAA2D,IAAA,IAA3D;AAAiE,IAAA,IAAjE;AAAuE,IAAA,MAAvE;AAA+E,IAAA;AAA/E,MAAyF,KAA/F;AACA,QAAM,EAAE,GAAA,CAAA,EAAA,GAAG,KAAK,CAAC,EAAT,MAAW,IAAX,IAAW,EAAA,KAAA,KAAA,CAAX,GAAW,EAAX,GAAe,MAAvB;AAEA,QAAM,KAAK,GAAc;AACvB,IAAA,IAAI,EAAE,IAAI,KAAA,IAAJ,IAAA,IAAI,KAAA,KAAA,CAAJ,GAAA,IAAA,GAAQ,IADS;AAEvB,IAAA,QAAQ,EAAE,QAAQ,KAAA,IAAR,IAAA,QAAQ,KAAA,KAAA,CAAR,GAAA,QAAA,GAAY,KAFC;AAGvB,IAAA,KAAK,EAAE,KAAK,KAAA,IAAL,IAAA,KAAK,KAAA,KAAA,CAAL,GAAA,KAAA,GAAS,KAHO;AAIvB,IAAA,MAAM,EAAE,MAAM,KAAA,IAAN,IAAA,MAAM,KAAA,KAAA,CAAN,GAAA,MAAA,GAAU,KAJK;AAKvB,IAAA,SAAS,EAAE,SAAS,KAAA,IAAT,IAAA,SAAS,KAAA,KAAA,CAAT,GAAA,SAAA,GAAa,KALD;AAMvB,IAAA,aAAa,EAAE,aAAa,KAAA,IAAb,IAAA,aAAa,KAAA,KAAA,CAAb,GAAA,aAAA,GAAiB,KANT;AAOvB,IAAA,IAAI,EAAE,IAAI,KAAA,IAAJ,IAAA,IAAI,KAAA,KAAA,CAAJ,GAAA,IAAA,GAAQ,GAPS;AAQvB,IAAA,IAAI,EAAE,IAAI,KAAA,IAAJ,IAAA,IAAI,KAAA,KAAA,CAAJ,GAAA,IAAA,GAAQ,MARS;AASvB,IAAA,MAAM,EAAE,MAAM,KAAA,IAAN,IAAA,MAAM,KAAA,KAAA,CAAN,GAAA,MAAA,GAAU,SATK;AAUvB,IAAA,KAAK,EAAE,KAAK,KAAA,IAAL,IAAA,KAAK,KAAA,KAAA,CAAL,GAAA,KAAA,GAAS,OAVO;AAYvB,IAAA,UAAU,EAAE;AAAE,MAAA,IAAI,EAAE;AAAR,KAZW;AAcvB,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,EAAtB,EAA0B;AAC9B,MAAA,GAD8B;AAE9B,SAAG,KAF2B;AAG9B,MAAA;AAH8B,KAA1B;AAdiB,GAAzB;AAqBA,SAAO,KAAP;AACD,CA1BM;;AAAM,OAAA,CAAA,OAAA,GAAO,OAAP","sourceRoot":""}
|
@@ -3,15 +3,16 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.useTextStyles = void 0;
|
6
|
+
exports.useTextStyles = exports.textClassName = void 0;
|
7
7
|
|
8
|
-
|
8
|
+
const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
|
9
|
+
|
10
|
+
exports.textClassName = 'fui-Text';
|
9
11
|
/**
|
10
12
|
* Styles for the root slot
|
11
13
|
*/
|
12
14
|
|
13
|
-
|
14
|
-
var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
15
|
+
const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
15
16
|
"root": {
|
16
17
|
"Bahqtrf": "fk6fouc",
|
17
18
|
"Be2twd7": "fkhj508",
|
@@ -110,9 +111,9 @@ var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
110
111
|
*/
|
111
112
|
|
112
113
|
|
113
|
-
|
114
|
-
|
115
|
-
state.root.className = react_make_styles_1.mergeClasses(styles.root, state.wrap === false && styles.nowrap, state.truncate && styles.truncate, state.block && styles.block, state.italic && styles.italic, state.underline && styles.underline, state.strikethrough && styles.strikethrough, state.underline && state.strikethrough && styles.strikethroughUnderline, state.size === 100 && styles.base100, state.size === 200 && styles.base200, state.size === 400 && styles.base400, state.size === 500 && styles.base500, state.size === 600 && styles.base600, state.size === 700 && styles.hero700, state.size === 800 && styles.hero800, state.size === 900 && styles.hero900, state.size === 1000 && styles.hero1000, state.font === 'monospace' && styles.monospace, state.font === 'numeric' && styles.numeric, state.weight === 'medium' && styles.weightMedium, state.weight === 'semibold' && styles.weightSemibold, state.align === 'center' && styles.alignCenter, state.align === 'end' && styles.alignEnd, state.align === 'justify' && styles.alignJustify, state.root.className);
|
114
|
+
const useTextStyles = state => {
|
115
|
+
const styles = useStyles();
|
116
|
+
state.root.className = react_make_styles_1.mergeClasses(exports.textClassName, styles.root, state.wrap === false && styles.nowrap, state.truncate && styles.truncate, state.block && styles.block, state.italic && styles.italic, state.underline && styles.underline, state.strikethrough && styles.strikethrough, state.underline && state.strikethrough && styles.strikethroughUnderline, state.size === 100 && styles.base100, state.size === 200 && styles.base200, state.size === 400 && styles.base400, state.size === 500 && styles.base500, state.size === 600 && styles.base600, state.size === 700 && styles.hero700, state.size === 800 && styles.hero800, state.size === 900 && styles.hero900, state.size === 1000 && styles.hero1000, state.font === 'monospace' && styles.monospace, state.font === 'numeric' && styles.numeric, state.weight === 'medium' && styles.weightMedium, state.weight === 'semibold' && styles.weightSemibold, state.align === 'center' && styles.alignCenter, state.align === 'end' && styles.alignEnd, state.align === 'justify' && styles.alignJustify, state.root.className);
|
116
117
|
return state;
|
117
118
|
};
|
118
119
|
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Text/useTextStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,
|
1
|
+
{"version":3,"sources":["../../../src/components/Text/useTextStyles.ts"],"names":[],"mappings":"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","sourceRoot":""}
|
@@ -3,19 +3,20 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.Title1 = void 0;
|
6
|
+
exports.Title1 = exports.title1ClassName = void 0;
|
7
7
|
|
8
|
-
|
8
|
+
const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
|
9
9
|
|
10
|
-
|
10
|
+
const index_1 = /*#__PURE__*/require("../../typographyStyles/index");
|
11
11
|
|
12
|
-
|
12
|
+
const wrapper_1 = /*#__PURE__*/require("../wrapper");
|
13
|
+
|
14
|
+
exports.title1ClassName = 'fui-Title1';
|
13
15
|
/**
|
14
16
|
* Styles for the root slot
|
15
17
|
*/
|
16
18
|
|
17
|
-
|
18
|
-
var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
19
|
+
const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
19
20
|
"root": {}
|
20
21
|
}, {});
|
21
22
|
/**
|
@@ -24,7 +25,8 @@ var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
24
25
|
|
25
26
|
|
26
27
|
exports.Title1 = /*#__PURE__*/wrapper_1.createWrapper({
|
27
|
-
useStyles
|
28
|
+
useStyles,
|
29
|
+
className: exports.title1ClassName,
|
28
30
|
displayName: 'Title1'
|
29
31
|
});
|
30
32
|
//# sourceMappingURL=Title1.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Title1/Title1.tsx"],"names":[],"mappings":";;;;;;;AACA,
|
1
|
+
{"version":3,"sources":["../../../src/components/Title1/Title1.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAEa,OAAA,CAAA,eAAA,GAAkB,YAAlB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA,MAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,MAAA,gBAA8C,SAAA,CAAA,aAAA,CAAc;AACvE,EAAA,SADuE;AAEvE,EAAA,SAAS,EAAE,OAAA,CAAA,eAF4D;AAGvE,EAAA,WAAW,EAAE;AAH0D,CAAd,CAA9C","sourceRoot":""}
|
@@ -3,19 +3,20 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.Title2 = void 0;
|
6
|
+
exports.Title2 = exports.title2ClassName = void 0;
|
7
7
|
|
8
|
-
|
8
|
+
const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
|
9
9
|
|
10
|
-
|
10
|
+
const index_1 = /*#__PURE__*/require("../../typographyStyles/index");
|
11
11
|
|
12
|
-
|
12
|
+
const wrapper_1 = /*#__PURE__*/require("../wrapper");
|
13
|
+
|
14
|
+
exports.title2ClassName = 'fui-Title2';
|
13
15
|
/**
|
14
16
|
* Styles for the root slot
|
15
17
|
*/
|
16
18
|
|
17
|
-
|
18
|
-
var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
19
|
+
const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
19
20
|
"root": {}
|
20
21
|
}, {});
|
21
22
|
/**
|
@@ -24,7 +25,8 @@ var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
24
25
|
|
25
26
|
|
26
27
|
exports.Title2 = /*#__PURE__*/wrapper_1.createWrapper({
|
27
|
-
useStyles
|
28
|
+
useStyles,
|
29
|
+
className: exports.title2ClassName,
|
28
30
|
displayName: 'Title2'
|
29
31
|
});
|
30
32
|
//# sourceMappingURL=Title2.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Title2/Title2.tsx"],"names":[],"mappings":";;;;;;;AACA,
|
1
|
+
{"version":3,"sources":["../../../src/components/Title2/Title2.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAEa,OAAA,CAAA,eAAA,GAAkB,YAAlB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA,MAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,MAAA,gBAA8C,SAAA,CAAA,aAAA,CAAc;AACvE,EAAA,SADuE;AAEvE,EAAA,SAAS,EAAE,OAAA,CAAA,eAF4D;AAGvE,EAAA,WAAW,EAAE;AAH0D,CAAd,CAA9C","sourceRoot":""}
|
@@ -3,19 +3,20 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.Title3 = void 0;
|
6
|
+
exports.Title3 = exports.title3ClassName = void 0;
|
7
7
|
|
8
|
-
|
8
|
+
const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
|
9
9
|
|
10
|
-
|
10
|
+
const index_1 = /*#__PURE__*/require("../../typographyStyles/index");
|
11
11
|
|
12
|
-
|
12
|
+
const wrapper_1 = /*#__PURE__*/require("../wrapper");
|
13
|
+
|
14
|
+
exports.title3ClassName = 'fui-Title3';
|
13
15
|
/**
|
14
16
|
* Styles for the root slot
|
15
17
|
*/
|
16
18
|
|
17
|
-
|
18
|
-
var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
19
|
+
const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
19
20
|
"root": {}
|
20
21
|
}, {});
|
21
22
|
/**
|
@@ -24,7 +25,8 @@ var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
24
25
|
|
25
26
|
|
26
27
|
exports.Title3 = /*#__PURE__*/wrapper_1.createWrapper({
|
27
|
-
useStyles
|
28
|
+
useStyles,
|
29
|
+
className: exports.title3ClassName,
|
28
30
|
displayName: 'Title3'
|
29
31
|
});
|
30
32
|
//# sourceMappingURL=Title3.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Title3/Title3.tsx"],"names":[],"mappings":";;;;;;;AACA,
|
1
|
+
{"version":3,"sources":["../../../src/components/Title3/Title3.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAEa,OAAA,CAAA,eAAA,GAAkB,YAAlB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA,MAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,MAAA,gBAA8C,SAAA,CAAA,aAAA,CAAc;AACvE,EAAA,SADuE;AAEvE,EAAA,SAAS,EAAE,OAAA,CAAA,eAF4D;AAGvE,EAAA,WAAW,EAAE;AAH0D,CAAd,CAA9C","sourceRoot":""}
|
@@ -2,6 +2,7 @@ import * as React from 'react';
|
|
2
2
|
import type { TextProps } from '../Text';
|
3
3
|
export declare type TextWrapperProps = Omit<TextProps, 'font' | 'size'>;
|
4
4
|
export declare function createWrapper(options: {
|
5
|
+
className: string;
|
5
6
|
displayName: string;
|
6
7
|
useStyles: () => Record<'root', string>;
|
7
8
|
}): React.FunctionComponent<TextWrapperProps>;
|