@fluentui/react-text 9.0.0-alpha.9 → 9.0.0-beta.4

package/lib/components/Caption/Caption.js

@@ -1,27 +1,29 @@
 import { __styles } from '@fluentui/react-make-styles';
 import { typographyStyles } from '../../typographyStyles/index';
 import { createWrapper } from '../wrapper';
+export const captionClassName = 'fui-Caption';
 /**
  * Styles for the root slot
  */
 
-var useStyles = /*#__PURE__*/__styles({
+const useStyles = /*#__PURE__*/__styles({
   "root": {
-    "Bahqtrf": "f1kx028l",
-    "Be2twd7": "ft25vac",
-    "Bg96gwp": "f6u047o",
-    "Bhrd7zp": "f1du0uop"
+    "Bahqtrf": "fk6fouc",
+    "Be2twd7": "fy9rknc",
+    "Bg96gwp": "fwrc4pm",
+    "Bhrd7zp": "figsok6"
   }
 }, {
-  "d": [".f1kx028l{font-family:var(--global-type-fontFamilies-base);}", ".ft25vac{font-size:var(--global-type-fontSizes-base-200);}", ".f6u047o{line-height:var(--global-type-lineHeights-base-200);}", ".f1du0uop{font-weight:var(--global-type-fontWeights-regular);}"]
+  "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}"]
 });
 /**
  * Text wrapper component for the Caption typography variant
  */
 
 
-export var Caption = /*#__PURE__*/createWrapper({
-  useStyles: useStyles,
+export const Caption = /*#__PURE__*/createWrapper({
+  useStyles,
+  className: captionClassName,
   displayName: 'Caption'
 });
 //# sourceMappingURL=Caption.js.map

package/lib/components/Caption/Caption.js.map

@@ -1 +1 @@
-{"version":3,"sources":["components/Caption/Caption.tsx"],"names":[],"mappings":"AAAA,yBAA2B,6BAA3B;AACA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,aAAT,QAA8B,YAA9B;AAEA;;AAEG;;AACH,IAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,IAAM,OAAO,gBAAG,aAAa,CAAC;AAAE,EAAA,SAAS,EAAA,SAAX;AAAa,EAAA,WAAW,EAAE;AAA1B,CAAD,CAA7B","sourcesContent":["import { makeStyles } from '@fluentui/react-make-styles';\nimport { typographyStyles } from '../../typographyStyles/index';\nimport { createWrapper } from '../wrapper';\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.caption,\n});\n\n/**\n * Text wrapper component for the Caption typography variant\n */\nexport const Caption = createWrapper({ useStyles, displayName: 'Caption' });\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["../../../src/components/Caption/Caption.tsx"],"names":[],"mappings":"AACA,yBAA2B,6BAA3B;AACA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,aAAT,QAAgD,YAAhD;AAEA,OAAO,MAAM,gBAAgB,GAAG,aAAzB;AAEP;;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,gBAF6D;AAGxE,EAAA,WAAW,EAAE;AAH2D,CAAD,CAAlE","sourceRoot":""}

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

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

package/lib/components/Display/Display.d.ts

@@ -1,4 +1,7 @@
+import type { FunctionComponent } from 'react';
+import { TextWrapperProps } from '../wrapper';
+export declare const displayClassName = "fui-Display";
 /**
  * Text wrapper component for the Display typography variant
  */
-export declare const Display: import("react").ForwardRefExoticComponent<import("../wrapper").Props & import("react").RefAttributes<HTMLElement>>;
+export declare const Display: FunctionComponent<TextWrapperProps>;

package/lib/components/Display/Display.js

@@ -1,27 +1,29 @@
 import { __styles } from '@fluentui/react-make-styles';
 import { typographyStyles } from '../../typographyStyles/index';
 import { createWrapper } from '../wrapper';
+export const displayClassName = 'fui-Display';
 /**
  * Styles for the root slot
  */
 
-var useStyles = /*#__PURE__*/__styles({
+const useStyles = /*#__PURE__*/__styles({
   "root": {
-    "Bahqtrf": "f1kx028l",
-    "Be2twd7": "f9gixcf",
-    "Bg96gwp": "f123viq0",
-    "Bhrd7zp": "fss2gpl"
+    "Bahqtrf": "fk6fouc",
+    "Be2twd7": "fpyltcb",
+    "Bg96gwp": "f1ivgwrt",
+    "Bhrd7zp": "fl43uef"
   }
 }, {
-  "d": [".f1kx028l{font-family:var(--global-type-fontFamilies-base);}", ".f9gixcf{font-size:var(--global-type-fontSizes-hero-1000);}", ".f123viq0{line-height:var(--global-type-lineHeights-hero-1000);}", ".fss2gpl{font-weight:var(--global-type-fontWeights-semibold);}"]
+  "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fpyltcb{font-size:var(--fontSizeHero1000);}", ".f1ivgwrt{line-height:var(--lineHeightHero1000);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}"]
 });
 /**
  * Text wrapper component for the Display typography variant
  */
 
 
-export var Display = /*#__PURE__*/createWrapper({
-  useStyles: useStyles,
+export const Display = /*#__PURE__*/createWrapper({
+  useStyles,
+  className: displayClassName,
   displayName: 'Display'
 });
 //# sourceMappingURL=Display.js.map

package/lib/components/Display/Display.js.map

@@ -1 +1 @@
-{"version":3,"sources":["components/Display/Display.tsx"],"names":[],"mappings":"AAAA,yBAA2B,6BAA3B;AACA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,aAAT,QAA8B,YAA9B;AAEA;;AAEG;;AACH,IAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,IAAM,OAAO,gBAAG,aAAa,CAAC;AAAE,EAAA,SAAS,EAAA,SAAX;AAAa,EAAA,WAAW,EAAE;AAA1B,CAAD,CAA7B","sourcesContent":["import { makeStyles } from '@fluentui/react-make-styles';\nimport { typographyStyles } from '../../typographyStyles/index';\nimport { createWrapper } from '../wrapper';\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.display,\n});\n\n/**\n * Text wrapper component for the Display typography variant\n */\nexport const Display = createWrapper({ useStyles, displayName: 'Display' });\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["../../../src/components/Display/Display.tsx"],"names":[],"mappings":"AACA,yBAA2B,6BAA3B;AACA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,aAAT,QAAgD,YAAhD;AAEA,OAAO,MAAM,gBAAgB,GAAG,aAAzB;AAEP;;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,gBAF6D;AAGxE,EAAA,WAAW,EAAE;AAH2D,CAAD,CAAlE","sourceRoot":""}

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

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

package/lib/components/Headline/Headline.d.ts

@@ -1,4 +1,7 @@
+import type { FunctionComponent } from 'react';
+import { TextWrapperProps } from '../wrapper';
+export declare const headlineClassName = "fui-Headline";
 /**
  * Text wrapper component for the Headline typography variant
  */
-export declare const Headline: import("react").ForwardRefExoticComponent<import("../wrapper").Props & import("react").RefAttributes<HTMLElement>>;
+export declare const Headline: FunctionComponent<TextWrapperProps>;

package/lib/components/Headline/Headline.js

@@ -1,27 +1,29 @@
 import { __styles } from '@fluentui/react-make-styles';
 import { typographyStyles } from '../../typographyStyles/index';
 import { createWrapper } from '../wrapper';
+export const headlineClassName = 'fui-Headline';
 /**
  * Styles for the root slot
  */
 
-var useStyles = /*#__PURE__*/__styles({
+const useStyles = /*#__PURE__*/__styles({
   "root": {
-    "Bahqtrf": "f1kx028l",
-    "Be2twd7": "fyhtp3d",
-    "Bg96gwp": "f5biviy",
-    "Bhrd7zp": "fss2gpl"
+    "Bahqtrf": "fk6fouc",
+    "Be2twd7": "f1pp30po",
+    "Bg96gwp": "f106mvju",
+    "Bhrd7zp": "fl43uef"
   }
 }, {
-  "d": [".f1kx028l{font-family:var(--global-type-fontFamilies-base);}", ".fyhtp3d{font-size:var(--global-type-fontSizes-base-500);}", ".f5biviy{line-height:var(--global-type-lineHeights-base-500);}", ".fss2gpl{font-weight:var(--global-type-fontWeights-semibold);}"]
+  "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".f1pp30po{font-size:var(--fontSizeBase500);}", ".f106mvju{line-height:var(--lineHeightBase500);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}"]
 });
 /**
  * Text wrapper component for the Headline typography variant
  */
 
 
-export var Headline = /*#__PURE__*/createWrapper({
-  useStyles: useStyles,
+export const Headline = /*#__PURE__*/createWrapper({
+  useStyles,
+  className: headlineClassName,
   displayName: 'Headline'
 });
 //# sourceMappingURL=Headline.js.map

package/lib/components/Headline/Headline.js.map

@@ -1 +1 @@
-{"version":3,"sources":["components/Headline/Headline.tsx"],"names":[],"mappings":"AAAA,yBAA2B,6BAA3B;AACA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,aAAT,QAA8B,YAA9B;AAEA;;AAEG;;AACH,IAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,IAAM,QAAQ,gBAAG,aAAa,CAAC;AAAE,EAAA,SAAS,EAAA,SAAX;AAAa,EAAA,WAAW,EAAE;AAA1B,CAAD,CAA9B","sourcesContent":["import { makeStyles } from '@fluentui/react-make-styles';\nimport { typographyStyles } from '../../typographyStyles/index';\nimport { createWrapper } from '../wrapper';\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.headline,\n});\n\n/**\n * Text wrapper component for the Headline typography variant\n */\nexport const Headline = createWrapper({ useStyles, displayName: 'Headline' });\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["../../../src/components/Headline/Headline.tsx"],"names":[],"mappings":"AACA,yBAA2B,6BAA3B;AACA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,aAAT,QAAgD,YAAhD;AAEA,OAAO,MAAM,iBAAiB,GAAG,cAA1B;AAEP;;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,iBAF8D;AAGzE,EAAA,WAAW,EAAE;AAH4D,CAAD,CAAnE","sourceRoot":""}

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

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

package/lib/components/LargeTitle/LargeTitle.d.ts

@@ -1,4 +1,7 @@
+import type { FunctionComponent } from 'react';
+import { TextWrapperProps } from '../wrapper';
+export declare const largeTitleClassName = "fui-LargeTitle";
 /**
  * Text wrapper component for the Large Title typography variant
  */
-export declare const LargeTitle: import("react").ForwardRefExoticComponent<import("../wrapper").Props & import("react").RefAttributes<HTMLElement>>;
+export declare const LargeTitle: FunctionComponent<TextWrapperProps>;

package/lib/components/LargeTitle/LargeTitle.js

@@ -1,27 +1,29 @@
 import { __styles } from '@fluentui/react-make-styles';
 import { typographyStyles } from '../../typographyStyles/index';
 import { createWrapper } from '../wrapper';
+export const largeTitleClassName = 'fui-LargeTitle';
 /**
  * Styles for the root slot
  */
 
-var useStyles = /*#__PURE__*/__styles({
+const useStyles = /*#__PURE__*/__styles({
   "root": {
-    "Bahqtrf": "f1kx028l",
-    "Be2twd7": "fsnqw2a",
-    "Bg96gwp": "f1iavbok",
-    "Bhrd7zp": "fss2gpl"
+    "Bahqtrf": "fk6fouc",
+    "Be2twd7": "f15afnhw",
+    "Bg96gwp": "fr3w3wp",
+    "Bhrd7zp": "fl43uef"
   }
 }, {
-  "d": [".f1kx028l{font-family:var(--global-type-fontFamilies-base);}", ".fsnqw2a{font-size:var(--global-type-fontSizes-hero-900);}", ".f1iavbok{line-height:var(--global-type-lineHeights-hero-900);}", ".fss2gpl{font-weight:var(--global-type-fontWeights-semibold);}"]
+  "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".f15afnhw{font-size:var(--fontSizeHero900);}", ".fr3w3wp{line-height:var(--lineHeightHero900);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}"]
 });
 /**
  * Text wrapper component for the Large Title typography variant
  */
 
 
-export var LargeTitle = /*#__PURE__*/createWrapper({
-  useStyles: useStyles,
+export const LargeTitle = /*#__PURE__*/createWrapper({
+  useStyles,
+  className: largeTitleClassName,
   displayName: 'LargeTitle'
 });
 //# sourceMappingURL=LargeTitle.js.map

package/lib/components/LargeTitle/LargeTitle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["components/LargeTitle/LargeTitle.tsx"],"names":[],"mappings":"AAAA,yBAA2B,6BAA3B;AACA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,aAAT,QAA8B,YAA9B;AAEA;;AAEG;;AACH,IAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,IAAM,UAAU,gBAAG,aAAa,CAAC;AAAE,EAAA,SAAS,EAAA,SAAX;AAAa,EAAA,WAAW,EAAE;AAA1B,CAAD,CAAhC","sourcesContent":["import { makeStyles } from '@fluentui/react-make-styles';\nimport { typographyStyles } from '../../typographyStyles/index';\nimport { createWrapper } from '../wrapper';\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.largeTitle,\n});\n\n/**\n * Text wrapper component for the Large Title typography variant\n */\nexport const LargeTitle = createWrapper({ useStyles, displayName: 'LargeTitle' });\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["../../../src/components/LargeTitle/LargeTitle.tsx"],"names":[],"mappings":"AACA,yBAA2B,6BAA3B;AACA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,aAAT,QAAgD,YAAhD;AAEA,OAAO,MAAM,mBAAmB,GAAG,gBAA5B;AAEP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,UAAU,gBAAwC,aAAa,CAAC;AAC3E,EAAA,SAD2E;AAE3E,EAAA,SAAS,EAAE,mBAFgE;AAG3E,EAAA,WAAW,EAAE;AAH8D,CAAD,CAArE","sourceRoot":""}

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

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

package/lib/components/Subheadline/Subheadline.d.ts

@@ -1,4 +1,7 @@
+import type { FunctionComponent } from 'react';
+import { TextWrapperProps } from '../wrapper';
+export declare const subheadlineClassName = "fui-Subheadline";
 /**
  * Text wrapper component for the Subheadline typography variant
  */
-export declare const Subheadline: import("react").ForwardRefExoticComponent<import("../wrapper").Props & import("react").RefAttributes<HTMLElement>>;
+export declare const Subheadline: FunctionComponent<TextWrapperProps>;

package/lib/components/Subheadline/Subheadline.js

@@ -1,27 +1,29 @@
 import { __styles } from '@fluentui/react-make-styles';
 import { typographyStyles } from '../../typographyStyles/index';
 import { createWrapper } from '../wrapper';
+export const subheadlineClassName = 'fui-Subheadline';
 /**
  * Styles for the root slot
  */
 
-var useStyles = /*#__PURE__*/__styles({
+const useStyles = /*#__PURE__*/__styles({
   "root": {
-    "Bahqtrf": "f1kx028l",
-    "Be2twd7": "f1y5x3qd",
-    "Bg96gwp": "f1r32vcg",
-    "Bhrd7zp": "fss2gpl"
+    "Bahqtrf": "fk6fouc",
+    "Be2twd7": "fod5ikn",
+    "Bg96gwp": "faaz57k",
+    "Bhrd7zp": "fl43uef"
   }
 }, {
-  "d": [".f1kx028l{font-family:var(--global-type-fontFamilies-base);}", ".f1y5x3qd{font-size:var(--global-type-fontSizes-base-400);}", ".f1r32vcg{line-height:var(--global-type-lineHeights-base-400);}", ".fss2gpl{font-weight:var(--global-type-fontWeights-semibold);}"]
+  "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".faaz57k{line-height:var(--lineHeightBase400);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}"]
 });
 /**
  * Text wrapper component for the Subheadline typography variant
  */
 
 
-export var Subheadline = /*#__PURE__*/createWrapper({
-  useStyles: useStyles,
+export const Subheadline = /*#__PURE__*/createWrapper({
+  useStyles,
+  className: subheadlineClassName,
   displayName: 'Subheadline'
 });
 //# sourceMappingURL=Subheadline.js.map

package/lib/components/Subheadline/Subheadline.js.map

@@ -1 +1 @@
-{"version":3,"sources":["components/Subheadline/Subheadline.tsx"],"names":[],"mappings":"AAAA,yBAA2B,6BAA3B;AACA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,aAAT,QAA8B,YAA9B;AAEA;;AAEG;;AACH,IAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,IAAM,WAAW,gBAAG,aAAa,CAAC;AAAE,EAAA,SAAS,EAAA,SAAX;AAAa,EAAA,WAAW,EAAE;AAA1B,CAAD,CAAjC","sourcesContent":["import { makeStyles } from '@fluentui/react-make-styles';\nimport { typographyStyles } from '../../typographyStyles/index';\nimport { createWrapper } from '../wrapper';\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.subheadline,\n});\n\n/**\n * Text wrapper component for the Subheadline typography variant\n */\nexport const Subheadline = createWrapper({ useStyles, displayName: 'Subheadline' });\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["../../../src/components/Subheadline/Subheadline.tsx"],"names":[],"mappings":"AACA,yBAA2B,6BAA3B;AACA,SAAS,gBAAT,QAAiC,8BAAjC;AACA,SAAS,aAAT,QAAgD,YAAhD;AAEA,OAAO,MAAM,oBAAoB,GAAG,iBAA7B;AAEP;;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,oBAFiE;AAG5E,EAAA,WAAW,EAAE;AAH+D,CAAD,CAAtE","sourceRoot":""}

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

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

package/lib/components/Text/Text.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
 import type { TextProps } from './Text.types';
+import type { ForwardRefComponent } from '@fluentui/react-utilities';
 /**
  * Typography and styling abstraction component used to ensure consistency of text.
  */
-export declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLElement>>;
+export declare const Text: ForwardRefComponent<TextProps>;

package/lib/components/Text/Text.js

@@ -6,10 +6,10 @@ import { useTextStyles } from './useTextStyles';
  * Typography and styling abstraction component used to ensure consistency of text.
  */
 
-export var Text = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var state = useText(props, ref);
+export const Text = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const state = useText(props, ref);
   useTextStyles(state);
-  return renderText(state);
+  return renderText(state); // Work around some small mismatches in inferred types which don't matter in practice
 });
 Text.displayName = 'Text';
 //# sourceMappingURL=Text.js.map

package/lib/components/Text/Text.js.map

@@ -1 +1 @@
-{"version":3,"sources":["components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,OAAT,QAAwB,WAAxB;AACA,SAAS,UAAT,QAA2B,cAA3B;AACA,SAAS,aAAT,QAA8B,iBAA9B;AAGA;;AAEG;;AACH,OAAO,IAAM,IAAI,gBAAG,KAAK,CAAC,UAAN,CAAyC,UAAC,KAAD,EAAQ,GAAR,EAAW;AACtE,MAAM,KAAK,GAAG,OAAO,CAAC,KAAD,EAAQ,GAAR,CAArB;AAEA,EAAA,aAAa,CAAC,KAAD,CAAb;AACA,SAAO,UAAU,CAAC,KAAD,CAAjB;AACD,CALmB,CAAb;AAOP,IAAI,CAAC,WAAL,GAAmB,MAAnB","sourcesContent":["import * as React from 'react';\nimport { useText } from './useText';\nimport { renderText } from './renderText';\nimport { useTextStyles } from './useTextStyles';\nimport type { TextProps } from './Text.types';\n\n/**\n * Typography and styling abstraction component used to ensure consistency of text.\n */\nexport const Text = React.forwardRef<HTMLElement, TextProps>((props, ref) => {\n  const state = useText(props, ref);\n\n  useTextStyles(state);\n  return renderText(state);\n});\n\nText.displayName = 'Text';\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,OAAT,QAAwB,WAAxB;AACA,SAAS,UAAT,QAA2B,cAA3B;AACA,SAAS,aAAT,QAA8B,iBAA9B;AAIA;;AAEG;;AACH,OAAO,MAAM,IAAI,gBAAmC,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AAClF,QAAM,KAAK,GAAG,OAAO,CAAC,KAAD,EAAQ,GAAR,CAArB;AAEA,EAAA,aAAa,CAAC,KAAD,CAAb;AAEA,SAAO,UAAU,CAAC,KAAD,CAAjB,CALkF,CAMlF;AACD,CAPmD,CAA7C;AASP,IAAI,CAAC,WAAL,GAAmB,MAAnB","sourceRoot":""}

package/lib/components/Text/Text.types.d.ts

@@ -1,86 +1,77 @@
-import * as React from 'react';
-import type { ComponentPropsCompat, ComponentStateCompat } from '@fluentui/react-utilities';
+import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
 /**
- * Text Props
+ * Text slots
  */
-export interface TextProps extends ComponentPropsCompat, React.HTMLAttributes<HTMLElement> {
+export declare type TextSlots = {
+    root: IntrinsicShorthandProps<'span', 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'pre'>;
+};
+export declare type TextCommons = {
     /**
      * Wraps the text content on white spaces.
      *
      * @defaultValue true
      */
-    wrap?: boolean;
+    wrap: boolean;
     /**
      * Truncate overflowing text for block displays.
      *
      * @defaultValue false
      */
-    truncate?: boolean;
+    truncate: boolean;
     /**
      * Applies a block display for the content.
      *
      * @defaultValue false
      */
-    block?: boolean;
+    block: boolean;
     /**
      * Applies the italic font style to the content.
      *
      * @defaultValue false
      */
-    italic?: boolean;
+    italic: boolean;
     /**
      * Applies the underline text decoration to the content.
      *
      * @defaultValue false
      */
-    underline?: boolean;
+    underline: boolean;
     /**
      * Applies the strikethrough text decoration to the content.
      *
      * @defaultValue false
      */
-    strikethrough?: boolean;
+    strikethrough: boolean;
     /**
      * Applies font size and line height based on the theme tokens.
      *
      * @defaultValue 300
      */
-    size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000;
+    size: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000;
     /**
      * Applies the font family to the content.
      *
      * @defaultValue base
      */
-    font?: 'base' | 'monospace' | 'numeric';
+    font: 'base' | 'monospace' | 'numeric';
     /**
      * Applies font weight to the content.
      *
      * @defaultValue regular
      */
-    weight?: 'regular' | 'medium' | 'semibold';
+    weight: 'regular' | 'medium' | 'semibold';
     /**
      * Aligns text based on the parent container.
      *
      * @defaultValue start
      */
-    align?: 'start' | 'center' | 'end' | 'justify';
-    /**
-     * Component to be rendered as.
-     *
-     * @defaultValue span
-     */
-    as?: 'span' | 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'pre';
-}
+    align: 'start' | 'center' | 'end' | 'justify';
+};
 /**
- * Names of TextProps that have a default value in useText
+ * Text Props
  */
-export declare type TextDefaultedProps = never;
+export declare type TextProps = ComponentProps<TextSlots> & Partial<TextCommons>;
 /**
  * State used in rendering Text
  */
-export interface TextState extends ComponentStateCompat<TextProps, TextDefaultedProps> {
-    /**
-     * Ref to the root element
-     */
-    ref: React.Ref<HTMLElement>;
-}
+export declare type TextState = ComponentState<TextSlots> & TextCommons;

package/lib/components/Text/Text.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.types.js","sourceRoot":"../src/","sources":["components/Text/Text.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport type { ComponentPropsCompat, ComponentStateCompat } from '@fluentui/react-utilities';\n\n/**\n * Text Props\n */\nexport interface TextProps extends ComponentPropsCompat, React.HTMLAttributes<HTMLElement> {\n  /**\n   * Wraps the text content on white spaces.\n   *\n   * @defaultValue true\n   */\n  wrap?: boolean;\n\n  /**\n   * Truncate overflowing text for block displays.\n   *\n   * @defaultValue false\n   */\n  truncate?: boolean;\n\n  /**\n   * Applies a block display for the content.\n   *\n   * @defaultValue false\n   */\n  block?: boolean;\n\n  /**\n   * Applies the italic font style to the content.\n   *\n   * @defaultValue false\n   */\n  italic?: boolean;\n\n  /**\n   * Applies the underline text decoration to the content.\n   *\n   * @defaultValue false\n   */\n  underline?: boolean;\n\n  /**\n   * Applies the strikethrough text decoration to the content.\n   *\n   * @defaultValue false\n   */\n  strikethrough?: boolean;\n\n  /**\n   * Applies font size and line height based on the theme tokens.\n   *\n   * @defaultValue 300\n   */\n  size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000;\n\n  /**\n   * Applies the font family to the content.\n   *\n   * @defaultValue base\n   */\n  font?: 'base' | 'monospace' | 'numeric';\n\n  /**\n   * Applies font weight to the content.\n   *\n   * @defaultValue regular\n   */\n  weight?: 'regular' | 'medium' | 'semibold';\n\n  /**\n   * Aligns text based on the parent container.\n   *\n   * @defaultValue start\n   */\n  align?: 'start' | 'center' | 'end' | 'justify';\n\n  /**\n   * Component to be rendered as.\n   *\n   * @defaultValue span\n   */\n  as?: 'span' | 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'pre';\n}\n\n/**\n * Names of TextProps that have a default value in useText\n */\nexport type TextDefaultedProps = never;\n\n/**\n * State used in rendering Text\n */\nexport interface TextState extends ComponentStateCompat<TextProps, TextDefaultedProps> {\n  /**\n   * Ref to the root element\n   */\n  ref: React.Ref<HTMLElement>;\n}\n"]}
+{"version":3,"file":"Text.types.js","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Text/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC","sourcesContent":["export * from './Text';\nexport * from './Text.types';\nexport * from './renderText';\nexport * from './useText';\nexport * from './useTextStyles';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Text/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC"}

package/lib/components/Text/renderText.js

@@ -1,15 +1,14 @@
-import { __assign } from "tslib";
 import * as React from 'react';
-import { getSlotsCompat } from '@fluentui/react-utilities';
+import { getSlots } from '@fluentui/react-utilities';
 /**
  * Render the final JSX of Text
  */
 
-export var renderText = function (state) {
-  var _a = getSlotsCompat(state),
-      slots = _a.slots,
-      slotProps = _a.slotProps;
-
-  return /*#__PURE__*/React.createElement(slots.root, __assign({}, slotProps.root), state.children);
+export const renderText = state => {
+  const {
+    slots,
+    slotProps
+  } = getSlots(state);
+  return /*#__PURE__*/React.createElement(slots.root, Object.assign({}, slotProps.root));
 };
 //# sourceMappingURL=renderText.js.map

package/lib/components/Text/renderText.js.map

@@ -1 +1 @@
-{"version":3,"sources":["components/Text/renderText.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,cAAT,QAA+B,2BAA/B;AAGA;;AAEG;;AACH,OAAO,IAAM,UAAU,GAAG,UAAC,KAAD,EAAiB;AACnC,MAAA,EAAA,GAAuB,cAAc,CAAC,KAAD,CAArC;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,sBAAO,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EAAiC,KAAK,CAAC,QAAvC,CAAP;AACD,CAJM","sourcesContent":["import * as React from 'react';\nimport { getSlotsCompat } from '@fluentui/react-utilities';\nimport type { TextState } from './Text.types';\n\n/**\n * Render the final JSX of Text\n */\nexport const renderText = (state: TextState) => {\n  const { slots, slotProps } = getSlotsCompat(state);\n\n  return <slots.root {...slotProps.root}>{state.children}</slots.root>;\n};\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["../../../src/components/Text/renderText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA;;AAEG;;AACH,OAAO,MAAM,UAAU,GAAI,KAAD,IAAqB;AAC7C,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAY,KAAZ,CAArC;AAEA,sBAAO,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CAAP;AACD,CAJM","sourceRoot":""}

package/lib/components/Text/useText.d.ts

@@ -8,6 +8,5 @@ import type { TextProps, TextState } from './Text.types';
  *
  * @param props - props from this instance of Text
  * @param ref - reference to root HTMLElement of Text
- * @param defaultProps - (optional) default prop values provided by the implementing type
  */
-export declare const useText: (props: TextProps, ref: React.Ref<HTMLElement>, defaultProps?: TextProps | undefined) => TextState;
+export declare const useText: (props: TextProps, ref: React.Ref<HTMLElement>) => TextState;

package/lib/components/Text/useText.js

@@ -1,5 +1,4 @@
-import { makeMergeProps } from '@fluentui/react-utilities';
-var mergeProps = /*#__PURE__*/makeMergeProps();
+import { getNativeElementProps } from '@fluentui/react-utilities';
 /**
  * Create the state required to render Text.
  *
@@ -8,14 +7,44 @@ var mergeProps = /*#__PURE__*/makeMergeProps();
  *
  * @param props - props from this instance of Text
  * @param ref - reference to root HTMLElement of Text
- * @param defaultProps - (optional) default prop values provided by the implementing type
  */
 
-export var useText = function (props, ref, defaultProps) {
-  var state = mergeProps({
-    ref: ref,
-    as: 'span'
-  }, defaultProps, props);
+export const useText = (props, ref) => {
+  var _a;
+
+  const {
+    wrap,
+    truncate,
+    block,
+    italic,
+    underline,
+    strikethrough,
+    size,
+    font,
+    weight,
+    align
+  } = props;
+  const as = (_a = props.as) !== null && _a !== void 0 ? _a : 'span';
+  const state = {
+    wrap: wrap !== null && wrap !== void 0 ? wrap : true,
+    truncate: truncate !== null && truncate !== void 0 ? truncate : false,
+    block: block !== null && block !== void 0 ? block : false,
+    italic: italic !== null && italic !== void 0 ? italic : false,
+    underline: underline !== null && underline !== void 0 ? underline : false,
+    strikethrough: strikethrough !== null && strikethrough !== void 0 ? strikethrough : false,
+    size: size !== null && size !== void 0 ? size : 300,
+    font: font !== null && font !== void 0 ? font : 'base',
+    weight: weight !== null && weight !== void 0 ? weight : 'regular',
+    align: align !== null && align !== void 0 ? align : 'start',
+    components: {
+      root: 'span'
+    },
+    root: getNativeElementProps(as, {
+      ref,
+      ...props,
+      as
+    })
+  };
   return state;
 };
 //# sourceMappingURL=useText.js.map

package/lib/components/Text/useText.js.map

@@ -1 +1 @@
-{"version":3,"sources":["components/Text/useText.ts"],"names":[],"mappings":"AACA,SAAS,cAAT,QAA+B,2BAA/B;AAGA,IAAM,UAAU,gBAAG,cAAc,EAAjC;AAEA;;;;;;;;;AASG;;AACH,OAAO,IAAM,OAAO,GAAG,UAAC,KAAD,EAAmB,GAAnB,EAAgD,YAAhD,EAAwE;AAC7F,MAAM,KAAK,GAAG,UAAU,CACtB;AACE,IAAA,GAAG,EAAA,GADL;AAEE,IAAA,EAAE,EAAE;AAFN,GADsB,EAKtB,YALsB,EAMtB,KANsB,CAAxB;AASA,SAAO,KAAP;AACD,CAXM","sourcesContent":["import * as React from 'react';\nimport { makeMergeProps } from '@fluentui/react-utilities';\nimport type { TextProps, TextState } from './Text.types';\n\nconst mergeProps = makeMergeProps<TextState>();\n\n/**\n * Create the state required to render Text.\n *\n * The returned state can be modified with hooks such as useTextStyles,\n * before being passed to renderText.\n *\n * @param props - props from this instance of Text\n * @param ref - reference to root HTMLElement of Text\n * @param defaultProps - (optional) default prop values provided by the implementing type\n */\nexport const useText = (props: TextProps, ref: React.Ref<HTMLElement>, defaultProps?: TextProps): TextState => {\n  const state = mergeProps(\n    {\n      ref,\n      as: 'span',\n    },\n    defaultProps,\n    props,\n  );\n\n  return state;\n};\n"],"sourceRoot":"../src/"}
+{"version":3,"sources":["../../../src/components/Text/useText.ts"],"names":[],"mappings":"AACA,SAAS,qBAAT,QAAsC,2BAAtC;AAGA;;;;;;;;AAQG;;AACH,OAAO,MAAM,OAAO,GAAG,CAAC,KAAD,EAAmB,GAAnB,KAA6D;;;AAClF,QAAM;AAAE,IAAA,IAAF;AAAQ,IAAA,QAAR;AAAkB,IAAA,KAAlB;AAAyB,IAAA,MAAzB;AAAiC,IAAA,SAAjC;AAA4C,IAAA,aAA5C;AAA2D,IAAA,IAA3D;AAAiE,IAAA,IAAjE;AAAuE,IAAA,MAAvE;AAA+E,IAAA;AAA/E,MAAyF,KAA/F;AACA,QAAM,EAAE,GAAA,CAAA,EAAA,GAAG,KAAK,CAAC,EAAT,MAAW,IAAX,IAAW,EAAA,KAAA,KAAA,CAAX,GAAW,EAAX,GAAe,MAAvB;AAEA,QAAM,KAAK,GAAc;AACvB,IAAA,IAAI,EAAE,IAAI,KAAA,IAAJ,IAAA,IAAI,KAAA,KAAA,CAAJ,GAAA,IAAA,GAAQ,IADS;AAEvB,IAAA,QAAQ,EAAE,QAAQ,KAAA,IAAR,IAAA,QAAQ,KAAA,KAAA,CAAR,GAAA,QAAA,GAAY,KAFC;AAGvB,IAAA,KAAK,EAAE,KAAK,KAAA,IAAL,IAAA,KAAK,KAAA,KAAA,CAAL,GAAA,KAAA,GAAS,KAHO;AAIvB,IAAA,MAAM,EAAE,MAAM,KAAA,IAAN,IAAA,MAAM,KAAA,KAAA,CAAN,GAAA,MAAA,GAAU,KAJK;AAKvB,IAAA,SAAS,EAAE,SAAS,KAAA,IAAT,IAAA,SAAS,KAAA,KAAA,CAAT,GAAA,SAAA,GAAa,KALD;AAMvB,IAAA,aAAa,EAAE,aAAa,KAAA,IAAb,IAAA,aAAa,KAAA,KAAA,CAAb,GAAA,aAAA,GAAiB,KANT;AAOvB,IAAA,IAAI,EAAE,IAAI,KAAA,IAAJ,IAAA,IAAI,KAAA,KAAA,CAAJ,GAAA,IAAA,GAAQ,GAPS;AAQvB,IAAA,IAAI,EAAE,IAAI,KAAA,IAAJ,IAAA,IAAI,KAAA,KAAA,CAAJ,GAAA,IAAA,GAAQ,MARS;AASvB,IAAA,MAAM,EAAE,MAAM,KAAA,IAAN,IAAA,MAAM,KAAA,KAAA,CAAN,GAAA,MAAA,GAAU,SATK;AAUvB,IAAA,KAAK,EAAE,KAAK,KAAA,IAAL,IAAA,KAAK,KAAA,KAAA,CAAL,GAAA,KAAA,GAAS,OAVO;AAYvB,IAAA,UAAU,EAAE;AAAE,MAAA,IAAI,EAAE;AAAR,KAZW;AAcvB,IAAA,IAAI,EAAE,qBAAqB,CAAC,EAAD,EAAK;AAC9B,MAAA,GAD8B;AAE9B,SAAG,KAF2B;AAG9B,MAAA;AAH8B,KAAL;AAdJ,GAAzB;AAqBA,SAAO,KAAP;AACD,CA1BM","sourceRoot":""}

package/lib/components/Text/useTextStyles.d.ts

@@ -1,4 +1,5 @@
 import type { TextState } from './Text.types';
+export declare const textClassName = "fui-Text";
 /**
  * Apply styling to the Text slots based on the state
  */