@fluentui/react-text 0.0.0-nightly-20220302-0405.1

package/lib/components/Title1/Title1.js

@@ -0,0 +1,29 @@
+import { __styles } from '@griffel/react';
+import { typographyStyles } from '../../typographyStyles/index';
+import { createWrapper } from '../wrapper';
+export const title1ClassName = 'fui-Title1';
+/**
+ * Styles for the root slot
+ */
+
+const useStyles = /*#__PURE__*/__styles({
+  "root": {
+    "Bahqtrf": "fk6fouc",
+    "Be2twd7": "fccw675",
+    "Bg96gwp": "f1ebx5kk",
+    "Bhrd7zp": "fl43uef"
+  }
+}, {
+  "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fccw675{font-size:var(--fontSizeHero800);}", ".f1ebx5kk{line-height:var(--lineHeightHero800);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}"]
+});
+/**
+ * Text wrapper component for the Title 1 typography variant
+ */
+
+
+export const Title1 = /*#__PURE__*/createWrapper({
+  useStyles,
+  className: title1ClassName,
+  displayName: 'Title1'
+});
+//# sourceMappingURL=Title1.js.map

package/lib/components/Title1/Title1.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/Title1/Title1.tsx"],"names":[],"mappings":"AACA,yBAA2B,gBAA3B;AACA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,aAAT,QAAgD,YAAhD;AAEA,OAAO,MAAM,eAAe,GAAG,YAAxB;AAEP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,MAAM,gBAAwC,aAAa,CAAC;AACvE,EAAA,SADuE;AAEvE,EAAA,SAAS,EAAE,eAF4D;AAGvE,EAAA,WAAW,EAAE;AAH0D,CAAD,CAAjE","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '../../typographyStyles/index';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\n\nexport const title1ClassName = 'fui-Title1';\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: title1ClassName,\n  displayName: 'Title1',\n});\n"],"sourceRoot":"../src/"}

package/lib/components/Title1/index.d.ts

@@ -0,0 +1 @@
+export * from './Title1';

package/lib/components/Title1/index.js

@@ -0,0 +1,2 @@
+export * from './Title1';
+//# sourceMappingURL=index.js.map

package/lib/components/Title1/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Title1/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC","sourcesContent":["export * from './Title1';\n"]}

package/lib/components/Title2/Title2.d.ts

@@ -0,0 +1,7 @@
+import type { FunctionComponent } from 'react';
+import { TextWrapperProps } from '../wrapper';
+export declare const title2ClassName = "fui-Title2";
+/**
+ * Text wrapper component for the Title 2 typography variant
+ */
+export declare const Title2: FunctionComponent<TextWrapperProps>;

package/lib/components/Title2/Title2.js

@@ -0,0 +1,29 @@
+import { __styles } from '@griffel/react';
+import { typographyStyles } from '../../typographyStyles/index';
+import { createWrapper } from '../wrapper';
+export const title2ClassName = 'fui-Title2';
+/**
+ * Styles for the root slot
+ */
+
+const useStyles = /*#__PURE__*/__styles({
+  "root": {
+    "Bahqtrf": "fk6fouc",
+    "Be2twd7": "fojgt09",
+    "Bg96gwp": "fcen8rp",
+    "Bhrd7zp": "fl43uef"
+  }
+}, {
+  "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fojgt09{font-size:var(--fontSizeHero700);}", ".fcen8rp{line-height:var(--lineHeightHero700);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}"]
+});
+/**
+ * Text wrapper component for the Title 2 typography variant
+ */
+
+
+export const Title2 = /*#__PURE__*/createWrapper({
+  useStyles,
+  className: title2ClassName,
+  displayName: 'Title2'
+});
+//# sourceMappingURL=Title2.js.map

package/lib/components/Title2/Title2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/Title2/Title2.tsx"],"names":[],"mappings":"AACA,yBAA2B,gBAA3B;AACA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,aAAT,QAAgD,YAAhD;AAEA,OAAO,MAAM,eAAe,GAAG,YAAxB;AAEP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,MAAM,gBAAwC,aAAa,CAAC;AACvE,EAAA,SADuE;AAEvE,EAAA,SAAS,EAAE,eAF4D;AAGvE,EAAA,WAAW,EAAE;AAH0D,CAAD,CAAjE","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '../../typographyStyles/index';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\n\nexport const title2ClassName = 'fui-Title2';\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: title2ClassName,\n  displayName: 'Title2',\n});\n"],"sourceRoot":"../src/"}

