@fluentui/react-text 0.0.0-nightly0025eeb82020211108.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 +1283 -0
- package/CHANGELOG.md +472 -0
- package/LICENSE +15 -0
- package/MIGRATION.md +680 -0
- package/README.md +99 -0
- package/Spec.md +162 -0
- package/assets/typography-examples.gif +0 -0
- package/dist/react-text.d.ts +183 -0
- package/lib/Body.d.ts +1 -0
- package/lib/Body.js +2 -0
- package/lib/Body.js.map +1 -0
- package/lib/Caption.d.ts +1 -0
- package/lib/Caption.js +2 -0
- package/lib/Caption.js.map +1 -0
- package/lib/Display.d.ts +1 -0
- package/lib/Display.js +2 -0
- package/lib/Display.js.map +1 -0
- package/lib/Headline.d.ts +1 -0
- package/lib/Headline.js +2 -0
- package/lib/Headline.js.map +1 -0
- package/lib/LargeTitle.d.ts +1 -0
- package/lib/LargeTitle.js +2 -0
- package/lib/LargeTitle.js.map +1 -0
- package/lib/Subheadline.d.ts +1 -0
- package/lib/Subheadline.js +2 -0
- package/lib/Subheadline.js.map +1 -0
- package/lib/Text.d.ts +1 -0
- package/lib/Text.js +2 -0
- package/lib/Text.js.map +1 -0
- package/lib/Title1.d.ts +1 -0
- package/lib/Title1.js +2 -0
- package/lib/Title1.js.map +1 -0
- package/lib/Title2.d.ts +1 -0
- package/lib/Title2.js +2 -0
- package/lib/Title2.js.map +1 -0
- package/lib/Title3.d.ts +1 -0
- package/lib/Title3.js +2 -0
- package/lib/Title3.js.map +1 -0
- package/lib/common/isConformant.d.ts +4 -0
- package/lib/common/isConformant.js +16 -0
- package/lib/common/isConformant.js.map +1 -0
- package/lib/components/Body/Body.d.ts +7 -0
- package/lib/components/Body/Body.js +29 -0
- package/lib/components/Body/Body.js.map +1 -0
- package/lib/components/Body/index.d.ts +1 -0
- package/lib/components/Body/index.js +2 -0
- package/lib/components/Body/index.js.map +1 -0
- package/lib/components/Caption/Caption.d.ts +7 -0
- package/lib/components/Caption/Caption.js +29 -0
- package/lib/components/Caption/Caption.js.map +1 -0
- package/lib/components/Caption/index.d.ts +1 -0
- package/lib/components/Caption/index.js +2 -0
- package/lib/components/Caption/index.js.map +1 -0
- package/lib/components/Display/Display.d.ts +7 -0
- package/lib/components/Display/Display.js +29 -0
- package/lib/components/Display/Display.js.map +1 -0
- package/lib/components/Display/index.d.ts +1 -0
- package/lib/components/Display/index.js +2 -0
- package/lib/components/Display/index.js.map +1 -0
- package/lib/components/Headline/Headline.d.ts +7 -0
- package/lib/components/Headline/Headline.js +29 -0
- package/lib/components/Headline/Headline.js.map +1 -0
- package/lib/components/Headline/index.d.ts +1 -0
- package/lib/components/Headline/index.js +2 -0
- package/lib/components/Headline/index.js.map +1 -0
- package/lib/components/LargeTitle/LargeTitle.d.ts +7 -0
- package/lib/components/LargeTitle/LargeTitle.js +29 -0
- package/lib/components/LargeTitle/LargeTitle.js.map +1 -0
- package/lib/components/LargeTitle/index.d.ts +1 -0
- package/lib/components/LargeTitle/index.js +2 -0
- package/lib/components/LargeTitle/index.js.map +1 -0
- package/lib/components/Subheadline/Subheadline.d.ts +7 -0
- package/lib/components/Subheadline/Subheadline.js +29 -0
- package/lib/components/Subheadline/Subheadline.js.map +1 -0
- package/lib/components/Subheadline/index.d.ts +1 -0
- package/lib/components/Subheadline/index.js +2 -0
- package/lib/components/Subheadline/index.js.map +1 -0
- package/lib/components/Text/Text.d.ts +6 -0
- package/lib/components/Text/Text.js +15 -0
- package/lib/components/Text/Text.js.map +1 -0
- package/lib/components/Text/Text.types.d.ts +77 -0
- package/lib/components/Text/Text.types.js +2 -0
- package/lib/components/Text/Text.types.js.map +1 -0
- package/lib/components/Text/index.d.ts +5 -0
- package/lib/components/Text/index.js +6 -0
- package/lib/components/Text/index.js.map +1 -0
- package/lib/components/Text/renderText.d.ts +5 -0
- package/lib/components/Text/renderText.js +14 -0
- package/lib/components/Text/renderText.js.map +1 -0
- package/lib/components/Text/useText.d.ts +12 -0
- package/lib/components/Text/useText.js +50 -0
- package/lib/components/Text/useText.js.map +1 -0
- package/lib/components/Text/useTextStyles.d.ts +6 -0
- package/lib/components/Text/useTextStyles.js +111 -0
- package/lib/components/Text/useTextStyles.js.map +1 -0
- package/lib/components/Title1/Title1.d.ts +7 -0
- package/lib/components/Title1/Title1.js +29 -0
- package/lib/components/Title1/Title1.js.map +1 -0
- package/lib/components/Title1/index.d.ts +1 -0
- package/lib/components/Title1/index.js +2 -0
- package/lib/components/Title1/index.js.map +1 -0
- package/lib/components/Title2/Title2.d.ts +7 -0
- package/lib/components/Title2/Title2.js +29 -0
- package/lib/components/Title2/Title2.js.map +1 -0
- package/lib/components/Title2/index.d.ts +1 -0
- package/lib/components/Title2/index.js +2 -0
- package/lib/components/Title2/index.js.map +1 -0
- package/lib/components/Title3/Title3.d.ts +7 -0
- package/lib/components/Title3/Title3.js +29 -0
- package/lib/components/Title3/Title3.js.map +1 -0
- package/lib/components/Title3/index.d.ts +1 -0
- package/lib/components/Title3/index.js +2 -0
- package/lib/components/Title3/index.js.map +1 -0
- package/lib/components/wrapper.d.ts +8 -0
- package/lib/components/wrapper.js +20 -0
- package/lib/components/wrapper.js.map +1 -0
- package/lib/index.d.ts +10 -0
- package/lib/index.js +11 -0
- package/lib/index.js.map +1 -0
- package/lib/tsdoc-metadata.json +11 -0
- package/lib/typographyStyles/index.d.ts +2 -0
- package/lib/typographyStyles/index.js +3 -0
- package/lib/typographyStyles/index.js.map +1 -0
- package/lib/typographyStyles/typographyStyles.d.ts +14 -0
- package/lib/typographyStyles/typographyStyles.js +58 -0
- package/lib/typographyStyles/typographyStyles.js.map +1 -0
- package/lib-commonjs/Body.d.ts +1 -0
- package/lib-commonjs/Body.js +10 -0
- package/lib-commonjs/Body.js.map +1 -0
- package/lib-commonjs/Caption.d.ts +1 -0
- package/lib-commonjs/Caption.js +10 -0
- package/lib-commonjs/Caption.js.map +1 -0
- package/lib-commonjs/Display.d.ts +1 -0
- package/lib-commonjs/Display.js +10 -0
- package/lib-commonjs/Display.js.map +1 -0
- package/lib-commonjs/Headline.d.ts +1 -0
- package/lib-commonjs/Headline.js +10 -0
- package/lib-commonjs/Headline.js.map +1 -0
- package/lib-commonjs/LargeTitle.d.ts +1 -0
- package/lib-commonjs/LargeTitle.js +10 -0
- package/lib-commonjs/LargeTitle.js.map +1 -0
- package/lib-commonjs/Subheadline.d.ts +1 -0
- package/lib-commonjs/Subheadline.js +10 -0
- package/lib-commonjs/Subheadline.js.map +1 -0
- package/lib-commonjs/Text.d.ts +1 -0
- package/lib-commonjs/Text.js +10 -0
- package/lib-commonjs/Text.js.map +1 -0
- package/lib-commonjs/Title1.d.ts +1 -0
- package/lib-commonjs/Title1.js +10 -0
- package/lib-commonjs/Title1.js.map +1 -0
- package/lib-commonjs/Title2.d.ts +1 -0
- package/lib-commonjs/Title2.js +10 -0
- package/lib-commonjs/Title2.js.map +1 -0
- package/lib-commonjs/Title3.d.ts +1 -0
- package/lib-commonjs/Title3.js +10 -0
- package/lib-commonjs/Title3.js.map +1 -0
- package/lib-commonjs/common/isConformant.d.ts +4 -0
- package/lib-commonjs/common/isConformant.js +27 -0
- package/lib-commonjs/common/isConformant.js.map +1 -0
- package/lib-commonjs/components/Body/Body.d.ts +7 -0
- package/lib-commonjs/components/Body/Body.js +32 -0
- package/lib-commonjs/components/Body/Body.js.map +1 -0
- package/lib-commonjs/components/Body/index.d.ts +1 -0
- package/lib-commonjs/components/Body/index.js +10 -0
- package/lib-commonjs/components/Body/index.js.map +1 -0
- package/lib-commonjs/components/Caption/Caption.d.ts +7 -0
- package/lib-commonjs/components/Caption/Caption.js +32 -0
- package/lib-commonjs/components/Caption/Caption.js.map +1 -0
- package/lib-commonjs/components/Caption/index.d.ts +1 -0
- package/lib-commonjs/components/Caption/index.js +10 -0
- package/lib-commonjs/components/Caption/index.js.map +1 -0
- package/lib-commonjs/components/Display/Display.d.ts +7 -0
- package/lib-commonjs/components/Display/Display.js +32 -0
- package/lib-commonjs/components/Display/Display.js.map +1 -0
- package/lib-commonjs/components/Display/index.d.ts +1 -0
- package/lib-commonjs/components/Display/index.js +10 -0
- package/lib-commonjs/components/Display/index.js.map +1 -0
- package/lib-commonjs/components/Headline/Headline.d.ts +7 -0
- package/lib-commonjs/components/Headline/Headline.js +32 -0
- package/lib-commonjs/components/Headline/Headline.js.map +1 -0
- package/lib-commonjs/components/Headline/index.d.ts +1 -0
- package/lib-commonjs/components/Headline/index.js +10 -0
- package/lib-commonjs/components/Headline/index.js.map +1 -0
- package/lib-commonjs/components/LargeTitle/LargeTitle.d.ts +7 -0
- package/lib-commonjs/components/LargeTitle/LargeTitle.js +32 -0
- package/lib-commonjs/components/LargeTitle/LargeTitle.js.map +1 -0
- package/lib-commonjs/components/LargeTitle/index.d.ts +1 -0
- package/lib-commonjs/components/LargeTitle/index.js +10 -0
- package/lib-commonjs/components/LargeTitle/index.js.map +1 -0
- package/lib-commonjs/components/Subheadline/Subheadline.d.ts +7 -0
- package/lib-commonjs/components/Subheadline/Subheadline.js +32 -0
- package/lib-commonjs/components/Subheadline/Subheadline.js.map +1 -0
- package/lib-commonjs/components/Subheadline/index.d.ts +1 -0
- package/lib-commonjs/components/Subheadline/index.js +10 -0
- package/lib-commonjs/components/Subheadline/index.js.map +1 -0
- package/lib-commonjs/components/Text/Text.d.ts +6 -0
- package/lib-commonjs/components/Text/Text.js +26 -0
- package/lib-commonjs/components/Text/Text.js.map +1 -0
- package/lib-commonjs/components/Text/Text.types.d.ts +77 -0
- package/lib-commonjs/components/Text/Text.types.js +6 -0
- package/lib-commonjs/components/Text/Text.types.js.map +1 -0
- package/lib-commonjs/components/Text/index.d.ts +5 -0
- package/lib-commonjs/components/Text/index.js +18 -0
- package/lib-commonjs/components/Text/index.js.map +1 -0
- package/lib-commonjs/components/Text/renderText.d.ts +5 -0
- package/lib-commonjs/components/Text/renderText.js +25 -0
- package/lib-commonjs/components/Text/renderText.js.map +1 -0
- package/lib-commonjs/components/Text/useText.d.ts +12 -0
- package/lib-commonjs/components/Text/useText.js +60 -0
- package/lib-commonjs/components/Text/useText.js.map +1 -0
- package/lib-commonjs/components/Text/useTextStyles.d.ts +6 -0
- package/lib-commonjs/components/Text/useTextStyles.js +121 -0
- package/lib-commonjs/components/Text/useTextStyles.js.map +1 -0
- package/lib-commonjs/components/Title1/Title1.d.ts +7 -0
- package/lib-commonjs/components/Title1/Title1.js +32 -0
- package/lib-commonjs/components/Title1/Title1.js.map +1 -0
- package/lib-commonjs/components/Title1/index.d.ts +1 -0
- package/lib-commonjs/components/Title1/index.js +10 -0
- package/lib-commonjs/components/Title1/index.js.map +1 -0
- package/lib-commonjs/components/Title2/Title2.d.ts +7 -0
- package/lib-commonjs/components/Title2/Title2.js +32 -0
- package/lib-commonjs/components/Title2/Title2.js.map +1 -0
- package/lib-commonjs/components/Title2/index.d.ts +1 -0
- package/lib-commonjs/components/Title2/index.js +10 -0
- package/lib-commonjs/components/Title2/index.js.map +1 -0
- package/lib-commonjs/components/Title3/Title3.d.ts +7 -0
- package/lib-commonjs/components/Title3/Title3.js +32 -0
- package/lib-commonjs/components/Title3/Title3.js.map +1 -0
- package/lib-commonjs/components/Title3/index.d.ts +1 -0
- package/lib-commonjs/components/Title3/index.js +10 -0
- package/lib-commonjs/components/Title3/index.js.map +1 -0
- package/lib-commonjs/components/wrapper.d.ts +8 -0
- package/lib-commonjs/components/wrapper.js +32 -0
- package/lib-commonjs/components/wrapper.js.map +1 -0
- package/lib-commonjs/index.d.ts +10 -0
- package/lib-commonjs/index.js +28 -0
- package/lib-commonjs/index.js.map +1 -0
- package/lib-commonjs/typographyStyles/index.d.ts +2 -0
- package/lib-commonjs/typographyStyles/index.js +11 -0
- package/lib-commonjs/typographyStyles/index.js.map +1 -0
- package/lib-commonjs/typographyStyles/typographyStyles.d.ts +14 -0
- package/lib-commonjs/typographyStyles/typographyStyles.js +91 -0
- package/lib-commonjs/typographyStyles/typographyStyles.js.map +1 -0
- package/package.json +64 -0
@@ -0,0 +1,121 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.useTextStyles = exports.textClassName = void 0;
|
7
|
+
|
8
|
+
const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
|
9
|
+
|
10
|
+
exports.textClassName = 'fui-Text';
|
11
|
+
/**
|
12
|
+
* Styles for the root slot
|
13
|
+
*/
|
14
|
+
|
15
|
+
const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
16
|
+
"root": {
|
17
|
+
"Bahqtrf": "fk6fouc",
|
18
|
+
"Be2twd7": "fkhj508",
|
19
|
+
"Bg96gwp": "f1i3iumi",
|
20
|
+
"Bhrd7zp": "figsok6",
|
21
|
+
"fsow6f": "fpgzoln",
|
22
|
+
"mc9l5x": "f1w7gpdv",
|
23
|
+
"Huce71": "f6juhto",
|
24
|
+
"Bpg54ce": "f1gl81tg",
|
25
|
+
"ygn44y": "f2jf649"
|
26
|
+
},
|
27
|
+
"nowrap": {
|
28
|
+
"Huce71": "fz5stix",
|
29
|
+
"Bpg54ce": "f1a3p1vp"
|
30
|
+
},
|
31
|
+
"truncate": {
|
32
|
+
"ygn44y": "f1cmbuwj"
|
33
|
+
},
|
34
|
+
"block": {
|
35
|
+
"mc9l5x": "ftgm304"
|
36
|
+
},
|
37
|
+
"italic": {
|
38
|
+
"B80ckks": "f1j4dglz"
|
39
|
+
},
|
40
|
+
"underline": {
|
41
|
+
"dwov6y": "fctto54"
|
42
|
+
},
|
43
|
+
"strikethrough": {
|
44
|
+
"dwov6y": "f1y2xhd0"
|
45
|
+
},
|
46
|
+
"strikethroughUnderline": {
|
47
|
+
"dwov6y": "f13legbo"
|
48
|
+
},
|
49
|
+
"base100": {
|
50
|
+
"Be2twd7": "f13mqy1h",
|
51
|
+
"Bg96gwp": "fcpl73t"
|
52
|
+
},
|
53
|
+
"base200": {
|
54
|
+
"Be2twd7": "fy9rknc",
|
55
|
+
"Bg96gwp": "fwrc4pm"
|
56
|
+
},
|
57
|
+
"base400": {
|
58
|
+
"Be2twd7": "fod5ikn",
|
59
|
+
"Bg96gwp": "faaz57k"
|
60
|
+
},
|
61
|
+
"base500": {
|
62
|
+
"Be2twd7": "f1pp30po",
|
63
|
+
"Bg96gwp": "f106mvju"
|
64
|
+
},
|
65
|
+
"base600": {
|
66
|
+
"Be2twd7": "f1x0m3f5",
|
67
|
+
"Bg96gwp": "fb86gi6"
|
68
|
+
},
|
69
|
+
"hero700": {
|
70
|
+
"Be2twd7": "fojgt09",
|
71
|
+
"Bg96gwp": "fcen8rp"
|
72
|
+
},
|
73
|
+
"hero800": {
|
74
|
+
"Be2twd7": "fccw675",
|
75
|
+
"Bg96gwp": "f1ebx5kk"
|
76
|
+
},
|
77
|
+
"hero900": {
|
78
|
+
"Be2twd7": "f15afnhw",
|
79
|
+
"Bg96gwp": "fr3w3wp"
|
80
|
+
},
|
81
|
+
"hero1000": {
|
82
|
+
"Be2twd7": "fpyltcb",
|
83
|
+
"Bg96gwp": "f1ivgwrt"
|
84
|
+
},
|
85
|
+
"monospace": {
|
86
|
+
"Bahqtrf": "f1fedwem"
|
87
|
+
},
|
88
|
+
"numeric": {
|
89
|
+
"Bahqtrf": "f1uq0ln5"
|
90
|
+
},
|
91
|
+
"weightMedium": {
|
92
|
+
"Bhrd7zp": "fdj6btp"
|
93
|
+
},
|
94
|
+
"weightSemibold": {
|
95
|
+
"Bhrd7zp": "fl43uef"
|
96
|
+
},
|
97
|
+
"alignCenter": {
|
98
|
+
"fsow6f": "f17mccla"
|
99
|
+
},
|
100
|
+
"alignEnd": {
|
101
|
+
"fsow6f": "f12ymhq5"
|
102
|
+
},
|
103
|
+
"alignJustify": {
|
104
|
+
"fsow6f": "f1j59e10"
|
105
|
+
}
|
106
|
+
}, {
|
107
|
+
"d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fpgzoln{text-align:start;}", ".f1w7gpdv{display:inline;}", ".f6juhto{white-space:normal;}", ".f1gl81tg{overflow:visible;}", ".f2jf649{text-overflow:clip;}", ".fz5stix{white-space:nowrap;}", ".f1a3p1vp{overflow:hidden;}", ".f1cmbuwj{text-overflow:ellipsis;}", ".ftgm304{display:block;}", ".f1j4dglz{font-style:italic;}", ".fctto54{-webkit-text-decoration:underline;text-decoration:underline;}", ".f1y2xhd0{-webkit-text-decoration:line-through;text-decoration:line-through;}", ".f13legbo{-webkit-text-decoration:line-through underline;text-decoration:line-through underline;}", ".f13mqy1h{font-size:var(--fontSizeBase100);}", ".fcpl73t{line-height:var(--lineHeightBase100);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".faaz57k{line-height:var(--lineHeightBase400);}", ".f1pp30po{font-size:var(--fontSizeBase500);}", ".f106mvju{line-height:var(--lineHeightBase500);}", ".f1x0m3f5{font-size:var(--fontSizeBase600);}", ".fb86gi6{line-height:var(--lineHeightBase600);}", ".fojgt09{font-size:var(--fontSizeHero700);}", ".fcen8rp{line-height:var(--lineHeightHero700);}", ".fccw675{font-size:var(--fontSizeHero800);}", ".f1ebx5kk{line-height:var(--lineHeightHero800);}", ".f15afnhw{font-size:var(--fontSizeHero900);}", ".fr3w3wp{line-height:var(--lineHeightHero900);}", ".fpyltcb{font-size:var(--fontSizeHero1000);}", ".f1ivgwrt{line-height:var(--lineHeightHero1000);}", ".f1fedwem{font-family:var(--fontFamilyMonospace);}", ".f1uq0ln5{font-family:var(--fontFamilyNumeric);}", ".fdj6btp{font-weight:var(--fontWeightMedium);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f17mccla{text-align:center;}", ".f12ymhq5{text-align:end;}", ".f1j59e10{text-align:justify;}"]
|
108
|
+
});
|
109
|
+
/**
|
110
|
+
* Apply styling to the Text slots based on the state
|
111
|
+
*/
|
112
|
+
|
113
|
+
|
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);
|
117
|
+
return state;
|
118
|
+
};
|
119
|
+
|
120
|
+
exports.useTextStyles = useTextStyles;
|
121
|
+
//# sourceMappingURL=useTextStyles.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Text/useTextStyles.ts"],"names":[],"mappings":"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","sourceRoot":""}
|
@@ -0,0 +1,7 @@
|
|
1
|
+
import type { FunctionComponent } from 'react';
|
2
|
+
import { TextWrapperProps } from '../wrapper';
|
3
|
+
export declare const title1ClassName = "fui-Title1";
|
4
|
+
/**
|
5
|
+
* Text wrapper component for the Title 1 typography variant
|
6
|
+
*/
|
7
|
+
export declare const Title1: FunctionComponent<TextWrapperProps>;
|
@@ -0,0 +1,32 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.Title1 = exports.title1ClassName = void 0;
|
7
|
+
|
8
|
+
const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
|
9
|
+
|
10
|
+
const index_1 = /*#__PURE__*/require("../../typographyStyles/index");
|
11
|
+
|
12
|
+
const wrapper_1 = /*#__PURE__*/require("../wrapper");
|
13
|
+
|
14
|
+
exports.title1ClassName = 'fui-Title1';
|
15
|
+
/**
|
16
|
+
* Styles for the root slot
|
17
|
+
*/
|
18
|
+
|
19
|
+
const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
20
|
+
"root": {}
|
21
|
+
}, {});
|
22
|
+
/**
|
23
|
+
* Text wrapper component for the Title 1 typography variant
|
24
|
+
*/
|
25
|
+
|
26
|
+
|
27
|
+
exports.Title1 = /*#__PURE__*/wrapper_1.createWrapper({
|
28
|
+
useStyles,
|
29
|
+
className: exports.title1ClassName,
|
30
|
+
displayName: 'Title1'
|
31
|
+
});
|
32
|
+
//# sourceMappingURL=Title1.js.map
|
@@ -0,0 +1 @@
|
|
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":""}
|
@@ -0,0 +1 @@
|
|
1
|
+
export * from './Title1';
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Title1/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,UAAA,CAAA,EAAA,OAAA","sourceRoot":""}
|
@@ -0,0 +1,7 @@
|
|
1
|
+
import type { FunctionComponent } from 'react';
|
2
|
+
import { TextWrapperProps } from '../wrapper';
|
3
|
+
export declare const title2ClassName = "fui-Title2";
|
4
|
+
/**
|
5
|
+
* Text wrapper component for the Title 2 typography variant
|
6
|
+
*/
|
7
|
+
export declare const Title2: FunctionComponent<TextWrapperProps>;
|
@@ -0,0 +1,32 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.Title2 = exports.title2ClassName = void 0;
|
7
|
+
|
8
|
+
const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
|
9
|
+
|
10
|
+
const index_1 = /*#__PURE__*/require("../../typographyStyles/index");
|
11
|
+
|
12
|
+
const wrapper_1 = /*#__PURE__*/require("../wrapper");
|
13
|
+
|
14
|
+
exports.title2ClassName = 'fui-Title2';
|
15
|
+
/**
|
16
|
+
* Styles for the root slot
|
17
|
+
*/
|
18
|
+
|
19
|
+
const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
20
|
+
"root": {}
|
21
|
+
}, {});
|
22
|
+
/**
|
23
|
+
* Text wrapper component for the Title 2 typography variant
|
24
|
+
*/
|
25
|
+
|
26
|
+
|
27
|
+
exports.Title2 = /*#__PURE__*/wrapper_1.createWrapper({
|
28
|
+
useStyles,
|
29
|
+
className: exports.title2ClassName,
|
30
|
+
displayName: 'Title2'
|
31
|
+
});
|
32
|
+
//# sourceMappingURL=Title2.js.map
|
@@ -0,0 +1 @@
|
|
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":""}
|
@@ -0,0 +1 @@
|
|
1
|
+
export * from './Title2';
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Title2/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,UAAA,CAAA,EAAA,OAAA","sourceRoot":""}
|
@@ -0,0 +1,7 @@
|
|
1
|
+
import type { FunctionComponent } from 'react';
|
2
|
+
import { TextWrapperProps } from '../wrapper';
|
3
|
+
export declare const title3ClassName = "fui-Title3";
|
4
|
+
/**
|
5
|
+
* Text wrapper component for the Title 3 typography variant
|
6
|
+
*/
|
7
|
+
export declare const Title3: FunctionComponent<TextWrapperProps>;
|
@@ -0,0 +1,32 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.Title3 = exports.title3ClassName = void 0;
|
7
|
+
|
8
|
+
const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
|
9
|
+
|
10
|
+
const index_1 = /*#__PURE__*/require("../../typographyStyles/index");
|
11
|
+
|
12
|
+
const wrapper_1 = /*#__PURE__*/require("../wrapper");
|
13
|
+
|
14
|
+
exports.title3ClassName = 'fui-Title3';
|
15
|
+
/**
|
16
|
+
* Styles for the root slot
|
17
|
+
*/
|
18
|
+
|
19
|
+
const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
20
|
+
"root": {}
|
21
|
+
}, {});
|
22
|
+
/**
|
23
|
+
* Text wrapper component for the Title 3 typography variant
|
24
|
+
*/
|
25
|
+
|
26
|
+
|
27
|
+
exports.Title3 = /*#__PURE__*/wrapper_1.createWrapper({
|
28
|
+
useStyles,
|
29
|
+
className: exports.title3ClassName,
|
30
|
+
displayName: 'Title3'
|
31
|
+
});
|
32
|
+
//# sourceMappingURL=Title3.js.map
|
@@ -0,0 +1 @@
|
|
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":""}
|
@@ -0,0 +1 @@
|
|
1
|
+
export * from './Title3';
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Title3/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,UAAA,CAAA,EAAA,OAAA","sourceRoot":""}
|
@@ -0,0 +1,8 @@
|
|
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
|
+
className: string;
|
6
|
+
displayName: string;
|
7
|
+
useStyles: () => Record<'root', string>;
|
8
|
+
}): React.FunctionComponent<TextWrapperProps>;
|
@@ -0,0 +1,32 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.createWrapper = void 0;
|
7
|
+
|
8
|
+
const React = /*#__PURE__*/require("react");
|
9
|
+
|
10
|
+
const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
|
11
|
+
|
12
|
+
const Text_1 = /*#__PURE__*/require("../Text");
|
13
|
+
|
14
|
+
function createWrapper(options) {
|
15
|
+
const {
|
16
|
+
useStyles,
|
17
|
+
className,
|
18
|
+
displayName
|
19
|
+
} = options;
|
20
|
+
const Wrapper = React.forwardRef((props, ref) => {
|
21
|
+
const styles = useStyles();
|
22
|
+
const state = Text_1.useText(props, ref);
|
23
|
+
Text_1.useTextStyles(state);
|
24
|
+
state.root.className = react_make_styles_1.mergeClasses(className, state.root.className, styles.root, props.className);
|
25
|
+
return Text_1.renderText(state);
|
26
|
+
});
|
27
|
+
Wrapper.displayName = displayName;
|
28
|
+
return Wrapper;
|
29
|
+
}
|
30
|
+
|
31
|
+
exports.createWrapper = createWrapper;
|
32
|
+
//# sourceMappingURL=wrapper.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../src/components/wrapper.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,MAAA,gBAAA,OAAA,CAAA,SAAA,CAAA;;AAMA,SAAgB,aAAhB,CAA8B,OAA9B,EAIC;AACC,QAAM;AAAE,IAAA,SAAF;AAAa,IAAA,SAAb;AAAwB,IAAA;AAAxB,MAAwC,OAA9C;AACA,QAAM,OAAO,GAA0C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACrF,UAAM,MAAM,GAAG,SAAS,EAAxB;AACA,UAAM,KAAK,GAAG,MAAA,CAAA,OAAA,CAAQ,KAAR,EAA4B,GAA5B,CAAd;AAEA,IAAA,MAAA,CAAA,aAAA,CAAc,KAAd;AAEA,IAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CAAa,SAAb,EAAwB,KAAK,CAAC,IAAN,CAAW,SAAnC,EAA8C,MAAM,CAAC,IAArD,EAA2D,KAAK,CAAC,SAAjE,CAAvB;AAEA,WAAO,MAAA,CAAA,UAAA,CAAW,KAAX,CAAP;AACD,GATsD,CAAvD;AAUA,EAAA,OAAO,CAAC,WAAR,GAAsB,WAAtB;AAEA,SAAO,OAAP;AACD;;AAnBD,OAAA,CAAA,aAAA,GAAA,aAAA","sourceRoot":""}
|
@@ -0,0 +1,10 @@
|
|
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';
|
@@ -0,0 +1,28 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
|
7
|
+
const tslib_1 = /*#__PURE__*/require("tslib");
|
8
|
+
|
9
|
+
tslib_1.__exportStar(require("./Text"), exports);
|
10
|
+
|
11
|
+
tslib_1.__exportStar(require("./Display"), exports);
|
12
|
+
|
13
|
+
tslib_1.__exportStar(require("./LargeTitle"), exports);
|
14
|
+
|
15
|
+
tslib_1.__exportStar(require("./Title1"), exports);
|
16
|
+
|
17
|
+
tslib_1.__exportStar(require("./Title2"), exports);
|
18
|
+
|
19
|
+
tslib_1.__exportStar(require("./Title3"), exports);
|
20
|
+
|
21
|
+
tslib_1.__exportStar(require("./Headline"), exports);
|
22
|
+
|
23
|
+
tslib_1.__exportStar(require("./Subheadline"), exports);
|
24
|
+
|
25
|
+
tslib_1.__exportStar(require("./Body"), exports);
|
26
|
+
|
27
|
+
tslib_1.__exportStar(require("./Caption"), exports);
|
28
|
+
//# sourceMappingURL=index.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,WAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,UAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,UAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,UAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,YAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,eAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,WAAA,CAAA,EAAA,OAAA","sourceRoot":""}
|
@@ -0,0 +1,11 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.typographyStyles = void 0;
|
7
|
+
|
8
|
+
const typographyStyles = /*#__PURE__*/require("./typographyStyles");
|
9
|
+
|
10
|
+
exports.typographyStyles = typographyStyles;
|
11
|
+
//# sourceMappingURL=index.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../src/typographyStyles/index.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,gBAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;;AACS,OAAA,CAAA,gBAAA,GAAA,gBAAA","sourceRoot":""}
|
@@ -0,0 +1,14 @@
|
|
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>;
|
@@ -0,0 +1,91 @@
|
|
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
|
+
const caption = theme => ({
|
12
|
+
fontFamily: theme.fontFamilyBase,
|
13
|
+
fontSize: theme.fontSizeBase200,
|
14
|
+
lineHeight: theme.lineHeightBase200,
|
15
|
+
fontWeight: theme.fontWeightRegular
|
16
|
+
});
|
17
|
+
|
18
|
+
exports.caption = caption;
|
19
|
+
|
20
|
+
const body = theme => ({
|
21
|
+
fontFamily: theme.fontFamilyBase,
|
22
|
+
fontSize: theme.fontSizeBase300,
|
23
|
+
lineHeight: theme.lineHeightBase300,
|
24
|
+
fontWeight: theme.fontWeightRegular
|
25
|
+
});
|
26
|
+
|
27
|
+
exports.body = body;
|
28
|
+
|
29
|
+
const subheadline = theme => ({
|
30
|
+
fontFamily: theme.fontFamilyBase,
|
31
|
+
fontSize: theme.fontSizeBase400,
|
32
|
+
lineHeight: theme.lineHeightBase400,
|
33
|
+
fontWeight: theme.fontWeightSemibold
|
34
|
+
});
|
35
|
+
|
36
|
+
exports.subheadline = subheadline;
|
37
|
+
|
38
|
+
const headline = theme => ({
|
39
|
+
fontFamily: theme.fontFamilyBase,
|
40
|
+
fontSize: theme.fontSizeBase500,
|
41
|
+
lineHeight: theme.lineHeightBase500,
|
42
|
+
fontWeight: theme.fontWeightSemibold
|
43
|
+
});
|
44
|
+
|
45
|
+
exports.headline = headline;
|
46
|
+
|
47
|
+
const title3 = theme => ({
|
48
|
+
fontFamily: theme.fontFamilyBase,
|
49
|
+
fontSize: theme.fontSizeBase600,
|
50
|
+
lineHeight: theme.lineHeightBase600,
|
51
|
+
fontWeight: theme.fontWeightSemibold
|
52
|
+
});
|
53
|
+
|
54
|
+
exports.title3 = title3;
|
55
|
+
|
56
|
+
const title2 = theme => ({
|
57
|
+
fontFamily: theme.fontFamilyBase,
|
58
|
+
fontSize: theme.fontSizeHero700,
|
59
|
+
lineHeight: theme.lineHeightHero700,
|
60
|
+
fontWeight: theme.fontWeightSemibold
|
61
|
+
});
|
62
|
+
|
63
|
+
exports.title2 = title2;
|
64
|
+
|
65
|
+
const title1 = theme => ({
|
66
|
+
fontFamily: theme.fontFamilyBase,
|
67
|
+
fontSize: theme.fontSizeHero800,
|
68
|
+
lineHeight: theme.lineHeightHero800,
|
69
|
+
fontWeight: theme.fontWeightSemibold
|
70
|
+
});
|
71
|
+
|
72
|
+
exports.title1 = title1;
|
73
|
+
|
74
|
+
const largeTitle = theme => ({
|
75
|
+
fontFamily: theme.fontFamilyBase,
|
76
|
+
fontSize: theme.fontSizeHero900,
|
77
|
+
lineHeight: theme.lineHeightHero900,
|
78
|
+
fontWeight: theme.fontWeightSemibold
|
79
|
+
});
|
80
|
+
|
81
|
+
exports.largeTitle = largeTitle;
|
82
|
+
|
83
|
+
const display = theme => ({
|
84
|
+
fontFamily: theme.fontFamilyBase,
|
85
|
+
fontSize: theme.fontSizeHero1000,
|
86
|
+
lineHeight: theme.lineHeightHero1000,
|
87
|
+
fontWeight: theme.fontWeightSemibold
|
88
|
+
});
|
89
|
+
|
90
|
+
exports.display = display;
|
91
|
+
//# sourceMappingURL=typographyStyles.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../src/typographyStyles/typographyStyles.ts"],"names":[],"mappings":"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","sourceRoot":""}
|
package/package.json
ADDED
@@ -0,0 +1,64 @@
|
|
1
|
+
{
|
2
|
+
"name": "@fluentui/react-text",
|
3
|
+
"version": "0.0.0-nightly0025eeb82020211108.1",
|
4
|
+
"description": "Text is a typography and styling abstraction component that can be used to ensure the consistency of all text across your application.",
|
5
|
+
"main": "lib-commonjs/index.js",
|
6
|
+
"module": "lib/index.js",
|
7
|
+
"typings": "lib/index.d.ts",
|
8
|
+
"sideEffects": false,
|
9
|
+
"repository": {
|
10
|
+
"type": "git",
|
11
|
+
"url": "https://github.com/microsoft/fluentui"
|
12
|
+
},
|
13
|
+
"license": "MIT",
|
14
|
+
"scripts": {
|
15
|
+
"build": "just-scripts build",
|
16
|
+
"bundle-size": "bundle-size measure",
|
17
|
+
"clean": "just-scripts clean",
|
18
|
+
"code-style": "just-scripts code-style",
|
19
|
+
"just": "just-scripts",
|
20
|
+
"lint": "just-scripts lint",
|
21
|
+
"start": "yarn storybook",
|
22
|
+
"test": "jest",
|
23
|
+
"docs": "api-extractor run --config=config/api-extractor.local.json --local",
|
24
|
+
"build:local": "tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-text/src && yarn docs",
|
25
|
+
"storybook": "start-storybook"
|
26
|
+
},
|
27
|
+
"devDependencies": {
|
28
|
+
"@fluentui/babel-make-styles": "0.0.0-nightly0025eeb82020211108.1",
|
29
|
+
"@fluentui/eslint-plugin": "*",
|
30
|
+
"@fluentui/jest-serializer-make-styles": "0.0.0-nightly0025eeb82020211108.1",
|
31
|
+
"@fluentui/react-conformance": "*",
|
32
|
+
"@fluentui/react-conformance-make-styles": "0.0.0-nightly0025eeb82020211108.1",
|
33
|
+
"@fluentui/scripts": "^1.0.0",
|
34
|
+
"@types/enzyme": "3.10.3",
|
35
|
+
"@types/enzyme-adapter-react-16": "1.0.3",
|
36
|
+
"@types/react": "16.9.42",
|
37
|
+
"@types/react-dom": "16.9.10",
|
38
|
+
"@types/react-test-renderer": "^16.0.0",
|
39
|
+
"enzyme": "~3.10.0",
|
40
|
+
"enzyme-adapter-react-16": "^1.15.0",
|
41
|
+
"react": "16.8.6",
|
42
|
+
"react-dom": "16.8.6",
|
43
|
+
"react-test-renderer": "^16.3.0"
|
44
|
+
},
|
45
|
+
"dependencies": {
|
46
|
+
"@fluentui/react-make-styles": "0.0.0-nightly0025eeb82020211108.1",
|
47
|
+
"@fluentui/react-utilities": "0.0.0-nightly0025eeb82020211108.1",
|
48
|
+
"tslib": "^2.1.0"
|
49
|
+
},
|
50
|
+
"peerDependencies": {
|
51
|
+
"@types/react": ">=16.8.0 <18.0.0",
|
52
|
+
"@types/react-dom": ">=16.8.0 <18.0.0",
|
53
|
+
"react": ">=16.8.0 <18.0.0",
|
54
|
+
"react-dom": ">=16.8.0 <18.0.0"
|
55
|
+
},
|
56
|
+
"beachball": {
|
57
|
+
"tag": "beta",
|
58
|
+
"disallowedChangeTypes": [
|
59
|
+
"major",
|
60
|
+
"minor",
|
61
|
+
"patch"
|
62
|
+
]
|
63
|
+
}
|
64
|
+
}
|