@fluentui/react-text 0.0.0-nightly050f89bf0020211102.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 +1277 -0
- package/CHANGELOG.md +471 -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 +163 -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 +6 -0
- package/lib/components/Body/Body.js +27 -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 +6 -0
- package/lib/components/Caption/Caption.js +27 -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 +6 -0
- package/lib/components/Display/Display.js +27 -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 +6 -0
- package/lib/components/Headline/Headline.js +27 -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 +6 -0
- package/lib/components/LargeTitle/LargeTitle.js +27 -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 +6 -0
- package/lib/components/Subheadline/Subheadline.js +27 -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 +15 -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 +49 -0
- package/lib/components/Text/useText.js.map +1 -0
- package/lib/components/Text/useTextStyles.d.ts +5 -0
- package/lib/components/Text/useTextStyles.js +110 -0
- package/lib/components/Text/useTextStyles.js.map +1 -0
- package/lib/components/Title1/Title1.d.ts +6 -0
- package/lib/components/Title1/Title1.js +27 -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 +6 -0
- package/lib/components/Title2/Title2.js +27 -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 +6 -0
- package/lib/components/Title3/Title3.js +27 -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 +7 -0
- package/lib/components/wrapper.js +17 -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 +76 -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 +6 -0
- package/lib-commonjs/components/Body/Body.js +30 -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 +6 -0
- package/lib-commonjs/components/Caption/Caption.js +30 -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 +6 -0
- package/lib-commonjs/components/Display/Display.js +30 -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 +6 -0
- package/lib-commonjs/components/Headline/Headline.js +30 -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 +6 -0
- package/lib-commonjs/components/LargeTitle/LargeTitle.js +30 -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 +6 -0
- package/lib-commonjs/components/Subheadline/Subheadline.js +30 -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 +27 -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 +5 -0
- package/lib-commonjs/components/Text/useTextStyles.js +120 -0
- package/lib-commonjs/components/Text/useTextStyles.js.map +1 -0
- package/lib-commonjs/components/Title1/Title1.d.ts +6 -0
- package/lib-commonjs/components/Title1/Title1.js +30 -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 +6 -0
- package/lib-commonjs/components/Title2/Title2.js +30 -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 +6 -0
- package/lib-commonjs/components/Title3/Title3.js +30 -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 +7 -0
- package/lib-commonjs/components/wrapper.js +29 -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 +109 -0
- package/lib-commonjs/typographyStyles/typographyStyles.js.map +1 -0
- package/package.json +64 -0
@@ -0,0 +1,27 @@
|
|
1
|
+
import { __styles } from '@fluentui/react-make-styles';
|
2
|
+
import { typographyStyles } from '../../typographyStyles/index';
|
3
|
+
import { createWrapper } from '../wrapper';
|
4
|
+
/**
|
5
|
+
* Styles for the root slot
|
6
|
+
*/
|
7
|
+
|
8
|
+
var useStyles = /*#__PURE__*/__styles({
|
9
|
+
"root": {
|
10
|
+
"Bahqtrf": "fk6fouc",
|
11
|
+
"Be2twd7": "fojgt09",
|
12
|
+
"Bg96gwp": "fcen8rp",
|
13
|
+
"Bhrd7zp": "fl43uef"
|
14
|
+
}
|
15
|
+
}, {
|
16
|
+
"d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fojgt09{font-size:var(--fontSizeHero700);}", ".fcen8rp{line-height:var(--lineHeightHero700);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}"]
|
17
|
+
});
|
18
|
+
/**
|
19
|
+
* Text wrapper component for the Title 2 typography variant
|
20
|
+
*/
|
21
|
+
|
22
|
+
|
23
|
+
export var Title2 = /*#__PURE__*/createWrapper({
|
24
|
+
useStyles: useStyles,
|
25
|
+
displayName: 'Title2'
|
26
|
+
});
|
27
|
+
//# sourceMappingURL=Title2.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Title2/Title2.tsx"],"names":[],"mappings":"AACA,yBAA2B,6BAA3B;AACA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,aAAT,QAAgD,YAAhD;AAEA;;AAEG;;AACH,IAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,IAAM,MAAM,gBAAwC,aAAa,CAAC;AAAE,EAAA,SAAS,EAAA,SAAX;AAAa,EAAA,WAAW,EAAE;AAA1B,CAAD,CAAjE","sourceRoot":""}
|
@@ -0,0 +1 @@
|
|
1
|
+
export * from './Title2';
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Title2/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
|
@@ -0,0 +1,27 @@
|
|
1
|
+
import { __styles } from '@fluentui/react-make-styles';
|
2
|
+
import { typographyStyles } from '../../typographyStyles/index';
|
3
|
+
import { createWrapper } from '../wrapper';
|
4
|
+
/**
|
5
|
+
* Styles for the root slot
|
6
|
+
*/
|
7
|
+
|
8
|
+
var useStyles = /*#__PURE__*/__styles({
|
9
|
+
"root": {
|
10
|
+
"Bahqtrf": "fk6fouc",
|
11
|
+
"Be2twd7": "f1x0m3f5",
|
12
|
+
"Bg96gwp": "fb86gi6",
|
13
|
+
"Bhrd7zp": "fl43uef"
|
14
|
+
}
|
15
|
+
}, {
|
16
|
+
"d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".f1x0m3f5{font-size:var(--fontSizeBase600);}", ".fb86gi6{line-height:var(--lineHeightBase600);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}"]
|
17
|
+
});
|
18
|
+
/**
|
19
|
+
* Text wrapper component for the Title 3 typography variant
|
20
|
+
*/
|
21
|
+
|
22
|
+
|
23
|
+
export var Title3 = /*#__PURE__*/createWrapper({
|
24
|
+
useStyles: useStyles,
|
25
|
+
displayName: 'Title3'
|
26
|
+
});
|
27
|
+
//# sourceMappingURL=Title3.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Title3/Title3.tsx"],"names":[],"mappings":"AACA,yBAA2B,6BAA3B;AACA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,aAAT,QAAgD,YAAhD;AAEA;;AAEG;;AACH,IAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,IAAM,MAAM,gBAAwC,aAAa,CAAC;AAAE,EAAA,SAAS,EAAA,SAAX;AAAa,EAAA,WAAW,EAAE;AAA1B,CAAD,CAAjE","sourceRoot":""}
|
@@ -0,0 +1 @@
|
|
1
|
+
export * from './Title3';
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Title3/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
|
@@ -0,0 +1,7 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
import type { TextProps } from '../Text';
|
3
|
+
export declare type TextWrapperProps = Omit<TextProps, 'font' | 'size'>;
|
4
|
+
export declare function createWrapper(options: {
|
5
|
+
displayName: string;
|
6
|
+
useStyles: () => Record<'root', string>;
|
7
|
+
}): React.FunctionComponent<TextWrapperProps>;
|
@@ -0,0 +1,17 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
import { mergeClasses } from '@fluentui/react-make-styles';
|
3
|
+
import { renderText, useText, useTextStyles } from '../Text';
|
4
|
+
export function createWrapper(options) {
|
5
|
+
var useStyles = options.useStyles,
|
6
|
+
displayName = options.displayName;
|
7
|
+
var Wrapper = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
8
|
+
var styles = useStyles();
|
9
|
+
var state = useText(props, ref);
|
10
|
+
useTextStyles(state);
|
11
|
+
state.root.className = mergeClasses(state.root.className, styles.root, props.className);
|
12
|
+
return renderText(state);
|
13
|
+
});
|
14
|
+
Wrapper.displayName = displayName;
|
15
|
+
return Wrapper;
|
16
|
+
}
|
17
|
+
//# sourceMappingURL=wrapper.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../src/components/wrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,YAAT,QAA6B,6BAA7B;AACA,SAAS,UAAT,EAAqB,OAArB,EAA8B,aAA9B,QAAmD,SAAnD;AAMA,OAAM,SAAU,aAAV,CAAwB,OAAxB,EAGL;AACS,MAAA,SAAS,GAAkB,OAAO,CAAzB,SAAT;AAAA,MAAW,WAAW,GAAK,OAAO,CAAZ,WAAtB;AACR,MAAM,OAAO,gBAA0C,KAAK,CAAC,UAAN,CAAiB,UAAC,KAAD,EAAQ,GAAR,EAAW;AACjF,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,QAAM,KAAK,GAAG,OAAO,CAAC,KAAD,EAAqB,GAArB,CAArB;AAEA,IAAA,aAAa,CAAC,KAAD,CAAb;AAEA,IAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,KAAK,CAAC,IAAN,CAAW,SAAZ,EAAuB,MAAM,CAAC,IAA9B,EAAoC,KAAK,CAAC,SAA1C,CAAnC;AAEA,WAAO,UAAU,CAAC,KAAD,CAAjB;AACD,GATsD,CAAvD;AAUA,EAAA,OAAO,CAAC,WAAR,GAAsB,WAAtB;AAEA,SAAO,OAAP;AACD","sourceRoot":""}
|
package/lib/index.d.ts
ADDED
@@ -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';
|
package/lib/index.js
ADDED
@@ -0,0 +1,11 @@
|
|
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';
|
11
|
+
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC"}
|
@@ -0,0 +1,11 @@
|
|
1
|
+
// This file is read by tools that parse documentation comments conforming to the TSDoc standard.
|
2
|
+
// It should be published with your NPM package. It should not be tracked by Git.
|
3
|
+
{
|
4
|
+
"tsdocVersion": "0.12",
|
5
|
+
"toolPackages": [
|
6
|
+
{
|
7
|
+
"packageName": "@microsoft/api-extractor",
|
8
|
+
"packageVersion": "7.18.1"
|
9
|
+
}
|
10
|
+
]
|
11
|
+
}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/typographyStyles/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
|
@@ -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,76 @@
|
|
1
|
+
/**
|
2
|
+
* Make-styles rules for the typography variants
|
3
|
+
*/
|
4
|
+
export var caption = function (theme) {
|
5
|
+
return {
|
6
|
+
fontFamily: theme.fontFamilyBase,
|
7
|
+
fontSize: theme.fontSizeBase200,
|
8
|
+
lineHeight: theme.lineHeightBase200,
|
9
|
+
fontWeight: theme.fontWeightRegular
|
10
|
+
};
|
11
|
+
};
|
12
|
+
export var body = function (theme) {
|
13
|
+
return {
|
14
|
+
fontFamily: theme.fontFamilyBase,
|
15
|
+
fontSize: theme.fontSizeBase300,
|
16
|
+
lineHeight: theme.lineHeightBase300,
|
17
|
+
fontWeight: theme.fontWeightRegular
|
18
|
+
};
|
19
|
+
};
|
20
|
+
export var subheadline = function (theme) {
|
21
|
+
return {
|
22
|
+
fontFamily: theme.fontFamilyBase,
|
23
|
+
fontSize: theme.fontSizeBase400,
|
24
|
+
lineHeight: theme.lineHeightBase400,
|
25
|
+
fontWeight: theme.fontWeightSemibold
|
26
|
+
};
|
27
|
+
};
|
28
|
+
export var headline = function (theme) {
|
29
|
+
return {
|
30
|
+
fontFamily: theme.fontFamilyBase,
|
31
|
+
fontSize: theme.fontSizeBase500,
|
32
|
+
lineHeight: theme.lineHeightBase500,
|
33
|
+
fontWeight: theme.fontWeightSemibold
|
34
|
+
};
|
35
|
+
};
|
36
|
+
export var title3 = function (theme) {
|
37
|
+
return {
|
38
|
+
fontFamily: theme.fontFamilyBase,
|
39
|
+
fontSize: theme.fontSizeBase600,
|
40
|
+
lineHeight: theme.lineHeightBase600,
|
41
|
+
fontWeight: theme.fontWeightSemibold
|
42
|
+
};
|
43
|
+
};
|
44
|
+
export var title2 = function (theme) {
|
45
|
+
return {
|
46
|
+
fontFamily: theme.fontFamilyBase,
|
47
|
+
fontSize: theme.fontSizeHero700,
|
48
|
+
lineHeight: theme.lineHeightHero700,
|
49
|
+
fontWeight: theme.fontWeightSemibold
|
50
|
+
};
|
51
|
+
};
|
52
|
+
export var title1 = function (theme) {
|
53
|
+
return {
|
54
|
+
fontFamily: theme.fontFamilyBase,
|
55
|
+
fontSize: theme.fontSizeHero800,
|
56
|
+
lineHeight: theme.lineHeightHero800,
|
57
|
+
fontWeight: theme.fontWeightSemibold
|
58
|
+
};
|
59
|
+
};
|
60
|
+
export var largeTitle = function (theme) {
|
61
|
+
return {
|
62
|
+
fontFamily: theme.fontFamilyBase,
|
63
|
+
fontSize: theme.fontSizeHero900,
|
64
|
+
lineHeight: theme.lineHeightHero900,
|
65
|
+
fontWeight: theme.fontWeightSemibold
|
66
|
+
};
|
67
|
+
};
|
68
|
+
export var display = function (theme) {
|
69
|
+
return {
|
70
|
+
fontFamily: theme.fontFamilyBase,
|
71
|
+
fontSize: theme.fontSizeHero1000,
|
72
|
+
lineHeight: theme.lineHeightHero1000,
|
73
|
+
fontWeight: theme.fontWeightSemibold
|
74
|
+
};
|
75
|
+
};
|
76
|
+
//# sourceMappingURL=typographyStyles.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../src/typographyStyles/typographyStyles.ts"],"names":[],"mappings":"AAGA;;AAEG;AACH,OAAO,IAAM,OAAO,GAAuC,UAAA,KAAA,EAAK;AAAI,SAAC;AACnE,IAAA,UAAU,EAAE,KAAK,CAAC,cADiD;AAEnE,IAAA,QAAQ,EAAE,KAAK,CAAC,eAFmD;AAGnE,IAAA,UAAU,EAAE,KAAK,CAAC,iBAHiD;AAInE,IAAA,UAAU,EAAE,KAAK,CAAC;AAJiD,GAAD;AAKlE,CALK;AAMP,OAAO,IAAM,IAAI,GAAuC,UAAA,KAAA,EAAK;AAAI,SAAC;AAChE,IAAA,UAAU,EAAE,KAAK,CAAC,cAD8C;AAEhE,IAAA,QAAQ,EAAE,KAAK,CAAC,eAFgD;AAGhE,IAAA,UAAU,EAAE,KAAK,CAAC,iBAH8C;AAIhE,IAAA,UAAU,EAAE,KAAK,CAAC;AAJ8C,GAAD;AAK/D,CALK;AAMP,OAAO,IAAM,WAAW,GAAuC,UAAA,KAAA,EAAK;AAAI,SAAC;AACvE,IAAA,UAAU,EAAE,KAAK,CAAC,cADqD;AAEvE,IAAA,QAAQ,EAAE,KAAK,CAAC,eAFuD;AAGvE,IAAA,UAAU,EAAE,KAAK,CAAC,iBAHqD;AAIvE,IAAA,UAAU,EAAE,KAAK,CAAC;AAJqD,GAAD;AAKtE,CALK;AAMP,OAAO,IAAM,QAAQ,GAAuC,UAAA,KAAA,EAAK;AAAI,SAAC;AACpE,IAAA,UAAU,EAAE,KAAK,CAAC,cADkD;AAEpE,IAAA,QAAQ,EAAE,KAAK,CAAC,eAFoD;AAGpE,IAAA,UAAU,EAAE,KAAK,CAAC,iBAHkD;AAIpE,IAAA,UAAU,EAAE,KAAK,CAAC;AAJkD,GAAD;AAKnE,CALK;AAMP,OAAO,IAAM,MAAM,GAAuC,UAAA,KAAA,EAAK;AAAI,SAAC;AAClE,IAAA,UAAU,EAAE,KAAK,CAAC,cADgD;AAElE,IAAA,QAAQ,EAAE,KAAK,CAAC,eAFkD;AAGlE,IAAA,UAAU,EAAE,KAAK,CAAC,iBAHgD;AAIlE,IAAA,UAAU,EAAE,KAAK,CAAC;AAJgD,GAAD;AAKjE,CALK;AAMP,OAAO,IAAM,MAAM,GAAuC,UAAA,KAAA,EAAK;AAAI,SAAC;AAClE,IAAA,UAAU,EAAE,KAAK,CAAC,cADgD;AAElE,IAAA,QAAQ,EAAE,KAAK,CAAC,eAFkD;AAGlE,IAAA,UAAU,EAAE,KAAK,CAAC,iBAHgD;AAIlE,IAAA,UAAU,EAAE,KAAK,CAAC;AAJgD,GAAD;AAKjE,CALK;AAMP,OAAO,IAAM,MAAM,GAAuC,UAAA,KAAA,EAAK;AAAI,SAAC;AAClE,IAAA,UAAU,EAAE,KAAK,CAAC,cADgD;AAElE,IAAA,QAAQ,EAAE,KAAK,CAAC,eAFkD;AAGlE,IAAA,UAAU,EAAE,KAAK,CAAC,iBAHgD;AAIlE,IAAA,UAAU,EAAE,KAAK,CAAC;AAJgD,GAAD;AAKjE,CALK;AAMP,OAAO,IAAM,UAAU,GAAuC,UAAA,KAAA,EAAK;AAAI,SAAC;AACtE,IAAA,UAAU,EAAE,KAAK,CAAC,cADoD;AAEtE,IAAA,QAAQ,EAAE,KAAK,CAAC,eAFsD;AAGtE,IAAA,UAAU,EAAE,KAAK,CAAC,iBAHoD;AAItE,IAAA,UAAU,EAAE,KAAK,CAAC;AAJoD,GAAD;AAKrE,CALK;AAMP,OAAO,IAAM,OAAO,GAAuC,UAAA,KAAA,EAAK;AAAI,SAAC;AACnE,IAAA,UAAU,EAAE,KAAK,CAAC,cADiD;AAEnE,IAAA,QAAQ,EAAE,KAAK,CAAC,gBAFmD;AAGnE,IAAA,UAAU,EAAE,KAAK,CAAC,kBAHiD;AAInE,IAAA,UAAU,EAAE,KAAK,CAAC;AAJiD,GAAD;AAKlE,CALK","sourceRoot":""}
|
@@ -0,0 +1 @@
|
|
1
|
+
export * from './components/Body/index';
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../src/Body.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,yBAAA,CAAA,EAAA,OAAA","sourceRoot":""}
|
@@ -0,0 +1 @@
|
|
1
|
+
export * from './components/Caption/index';
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../src/Caption.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,4BAAA,CAAA,EAAA,OAAA","sourceRoot":""}
|
@@ -0,0 +1 @@
|
|
1
|
+
export * from './components/Display/index';
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../src/Display.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,4BAAA,CAAA,EAAA,OAAA","sourceRoot":""}
|
@@ -0,0 +1 @@
|
|
1
|
+
export * from './components/Headline/index';
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../src/Headline.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,6BAAA,CAAA,EAAA,OAAA","sourceRoot":""}
|
@@ -0,0 +1 @@
|
|
1
|
+
export * from './components/LargeTitle/index';
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../src/LargeTitle.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,+BAAA,CAAA,EAAA,OAAA","sourceRoot":""}
|
@@ -0,0 +1 @@
|
|
1
|
+
export * from './components/Subheadline/index';
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../src/Subheadline.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gCAAA,CAAA,EAAA,OAAA","sourceRoot":""}
|
@@ -0,0 +1 @@
|
|
1
|
+
export * from './components/Text/index';
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../src/Text.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,yBAAA,CAAA,EAAA,OAAA","sourceRoot":""}
|
@@ -0,0 +1 @@
|
|
1
|
+
export * from './components/Title1/index';
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../src/Title1.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,2BAAA,CAAA,EAAA,OAAA","sourceRoot":""}
|
@@ -0,0 +1 @@
|
|
1
|
+
export * from './components/Title2/index';
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../src/Title2.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,2BAAA,CAAA,EAAA,OAAA","sourceRoot":""}
|
@@ -0,0 +1 @@
|
|
1
|
+
export * from './components/Title3/index';
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../src/Title3.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,2BAAA,CAAA,EAAA,OAAA","sourceRoot":""}
|
@@ -0,0 +1,27 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.isConformant = void 0;
|
7
|
+
|
8
|
+
var react_conformance_1 = /*#__PURE__*/require("@fluentui/react-conformance");
|
9
|
+
|
10
|
+
var react_conformance_make_styles_1 = /*#__PURE__*/require("@fluentui/react-conformance-make-styles");
|
11
|
+
|
12
|
+
function isConformant(testInfo) {
|
13
|
+
var defaultOptions = {
|
14
|
+
asPropHandlesRef: true,
|
15
|
+
componentPath: module.parent.filename.replace('.test', ''),
|
16
|
+
extraTests: react_conformance_make_styles_1.default,
|
17
|
+
testOptions: {
|
18
|
+
'make-styles-overrides-win': {
|
19
|
+
callCount: 2
|
20
|
+
}
|
21
|
+
}
|
22
|
+
};
|
23
|
+
react_conformance_1.isConformant(defaultOptions, testInfo);
|
24
|
+
}
|
25
|
+
|
26
|
+
exports.isConformant = isConformant;
|
27
|
+
//# sourceMappingURL=isConformant.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAEA,IAAA,+BAAA,gBAAA,OAAA,CAAA,yCAAA,CAAA;;AAEA,SAAgB,YAAhB,CACE,QADF,EAC2F;AAEzF,MAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D,IAAA,UAAU,EAAE,+BAAA,CAAA,OAH+C;AAI3D,IAAA,WAAW,EAAE;AACX,mCAA6B;AAC3B,QAAA,SAAS,EAAE;AADgB;AADlB;AAJ8C,GAA7D;AAaA,EAAA,mBAAA,CAAA,YAAA,CAAiB,cAAjB,EAAiC,QAAjC;AACD;;AAjBD,OAAA,CAAA,YAAA,GAAA,YAAA","sourceRoot":""}
|
@@ -0,0 +1,30 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.Body = void 0;
|
7
|
+
|
8
|
+
var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
|
9
|
+
|
10
|
+
var index_1 = /*#__PURE__*/require("../../typographyStyles/index");
|
11
|
+
|
12
|
+
var wrapper_1 = /*#__PURE__*/require("../wrapper");
|
13
|
+
/**
|
14
|
+
* Styles for the root slot
|
15
|
+
*/
|
16
|
+
|
17
|
+
|
18
|
+
var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
19
|
+
"root": {}
|
20
|
+
}, {});
|
21
|
+
/**
|
22
|
+
* Text wrapper component for the Body typography variant
|
23
|
+
*/
|
24
|
+
|
25
|
+
|
26
|
+
exports.Body = /*#__PURE__*/wrapper_1.createWrapper({
|
27
|
+
useStyles: useStyles,
|
28
|
+
displayName: 'Body'
|
29
|
+
});
|
30
|
+
//# sourceMappingURL=Body.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Body/Body.tsx"],"names":[],"mappings":";;;;;;;AACA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,IAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,IAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;AAEA;;AAEG;;;AACH,IAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA,MAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,IAAA,gBAA4C,SAAA,CAAA,aAAA,CAAc;AAAE,EAAA,SAAS,EAAA,SAAX;AAAa,EAAA,WAAW,EAAE;AAA1B,CAAd,CAA5C","sourceRoot":""}
|
@@ -0,0 +1 @@
|
|
1
|
+
export * from './Body';
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Body/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,OAAA","sourceRoot":""}
|
@@ -0,0 +1,30 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.Caption = void 0;
|
7
|
+
|
8
|
+
var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
|
9
|
+
|
10
|
+
var index_1 = /*#__PURE__*/require("../../typographyStyles/index");
|
11
|
+
|
12
|
+
var wrapper_1 = /*#__PURE__*/require("../wrapper");
|
13
|
+
/**
|
14
|
+
* Styles for the root slot
|
15
|
+
*/
|
16
|
+
|
17
|
+
|
18
|
+
var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
19
|
+
"root": {}
|
20
|
+
}, {});
|
21
|
+
/**
|
22
|
+
* Text wrapper component for the Caption typography variant
|
23
|
+
*/
|
24
|
+
|
25
|
+
|
26
|
+
exports.Caption = /*#__PURE__*/wrapper_1.createWrapper({
|
27
|
+
useStyles: useStyles,
|
28
|
+
displayName: 'Caption'
|
29
|
+
});
|
30
|
+
//# sourceMappingURL=Caption.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Caption/Caption.tsx"],"names":[],"mappings":";;;;;;;AACA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,IAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,IAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;AAEA;;AAEG;;;AACH,IAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA,MAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,OAAA,gBAA+C,SAAA,CAAA,aAAA,CAAc;AAAE,EAAA,SAAS,EAAA,SAAX;AAAa,EAAA,WAAW,EAAE;AAA1B,CAAd,CAA/C","sourceRoot":""}
|
@@ -0,0 +1 @@
|
|
1
|
+
export * from './Caption';
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Caption/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,WAAA,CAAA,EAAA,OAAA","sourceRoot":""}
|