package/lib/components/Title2/index.d.ts

@@ -0,0 +1 @@
+export * from './Title2';

package/lib/components/Title2/index.js

@@ -0,0 +1,2 @@
+export * from './Title2';
+//# sourceMappingURL=index.js.map

package/lib/components/Title2/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Title2/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC","sourcesContent":["export * from './Title2';\n"]}

package/lib/components/Title3/Title3.d.ts

@@ -0,0 +1,7 @@
+import type { FunctionComponent } from 'react';
+import { TextWrapperProps } from '../wrapper';
+export declare const title3ClassName = "fui-Title3";
+/**
+ * Text wrapper component for the Title 3 typography variant
+ */
+export declare const Title3: FunctionComponent<TextWrapperProps>;

package/lib/components/Title3/Title3.js

@@ -0,0 +1,29 @@
+import { __styles } from '@griffel/react';
+import { typographyStyles } from '../../typographyStyles/index';
+import { createWrapper } from '../wrapper';
+export const title3ClassName = 'fui-Title3';
+/**
+ * Styles for the root slot
+ */
+
+const useStyles = /*#__PURE__*/__styles({
+  "root": {
+    "Bahqtrf": "fk6fouc",
+    "Be2twd7": "f1x0m3f5",
+    "Bg96gwp": "fb86gi6",
+    "Bhrd7zp": "fl43uef"
+  }
+}, {
+  "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".f1x0m3f5{font-size:var(--fontSizeBase600);}", ".fb86gi6{line-height:var(--lineHeightBase600);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}"]
+});
+/**
+ * Text wrapper component for the Title 3 typography variant
+ */
+
+
+export const Title3 = /*#__PURE__*/createWrapper({
+  useStyles,
+  className: title3ClassName,
+  displayName: 'Title3'
+});
+//# sourceMappingURL=Title3.js.map

package/lib/components/Title3/Title3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/Title3/Title3.tsx"],"names":[],"mappings":"AACA,yBAA2B,gBAA3B;AACA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,aAAT,QAAgD,YAAhD;AAEA,OAAO,MAAM,eAAe,GAAG,YAAxB;AAEP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,MAAM,gBAAwC,aAAa,CAAC;AACvE,EAAA,SADuE;AAEvE,EAAA,SAAS,EAAE,eAF4D;AAGvE,EAAA,WAAW,EAAE;AAH0D,CAAD,CAAjE","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '../../typographyStyles/index';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\n\nexport const title3ClassName = 'fui-Title3';\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: title3ClassName,\n  displayName: 'Title3',\n});\n"],"sourceRoot":"../src/"}

package/lib/components/Title3/index.d.ts

@@ -0,0 +1 @@
+export * from './Title3';

package/lib/components/Title3/index.js

@@ -0,0 +1,2 @@
+export * from './Title3';
+//# sourceMappingURL=index.js.map

package/lib/components/Title3/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Title3/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC","sourcesContent":["export * from './Title3';\n"]}

package/lib/components/wrapper.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import type { TextProps } from '../Text';
+export declare type TextWrapperProps = Omit<TextProps, 'font' | 'size'>;
+export declare function createWrapper(options: {
+    className: string;
+    displayName: string;
+    useStyles: () => Record<'root', string>;
+}): React.FunctionComponent<TextWrapperProps>;

package/lib/components/wrapper.js

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { mergeClasses } from '@griffel/react';
+import { renderText_unstable, useText_unstable, useTextStyles_unstable } from '../Text';
+export function createWrapper(options) {
+  const {
+    useStyles,
+    className,
+    displayName
+  } = options;
+  const Wrapper = /*#__PURE__*/React.forwardRef((props, ref) => {
+    const styles = useStyles();
+    const state = useText_unstable(props, ref);
+    useTextStyles_unstable(state);
+    state.root.className = mergeClasses(className, state.root.className, styles.root, props.className);
+    return renderText_unstable(state);
+  });
+  Wrapper.displayName = displayName;
+  return Wrapper;
+}
+//# sourceMappingURL=wrapper.js.map

