@fluentui/react-text 9.1.14 → 9.2.0

package/CHANGELOG.json

@@ -2,7 +2,28 @@
   "name": "@fluentui/react-text",
   "entries": [
     {
-      "date": "Thu, 26 Jan 2023 13:27:53 GMT",
+      "date": "Tue, 31 Jan 2023 19:50:42 GMT",
+      "tag": "@fluentui/react-text_v9.2.0",
+      "version": "9.2.0",
+      "comments": {
+        "minor": [
+          {
+            "author": "marcosvmmoura@gmail.com",
+            "package": "@fluentui/react-text",
+            "commit": "7e7f876324b0a1512c3163939180b875d69bd3bb",
+            "comment": "feat: expose all typography tokens as components"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-text",
+            "comment": "Bump @fluentui/react-utilities to v9.5.1",
+            "commit": "22477ef4202cd24add6ebf823196b5888c9d8083"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 26 Jan 2023 13:31:03 GMT",
       "tag": "@fluentui/react-text_v9.1.14",
       "version": "9.1.14",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,22 @@
 # Change Log - @fluentui/react-text
 
-This log was last generated on Thu, 26 Jan 2023 13:27:53 GMT and should not be manually modified.
+This log was last generated on Tue, 31 Jan 2023 19:50:42 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.2.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v9.2.0)
+
+Tue, 31 Jan 2023 19:50:42 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-text_v9.1.14..@fluentui/react-text_v9.2.0)
+
+### Minor changes
+
+- feat: expose all typography tokens as components ([PR #26403](https://github.com/microsoft/fluentui/pull/26403) by marcosvmmoura@gmail.com)
+- Bump @fluentui/react-utilities to v9.5.1 ([PR #26491](https://github.com/microsoft/fluentui/pull/26491) by beachball)
+
 ## [9.1.14](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v9.1.14)
 
-Thu, 26 Jan 2023 13:27:53 GMT 
+Thu, 26 Jan 2023 13:31:03 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-text_v9.1.13..@fluentui/react-text_v9.1.14)
 
 ### Patches

package/dist/index.d.ts

@@ -7,37 +7,79 @@ import type { Slot } from '@fluentui/react-utilities';
 import { SlotClassNames } from '@fluentui/react-utilities';
 
 /**
- * Text wrapper component for the Body1 typography variant
+ * Text preset component for the Body1 typography variant
  */
-export declare const Body1: FunctionComponent<TextWrapperProps>;
+export declare const Body1: FunctionComponent<TextPresetProps>;
 
 export declare const body1ClassNames: SlotClassNames<TextSlots>;
 
 /**
- * Text wrapper component for the Caption1 typography variant
+ * Text preset component for the Body1Strong typography variant
  */
-export declare const Caption1: FunctionComponent<TextWrapperProps>;
+export declare const Body1Strong: FunctionComponent<TextPresetProps>;
+
+export declare const body1StrongClassNames: SlotClassNames<TextSlots>;
+
+/**
+ * Text preset component for the Body1Stronger typography variant
+ */
+export declare const Body1Stronger: FunctionComponent<TextPresetProps>;
+
+export declare const body1StrongerClassNames: SlotClassNames<TextSlots>;
+
+/**
+ * Text preset component for the Body2 typography variant
+ */
+export declare const Body2: FunctionComponent<TextPresetProps>;
+
+export declare const body2ClassNames: SlotClassNames<TextSlots>;
+
+/**
+ * Text preset component for the Caption1 typography variant
+ */
+export declare const Caption1: FunctionComponent<TextPresetProps>;
 
 export declare const caption1ClassNames: SlotClassNames<TextSlots>;
 
 /**
- * Text wrapper component for the Caption2 typography variant
+ * Text preset component for the Caption1Strong typography variant
+ */
+export declare const Caption1Strong: FunctionComponent<TextPresetProps>;
+
+export declare const caption1StrongClassNames: SlotClassNames<TextSlots>;
+
+/**
+ * Text preset component for the Caption1Stronger typography variant
  */
-export declare const Caption2: FunctionComponent<TextWrapperProps>;
+export declare const Caption1Stronger: FunctionComponent<TextPresetProps>;
+
+export declare const caption1StrongerClassNames: SlotClassNames<TextSlots>;
+
+/**
+ * Text preset component for the Caption2 typography variant
+ */
+export declare const Caption2: FunctionComponent<TextPresetProps>;
 
 export declare const caption2ClassNames: SlotClassNames<TextSlots>;
 
 /**
- * Text wrapper component for the Display typography variant
+ * Text preset component for the Caption2Strong typography variant
+ */
+export declare const Caption2Strong: FunctionComponent<TextPresetProps>;
+
+export declare const caption2StrongClassNames: SlotClassNames<TextSlots>;
+
+/**
+ * Text preset component for the Display typography variant
  */
-export declare const Display: FunctionComponent<TextWrapperProps>;
+export declare const Display: FunctionComponent<TextPresetProps>;
 
 export declare const displayClassNames: SlotClassNames<TextSlots>;
 
 /**
- * Text wrapper component for the Large Title typography variant
+ * Text preset component for the Large Title typography variant
  */
-export declare const LargeTitle: FunctionComponent<TextWrapperProps>;
+export declare const LargeTitle: FunctionComponent<TextPresetProps>;
 
 export declare const largeTitleClassNames: SlotClassNames<TextSlots>;
 
@@ -47,19 +89,26 @@ export declare const largeTitleClassNames: SlotClassNames<TextSlots>;
 export declare const renderText_unstable: (state: TextState) => JSX.Element;
 
 /**
- * Text wrapper component for the Subtitle1 typography variant
+ * Text preset component for the Subtitle1 typography variant
  */
-export declare const Subtitle1: FunctionComponent<TextWrapperProps>;
+export declare const Subtitle1: FunctionComponent<TextPresetProps>;
 
 export declare const subtitle1ClassNames: SlotClassNames<TextSlots>;
 
 /**
- * Text wrapper component for the Subtitle2 typography variant
+ * Text preset component for the Subtitle2 typography variant
  */
-export declare const Subtitle2: FunctionComponent<TextWrapperProps>;
+export declare const Subtitle2: FunctionComponent<TextPresetProps>;
 
 export declare const subtitle2ClassNames: SlotClassNames<TextSlots>;
 
+/**
+ * Text preset component for the Subtitle2Stronger typography variant
+ */
+export declare const Subtitle2Stronger: FunctionComponent<TextPresetProps>;
+
+export declare const subtitle2StrongerClassNames: SlotClassNames<TextSlots>;
+
 /**
  * Typography and styling abstraction component used to ensure consistency of text.
  */
@@ -68,6 +117,11 @@ export { Text_2 as Text }
 
 export declare const textClassNames: SlotClassNames<TextSlots>;
 
+/**
+ * TextPreset Props
+ */
+export declare type TextPresetProps = Omit<TextProps, 'font' | 'size' | 'weight'>;
+
 /**
  * Text Props
  */
@@ -97,7 +151,7 @@ export declare type TextProps = ComponentProps<TextSlots> & {
      */
     italic?: boolean;
     /**
-     * Applies font size and line height based on the theme tokens.
+     * Applies font size and line height based on the theme typography tokens.
      *
      * @default 300
      */
@@ -146,26 +200,24 @@ export declare type TextSlots = {
  */
 export declare type TextState = ComponentState<TextSlots> & Required<Pick<TextProps, 'align' | 'block' | 'font' | 'italic' | 'size' | 'strikethrough' | 'truncate' | 'underline' | 'weight' | 'wrap'>>;
 
-declare type TextWrapperProps = Omit<TextProps, 'font' | 'size'>;
-
 /**
- * Text wrapper component for the Title 1 typography variant
+ * Text preset component for the Title 1 typography variant
  */
-export declare const Title1: FunctionComponent<TextWrapperProps>;
+export declare const Title1: FunctionComponent<TextPresetProps>;
 
 export declare const title1ClassNames: SlotClassNames<TextSlots>;
 
 /**
- * Text wrapper component for the Title 2 typography variant
+ * Text preset component for the Title 2 typography variant
  */
-export declare const Title2: FunctionComponent<TextWrapperProps>;
+export declare const Title2: FunctionComponent<TextPresetProps>;
 
 export declare const title2ClassNames: SlotClassNames<TextSlots>;
 
 /**
- * Text wrapper component for the Title 3 typography variant
+ * Text preset component for the Title 3 typography variant
  */
-export declare const Title3: FunctionComponent<TextWrapperProps>;
+export declare const Title3: FunctionComponent<TextPresetProps>;
 
 export declare const title3ClassNames: SlotClassNames<TextSlots>;
 

package/lib/Body1.js

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

package/lib/Body1.js.map

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

package/lib/Body1Strong.js

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

package/lib/Body1Strong.js.map

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

package/lib/Body1Stronger.js

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

package/lib/Body1Stronger.js.map

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

package/lib/Body2.js

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

package/lib/Body2.js.map

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

package/lib/Caption1.js

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

package/lib/Caption1.js.map

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

package/lib/Caption1Strong.js

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

package/lib/Caption1Strong.js.map

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

package/lib/Caption1Stronger.js

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

package/lib/Caption1Stronger.js.map

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

package/lib/Caption2.js

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

package/lib/Caption2.js.map

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

package/lib/Caption2Strong.js

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

package/lib/Caption2Strong.js.map

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

package/lib/Display.js

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

package/lib/Display.js.map

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

package/lib/LargeTitle.js

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

package/lib/LargeTitle.js.map

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

package/lib/Subtitle1.js

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

package/lib/Subtitle1.js.map

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

package/lib/Subtitle2.js

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

package/lib/Subtitle2.js.map

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

package/lib/Subtitle2Stronger.js

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

package/lib/Subtitle2Stronger.js.map

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

package/lib/Title1.js

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

package/lib/Title1.js.map

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

package/lib/Title2.js

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

package/lib/Title2.js.map

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

package/lib/Title3.js

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

package/lib/Title3.js.map

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

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

@@ -1 +1 @@
-{"version":3,"file":"Text.types.js","sourceRoot":"../src/","sources":["packages/react-components/react-text/src/components/Text/Text.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\n/**\n * Text slots\n */\nexport type TextSlots = {\n  root: Slot<'span', 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'pre'>;\n};\n\n/**\n * Text Props\n */\nexport type TextProps = ComponentProps<TextSlots> & {\n  /**\n   * Aligns text based on the parent container.\n   *\n   * @default start\n   */\n  align?: 'start' | 'center' | 'end' | 'justify';\n\n  /**\n   * Applies a block display for the content.\n   *\n   * @default false\n   */\n  block?: boolean;\n\n  /**\n   * Applies the font family to the content.\n   *\n   * @default base\n   */\n  font?: 'base' | 'monospace' | 'numeric';\n\n  /**\n   * Applies the italic font style to the content.\n   *\n   * @default false\n   */\n  italic?: boolean;\n\n  /**\n   * Applies font size and line height based on the theme tokens.\n   *\n   * @default 300\n   */\n  size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000;\n\n  /**\n   * Applies the strikethrough text decoration to the content.\n   *\n   * @default false\n   */\n  strikethrough?: boolean;\n\n  /**\n   * Truncate overflowing text for block displays.\n   *\n   * @default false\n   */\n\n  truncate?: boolean;\n\n  /**\n   * Applies the underline text decoration to the content.\n   *\n   * @default false\n   */\n  underline?: boolean;\n\n  /**\n   * Applies font weight to the content.\n   *\n   * @default regular\n   */\n  weight?: 'regular' | 'medium' | 'semibold' | 'bold';\n\n  /**\n   * Wraps the text content on white spaces.\n   *\n   * @default true\n   */\n  wrap?: boolean;\n};\n\n/**\n * State used in rendering Text\n */\nexport type TextState = ComponentState<TextSlots> &\n  Required<\n    Pick<\n      TextProps,\n      'align' | 'block' | 'font' | 'italic' | 'size' | 'strikethrough' | 'truncate' | 'underline' | 'weight' | 'wrap'\n    >\n  >;\n"]}
+{"version":3,"file":"Text.types.js","sourceRoot":"../src/","sources":["packages/react-components/react-text/src/components/Text/Text.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\n/**\n * Text slots\n */\nexport type TextSlots = {\n  root: Slot<'span', 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'pre'>;\n};\n\n/**\n * Text Props\n */\nexport type TextProps = ComponentProps<TextSlots> & {\n  /**\n   * Aligns text based on the parent container.\n   *\n   * @default start\n   */\n  align?: 'start' | 'center' | 'end' | 'justify';\n\n  /**\n   * Applies a block display for the content.\n   *\n   * @default false\n   */\n  block?: boolean;\n\n  /**\n   * Applies the font family to the content.\n   *\n   * @default base\n   */\n  font?: 'base' | 'monospace' | 'numeric';\n\n  /**\n   * Applies the italic font style to the content.\n   *\n   * @default false\n   */\n  italic?: boolean;\n\n  /**\n   * Applies font size and line height based on the theme typography tokens.\n   *\n   * @default 300\n   */\n  size?: 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000;\n\n  /**\n   * Applies the strikethrough text decoration to the content.\n   *\n   * @default false\n   */\n  strikethrough?: boolean;\n\n  /**\n   * Truncate overflowing text for block displays.\n   *\n   * @default false\n   */\n\n  truncate?: boolean;\n\n  /**\n   * Applies the underline text decoration to the content.\n   *\n   * @default false\n   */\n  underline?: boolean;\n\n  /**\n   * Applies font weight to the content.\n   *\n   * @default regular\n   */\n  weight?: 'regular' | 'medium' | 'semibold' | 'bold';\n\n  /**\n   * Wraps the text content on white spaces.\n   *\n   * @default true\n   */\n  wrap?: boolean;\n};\n\n/**\n * TextPreset Props\n */\nexport type TextPresetProps = Omit<TextProps, 'font' | 'size' | 'weight'>;\n\n/**\n * State used in rendering Text\n */\nexport type TextState = ComponentState<TextSlots> &\n  Required<\n    Pick<\n      TextProps,\n      'align' | 'block' | 'font' | 'italic' | 'size' | 'strikethrough' | 'truncate' | 'underline' | 'weight' | 'wrap'\n    >\n  >;\n"]}

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

@@ -1,5 +1,5 @@
 import { __styles } from '@griffel/react';
-import { createWrapper } from '../wrapper';
+import { createPreset } from '../createPreset';
 import { typographyStyles } from '@fluentui/react-theme';
 export const body1ClassNames = {
   root: 'fui-Body1'
@@ -18,9 +18,9 @@ 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 Body1 typography variant
+ * Text preset component for the Body1 typography variant
  */
-export const Body1 = /*#__PURE__*/createWrapper({
+export const Body1 = /*#__PURE__*/createPreset({
   useStyles,
   className: body1ClassNames.root,
   displayName: 'Body1'

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

@@ -0,0 +1 @@
+{"version":3,"mappings":"AACA,yBAA2B,gBAAgB;AAC3C,SAASA,YAAY,QAAQ,iBAAiB;AAG9C,SAASC,gBAAgB,QAAQ,uBAAuB;AAExD,OAAO,MAAMC,eAAe,GAA8B;EACxDC,IAAI,EAAE;CACP;AAED;;;AAGA,MAAMC,SAAS,gBAAG;EAAA;IAAA;IAAA;IAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAEhB;AAEF;;;AAGA,OAAO,MAAMC,KAAK,gBAAuCL,YAAY,CAAC;EACpEI,SAAS;EACTE,SAAS,EAAEJ,eAAe,CAACC,IAAI;EAC/BI,WAAW,EAAE;CACd,CAAC","names":["createPreset","typographyStyles","body1ClassNames","root","useStyles","Body1","className","displayName"],"sourceRoot":"../src/","sources":["packages/react-components/react-text/src/components/presets/Body1/Body1.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createPreset } from '../createPreset';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TextSlots, TextPresetProps } 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 preset component for the Body1 typography variant\n */\nexport const Body1: FunctionComponent<TextPresetProps> = createPreset({\n  useStyles,\n  className: body1ClassNames.root,\n  displayName: 'Body1',\n});\n"]}

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

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

package/lib/components/presets/Body1Strong/Body1Strong.js

@@ -0,0 +1,28 @@
+import { __styles } from '@griffel/react';
+import { createPreset } from '../createPreset';
+import { typographyStyles } from '@fluentui/react-theme';
+export const body1StrongClassNames = {
+  root: 'fui-Body1Strong'
+};
+/**
+ * Styles for the root slot
+ */
+const useStyles = /*#__PURE__*/__styles({
+  root: {
+    Bahqtrf: "fk6fouc",
+    Be2twd7: "fkhj508",
+    Bhrd7zp: "fl43uef",
+    Bg96gwp: "f1i3iumi"
+  }
+}, {
+  d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".fl43uef{font-weight:var(--fontWeightSemibold);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}"]
+});
+/**
+ * Text preset component for the Body1Strong typography variant
+ */
+export const Body1Strong = /*#__PURE__*/createPreset({
+  useStyles,
+  className: body1StrongClassNames.root,
+  displayName: 'Body1Strong'
+});
+//# sourceMappingURL=Body1Strong.js.map

package/lib/components/presets/Body1Strong/Body1Strong.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":"AACA,yBAA2B,gBAAgB;AAC3C,SAASA,YAAY,QAAQ,iBAAiB;AAG9C,SAASC,gBAAgB,QAAQ,uBAAuB;AAExD,OAAO,MAAMC,qBAAqB,GAA8B;EAC9DC,IAAI,EAAE;CACP;AAED;;;AAGA,MAAMC,SAAS,gBAAG;EAAA;IAAA;IAAA;IAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAEhB;AAEF;;;AAGA,OAAO,MAAMC,WAAW,gBAAuCL,YAAY,CAAC;EAC1EI,SAAS;EACTE,SAAS,EAAEJ,qBAAqB,CAACC,IAAI;EACrCI,WAAW,EAAE;CACd,CAAC","names":["createPreset","typographyStyles","body1StrongClassNames","root","useStyles","Body1Strong","className","displayName"],"sourceRoot":"../src/","sources":["packages/react-components/react-text/src/components/presets/Body1Strong/Body1Strong.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createPreset } from '../createPreset';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TextSlots, TextPresetProps } from '../../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const body1StrongClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Body1Strong',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.body1Strong,\n});\n\n/**\n * Text preset component for the Body1Strong typography variant\n */\nexport const Body1Strong: FunctionComponent<TextPresetProps> = createPreset({\n  useStyles,\n  className: body1StrongClassNames.root,\n  displayName: 'Body1Strong',\n});\n"]}

package/lib/components/presets/Body1Strong/index.js

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

package/lib/components/presets/Body1Strong/index.js.map

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

package/lib/components/presets/Body1Stronger/Body1Stronger.js

@@ -0,0 +1,28 @@
+import { __styles } from '@griffel/react';
+import { createPreset } from '../createPreset';
+import { typographyStyles } from '@fluentui/react-theme';
+export const body1StrongerClassNames = {
+  root: 'fui-Body1Stronger'
+};
+/**
+ * Styles for the root slot
+ */
+const useStyles = /*#__PURE__*/__styles({
+  root: {
+    Bahqtrf: "fk6fouc",
+    Be2twd7: "fkhj508",
+    Bhrd7zp: "flh3ekv",
+    Bg96gwp: "f1i3iumi"
+  }
+}, {
+  d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".flh3ekv{font-weight:var(--fontWeightBold);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}"]
+});
+/**
+ * Text preset component for the Body1Stronger typography variant
+ */
+export const Body1Stronger = /*#__PURE__*/createPreset({
+  useStyles,
+  className: body1StrongerClassNames.root,
+  displayName: 'Body1Stronger'
+});
+//# sourceMappingURL=Body1Stronger.js.map

package/lib/components/presets/Body1Stronger/Body1Stronger.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":"AACA,yBAA2B,gBAAgB;AAC3C,SAASA,YAAY,QAAQ,iBAAiB;AAG9C,SAASC,gBAAgB,QAAQ,uBAAuB;AAExD,OAAO,MAAMC,uBAAuB,GAA8B;EAChEC,IAAI,EAAE;CACP;AAED;;;AAGA,MAAMC,SAAS,gBAAG;EAAA;IAAA;IAAA;IAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAEhB;AAEF;;;AAGA,OAAO,MAAMC,aAAa,gBAAuCL,YAAY,CAAC;EAC5EI,SAAS;EACTE,SAAS,EAAEJ,uBAAuB,CAACC,IAAI;EACvCI,WAAW,EAAE;CACd,CAAC","names":["createPreset","typographyStyles","body1StrongerClassNames","root","useStyles","Body1Stronger","className","displayName"],"sourceRoot":"../src/","sources":["packages/react-components/react-text/src/components/presets/Body1Stronger/Body1Stronger.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createPreset } from '../createPreset';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TextSlots, TextPresetProps } from '../../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const body1StrongerClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Body1Stronger',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.body1Stronger,\n});\n\n/**\n * Text preset component for the Body1Stronger typography variant\n */\nexport const Body1Stronger: FunctionComponent<TextPresetProps> = createPreset({\n  useStyles,\n  className: body1StrongerClassNames.root,\n  displayName: 'Body1Stronger',\n});\n"]}

package/lib/components/presets/Body1Stronger/index.js

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

package/lib/components/presets/Body1Stronger/index.js.map

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

package/lib/components/presets/Body2/Body2.js

@@ -0,0 +1,28 @@
+import { __styles } from '@griffel/react';
+import { createPreset } from '../createPreset';
+import { typographyStyles } from '@fluentui/react-theme';
+export const body2ClassNames = {
+  root: 'fui-Body2'
+};
+/**
+ * Styles for the root slot
+ */
+const useStyles = /*#__PURE__*/__styles({
+  root: {
+    Bahqtrf: "fk6fouc",
+    Be2twd7: "fod5ikn",
+    Bhrd7zp: "figsok6",
+    Bg96gwp: "faaz57k"
+  }
+}, {
+  d: [".fk6fouc{font-family:var(--fontFamilyBase);}", ".fod5ikn{font-size:var(--fontSizeBase400);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".faaz57k{line-height:var(--lineHeightBase400);}"]
+});
+/**
+ * Text preset component for the Body2 typography variant
+ */
+export const Body2 = /*#__PURE__*/createPreset({
+  useStyles,
+  className: body2ClassNames.root,
+  displayName: 'Body2'
+});
+//# sourceMappingURL=Body2.js.map

package/lib/components/presets/Body2/Body2.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":"AACA,yBAA2B,gBAAgB;AAC3C,SAASA,YAAY,QAAQ,iBAAiB;AAG9C,SAASC,gBAAgB,QAAQ,uBAAuB;AAExD,OAAO,MAAMC,eAAe,GAA8B;EACxDC,IAAI,EAAE;CACP;AAED;;;AAGA,MAAMC,SAAS,gBAAG;EAAA;IAAA;IAAA;IAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAEhB;AAEF;;;AAGA,OAAO,MAAMC,KAAK,gBAAuCL,YAAY,CAAC;EACpEI,SAAS;EACTE,SAAS,EAAEJ,eAAe,CAACC,IAAI;EAC/BI,WAAW,EAAE;CACd,CAAC","names":["createPreset","typographyStyles","body2ClassNames","root","useStyles","Body2","className","displayName"],"sourceRoot":"../src/","sources":["packages/react-components/react-text/src/components/presets/Body2/Body2.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createPreset } from '../createPreset';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TextSlots, TextPresetProps } from '../../Text/Text.types';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const body2ClassNames: SlotClassNames<TextSlots> = {\n  root: 'fui-Body2',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: typographyStyles.body2,\n});\n\n/**\n * Text preset component for the Body2 typography variant\n */\nexport const Body2: FunctionComponent<TextPresetProps> = createPreset({\n  useStyles,\n  className: body2ClassNames.root,\n  displayName: 'Body2',\n});\n"]}

package/lib/components/presets/Body2/index.js

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

package/lib/components/presets/Body2/index.js.map

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

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

@@ -1,5 +1,5 @@
 import { __styles } from '@griffel/react';
-import { createWrapper } from '../wrapper';
+import { createPreset } from '../createPreset';
 import { typographyStyles } from '@fluentui/react-theme';
 export const caption1ClassNames = {
   root: 'fui-Caption1'
@@ -18,9 +18,9 @@ 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 Caption1 typography variant
+ * Text preset component for the Caption1 typography variant
  */
-export const Caption1 = /*#__PURE__*/createWrapper({
+export const Caption1 = /*#__PURE__*/createPreset({
   useStyles,
   className: caption1ClassNames.root,
   displayName: 'Caption1'

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

@@ -0,0 +1 @@
+{"version":3,"mappings":"AACA,yBAA2B,gBAAgB;AAC3C,SAASA,YAAY,QAAQ,iBAAiB;AAG9C,SAASC,gBAAgB,QAAQ,uBAAuB;AAExD,OAAO,MAAMC,kBAAkB,GAA8B;EAC3DC,IAAI,EAAE;CACP;AAED;;;AAGA,MAAMC,SAAS,gBAAG;EAAA;IAAA;IAAA;IAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAEhB;AAEF;;;AAGA,OAAO,MAAMC,QAAQ,gBAAuCL,YAAY,CAAC;EACvEI,SAAS;EACTE,SAAS,EAAEJ,kBAAkB,CAACC,IAAI;EAClCI,WAAW,EAAE;CACd,CAAC","names":["createPreset","typographyStyles","caption1ClassNames","root","useStyles","Caption1","className","displayName"],"sourceRoot":"../src/","sources":["packages/react-components/react-text/src/components/presets/Caption1/Caption1.tsx"],"sourcesContent":["import type { FunctionComponent } from 'react';\nimport { makeStyles } from '@griffel/react';\nimport { createPreset } from '../createPreset';\nimport { SlotClassNames } from '@fluentui/react-utilities';\nimport type { TextSlots, TextPresetProps } 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 preset component for the Caption1 typography variant\n */\nexport const Caption1: FunctionComponent<TextPresetProps> = createPreset({\n  useStyles,\n  className: caption1ClassNames.root,\n  displayName: 'Caption1',\n});\n"]}

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

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