@fluentui/react-text 0.0.0-nightly-20220519-0420.1 → 0.0.0-nightly-20220530-0421.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 +77 -9
- package/CHANGELOG.md +30 -7
- package/README.md +4 -4
- package/dist/index.d.ts +37 -81
- 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/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/components/{Body/Body.js → Body1/Body1.js} +7 -12
- 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/{Caption/Caption.js → Caption1/Caption1.js} +7 -12
- 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 +0 -5
- package/lib/components/Display/Display.js.map +1 -1
- package/lib/components/LargeTitle/LargeTitle.js +0 -5
- package/lib/components/LargeTitle/LargeTitle.js.map +1 -1
- package/lib/components/{Headline/Headline.js → Subtitle1/Subtitle1.js} +7 -12
- 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/{Subheadline/Subheadline.js → Subtitle2/Subtitle2.js} +7 -12
- 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.types.js.map +1 -1
- package/lib/components/Text/useTextStyles.js +0 -5
- package/lib/components/Text/useTextStyles.js.map +1 -1
- package/lib/components/Title1/Title1.js +0 -5
- package/lib/components/Title1/Title1.js.map +1 -1
- package/lib/components/Title2/Title2.js +0 -5
- package/lib/components/Title2/Title2.js.map +1 -1
- package/lib/components/Title3/Title3.js +0 -5
- package/lib/components/Title3/Title3.js.map +1 -1
- package/lib/index.js +11 -11
- package/lib/index.js.map +1 -1
- package/lib-commonjs/{Body.js → Body1.js} +2 -2
- package/lib-commonjs/Body1.js.map +1 -0
- package/lib-commonjs/{Headline.js → Caption1.js} +2 -2
- package/lib-commonjs/Caption1.js.map +1 -0
- package/lib-commonjs/{Caption.js → Caption2.js} +2 -2
- package/lib-commonjs/Caption2.js.map +1 -0
- 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/components/{Body/Body.js → Body1/Body1.js} +8 -13
- package/lib-commonjs/components/Body1/Body1.js.map +1 -0
- package/lib-commonjs/components/{Body → Body1}/index.js +1 -1
- package/lib-commonjs/components/Body1/index.js.map +1 -0
- package/lib-commonjs/components/{Caption/Caption.js → Caption1/Caption1.js} +8 -13
- package/lib-commonjs/components/Caption1/Caption1.js.map +1 -0
- package/lib-commonjs/components/{Caption → Caption1}/index.js +1 -1
- 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/{Headline → Caption2}/index.js +1 -1
- package/lib-commonjs/components/Caption2/index.js.map +1 -0
- package/lib-commonjs/components/Display/Display.js +1 -6
- package/lib-commonjs/components/Display/Display.js.map +1 -1
- package/lib-commonjs/components/LargeTitle/LargeTitle.js +1 -6
- package/lib-commonjs/components/LargeTitle/LargeTitle.js.map +1 -1
- package/lib-commonjs/components/{Headline/Headline.js → Subtitle1/Subtitle1.js} +8 -13
- package/lib-commonjs/components/Subtitle1/Subtitle1.js.map +1 -0
- package/lib-commonjs/components/{Subheadline → Subtitle1}/index.js +1 -1
- package/lib-commonjs/components/Subtitle1/index.js.map +1 -0
- package/lib-commonjs/components/{Subheadline/Subheadline.js → Subtitle2/Subtitle2.js} +8 -13
- 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/useTextStyles.js +1 -6
- package/lib-commonjs/components/Text/useTextStyles.js.map +1 -1
- package/lib-commonjs/components/Title1/Title1.js +1 -6
- package/lib-commonjs/components/Title1/Title1.js.map +1 -1
- package/lib-commonjs/components/Title2/Title2.js +1 -6
- package/lib-commonjs/components/Title2/Title2.js.map +1 -1
- package/lib-commonjs/components/Title3/Title3.js +1 -6
- package/lib-commonjs/components/Title3/Title3.js.map +1 -1
- package/lib-commonjs/index.js +30 -76
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +5 -5
- package/lib/Body.js +0 -2
- package/lib/Body.js.map +0 -1
- package/lib/Caption.js +0 -2
- package/lib/Caption.js.map +0 -1
- package/lib/Headline.js +0 -2
- package/lib/Headline.js.map +0 -1
- package/lib/Subheadline.js +0 -2
- package/lib/Subheadline.js.map +0 -1
- package/lib/components/Body/Body.js.map +0 -1
- package/lib/components/Body/index.js +0 -2
- package/lib/components/Body/index.js.map +0 -1
- package/lib/components/Caption/Caption.js.map +0 -1
- package/lib/components/Caption/index.js +0 -2
- package/lib/components/Caption/index.js.map +0 -1
- package/lib/components/Headline/Headline.js.map +0 -1
- package/lib/components/Headline/index.js +0 -2
- package/lib/components/Headline/index.js.map +0 -1
- package/lib/components/Subheadline/Subheadline.js.map +0 -1
- package/lib/components/Subheadline/index.js +0 -2
- package/lib/components/Subheadline/index.js.map +0 -1
- package/lib-commonjs/Body.js.map +0 -1
- package/lib-commonjs/Caption.js.map +0 -1
- package/lib-commonjs/Headline.js.map +0 -1
- package/lib-commonjs/Subheadline.js +0 -10
- package/lib-commonjs/Subheadline.js.map +0 -1
- package/lib-commonjs/components/Body/Body.js.map +0 -1
- package/lib-commonjs/components/Body/index.js.map +0 -1
- package/lib-commonjs/components/Caption/Caption.js.map +0 -1
- package/lib-commonjs/components/Caption/index.js.map +0 -1
- package/lib-commonjs/components/Headline/Headline.js.map +0 -1
- package/lib-commonjs/components/Headline/index.js.map +0 -1
- package/lib-commonjs/components/Subheadline/Subheadline.js.map +0 -1
- package/lib-commonjs/components/Subheadline/index.js.map +0 -1
@@ -3,21 +3,16 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.
|
6
|
+
exports.Subtitle1 = exports.subtitle1ClassNames = 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
|
-
* @deprecated Use `headlineClassNames.root` instead.
|
15
|
-
*/
|
16
|
-
|
17
13
|
|
18
|
-
exports.
|
19
|
-
|
20
|
-
root: 'fui-Headline'
|
14
|
+
exports.subtitle1ClassNames = {
|
15
|
+
root: 'fui-Subtitle1'
|
21
16
|
};
|
22
17
|
/**
|
23
18
|
* Styles for the root slot
|
@@ -34,13 +29,13 @@ const useStyles = /*#__PURE__*/react_1.__styles({
|
|
34
29
|
"d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".f1pp30po{font-size:var(--fontSizeBase500);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f106mvju{line-height:var(--lineHeightBase500);}"]
|
35
30
|
});
|
36
31
|
/**
|
37
|
-
* Text wrapper component for the
|
32
|
+
* Text wrapper component for the Subtitle1 typography variant
|
38
33
|
*/
|
39
34
|
|
40
35
|
|
41
|
-
exports.
|
36
|
+
exports.Subtitle1 = /*#__PURE__*/wrapper_1.createWrapper({
|
42
37
|
useStyles,
|
43
|
-
className: exports.
|
44
|
-
displayName: '
|
38
|
+
className: exports.subtitle1ClassNames.root,
|
39
|
+
displayName: 'Subtitle1'
|
45
40
|
});
|
46
|
-
//# sourceMappingURL=
|
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/"}
|
@@ -3,21 +3,16 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.
|
6
|
+
exports.Subtitle2 = exports.subtitle2ClassNames = 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
|
-
* @deprecated Use `subheadlineClassNames.root` instead.
|
15
|
-
*/
|
16
|
-
|
17
13
|
|
18
|
-
exports.
|
19
|
-
|
20
|
-
root: 'fui-Subheadline'
|
14
|
+
exports.subtitle2ClassNames = {
|
15
|
+
root: 'fui-Subtitle2'
|
21
16
|
};
|
22
17
|
/**
|
23
18
|
* Styles for the root slot
|
@@ -34,13 +29,13 @@ const useStyles = /*#__PURE__*/react_1.__styles({
|
|
34
29
|
"d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".faaz57k{line-height:var(--lineHeightBase400);}"]
|
35
30
|
});
|
36
31
|
/**
|
37
|
-
* Text wrapper component for the
|
32
|
+
* Text wrapper component for the Subtitle2 typography variant
|
38
33
|
*/
|
39
34
|
|
40
35
|
|
41
|
-
exports.
|
36
|
+
exports.Subtitle2 = /*#__PURE__*/wrapper_1.createWrapper({
|
42
37
|
useStyles,
|
43
|
-
className: exports.
|
44
|
-
displayName: '
|
38
|
+
className: exports.subtitle2ClassNames.root,
|
39
|
+
displayName: 'Subtitle2'
|
45
40
|
});
|
46
|
-
//# sourceMappingURL=
|
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/"}
|
@@ -3,17 +3,12 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.useTextStyles_unstable = exports.textClassNames =
|
6
|
+
exports.useTextStyles_unstable = exports.textClassNames = void 0;
|
7
7
|
|
8
8
|
const react_1 = /*#__PURE__*/require("@griffel/react");
|
9
9
|
|
10
10
|
const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
|
11
|
-
/**
|
12
|
-
* @deprecated Use `textClassNames.root` instead.
|
13
|
-
*/
|
14
|
-
|
15
11
|
|
16
|
-
exports.textClassName = 'fui-Text';
|
17
12
|
exports.textClassNames = {
|
18
13
|
root: 'fui-Text'
|
19
14
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["components/Text/useTextStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA
|
1
|
+
{"version":3,"sources":["components/Text/useTextStyles.ts"],"names":[],"mappings":"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","sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { TextSlots, TextState } from './Text.types';\nimport { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const textClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Text',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase300,\n lineHeight: tokens.lineHeightBase300,\n fontWeight: tokens.fontWeightRegular,\n textAlign: 'start',\n display: 'inline',\n whiteSpace: 'normal',\n ...shorthands.overflow('visible'),\n textOverflow: 'clip',\n },\n nowrap: {\n whiteSpace: 'nowrap',\n ...shorthands.overflow('hidden'),\n },\n truncate: {\n textOverflow: 'ellipsis',\n },\n block: {\n display: 'block',\n },\n italic: {\n fontStyle: 'italic',\n },\n underline: {\n textDecorationLine: 'underline',\n },\n strikethrough: {\n textDecorationLine: 'line-through',\n },\n strikethroughUnderline: {\n textDecorationLine: 'line-through underline',\n },\n base100: {\n fontSize: tokens.fontSizeBase100,\n lineHeight: tokens.lineHeightBase100,\n },\n base200: {\n fontSize: tokens.fontSizeBase200,\n lineHeight: tokens.lineHeightBase200,\n },\n base400: {\n fontSize: tokens.fontSizeBase400,\n lineHeight: tokens.lineHeightBase400,\n },\n base500: {\n fontSize: tokens.fontSizeBase500,\n lineHeight: tokens.lineHeightBase500,\n },\n base600: {\n fontSize: tokens.fontSizeBase600,\n lineHeight: tokens.lineHeightBase600,\n },\n hero700: {\n fontSize: tokens.fontSizeHero700,\n lineHeight: tokens.lineHeightHero700,\n },\n hero800: {\n fontSize: tokens.fontSizeHero800,\n lineHeight: tokens.lineHeightHero800,\n },\n hero900: {\n fontSize: tokens.fontSizeHero900,\n lineHeight: tokens.lineHeightHero900,\n },\n hero1000: {\n fontSize: tokens.fontSizeHero1000,\n lineHeight: tokens.lineHeightHero1000,\n },\n monospace: {\n fontFamily: tokens.fontFamilyMonospace,\n },\n numeric: {\n fontFamily: tokens.fontFamilyNumeric,\n },\n weightMedium: {\n fontWeight: tokens.fontWeightMedium,\n },\n weightSemibold: {\n fontWeight: tokens.fontWeightSemibold,\n },\n alignCenter: {\n textAlign: 'center',\n },\n alignEnd: {\n textAlign: 'end',\n },\n alignJustify: {\n textAlign: 'justify',\n },\n});\n\n/**\n * Apply styling to the Text slots based on the state\n */\nexport const useTextStyles_unstable = (state: TextState): TextState => {\n const styles = useStyles();\n\n state.root.className = mergeClasses(\n textClassNames.root,\n styles.root,\n state.wrap === false && styles.nowrap,\n state.truncate && styles.truncate,\n state.block && styles.block,\n state.italic && styles.italic,\n state.underline && styles.underline,\n state.strikethrough && styles.strikethrough,\n state.underline && state.strikethrough && styles.strikethroughUnderline,\n state.size === 100 && styles.base100,\n state.size === 200 && styles.base200,\n state.size === 400 && styles.base400,\n state.size === 500 && styles.base500,\n state.size === 600 && styles.base600,\n state.size === 700 && styles.hero700,\n state.size === 800 && styles.hero800,\n state.size === 900 && styles.hero900,\n state.size === 1000 && styles.hero1000,\n state.font === 'monospace' && styles.monospace,\n state.font === 'numeric' && styles.numeric,\n state.weight === 'medium' && styles.weightMedium,\n state.weight === 'semibold' && styles.weightSemibold,\n state.align === 'center' && styles.alignCenter,\n state.align === 'end' && styles.alignEnd,\n state.align === 'justify' && styles.alignJustify,\n state.root.className,\n );\n\n return state;\n};\n"],"sourceRoot":"../src/"}
|
@@ -3,19 +3,14 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.Title1 = exports.title1ClassNames =
|
6
|
+
exports.Title1 = exports.title1ClassNames = 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
|
-
* @deprecated Use `title1ClassNames.root` instead.
|
15
|
-
*/
|
16
|
-
|
17
13
|
|
18
|
-
exports.title1ClassName = 'fui-Title1';
|
19
14
|
exports.title1ClassNames = {
|
20
15
|
root: 'fui-Title1'
|
21
16
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["components/Title1/Title1.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
|
1
|
+
{"version":3,"sources":["components/Title1/Title1.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,gBAAA,GAA8C;AACzD,EAAA,IAAI,EAAE;AADmD,CAA9C;AAIb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,MAAA,gBAA8C,SAAA,CAAA,aAAA,CAAc;AACvE,EAAA,SADuE;AAEvE,EAAA,SAAS,EAAE,OAAA,CAAA,gBAAA,CAAiB,IAF2C;AAGvE,EAAA,WAAW,EAAE;AAH0D,CAAd,CAA9C","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 title1ClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Title1',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: typographyStyles.title1,\n});\n\n/**\n * Text wrapper component for the Title 1 typography variant\n */\nexport const Title1: FunctionComponent<TextWrapperProps> = createWrapper({\n useStyles,\n className: title1ClassNames.root,\n displayName: 'Title1',\n});\n"],"sourceRoot":"../src/"}
|
@@ -3,19 +3,14 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.Title2 = exports.title2ClassNames =
|
6
|
+
exports.Title2 = exports.title2ClassNames = 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
|
-
* @deprecated Use `title2ClassNames.root` instead.
|
15
|
-
*/
|
16
|
-
|
17
13
|
|
18
|
-
exports.title2ClassName = 'fui-Title2';
|
19
14
|
exports.title2ClassNames = {
|
20
15
|
root: 'fui-Title2'
|
21
16
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["components/Title2/Title2.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
|
1
|
+
{"version":3,"sources":["components/Title2/Title2.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,gBAAA,GAA8C;AACzD,EAAA,IAAI,EAAE;AADmD,CAA9C;AAIb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,MAAA,gBAA8C,SAAA,CAAA,aAAA,CAAc;AACvE,EAAA,SADuE;AAEvE,EAAA,SAAS,EAAE,OAAA,CAAA,gBAAA,CAAiB,IAF2C;AAGvE,EAAA,WAAW,EAAE;AAH0D,CAAd,CAA9C","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 title2ClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Title2',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: typographyStyles.title2,\n});\n\n/**\n * Text wrapper component for the Title 2 typography variant\n */\nexport const Title2: FunctionComponent<TextWrapperProps> = createWrapper({\n useStyles,\n className: title2ClassNames.root,\n displayName: 'Title2',\n});\n"],"sourceRoot":"../src/"}
|
@@ -3,19 +3,14 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.Title3 = exports.title3ClassNames =
|
6
|
+
exports.Title3 = exports.title3ClassNames = 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
|
-
* @deprecated Use `title3ClassNames.root` instead.
|
15
|
-
*/
|
16
|
-
|
17
13
|
|
18
|
-
exports.title3ClassName = 'fui-Title3';
|
19
14
|
exports.title3ClassNames = {
|
20
15
|
root: 'fui-Title3'
|
21
16
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["components/Title3/Title3.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
|
1
|
+
{"version":3,"sources":["components/Title3/Title3.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,gBAAA,GAA8C;AACzD,EAAA,IAAI,EAAE;AADmD,CAA9C;AAIb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,MAAA,gBAA8C,SAAA,CAAA,aAAA,CAAc;AACvE,EAAA,SADuE;AAEvE,EAAA,SAAS,EAAE,OAAA,CAAA,gBAAA,CAAiB,IAF2C;AAGvE,EAAA,WAAW,EAAE;AAH0D,CAAd,CAA9C","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 title3ClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Title3',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: typographyStyles.title3,\n});\n\n/**\n * Text wrapper component for the Title 3 typography variant\n */\nexport const Title3: FunctionComponent<TextWrapperProps> = createWrapper({\n useStyles,\n className: title3ClassNames.root,\n displayName: 'Title3',\n});\n"],"sourceRoot":"../src/"}
|
package/lib-commonjs/index.js
CHANGED
@@ -3,8 +3,7 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.
|
7
|
-
/* eslint-disable deprecation/deprecation -- https://github.com/microsoft/fluentui/pull/21960#issuecomment-1068991851 */
|
6
|
+
exports.caption2ClassNames = exports.Caption2 = exports.caption1ClassNames = exports.Caption1 = exports.body1ClassNames = exports.Body1 = exports.subtitle2ClassNames = exports.Subtitle2 = exports.subtitle1ClassNames = exports.Subtitle1 = exports.title3ClassNames = exports.Title3 = exports.title2ClassNames = exports.Title2 = exports.title1ClassNames = exports.Title1 = exports.largeTitleClassNames = exports.LargeTitle = exports.displayClassNames = exports.Display = exports.useText_unstable = exports.useTextStyles_unstable = exports.textClassNames = exports.renderText_unstable = exports.Text = void 0;
|
8
7
|
|
9
8
|
var Text_1 = /*#__PURE__*/require("./Text");
|
10
9
|
|
@@ -20,12 +19,6 @@ Object.defineProperty(exports, "renderText_unstable", {
|
|
20
19
|
return Text_1.renderText_unstable;
|
21
20
|
}
|
22
21
|
});
|
23
|
-
Object.defineProperty(exports, "textClassName", {
|
24
|
-
enumerable: true,
|
25
|
-
get: function () {
|
26
|
-
return Text_1.textClassName;
|
27
|
-
}
|
28
|
-
});
|
29
22
|
Object.defineProperty(exports, "textClassNames", {
|
30
23
|
enumerable: true,
|
31
24
|
get: function () {
|
@@ -53,12 +46,6 @@ Object.defineProperty(exports, "Display", {
|
|
53
46
|
return Display_1.Display;
|
54
47
|
}
|
55
48
|
});
|
56
|
-
Object.defineProperty(exports, "displayClassName", {
|
57
|
-
enumerable: true,
|
58
|
-
get: function () {
|
59
|
-
return Display_1.displayClassName;
|
60
|
-
}
|
61
|
-
});
|
62
49
|
Object.defineProperty(exports, "displayClassNames", {
|
63
50
|
enumerable: true,
|
64
51
|
get: function () {
|
@@ -74,12 +61,6 @@ Object.defineProperty(exports, "LargeTitle", {
|
|
74
61
|
return LargeTitle_1.LargeTitle;
|
75
62
|
}
|
76
63
|
});
|
77
|
-
Object.defineProperty(exports, "largeTitleClassName", {
|
78
|
-
enumerable: true,
|
79
|
-
get: function () {
|
80
|
-
return LargeTitle_1.largeTitleClassName;
|
81
|
-
}
|
82
|
-
});
|
83
64
|
Object.defineProperty(exports, "largeTitleClassNames", {
|
84
65
|
enumerable: true,
|
85
66
|
get: function () {
|
@@ -95,12 +76,6 @@ Object.defineProperty(exports, "Title1", {
|
|
95
76
|
return Title1_1.Title1;
|
96
77
|
}
|
97
78
|
});
|
98
|
-
Object.defineProperty(exports, "title1ClassName", {
|
99
|
-
enumerable: true,
|
100
|
-
get: function () {
|
101
|
-
return Title1_1.title1ClassName;
|
102
|
-
}
|
103
|
-
});
|
104
79
|
Object.defineProperty(exports, "title1ClassNames", {
|
105
80
|
enumerable: true,
|
106
81
|
get: function () {
|
@@ -116,12 +91,6 @@ Object.defineProperty(exports, "Title2", {
|
|
116
91
|
return Title2_1.Title2;
|
117
92
|
}
|
118
93
|
});
|
119
|
-
Object.defineProperty(exports, "title2ClassName", {
|
120
|
-
enumerable: true,
|
121
|
-
get: function () {
|
122
|
-
return Title2_1.title2ClassName;
|
123
|
-
}
|
124
|
-
});
|
125
94
|
Object.defineProperty(exports, "title2ClassNames", {
|
126
95
|
enumerable: true,
|
127
96
|
get: function () {
|
@@ -137,12 +106,6 @@ Object.defineProperty(exports, "Title3", {
|
|
137
106
|
return Title3_1.Title3;
|
138
107
|
}
|
139
108
|
});
|
140
|
-
Object.defineProperty(exports, "title3ClassName", {
|
141
|
-
enumerable: true,
|
142
|
-
get: function () {
|
143
|
-
return Title3_1.title3ClassName;
|
144
|
-
}
|
145
|
-
});
|
146
109
|
Object.defineProperty(exports, "title3ClassNames", {
|
147
110
|
enumerable: true,
|
148
111
|
get: function () {
|
@@ -150,87 +113,78 @@ Object.defineProperty(exports, "title3ClassNames", {
|
|
150
113
|
}
|
151
114
|
});
|
152
115
|
|
153
|
-
var
|
116
|
+
var Subtitle1_1 = /*#__PURE__*/require("./Subtitle1");
|
154
117
|
|
155
|
-
Object.defineProperty(exports, "
|
118
|
+
Object.defineProperty(exports, "Subtitle1", {
|
156
119
|
enumerable: true,
|
157
120
|
get: function () {
|
158
|
-
return
|
121
|
+
return Subtitle1_1.Subtitle1;
|
159
122
|
}
|
160
123
|
});
|
161
|
-
Object.defineProperty(exports, "
|
124
|
+
Object.defineProperty(exports, "subtitle1ClassNames", {
|
162
125
|
enumerable: true,
|
163
126
|
get: function () {
|
164
|
-
return
|
165
|
-
}
|
166
|
-
});
|
167
|
-
Object.defineProperty(exports, "headlineClassNames", {
|
168
|
-
enumerable: true,
|
169
|
-
get: function () {
|
170
|
-
return Headline_1.headlineClassNames;
|
127
|
+
return Subtitle1_1.subtitle1ClassNames;
|
171
128
|
}
|
172
129
|
});
|
173
130
|
|
174
|
-
var
|
131
|
+
var Subtitle2_1 = /*#__PURE__*/require("./Subtitle2");
|
175
132
|
|
176
|
-
Object.defineProperty(exports, "
|
133
|
+
Object.defineProperty(exports, "Subtitle2", {
|
177
134
|
enumerable: true,
|
178
135
|
get: function () {
|
179
|
-
return
|
136
|
+
return Subtitle2_1.Subtitle2;
|
180
137
|
}
|
181
138
|
});
|
182
|
-
Object.defineProperty(exports, "
|
139
|
+
Object.defineProperty(exports, "subtitle2ClassNames", {
|
183
140
|
enumerable: true,
|
184
141
|
get: function () {
|
185
|
-
return
|
186
|
-
}
|
187
|
-
});
|
188
|
-
Object.defineProperty(exports, "subheadlineClassNames", {
|
189
|
-
enumerable: true,
|
190
|
-
get: function () {
|
191
|
-
return Subheadline_1.subheadlineClassNames;
|
142
|
+
return Subtitle2_1.subtitle2ClassNames;
|
192
143
|
}
|
193
144
|
});
|
194
145
|
|
195
|
-
var
|
146
|
+
var Body1_1 = /*#__PURE__*/require("./Body1");
|
196
147
|
|
197
|
-
Object.defineProperty(exports, "
|
148
|
+
Object.defineProperty(exports, "Body1", {
|
198
149
|
enumerable: true,
|
199
150
|
get: function () {
|
200
|
-
return
|
151
|
+
return Body1_1.Body1;
|
201
152
|
}
|
202
153
|
});
|
203
|
-
Object.defineProperty(exports, "
|
154
|
+
Object.defineProperty(exports, "body1ClassNames", {
|
204
155
|
enumerable: true,
|
205
156
|
get: function () {
|
206
|
-
return
|
157
|
+
return Body1_1.body1ClassNames;
|
207
158
|
}
|
208
159
|
});
|
209
|
-
|
160
|
+
|
161
|
+
var Caption1_1 = /*#__PURE__*/require("./Caption1");
|
162
|
+
|
163
|
+
Object.defineProperty(exports, "Caption1", {
|
210
164
|
enumerable: true,
|
211
165
|
get: function () {
|
212
|
-
return
|
166
|
+
return Caption1_1.Caption1;
|
213
167
|
}
|
214
168
|
});
|
215
|
-
|
216
|
-
var Caption_1 = /*#__PURE__*/require("./Caption");
|
217
|
-
|
218
|
-
Object.defineProperty(exports, "Caption", {
|
169
|
+
Object.defineProperty(exports, "caption1ClassNames", {
|
219
170
|
enumerable: true,
|
220
171
|
get: function () {
|
221
|
-
return
|
172
|
+
return Caption1_1.caption1ClassNames;
|
222
173
|
}
|
223
174
|
});
|
224
|
-
|
175
|
+
|
176
|
+
var Caption2_1 = /*#__PURE__*/require("./Caption2");
|
177
|
+
|
178
|
+
Object.defineProperty(exports, "Caption2", {
|
225
179
|
enumerable: true,
|
226
180
|
get: function () {
|
227
|
-
return
|
181
|
+
return Caption2_1.Caption2;
|
228
182
|
}
|
229
183
|
});
|
230
|
-
Object.defineProperty(exports, "
|
184
|
+
Object.defineProperty(exports, "caption2ClassNames", {
|
231
185
|
enumerable: true,
|
232
186
|
get: function () {
|
233
|
-
return
|
187
|
+
return Caption2_1.caption2ClassNames;
|
234
188
|
}
|
235
189
|
});
|
236
190
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["index.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"sources":["index.ts"],"names":[],"mappings":"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","sourcesContent":["export { Text, renderText_unstable, textClassNames, useTextStyles_unstable, useText_unstable } from './Text';\nexport type { TextProps, TextSlots, TextState } from './Text';\nexport { Display, displayClassNames } from './Display';\nexport { LargeTitle, largeTitleClassNames } from './LargeTitle';\nexport { Title1, title1ClassNames } from './Title1';\nexport { Title2, title2ClassNames } from './Title2';\nexport { Title3, title3ClassNames } from './Title3';\nexport { Subtitle1, subtitle1ClassNames } from './Subtitle1';\nexport { Subtitle2, subtitle2ClassNames } from './Subtitle2';\nexport { Body1, body1ClassNames } from './Body1';\nexport { Caption1, caption1ClassNames } from './Caption1';\nexport { Caption2, caption2ClassNames } from './Caption2';\n"],"sourceRoot":"../src/"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@fluentui/react-text",
|
3
|
-
"version": "0.0.0-nightly-
|
3
|
+
"version": "0.0.0-nightly-20220530-0421.1",
|
4
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
5
|
"main": "lib-commonjs/index.js",
|
6
6
|
"module": "lib/index.js",
|
@@ -28,13 +28,13 @@
|
|
28
28
|
"devDependencies": {
|
29
29
|
"@fluentui/eslint-plugin": "*",
|
30
30
|
"@fluentui/react-conformance": "*",
|
31
|
-
"@fluentui/react-conformance-griffel": "0.0.0-nightly-
|
31
|
+
"@fluentui/react-conformance-griffel": "0.0.0-nightly-20220530-0421.1",
|
32
32
|
"@fluentui/scripts": "^1.0.0"
|
33
33
|
},
|
34
34
|
"dependencies": {
|
35
|
-
"@griffel/react": "1.0
|
36
|
-
"@fluentui/react-theme": "0.0.0-nightly-
|
37
|
-
"@fluentui/react-utilities": "0.0.0-nightly-
|
35
|
+
"@griffel/react": "1.1.0",
|
36
|
+
"@fluentui/react-theme": "0.0.0-nightly-20220530-0421.0",
|
37
|
+
"@fluentui/react-utilities": "0.0.0-nightly-20220530-0421.0",
|
38
38
|
"tslib": "^2.1.0"
|
39
39
|
},
|
40
40
|
"peerDependencies": {
|
package/lib/Body.js
DELETED
package/lib/Body.js.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Body.js","sourceRoot":"../src/","sources":["Body.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC","sourcesContent":["export * from './components/Body/index';\n"]}
|
package/lib/Caption.js
DELETED
package/lib/Caption.js.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Caption.js","sourceRoot":"../src/","sources":["Caption.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC","sourcesContent":["export * from './components/Caption/index';\n"]}
|
package/lib/Headline.js
DELETED
package/lib/Headline.js.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Headline.js","sourceRoot":"../src/","sources":["Headline.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC","sourcesContent":["export * from './components/Headline/index';\n"]}
|
package/lib/Subheadline.js
DELETED
package/lib/Subheadline.js.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Subheadline.js","sourceRoot":"../src/","sources":["Subheadline.ts"],"names":[],"mappings":"AAAA,cAAc,gCAAgC,CAAC","sourcesContent":["export * from './components/Subheadline/index';\n"]}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["components/Body/Body.tsx"],"names":[],"mappings":"AACA,yBAA2B,gBAA3B;AACA,SAAS,aAAT,QAAgD,YAAhD;AAGA,SAAS,gBAAT,QAAiC,uBAAjC;AAEA;;AAEG;;AACH,OAAO,MAAM,aAAa,GAAG,UAAtB;AACP,OAAO,MAAM,cAAc,GAA8B;AACvD,EAAA,IAAI,EAAE;AADiD,CAAlD;AAIP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,IAAI,gBAAwC,aAAa,CAAC;AACrE,EAAA,SADqE;AAErE,EAAA,SAAS,EAAE,cAAc,CAAC,IAF2C;AAGrE,EAAA,WAAW,EAAE;AAHwD,CAAD,CAA/D","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\n/**\n * @deprecated Use `bodyClassNames.root` instead.\n */\nexport const bodyClassName = 'fui-Body';\nexport const bodyClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Body',\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 Body typography variant\n */\nexport const Body: FunctionComponent<TextWrapperProps> = createWrapper({\n useStyles,\n className: bodyClassNames.root,\n displayName: 'Body',\n});\n"],"sourceRoot":"../src/"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Body/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC","sourcesContent":["export * from './Body';\n"]}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["components/Caption/Caption.tsx"],"names":[],"mappings":"AACA,yBAA2B,gBAA3B;AACA,SAAS,aAAT,QAAgD,YAAhD;AAGA,SAAS,gBAAT,QAAiC,uBAAjC;AAEA;;AAEG;;AACH,OAAO,MAAM,gBAAgB,GAAG,aAAzB;AACP,OAAO,MAAM,iBAAiB,GAA8B;AAC1D,EAAA,IAAI,EAAE;AADoD,CAArD;AAIP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,OAAO,gBAAwC,aAAa,CAAC;AACxE,EAAA,SADwE;AAExE,EAAA,SAAS,EAAE,iBAAiB,CAAC,IAF2C;AAGxE,EAAA,WAAW,EAAE;AAH2D,CAAD,CAAlE","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\n/**\n * @deprecated Use `captionClassNames.root` instead.\n */\nexport const captionClassName = 'fui-Caption';\nexport const captionClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Caption',\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 Caption typography variant\n */\nexport const Caption: FunctionComponent<TextWrapperProps> = createWrapper({\n useStyles,\n className: captionClassNames.root,\n displayName: 'Caption',\n});\n"],"sourceRoot":"../src/"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Caption/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC","sourcesContent":["export * from './Caption';\n"]}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["components/Headline/Headline.tsx"],"names":[],"mappings":"AACA,yBAA2B,gBAA3B;AACA,SAAS,aAAT,QAAgD,YAAhD;AAGA,SAAS,gBAAT,QAAiC,uBAAjC;AAEA;;AAEG;;AACH,OAAO,MAAM,iBAAiB,GAAG,cAA1B;AACP,OAAO,MAAM,kBAAkB,GAA8B;AAC3D,EAAA,IAAI,EAAE;AADqD,CAAtD;AAIP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,QAAQ,gBAAwC,aAAa,CAAC;AACzE,EAAA,SADyE;AAEzE,EAAA,SAAS,EAAE,kBAAkB,CAAC,IAF2C;AAGzE,EAAA,WAAW,EAAE;AAH4D,CAAD,CAAnE","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\n/**\n * @deprecated Use `headlineClassNames.root` instead.\n */\nexport const headlineClassName = 'fui-Headline';\nexport const headlineClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Headline',\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 Headline typography variant\n */\nexport const Headline: FunctionComponent<TextWrapperProps> = createWrapper({\n useStyles,\n className: headlineClassNames.root,\n displayName: 'Headline',\n});\n"],"sourceRoot":"../src/"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Headline/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC","sourcesContent":["export * from './Headline';\n"]}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["components/Subheadline/Subheadline.tsx"],"names":[],"mappings":"AACA,yBAA2B,gBAA3B;AACA,SAAS,aAAT,QAAgD,YAAhD;AAGA,SAAS,gBAAT,QAAiC,uBAAjC;AAEA;;AAEG;;AACH,OAAO,MAAM,oBAAoB,GAAG,iBAA7B;AACP,OAAO,MAAM,qBAAqB,GAA8B;AAC9D,EAAA,IAAI,EAAE;AADwD,CAAzD;AAIP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,WAAW,gBAAwC,aAAa,CAAC;AAC5E,EAAA,SAD4E;AAE5E,EAAA,SAAS,EAAE,qBAAqB,CAAC,IAF2C;AAG5E,EAAA,WAAW,EAAE;AAH+D,CAAD,CAAtE","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\n/**\n * @deprecated Use `subheadlineClassNames.root` instead.\n */\nexport const subheadlineClassName = 'fui-Subheadline';\nexport const subheadlineClassNames: SlotClassNames<TextSlots> = {\n root: 'fui-Subheadline',\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 Subheadline typography variant\n */\nexport const Subheadline: FunctionComponent<TextWrapperProps> = createWrapper({\n useStyles,\n className: subheadlineClassNames.root,\n displayName: 'Subheadline',\n});\n"],"sourceRoot":"../src/"}
|