package/lib/components/wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/wrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,YAAT,QAA6B,gBAA7B;AACA,SAAS,mBAAT,EAA8B,gBAA9B,EAAgD,sBAAhD,QAA8E,SAA9E;AAMA,OAAM,SAAU,aAAV,CAAwB,OAAxB,EAIL;AACC,QAAM;AAAE,IAAA,SAAF;AAAa,IAAA,SAAb;AAAwB,IAAA;AAAxB,MAAwC,OAA9C;AACA,QAAM,OAAO,gBAA0C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACrF,UAAM,MAAM,GAAG,SAAS,EAAxB;AACA,UAAM,KAAK,GAAG,gBAAgB,CAAC,KAAD,EAAqB,GAArB,CAA9B;AAEA,IAAA,sBAAsB,CAAC,KAAD,CAAtB;AAEA,IAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,SAAD,EAAY,KAAK,CAAC,IAAN,CAAW,SAAvB,EAAkC,MAAM,CAAC,IAAzC,EAA+C,KAAK,CAAC,SAArD,CAAnC;AAEA,WAAO,mBAAmB,CAAC,KAAD,CAA1B;AACD,GATsD,CAAvD;AAUA,EAAA,OAAO,CAAC,WAAR,GAAsB,WAAtB;AAEA,SAAO,OAAP;AACD","sourcesContent":["import * as React from 'react';\nimport { mergeClasses } from '@griffel/react';\nimport { renderText_unstable, useText_unstable, useTextStyles_unstable } from '../Text';\nimport type { TextProps } from '../Text';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\nexport type TextWrapperProps = Omit<TextProps, 'font' | 'size'>;\n\nexport function createWrapper(options: {\n  className: string;\n  displayName: string;\n  useStyles: () => Record<'root', string>;\n}): React.FunctionComponent<TextWrapperProps> {\n  const { useStyles, className, displayName } = options;\n  const Wrapper: ForwardRefComponent<TextWrapperProps> = React.forwardRef((props, ref) => {\n    const styles = useStyles();\n    const state = useText_unstable(props as TextProps, ref);\n\n    useTextStyles_unstable(state);\n\n    state.root.className = mergeClasses(className, state.root.className, styles.root, props.className);\n\n    return renderText_unstable(state);\n  });\n  Wrapper.displayName = displayName;\n\n  return Wrapper;\n}\n"],"sourceRoot":"../src/"}

package/lib/index.d.ts

@@ -0,0 +1,10 @@
+export * from './Text';
+export * from './Display';
+export * from './LargeTitle';
+export * from './Title1';
+export * from './Title2';
+export * from './Title3';
+export * from './Headline';
+export * from './Subheadline';
+export * from './Body';
+export * from './Caption';

package/lib/index.js

@@ -0,0 +1,11 @@
+export * from './Text';
+export * from './Display';
+export * from './LargeTitle';
+export * from './Title1';
+export * from './Title2';
+export * from './Title3';
+export * from './Headline';
+export * from './Subheadline';
+export * from './Body';
+export * from './Caption';
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["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","sourcesContent":["export * from './Text';\nexport * from './Display';\nexport * from './LargeTitle';\nexport * from './Title1';\nexport * from './Title2';\nexport * from './Title3';\nexport * from './Headline';\nexport * from './Subheadline';\nexport * from './Body';\nexport * from './Caption';\n"]}

package/lib/tsdoc-metadata.json

@@ -0,0 +1,11 @@
+// This file is read by tools that parse documentation comments conforming to the TSDoc standard.
+// It should be published with your NPM package.  It should not be tracked by Git.
+{
+  "tsdocVersion": "0.12",
+  "toolPackages": [
+    {
+      "packageName": "@microsoft/api-extractor",
+      "packageVersion": "7.18.1"
+    }
+  ]
+}

package/lib/typographyStyles/index.d.ts

@@ -0,0 +1,2 @@
+import * as typographyStyles from './typographyStyles';
+export { typographyStyles };

