@fluentui/react-text 9.0.0-rc.9 → 9.0.0

package/CHANGELOG.json

@@ -2,7 +2,137 @@
   "name": "@fluentui/react-text",
   "entries": [
     {
-      "date": "Mon, 23 May 2022 12:10:18 GMT",
+      "date": "Tue, 28 Jun 2022 15:08:30 GMT",
+      "tag": "@fluentui/react-text_v9.0.0",
+      "version": "9.0.0",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-text",
+            "commit": "675acea49c97f10837ddee9b8c4350ca27750125",
+            "comment": "Bump Griffel dependencies"
+          },
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-text",
+            "commit": "e0aabd850b15adf9c151ebd4e332f7c50ad6cfdf",
+            "comment": "Update 9.0.0-rc dependencies to use caret range"
+          }
+        ],
+        "none": [
+          {
+            "author": "mgodbolt@microsoft.com",
+            "package": "@fluentui/react-text",
+            "commit": "36d25e965ca50f24f8f1a1be8deede690ca70b93",
+            "comment": "chore: Convert Text to index based stories"
+          }
+        ],
+        "patch": [
+          {
+            "author": "lingfangao@hotmail.com",
+            "package": "@fluentui/react-text",
+            "commit": "c7b1348bdad7aa883c29bfbc96ef2a32e6ebc7dd",
+            "comment": "feat: Initial 9.0.0 release"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-text",
+            "comment": "Bump @fluentui/react-theme to v9.0.0",
+            "commit": "ba6c5d651559b91c815429c9a9357c4d5a390f3e"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-text",
+            "comment": "Bump @fluentui/react-utilities to v9.0.0",
+            "commit": "ba6c5d651559b91c815429c9a9357c4d5a390f3e"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-text",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.9",
+            "commit": "ba6c5d651559b91c815429c9a9357c4d5a390f3e"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 23 Jun 2022 14:25:31 GMT",
+      "tag": "@fluentui/react-text_v9.0.0-rc.12",
+      "version": "9.0.0-rc.12",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-text",
+            "comment": "Bump @fluentui/react-theme to v9.0.0-rc.10",
+            "commit": "b00790b7a0ea1473d8c3cc49c7ca0088002957ed"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 31 May 2022 21:28:49 GMT",
+      "tag": "@fluentui/react-text_v9.0.0-rc.11",
+      "version": "9.0.0-rc.11",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-text",
+            "commit": "0a5e9fa77a72eecafdd07034ccdc0b95fd49877c",
+            "comment": "chore: Update Griffel to latest version"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-text",
+            "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.10",
+            "commit": "335ebfcfd47005003901b5e319782bfe9ccd89fd"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-text",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.8",
+            "commit": "335ebfcfd47005003901b5e319782bfe9ccd89fd"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 23 May 2022 18:56:49 GMT",
+      "tag": "@fluentui/react-text_v9.0.0-rc.10",
+      "version": "9.0.0-rc.10",
+      "comments": {
+        "prerelease": [
+          {
+            "author": "39736248+andrefcdias@users.noreply.github.com",
+            "package": "@fluentui/react-text",
+            "commit": "5ed22515a7542b432ed694f22606ac3718d501cb",
+            "comment": "fix: Change typography wrapper component names to match new design spec"
+          },
+          {
+            "author": "Humberto.Morimoto@microsoft.com",
+            "package": "@fluentui/react-text",
+            "commit": "9c239eaf77f2f5e3246bb16904d263001a26c726",
+            "comment": "Text: Ordering types alphabetically."
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-text",
+            "comment": "Bump @fluentui/react-theme to v9.0.0-rc.9",
+            "commit": "d4f80b17690e962d6a24e68959608d1ffe84aef6"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-text",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.7",
+            "commit": "d4f80b17690e962d6a24e68959608d1ffe84aef6"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 23 May 2022 12:13:52 GMT",
       "tag": "@fluentui/react-text_v9.0.0-rc.9",
       "version": "9.0.0-rc.9",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,61 @@
 # Change Log - @fluentui/react-text
 
-This log was last generated on Mon, 23 May 2022 12:10:18 GMT and should not be manually modified.
+This log was last generated on Tue, 28 Jun 2022 15:08:30 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.0.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v9.0.0)
+
+Tue, 28 Jun 2022 15:08:30 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-text_v9.0.0-rc.12..@fluentui/react-text_v9.0.0)
+
+### Patches
+
+- feat: Initial 9.0.0 release ([PR #23733](https://github.com/microsoft/fluentui/pull/23733) by lingfangao@hotmail.com)
+- Bump @fluentui/react-theme to v9.0.0 ([commit](https://github.com/microsoft/fluentui/commit/ba6c5d651559b91c815429c9a9357c4d5a390f3e) by beachball)
+- Bump @fluentui/react-utilities to v9.0.0 ([commit](https://github.com/microsoft/fluentui/commit/ba6c5d651559b91c815429c9a9357c4d5a390f3e) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.9 ([commit](https://github.com/microsoft/fluentui/commit/ba6c5d651559b91c815429c9a9357c4d5a390f3e) by beachball)
+
+### Changes
+
+- Bump Griffel dependencies ([PR #23688](https://github.com/microsoft/fluentui/pull/23688) by lingfangao@hotmail.com)
+- Update 9.0.0-rc dependencies to use caret range ([PR #23732](https://github.com/microsoft/fluentui/pull/23732) by lingfangao@hotmail.com)
+
+## [9.0.0-rc.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v9.0.0-rc.12)
+
+Thu, 23 Jun 2022 14:25:31 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-text_v9.0.0-rc.11..@fluentui/react-text_v9.0.0-rc.12)
+
+### Changes
+
+- Bump @fluentui/react-theme to v9.0.0-rc.10 ([PR #23608](https://github.com/microsoft/fluentui/pull/23608) by beachball)
+
+## [9.0.0-rc.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v9.0.0-rc.11)
+
+Tue, 31 May 2022 21:28:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-text_v9.0.0-rc.10..@fluentui/react-text_v9.0.0-rc.11)
+
+### Changes
+
+- chore: Update Griffel to latest version ([PR #23275](https://github.com/microsoft/fluentui/pull/23275) by olfedias@microsoft.com)
+- Bump @fluentui/react-utilities to v9.0.0-rc.10 ([PR #23325](https://github.com/microsoft/fluentui/pull/23325) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.8 ([PR #23325](https://github.com/microsoft/fluentui/pull/23325) by beachball)
+
+## [9.0.0-rc.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v9.0.0-rc.10)
+
+Mon, 23 May 2022 18:56:49 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-text_v9.0.0-rc.9..@fluentui/react-text_v9.0.0-rc.10)
+
+### Changes
+
+- fix: Change typography wrapper component names to match new design spec ([PR #23092](https://github.com/microsoft/fluentui/pull/23092) by 39736248+andrefcdias@users.noreply.github.com)
+- Text: Ordering types alphabetically. ([PR #23120](https://github.com/microsoft/fluentui/pull/23120) by Humberto.Morimoto@microsoft.com)
+- Bump @fluentui/react-theme to v9.0.0-rc.9 ([PR #23146](https://github.com/microsoft/fluentui/pull/23146) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.7 ([PR #23146](https://github.com/microsoft/fluentui/pull/23146) by beachball)
+
 ## [9.0.0-rc.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v9.0.0-rc.9)
 
-Mon, 23 May 2022 12:10:18 GMT 
+Mon, 23 May 2022 12:13:52 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-text_v9.0.0-rc.8..@fluentui/react-text_v9.0.0-rc.9)
 
 ### Changes

package/README.md

@@ -74,8 +74,8 @@ By default, Text and all the typography wrappers render a `<span>` element. You
 
 ```html
 <div>
-  <Headline as="h1">Headline</Headline>
-  <Subheadline as="h2">Subheadline</Subheadline>
+  <Subtitle1 as="h1">Subtitle1</Subtitle1>
+  <Subtitle2 as="h2">Subtitle2</Subtitle2>
   <Text as="p">This is simple example</Text>
 </div>
 ```
@@ -84,8 +84,8 @@ This will result in the following DOM structure:
 
 ```html
 <div>
-  <h1>Headline</h1>
-  <h2>Subheadline</h2>
+  <h1>Subtitle1</h1>
+  <h2>Subtitle2</h2>
   <p>This is simple example</p>
 </div>
 ```

package/dist/index.d.ts

@@ -7,64 +7,38 @@ import type { Slot } from '@fluentui/react-utilities';
 import { SlotClassNames } from '@fluentui/react-utilities';
 
 /**
- * Text wrapper component for the Body typography variant
+ * Text wrapper component for the Body1 typography variant
  */
-declare const Body_2: FunctionComponent<TextWrapperProps>;
-export { Body_2 as Body }
+export declare const Body1: FunctionComponent<TextWrapperProps>;
 
-/**
- * @deprecated Use `bodyClassNames.root` instead.
- */
-export declare const bodyClassName = "fui-Body";
-
-export declare const bodyClassNames: SlotClassNames<TextSlots>;
+export declare const body1ClassNames: SlotClassNames<TextSlots>;
 
 /**
- * Text wrapper component for the Caption typography variant
+ * Text wrapper component for the Caption1 typography variant
  */
-export declare const Caption: FunctionComponent<TextWrapperProps>;
+export declare const Caption1: FunctionComponent<TextWrapperProps>;
+
+export declare const caption1ClassNames: SlotClassNames<TextSlots>;
 
 /**
- * @deprecated Use `captionClassNames.root` instead.
+ * Text wrapper component for the Caption2 typography variant
  */
-export declare const captionClassName = "fui-Caption";
+export declare const Caption2: FunctionComponent<TextWrapperProps>;
 
-export declare const captionClassNames: SlotClassNames<TextSlots>;
+export declare const caption2ClassNames: SlotClassNames<TextSlots>;
 
 /**
  * Text wrapper component for the Display typography variant
  */
 export declare const Display: FunctionComponent<TextWrapperProps>;
 
-/**
- * @deprecated Use `displayClassNames.root` instead.
- */
-export declare const displayClassName = "fui-Display";
-
 export declare const displayClassNames: SlotClassNames<TextSlots>;
 
-/**
- * Text wrapper component for the Headline typography variant
- */
-export declare const Headline: FunctionComponent<TextWrapperProps>;
-
-/**
- * @deprecated Use `headlineClassNames.root` instead.
- */
-export declare const headlineClassName = "fui-Headline";
-
-export declare const headlineClassNames: SlotClassNames<TextSlots>;
-
 /**
  * Text wrapper component for the Large Title typography variant
  */
 export declare const LargeTitle: FunctionComponent<TextWrapperProps>;
 
-/**
- * @deprecated Use `largeTitleClassNames.root` instead.
- */
-export declare const largeTitleClassName = "fui-LargeTitle";
-
 export declare const largeTitleClassNames: SlotClassNames<TextSlots>;
 
 /**
@@ -73,16 +47,18 @@ export declare const largeTitleClassNames: SlotClassNames<TextSlots>;
 export declare const renderText_unstable: (state: TextState) => JSX.Element;
 
 /**
- * Text wrapper component for the Subheadline typography variant
+ * Text wrapper component for the Subtitle1 typography variant
  */
-export declare const Subheadline: FunctionComponent<TextWrapperProps>;
+export declare const Subtitle1: FunctionComponent<TextWrapperProps>;
+
+export declare const subtitle1ClassNames: SlotClassNames<TextSlots>;
 
 /**
- * @deprecated Use `subheadlineClassNames.root` instead.
+ * Text wrapper component for the Subtitle2 typography variant
  */
-export declare const subheadlineClassName = "fui-Subheadline";
+export declare const Subtitle2: FunctionComponent<TextWrapperProps>;
 
-export declare const subheadlineClassNames: SlotClassNames<TextSlots>;
+export declare const subtitle2ClassNames: SlotClassNames<TextSlots>;
 
 /**
  * Typography and styling abstraction component used to ensure consistency of text.
@@ -90,11 +66,6 @@ export declare const subheadlineClassNames: SlotClassNames<TextSlots>;
 declare const Text_2: ForwardRefComponent<TextProps>;
 export { Text_2 as Text }
 
-/**
- * @deprecated Use `textClassNames.root` instead.
- */
-export declare const textClassName = "fui-Text";
-
 export declare const textClassNames: SlotClassNames<TextSlots>;
 
 /**
@@ -102,23 +73,23 @@ export declare const textClassNames: SlotClassNames<TextSlots>;
  */
 export declare type TextProps = ComponentProps<TextSlots> & {
     /**
-     * Wraps the text content on white spaces.
+     * Aligns text based on the parent container.
      *
-     * @default true
+     * @default start
      */
-    wrap?: boolean;
+    align?: 'start' | 'center' | 'end' | 'justify';
     /**
-     * Truncate overflowing text for block displays.
+     * Applies a block display for the content.
      *
      * @default false
      */
-    truncate?: boolean;
+    block?: boolean;
     /**
-     * Applies a block display for the content.
+     * Applies the font family to the content.
      *
-     * @default false
+     * @default base
      */
-    block?: boolean;
+    font?: 'base' | 'monospace' | 'numeric';
     /**
      * Applies the italic font style to the content.
      *
@@ -126,11 +97,11 @@ export declare type TextProps = ComponentProps<TextSlots> & {
      */
     italic?: boolean;
     /**
-     * Applies the underline text decoration to the content.
+     * Applies font size and line height based on the theme tokens.
      *
-     * @default false
+     * @default 300
      */
-    underline?: boolean;
+    size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000;
     /**
      * Applies the strikethrough text decoration to the content.
      *
@@ -138,17 +109,17 @@ export declare type TextProps = ComponentProps<TextSlots> & {
      */
     strikethrough?: boolean;
     /**
-     * Applies font size and line height based on the theme tokens.
+     * Truncate overflowing text for block displays.
      *
-     * @default 300
+     * @default false
      */
-    size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000;
+    truncate?: boolean;
     /**
-     * Applies the font family to the content.
+     * Applies the underline text decoration to the content.
      *
-     * @default base
+     * @default false
      */
-    font?: 'base' | 'monospace' | 'numeric';
+    underline?: boolean;
     /**
      * Applies font weight to the content.
      *
@@ -156,11 +127,11 @@ export declare type TextProps = ComponentProps<TextSlots> & {
      */
     weight?: 'regular' | 'medium' | 'semibold';
     /**
-     * Aligns text based on the parent container.
+     * Wraps the text content on white spaces.
      *
-     * @default start
+     * @default true
      */
-    align?: 'start' | 'center' | 'end' | 'justify';
+    wrap?: boolean;
 };
 
 /**
@@ -182,11 +153,6 @@ declare type TextWrapperProps = Omit<TextProps, 'font' | 'size'>;
  */
 export declare const Title1: FunctionComponent<TextWrapperProps>;
 
-/**
- * @deprecated Use `title1ClassNames.root` instead.
- */
-export declare const title1ClassName = "fui-Title1";
-
 export declare const title1ClassNames: SlotClassNames<TextSlots>;
 
 /**
@@ -194,11 +160,6 @@ export declare const title1ClassNames: SlotClassNames<TextSlots>;
  */
 export declare const Title2: FunctionComponent<TextWrapperProps>;
 
-/**
- * @deprecated Use `title2ClassNames.root` instead.
- */
-export declare const title2ClassName = "fui-Title2";
-
 export declare const title2ClassNames: SlotClassNames<TextSlots>;
 
 /**
@@ -206,11 +167,6 @@ export declare const title2ClassNames: SlotClassNames<TextSlots>;
  */
 export declare const Title3: FunctionComponent<TextWrapperProps>;
 
-/**
- * @deprecated Use `title3ClassNames.root` instead.
- */
-export declare const title3ClassName = "fui-Title3";
-
 export declare const title3ClassNames: SlotClassNames<TextSlots>;
 
 /**

package/lib/Body1.js

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

package/lib/Body1.js.map

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

package/lib/Caption1.js

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

package/lib/Caption1.js.map

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

package/lib/Caption2.js

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

package/lib/Caption2.js.map

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

package/lib/Subtitle1.js

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

package/lib/Subtitle1.js.map

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

package/lib/Subtitle2.js

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

package/lib/Subtitle2.js.map

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

package/lib/components/{Body/Body.js → Body1/Body1.js}

@@ -1,13 +1,8 @@
 import { __styles } from '@griffel/react';
 import { createWrapper } from '../wrapper';
 import { typographyStyles } from '@fluentui/react-theme';
-/**
- * @deprecated Use `bodyClassNames.root` instead.
- */
-
-export const bodyClassName = 'fui-Body';
-export const bodyClassNames = {
-  root: 'fui-Body'
+export const body1ClassNames = {
+  root: 'fui-Body1'
 };
 /**
  * Styles for the root slot
@@ -24,13 +19,13 @@ const useStyles = /*#__PURE__*/__styles({
   "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}"]
 });
 /**
- * Text wrapper component for the Body typography variant
+ * Text wrapper component for the Body1 typography variant
  */
 
 
-export const Body = /*#__PURE__*/createWrapper({
+export const Body1 = /*#__PURE__*/createWrapper({
   useStyles,
-  className: bodyClassNames.root,
-  displayName: 'Body'
+  className: body1ClassNames.root,
+  displayName: 'Body1'
 });
-//# sourceMappingURL=Body.js.map
+//# sourceMappingURL=Body1.js.map

package/lib/components/Body1/Body1.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/Body1/Body1.tsx"],"names":[],"mappings":"AACA,yBAA2B,gBAA3B;AACA,SAAS,aAAT,QAAgD,YAAhD;AAGA,SAAS,gBAAT,QAAiC,uBAAjC;AAEA,OAAO,MAAM,eAAe,GAA8B;EACxD,IAAI,EAAE;AADkD,CAAnD;AAIP;;AAEG;;AACH,MAAM,SAAS,gBAAG;EAAA;IAAA;IAAA;IAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,KAAK,gBAAwC,aAAa,CAAC;EACtE,SADsE;EAEtE,SAAS,EAAE,eAAe,CAAC,IAF2C;EAGtE,WAAW,EAAE;AAHyD,CAAD,CAAhE","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { TextSlots } from '../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const body1ClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Body1',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.body1,\n});\n\n/**\n * Text wrapper component for the Body1 typography variant\n */\nexport const Body1: FunctionComponent<TextWrapperProps> = createWrapper({\n  useStyles,\n  className: body1ClassNames.root,\n  displayName: 'Body1',\n});\n"],"sourceRoot":"../src/"}

package/lib/components/Body1/index.js

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

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

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

package/lib/components/{Caption/Caption.js → Caption1/Caption1.js}

@@ -1,13 +1,8 @@
 import { __styles } from '@griffel/react';
 import { createWrapper } from '../wrapper';
 import { typographyStyles } from '@fluentui/react-theme';
-/**
- * @deprecated Use `captionClassNames.root` instead.
- */
-
-export const captionClassName = 'fui-Caption';
-export const captionClassNames = {
-  root: 'fui-Caption'
+export const caption1ClassNames = {
+  root: 'fui-Caption1'
 };
 /**
  * Styles for the root slot
@@ -24,13 +19,13 @@ const useStyles = /*#__PURE__*/__styles({
   "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}"]
 });
 /**
- * Text wrapper component for the Caption typography variant
+ * Text wrapper component for the Caption1 typography variant
  */
 
 
-export const Caption = /*#__PURE__*/createWrapper({
+export const Caption1 = /*#__PURE__*/createWrapper({
   useStyles,
-  className: captionClassNames.root,
-  displayName: 'Caption'
+  className: caption1ClassNames.root,
+  displayName: 'Caption1'
 });
-//# sourceMappingURL=Caption.js.map
+//# sourceMappingURL=Caption1.js.map

package/lib/components/Caption1/Caption1.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/Caption1/Caption1.tsx"],"names":[],"mappings":"AACA,yBAA2B,gBAA3B;AACA,SAAS,aAAT,QAAgD,YAAhD;AAGA,SAAS,gBAAT,QAAiC,uBAAjC;AAEA,OAAO,MAAM,kBAAkB,GAA8B;EAC3D,IAAI,EAAE;AADqD,CAAtD;AAIP;;AAEG;;AACH,MAAM,SAAS,gBAAG;EAAA;IAAA;IAAA;IAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,QAAQ,gBAAwC,aAAa,CAAC;EACzE,SADyE;EAEzE,SAAS,EAAE,kBAAkB,CAAC,IAF2C;EAGzE,WAAW,EAAE;AAH4D,CAAD,CAAnE","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { TextSlots } from '../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const caption1ClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Caption1',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.caption1,\n});\n\n/**\n * Text wrapper component for the Caption1 typography variant\n */\nexport const Caption1: FunctionComponent<TextWrapperProps> = createWrapper({\n  useStyles,\n  className: caption1ClassNames.root,\n  displayName: 'Caption1',\n});\n"],"sourceRoot":"../src/"}

package/lib/components/Caption1/index.js

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

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

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

package/lib/components/Caption2/Caption2.js

@@ -0,0 +1,31 @@
+import { __styles } from '@griffel/react';
+import { createWrapper } from '../wrapper';
+import { typographyStyles } from '@fluentui/react-theme';
+export const caption2ClassNames = {
+  root: 'fui-Caption2'
+};
+/**
+ * Styles for the root slot
+ */
+
+const useStyles = /*#__PURE__*/__styles({
+  "root": {
+    "Bahqtrf": "fk6fouc",
+    "Be2twd7": "f13mqy1h",
+    "Bhrd7zp": "figsok6",
+    "Bg96gwp": "fcpl73t"
+  }
+}, {
+  "d": [".fk6fouc{font-family:var(--fontFamilyBase);}", ".f13mqy1h{font-size:var(--fontSizeBase100);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fcpl73t{line-height:var(--lineHeightBase100);}"]
+});
+/**
+ * Text wrapper component for the Caption2 typography variant
+ */
+
+
+export const Caption2 = /*#__PURE__*/createWrapper({
+  useStyles,
+  className: caption2ClassNames.root,
+  displayName: 'Caption2'
+});
+//# sourceMappingURL=Caption2.js.map

package/lib/components/Caption2/Caption2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/Caption2/Caption2.tsx"],"names":[],"mappings":"AACA,yBAA2B,gBAA3B;AACA,SAAS,aAAT,QAAgD,YAAhD;AAGA,SAAS,gBAAT,QAAiC,uBAAjC;AAEA,OAAO,MAAM,kBAAkB,GAA8B;EAC3D,IAAI,EAAE;AADqD,CAAtD;AAIP;;AAEG;;AACH,MAAM,SAAS,gBAAG;EAAA;IAAA;IAAA;IAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAAlB;AAIA;;AAEG;;;AACH,OAAO,MAAM,QAAQ,gBAAwC,aAAa,CAAC;EACzE,SADyE;EAEzE,SAAS,EAAE,kBAAkB,CAAC,IAF2C;EAGzE,WAAW,EAAE;AAH4D,CAAD,CAAnE","sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createWrapper, TextWrapperProps } from '../wrapper';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport { TextSlots } from '../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const caption2ClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Caption2',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.caption2,\n});\n\n/**\n * Text wrapper component for the Caption2 typography variant\n */\nexport const Caption2: FunctionComponent<TextWrapperProps> = createWrapper({\n  useStyles,\n  className: caption2ClassNames.root,\n  displayName: 'Caption2',\n});\n"],"sourceRoot":"../src/"}

package/lib/components/Caption2/index.js

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

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

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

package/lib/components/Display/Display.js

@@ -1,11 +1,6 @@
 import { __styles } from '@griffel/react';
 import { createWrapper } from '../wrapper';
 import { typographyStyles } from '@fluentui/react-theme';
-/**
- * @deprecated Use `displayClassNames.root` instead.
- */
-
-export const displayClassName = 'fui-Display';
 export const displayClassNames = {
   root: 'fui-Display'
 };