package/lib/typographyStyles/index.js

@@ -0,0 +1,3 @@
+import * as typographyStyles from './typographyStyles';
+export { typographyStyles };
+//# sourceMappingURL=index.js.map

package/lib/typographyStyles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["typographyStyles/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,CAAC","sourcesContent":["import * as typographyStyles from './typographyStyles';\nexport { typographyStyles };\n"]}

package/lib/typographyStyles/typographyStyles.d.ts

@@ -0,0 +1,13 @@
+import type { GriffelStyle } from '@griffel/react';
+/**
+ * Make-styles rules for the typography variants
+ */
+export declare const caption: GriffelStyle;
+export declare const body: GriffelStyle;
+export declare const subheadline: GriffelStyle;
+export declare const headline: GriffelStyle;
+export declare const title3: GriffelStyle;
+export declare const title2: GriffelStyle;
+export declare const title1: GriffelStyle;
+export declare const largeTitle: GriffelStyle;
+export declare const display: GriffelStyle;

package/lib/typographyStyles/typographyStyles.js

@@ -0,0 +1,60 @@
+import { tokens } from '@fluentui/react-theme';
+/**
+ * Make-styles rules for the typography variants
+ */
+
+export const caption = {
+  fontFamily: tokens.fontFamilyBase,
+  fontSize: tokens.fontSizeBase200,
+  lineHeight: tokens.lineHeightBase200,
+  fontWeight: tokens.fontWeightRegular
+};
+export const body = {
+  fontFamily: tokens.fontFamilyBase,
+  fontSize: tokens.fontSizeBase300,
+  lineHeight: tokens.lineHeightBase300,
+  fontWeight: tokens.fontWeightRegular
+};
+export const subheadline = {
+  fontFamily: tokens.fontFamilyBase,
+  fontSize: tokens.fontSizeBase400,
+  lineHeight: tokens.lineHeightBase400,
+  fontWeight: tokens.fontWeightSemibold
+};
+export const headline = {
+  fontFamily: tokens.fontFamilyBase,
+  fontSize: tokens.fontSizeBase500,
+  lineHeight: tokens.lineHeightBase500,
+  fontWeight: tokens.fontWeightSemibold
+};
+export const title3 = {
+  fontFamily: tokens.fontFamilyBase,
+  fontSize: tokens.fontSizeBase600,
+  lineHeight: tokens.lineHeightBase600,
+  fontWeight: tokens.fontWeightSemibold
+};
+export const title2 = {
+  fontFamily: tokens.fontFamilyBase,
+  fontSize: tokens.fontSizeHero700,
+  lineHeight: tokens.lineHeightHero700,
+  fontWeight: tokens.fontWeightSemibold
+};
+export const title1 = {
+  fontFamily: tokens.fontFamilyBase,
+  fontSize: tokens.fontSizeHero800,
+  lineHeight: tokens.lineHeightHero800,
+  fontWeight: tokens.fontWeightSemibold
+};
+export const largeTitle = {
+  fontFamily: tokens.fontFamilyBase,
+  fontSize: tokens.fontSizeHero900,
+  lineHeight: tokens.lineHeightHero900,
+  fontWeight: tokens.fontWeightSemibold
+};
+export const display = {
+  fontFamily: tokens.fontFamilyBase,
+  fontSize: tokens.fontSizeHero1000,
+  lineHeight: tokens.lineHeightHero1000,
+  fontWeight: tokens.fontWeightSemibold
+};
+//# sourceMappingURL=typographyStyles.js.map

package/lib/typographyStyles/typographyStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["typographyStyles/typographyStyles.ts"],"names":[],"mappings":"AAAA,SAAS,MAAT,QAAuB,uBAAvB;AAGA;;AAEG;;AACH,OAAO,MAAM,OAAO,GAAiB;AACnC,EAAA,UAAU,EAAE,MAAM,CAAC,cADgB;AAEnC,EAAA,QAAQ,EAAE,MAAM,CAAC,eAFkB;AAGnC,EAAA,UAAU,EAAE,MAAM,CAAC,iBAHgB;AAInC,EAAA,UAAU,EAAE,MAAM,CAAC;AAJgB,CAA9B;AAMP,OAAO,MAAM,IAAI,GAAiB;AAChC,EAAA,UAAU,EAAE,MAAM,CAAC,cADa;AAEhC,EAAA,QAAQ,EAAE,MAAM,CAAC,eAFe;AAGhC,EAAA,UAAU,EAAE,MAAM,CAAC,iBAHa;AAIhC,EAAA,UAAU,EAAE,MAAM,CAAC;AAJa,CAA3B;AAMP,OAAO,MAAM,WAAW,GAAiB;AACvC,EAAA,UAAU,EAAE,MAAM,CAAC,cADoB;AAEvC,EAAA,QAAQ,EAAE,MAAM,CAAC,eAFsB;AAGvC,EAAA,UAAU,EAAE,MAAM,CAAC,iBAHoB;AAIvC,EAAA,UAAU,EAAE,MAAM,CAAC;AAJoB,CAAlC;AAMP,OAAO,MAAM,QAAQ,GAAiB;AACpC,EAAA,UAAU,EAAE,MAAM,CAAC,cADiB;AAEpC,EAAA,QAAQ,EAAE,MAAM,CAAC,eAFmB;AAGpC,EAAA,UAAU,EAAE,MAAM,CAAC,iBAHiB;AAIpC,EAAA,UAAU,EAAE,MAAM,CAAC;AAJiB,CAA/B;AAMP,OAAO,MAAM,MAAM,GAAiB;AAClC,EAAA,UAAU,EAAE,MAAM,CAAC,cADe;AAElC,EAAA,QAAQ,EAAE,MAAM,CAAC,eAFiB;AAGlC,EAAA,UAAU,EAAE,MAAM,CAAC,iBAHe;AAIlC,EAAA,UAAU,EAAE,MAAM,CAAC;AAJe,CAA7B;AAMP,OAAO,MAAM,MAAM,GAAiB;AAClC,EAAA,UAAU,EAAE,MAAM,CAAC,cADe;AAElC,EAAA,QAAQ,EAAE,MAAM,CAAC,eAFiB;AAGlC,EAAA,UAAU,EAAE,MAAM,CAAC,iBAHe;AAIlC,EAAA,UAAU,EAAE,MAAM,CAAC;AAJe,CAA7B;AAMP,OAAO,MAAM,MAAM,GAAiB;AAClC,EAAA,UAAU,EAAE,MAAM,CAAC,cADe;AAElC,EAAA,QAAQ,EAAE,MAAM,CAAC,eAFiB;AAGlC,EAAA,UAAU,EAAE,MAAM,CAAC,iBAHe;AAIlC,EAAA,UAAU,EAAE,MAAM,CAAC;AAJe,CAA7B;AAMP,OAAO,MAAM,UAAU,GAAiB;AACtC,EAAA,UAAU,EAAE,MAAM,CAAC,cADmB;AAEtC,EAAA,QAAQ,EAAE,MAAM,CAAC,eAFqB;AAGtC,EAAA,UAAU,EAAE,MAAM,CAAC,iBAHmB;AAItC,EAAA,UAAU,EAAE,MAAM,CAAC;AAJmB,CAAjC;AAMP,OAAO,MAAM,OAAO,GAAiB;AACnC,EAAA,UAAU,EAAE,MAAM,CAAC,cADgB;AAEnC,EAAA,QAAQ,EAAE,MAAM,CAAC,gBAFkB;AAGnC,EAAA,UAAU,EAAE,MAAM,CAAC,kBAHgB;AAInC,EAAA,UAAU,EAAE,MAAM,CAAC;AAJgB,CAA9B","sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport type { GriffelStyle } from '@griffel/react';\n\n/**\n * Make-styles rules for the typography variants\n */\nexport const caption: GriffelStyle = {\n  fontFamily: tokens.fontFamilyBase,\n  fontSize: tokens.fontSizeBase200,\n  lineHeight: tokens.lineHeightBase200,\n  fontWeight: tokens.fontWeightRegular,\n};\nexport const body: GriffelStyle = {\n  fontFamily: tokens.fontFamilyBase,\n  fontSize: tokens.fontSizeBase300,\n  lineHeight: tokens.lineHeightBase300,\n  fontWeight: tokens.fontWeightRegular,\n};\nexport const subheadline: GriffelStyle = {\n  fontFamily: tokens.fontFamilyBase,\n  fontSize: tokens.fontSizeBase400,\n  lineHeight: tokens.lineHeightBase400,\n  fontWeight: tokens.fontWeightSemibold,\n};\nexport const headline: GriffelStyle = {\n  fontFamily: tokens.fontFamilyBase,\n  fontSize: tokens.fontSizeBase500,\n  lineHeight: tokens.lineHeightBase500,\n  fontWeight: tokens.fontWeightSemibold,\n};\nexport const title3: GriffelStyle = {\n  fontFamily: tokens.fontFamilyBase,\n  fontSize: tokens.fontSizeBase600,\n  lineHeight: tokens.lineHeightBase600,\n  fontWeight: tokens.fontWeightSemibold,\n};\nexport const title2: GriffelStyle = {\n  fontFamily: tokens.fontFamilyBase,\n  fontSize: tokens.fontSizeHero700,\n  lineHeight: tokens.lineHeightHero700,\n  fontWeight: tokens.fontWeightSemibold,\n};\nexport const title1: GriffelStyle = {\n  fontFamily: tokens.fontFamilyBase,\n  fontSize: tokens.fontSizeHero800,\n  lineHeight: tokens.lineHeightHero800,\n  fontWeight: tokens.fontWeightSemibold,\n};\nexport const largeTitle: GriffelStyle = {\n  fontFamily: tokens.fontFamilyBase,\n  fontSize: tokens.fontSizeHero900,\n  lineHeight: tokens.lineHeightHero900,\n  fontWeight: tokens.fontWeightSemibold,\n};\nexport const display: GriffelStyle = {\n  fontFamily: tokens.fontFamilyBase,\n  fontSize: tokens.fontSizeHero1000,\n  lineHeight: tokens.lineHeightHero1000,\n  fontWeight: tokens.fontWeightSemibold,\n};\n"],"sourceRoot":"../src/"}

package/lib-commonjs/Body.d.ts

@@ -0,0 +1 @@
+export * from './components/Body/index';

package/lib-commonjs/Body.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./components/Body/index"), exports);
+//# sourceMappingURL=Body.js.map

package/lib-commonjs/Body.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Body.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,yBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/Body/index';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/Caption.d.ts

@@ -0,0 +1 @@
+export * from './components/Caption/index';

package/lib-commonjs/Caption.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./components/Caption/index"), exports);
+//# sourceMappingURL=Caption.js.map

package/lib-commonjs/Caption.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Caption.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,4BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/Caption/index';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/Display.d.ts

@@ -0,0 +1 @@
+export * from './components/Display/index';

package/lib-commonjs/Display.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./components/Display/index"), exports);
+//# sourceMappingURL=Display.js.map

package/lib-commonjs/Display.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Display.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,4BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/Display/index';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/Headline.d.ts

@@ -0,0 +1 @@
+export * from './components/Headline/index';

package/lib-commonjs/Headline.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./components/Headline/index"), exports);
+//# sourceMappingURL=Headline.js.map

package/lib-commonjs/Headline.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Headline.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,6BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/Headline/index';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/LargeTitle.d.ts

@@ -0,0 +1 @@
+export * from './components/LargeTitle/index';

package/lib-commonjs/LargeTitle.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./components/LargeTitle/index"), exports);
+//# sourceMappingURL=LargeTitle.js.map

package/lib-commonjs/LargeTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["LargeTitle.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,+BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/LargeTitle/index';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/Subheadline.d.ts

@@ -0,0 +1 @@
+export * from './components/Subheadline/index';

package/lib-commonjs/Subheadline.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./components/Subheadline/index"), exports);
+//# sourceMappingURL=Subheadline.js.map

package/lib-commonjs/Subheadline.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Subheadline.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,gCAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/Subheadline/index';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/Text.d.ts

@@ -0,0 +1 @@
+export * from './components/Text/index';

package/lib-commonjs/Text.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./components/Text/index"), exports);
+//# sourceMappingURL=Text.js.map

package/lib-commonjs/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Text.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,yBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/Text/index';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/Title1.d.ts

@@ -0,0 +1 @@
+export * from './components/Title1/index';

package/lib-commonjs/Title1.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./components/Title1/index"), exports);
+//# sourceMappingURL=Title1.js.map

package/lib-commonjs/Title1.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Title1.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,2BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/Title1/index';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/Title2.d.ts

@@ -0,0 +1 @@
+export * from './components/Title2/index';

package/lib-commonjs/Title2.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./components/Title2/index"), exports);
+//# sourceMappingURL=Title2.js.map

package/lib-commonjs/Title2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Title2.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,2BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/Title2/index';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/Title3.d.ts

@@ -0,0 +1 @@
+export * from './components/Title3/index';

package/lib-commonjs/Title3.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./components/Title3/index"), exports);
+//# sourceMappingURL=Title3.js.map

package/lib-commonjs/Title3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Title3.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,2BAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/Title3/index';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/components/Body/Body.d.ts

@@ -0,0 +1,7 @@
+import type { FunctionComponent } from 'react';
+import { TextWrapperProps } from '../wrapper';
+export declare const bodyClassName = "fui-Body";
+/**
+ * Text wrapper component for the Body typography variant
+ */
+export declare const Body: FunctionComponent<TextWrapperProps>;

package/lib-commonjs/components/Body/Body.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Body = exports.bodyClassName = void 0;
+
+const react_1 = /*#__PURE__*/require("@griffel/react");
+
+const index_1 = /*#__PURE__*/require("../../typographyStyles/index");
+
+const wrapper_1 = /*#__PURE__*/require("../wrapper");
+
+exports.bodyClassName = 'fui-Body';
+/**
+ * Styles for the root slot
+ */
+
+const useStyles = /*#__PURE__*/react_1.__styles({}, {});
+/**
+ * Text wrapper component for the Body typography variant
+ */
+
+
+exports.Body = /*#__PURE__*/wrapper_1.createWrapper({
+  useStyles,
+  className: exports.bodyClassName,
+  displayName: 'Body'
+});
+//# sourceMappingURL=Body.js.map

package/lib-commonjs/components/Body/Body.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/Body/Body.tsx"],"names":[],"mappings":";;;;;;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AACA,MAAA,OAAA,gBAAA,OAAA,CAAA,8BAAA,CAAA;;AACA,MAAA,SAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AAEa,OAAA,CAAA,aAAA,GAAgB,UAAhB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,OAAA,SAAA,QAAlB;AAIA;;AAEG;;;AACU,OAAA,CAAA,IAAA,gBAA4C,SAAA,CAAA,aAAA,CAAc;AACrE,EAAA,SADqE;AAErE,EAAA,SAAS,EAAE,OAAA,CAAA,aAF0D;AAGrE,EAAA,WAAW,EAAE;AAHwD,CAAd,CAA5C","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { typographyStyles } from '../../typographyStyles/index';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\n\nexport const bodyClassName = 'fui-Body';\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.body,\n});\n\n/**\n * Text wrapper component for the Body typography variant\n */\nexport const Body: FunctionComponent<TextWrapperProps> = createWrapper({\n  useStyles,\n  className: bodyClassName,\n  displayName: 'Body',\n});\n"],"sourceRoot":"../src/"}

package/lib-commonjs/components/Body/index.d.ts

@@ -0,0 +1 @@
+export * from './Body';

package/lib-commonjs/components/Body/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+const tslib_1 = /*#__PURE__*/require("tslib");
+
+tslib_1.__exportStar(require("./Body"), exports);
+//# sourceMappingURL=index.js.map

package/lib-commonjs/components/Body/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/Body/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './Body';\n"],"sourceRoot":"../src/"}

package/lib-commonjs/components/Caption/Caption.d.ts

@@ -0,0 +1,7 @@
+import type { FunctionComponent } from 'react';
+import { TextWrapperProps } from '../wrapper';
+export declare const captionClassName = "fui-Caption";
+/**
+ * Text wrapper component for the Caption typography variant
+ */
+export declare const Caption: FunctionComponent<TextWrapperProps>;