@fluentui-react-native/text 0.12.1 → 0.14.1

package/lib/Text.types.d.ts

@@ -1,17 +1,83 @@
-import { FontTokens, FontVariantTokens, IForegroundColorTokens, IColorTokens } from '@fluentui-react-native/tokens';
-import { ITextProps as INativeTextProps } from '@fluentui-react-native/adapters';
-export declare const textName = "RNFText";
+import { FontTokens, FontVariantTokens, IForegroundColorTokens } from '@fluentui-react-native/framework';
+import { ITextProps } from '@fluentui-react-native/adapters';
+import { ColorValue, TextStyle } from 'react-native';
+export declare const textName = "Text";
 /**
- * Properties for fabric native text field, these extend the default props for text
+ * Text tokens, these are the internally configurable values for Text elements. In particular these
+ * drive decisions on how to build the styles
  */
-export declare type ITextProps<TBase = INativeTextProps> = TBase & FontVariantTokens & IForegroundColorTokens & {
-    disabled?: boolean;
-};
-export declare type ITextType<TBase = INativeTextProps> = {
-    props: ITextProps<TBase>;
-    tokens: FontTokens & IColorTokens;
-    slotProps: {
-        root: TBase;
-    };
+export declare type TextTokens = Omit<FontTokens, 'fontFamily'> & IForegroundColorTokens & Omit<TextStyle, 'fontSize' | 'fontWeight' | 'color'>;
+export declare type TextAlign = 'start' | 'center' | 'end' | 'justify';
+export declare type TextFont = 'base' | 'monospace' | 'numeric';
+export declare type TextSize = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000;
+export declare type TextWeight = 'regular' | 'medium' | 'semibold' | 'bold';
+/**
+ * Text props, based off of the standard react-native TextProps with some new extensions
+ */
+export declare type TextProps<TBase = ITextProps> = TBase & FontVariantTokens & {
+    /**
+     * foreground text color
+     */
+    color?: ColorValue;
+    /**
+     * Aligns text based on the parent container.
+     *
+     * @defaultValue start
+     */
+    align?: TextAlign;
+    /**
+     * Applies a block display for the content.
+     *
+     * @defaultValue false
+     */
+    block?: boolean;
+    /**
+     * Applies the font family to the content.
+     *
+     * @defaultValue base
+     */
+    font?: TextFont;
+    /**
+     * Applies the italic font style to the content.
+     *
+     * @defaultValue false
+     */
+    italic?: boolean;
+    /**
+     * Applies the strikethrough text decoration to the content.
+     *
+     * @defaultValue false
+     */
+    strikethrough?: boolean;
+    /**
+     * Applies font size and line height based on the theme tokens.
+     *
+     * @defaultValue 300
+     */
+    size?: TextSize;
+    /**
+     * Truncate overflowing text for block displays.
+     *
+     * @defaultValue false
+     */
+    truncate?: boolean;
+    /**
+     * Applies the underline text decoration to the content.
+     *
+     * @defaultValue false
+     */
+    underline?: boolean;
+    /**
+     * Applies font weight to the content.
+     *
+     * @defaultValue regular
+     */
+    weight?: TextWeight;
+    /**
+     * Wraps the text content on white spaces.
+     *
+     * @defaultValue true
+     */
+    wrap?: boolean;
 };
 //# sourceMappingURL=Text.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Text.types.d.ts","sourceRoot":"","sources":["../src/Text.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACpH,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAEjF,eAAO,MAAM,QAAQ,YAAY,CAAC;AAElC;;GAEG;AACH,oBAAY,UAAU,CAAC,KAAK,GAAG,gBAAgB,IAAI,KAAK,GACtD,iBAAiB,GACjB,sBAAsB,GAAG;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEJ,oBAAY,SAAS,CAAC,KAAK,GAAG,gBAAgB,IAAI;IAChD,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC;IACzB,MAAM,EAAE,UAAU,GAAG,YAAY,CAAC;IAClC,SAAS,EAAE;QACT,IAAI,EAAE,KAAK,CAAC;KACb,CAAC;CACH,CAAC"}
+{"version":3,"file":"Text.types.d.ts","sourceRoot":"","sources":["../src/Text.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,kCAAkC,CAAC;AACzG,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAErD,eAAO,MAAM,QAAQ,SAAS,CAAC;AAE/B;;;GAGG;AACH,oBAAY,UAAU,GAAG,IAAI,CAAC,UAAU,EAAE,YAAY,CAAC,GAAG,sBAAsB,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,YAAY,GAAG,OAAO,CAAC,CAAC;AAExI,oBAAY,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;AAC/D,oBAAY,QAAQ,GAAG,MAAM,GAAG,WAAW,GAAG,SAAS,CAAC;AACxD,oBAAY,QAAQ,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;AAClF,oBAAY,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AAEpE;;GAEG;AACH,oBAAY,SAAS,CAAC,KAAK,GAAG,UAAU,IAAI,KAAK,GAC/C,iBAAiB,GAAG;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;;;OAIG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;;OAIG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;OAIG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IAEpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC"}

package/lib/Text.types.js

@@ -1,2 +1,2 @@
-export var textName = 'RNFText';
+export var textName = 'Text';
 //# sourceMappingURL=Text.types.js.map

package/lib/Text.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.types.js","sourceRoot":"","sources":["../src/Text.types.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,IAAM,QAAQ,GAAG,SAAS,CAAC"}
+{"version":3,"file":"Text.types.js","sourceRoot":"","sources":["../src/Text.types.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC"}

package/lib/TextTokens.d.ts

@@ -0,0 +1,3 @@
+import { TextTokens } from './Text.types';
+export declare const useTextTokens: import("@fluentui-react-native/framework").UseTokens<TextTokens>;
+//# sourceMappingURL=TextTokens.d.ts.map

package/lib/TextTokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextTokens.d.ts","sourceRoot":"","sources":["../src/TextTokens.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,UAAU,EAAE,MAAM,cAAc,CAAC;AAEpD,eAAO,MAAM,aAAa,kEAMzB,CAAC"}

package/lib/TextTokens.js

@@ -0,0 +1,7 @@
+import { buildUseTokens } from '@fluentui-react-native/framework';
+import { textName } from './Text.types';
+export var useTextTokens = buildUseTokens(function (t) { return ({
+    variant: 'secondaryStandard',
+    color: t.colors.bodyText,
+}); }, textName);
+//# sourceMappingURL=TextTokens.js.map

package/lib/TextTokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextTokens.js","sourceRoot":"","sources":["../src/TextTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAc,MAAM,cAAc,CAAC;AAEpD,MAAM,CAAC,IAAM,aAAa,GAAG,cAAc,CACzC,UAAC,CAAC,IAAK,OAAA,CAAC;IACN,OAAO,EAAE,mBAAmB;IAC5B,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ;CACzB,CAAC,EAHK,CAGL,EACF,QAAQ,CACT,CAAC"}

package/lib/Variants.d.ts

@@ -0,0 +1,14 @@
+export declare const Caption1: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps<import("@fluentui-react-native/adapters").ITextProps>, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
+export declare const Body1: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps<import("@fluentui-react-native/adapters").ITextProps>, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
+export declare const Body1Strong: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps<import("@fluentui-react-native/adapters").ITextProps>, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
+export declare const Body2: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps<import("@fluentui-react-native/adapters").ITextProps>, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
+export declare const Body2Strong: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps<import("@fluentui-react-native/adapters").ITextProps>, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
+export declare const Subtitle1: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps<import("@fluentui-react-native/adapters").ITextProps>, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
+export declare const Subtitle1Strong: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps<import("@fluentui-react-native/adapters").ITextProps>, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
+export declare const Subtitle2: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps<import("@fluentui-react-native/adapters").ITextProps>, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
+export declare const Subtitle2Strong: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps<import("@fluentui-react-native/adapters").ITextProps>, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
+export declare const Title1: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps<import("@fluentui-react-native/adapters").ITextProps>, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
+export declare const Title1Strong: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps<import("@fluentui-react-native/adapters").ITextProps>, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
+export declare const LargeTitle: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps<import("@fluentui-react-native/adapters").ITextProps>, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
+export declare const Display: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps<import("@fluentui-react-native/adapters").ITextProps>, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
+//# sourceMappingURL=Variants.d.ts.map

package/lib/Variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Variants.d.ts","sourceRoot":"","sources":["../src/Variants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ,kPAAO,CAAC;AAC7B,eAAO,MAAM,KAAK,kPAAO,CAAC;AAC1B,eAAO,MAAM,WAAW,kPAAO,CAAC;AAChC,eAAO,MAAM,KAAK,kPAAO,CAAC;AAC1B,eAAO,MAAM,WAAW,kPAAO,CAAC;AAChC,eAAO,MAAM,SAAS,kPAAO,CAAC;AAC9B,eAAO,MAAM,eAAe,kPAAO,CAAC;AACpC,eAAO,MAAM,SAAS,kPAAO,CAAC;AAC9B,eAAO,MAAM,eAAe,kPAAO,CAAC;AACpC,eAAO,MAAM,MAAM,kPAAO,CAAC;AAC3B,eAAO,MAAM,YAAY,kPAAO,CAAC;AACjC,eAAO,MAAM,UAAU,kPAAO,CAAC;AAC/B,eAAO,MAAM,OAAO,kPAAO,CAAC"}

package/lib/Variants.js

@@ -0,0 +1,16 @@
+import { Text } from './Text';
+// stubbed out for other platforms for which variant alias tokens aren't defined
+export var Caption1 = Text;
+export var Body1 = Text;
+export var Body1Strong = Text;
+export var Body2 = Text;
+export var Body2Strong = Text;
+export var Subtitle1 = Text;
+export var Subtitle1Strong = Text;
+export var Subtitle2 = Text;
+export var Subtitle2Strong = Text;
+export var Title1 = Text;
+export var Title1Strong = Text;
+export var LargeTitle = Text;
+export var Display = Text;
+//# sourceMappingURL=Variants.js.map

package/lib/Variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Variants.js","sourceRoot":"","sources":["../src/Variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,gFAAgF;AAChF,MAAM,CAAC,IAAM,QAAQ,GAAG,IAAI,CAAC;AAC7B,MAAM,CAAC,IAAM,KAAK,GAAG,IAAI,CAAC;AAC1B,MAAM,CAAC,IAAM,WAAW,GAAG,IAAI,CAAC;AAChC,MAAM,CAAC,IAAM,KAAK,GAAG,IAAI,CAAC;AAC1B,MAAM,CAAC,IAAM,WAAW,GAAG,IAAI,CAAC;AAChC,MAAM,CAAC,IAAM,SAAS,GAAG,IAAI,CAAC;AAC9B,MAAM,CAAC,IAAM,eAAe,GAAG,IAAI,CAAC;AACpC,MAAM,CAAC,IAAM,SAAS,GAAG,IAAI,CAAC;AAC9B,MAAM,CAAC,IAAM,eAAe,GAAG,IAAI,CAAC;AACpC,MAAM,CAAC,IAAM,MAAM,GAAG,IAAI,CAAC;AAC3B,MAAM,CAAC,IAAM,YAAY,GAAG,IAAI,CAAC;AACjC,MAAM,CAAC,IAAM,UAAU,GAAG,IAAI,CAAC;AAC/B,MAAM,CAAC,IAAM,OAAO,GAAG,IAAI,CAAC"}

package/lib/Variants.win32.d.ts

@@ -0,0 +1,14 @@
+export declare const Caption1: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps<import("@fluentui-react-native/adapters").ITextProps>, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
+export declare const Body1: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps<import("@fluentui-react-native/adapters").ITextProps>, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
+export declare const Body1Strong: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps<import("@fluentui-react-native/adapters").ITextProps>, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
+export declare const Body2: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps<import("@fluentui-react-native/adapters").ITextProps>, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
+export declare const Body2Strong: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps<import("@fluentui-react-native/adapters").ITextProps>, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
+export declare const Subtitle1: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps<import("@fluentui-react-native/adapters").ITextProps>, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
+export declare const Subtitle1Strong: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps<import("@fluentui-react-native/adapters").ITextProps>, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
+export declare const Subtitle2: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps<import("@fluentui-react-native/adapters").ITextProps>, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
+export declare const Subtitle2Strong: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps<import("@fluentui-react-native/adapters").ITextProps>, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
+export declare const Title1: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps<import("@fluentui-react-native/adapters").ITextProps>, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
+export declare const Title1Strong: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps<import("@fluentui-react-native/adapters").ITextProps>, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
+export declare const LargeTitle: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps<import("@fluentui-react-native/adapters").ITextProps>, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
+export declare const Display: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps<import("@fluentui-react-native/adapters").ITextProps>, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
+//# sourceMappingURL=Variants.win32.d.ts.map

package/lib/Variants.win32.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Variants.win32.d.ts","sourceRoot":"","sources":["../src/Variants.win32.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,kPAEnB,CAAC;AACH,eAAO,MAAM,KAAK,kPAEhB,CAAC;AACH,eAAO,MAAM,WAAW,kPAEtB,CAAC;AACH,eAAO,MAAM,KAAK,kPAEhB,CAAC;AACH,eAAO,MAAM,WAAW,kPAEtB,CAAC;AACH,eAAO,MAAM,SAAS,kPAEpB,CAAC;AACH,eAAO,MAAM,eAAe,kPAE1B,CAAC;AACH,eAAO,MAAM,SAAS,kPAEpB,CAAC;AACH,eAAO,MAAM,eAAe,kPAE1B,CAAC;AACH,eAAO,MAAM,MAAM,kPAEjB,CAAC;AACH,eAAO,MAAM,YAAY,kPAEvB,CAAC;AACH,eAAO,MAAM,UAAU,kPAErB,CAAC;AACH,eAAO,MAAM,OAAO,kPAElB,CAAC"}

package/lib/Variants.win32.js

@@ -0,0 +1,41 @@
+import { Text } from './Text';
+export var Caption1 = Text.customize({
+    variant: 'caption1',
+});
+export var Body1 = Text.customize({
+    variant: 'body1',
+});
+export var Body1Strong = Text.customize({
+    variant: 'body1Strong',
+});
+export var Body2 = Text.customize({
+    variant: 'body2',
+});
+export var Body2Strong = Text.customize({
+    variant: 'body2Strong',
+});
+export var Subtitle1 = Text.customize({
+    variant: 'subtitle1',
+});
+export var Subtitle1Strong = Text.customize({
+    variant: 'subtitle1Strong',
+});
+export var Subtitle2 = Text.customize({
+    variant: 'subtitle2',
+});
+export var Subtitle2Strong = Text.customize({
+    variant: 'subtitle2Strong',
+});
+export var Title1 = Text.customize({
+    variant: 'title1',
+});
+export var Title1Strong = Text.customize({
+    variant: 'title1Strong',
+});
+export var LargeTitle = Text.customize({
+    variant: 'largeTitle',
+});
+export var Display = Text.customize({
+    variant: 'display',
+});
+//# sourceMappingURL=Variants.win32.js.map

package/lib/Variants.win32.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Variants.win32.js","sourceRoot":"","sources":["../src/Variants.win32.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,MAAM,CAAC,IAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC;IACrC,OAAO,EAAE,UAAU;CACpB,CAAC,CAAC;AACH,MAAM,CAAC,IAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC;IAClC,OAAO,EAAE,OAAO;CACjB,CAAC,CAAC;AACH,MAAM,CAAC,IAAM,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC;IACxC,OAAO,EAAE,aAAa;CACvB,CAAC,CAAC;AACH,MAAM,CAAC,IAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC;IAClC,OAAO,EAAE,OAAO;CACjB,CAAC,CAAC;AACH,MAAM,CAAC,IAAM,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC;IACxC,OAAO,EAAE,aAAa;CACvB,CAAC,CAAC;AACH,MAAM,CAAC,IAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;IACtC,OAAO,EAAE,WAAW;CACrB,CAAC,CAAC;AACH,MAAM,CAAC,IAAM,eAAe,GAAG,IAAI,CAAC,SAAS,CAAC;IAC5C,OAAO,EAAE,iBAAiB;CAC3B,CAAC,CAAC;AACH,MAAM,CAAC,IAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;IACtC,OAAO,EAAE,WAAW;CACrB,CAAC,CAAC;AACH,MAAM,CAAC,IAAM,eAAe,GAAG,IAAI,CAAC,SAAS,CAAC;IAC5C,OAAO,EAAE,iBAAiB;CAC3B,CAAC,CAAC;AACH,MAAM,CAAC,IAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC;IACnC,OAAO,EAAE,QAAQ;CAClB,CAAC,CAAC;AACH,MAAM,CAAC,IAAM,YAAY,GAAG,IAAI,CAAC,SAAS,CAAC;IACzC,OAAO,EAAE,cAAc;CACxB,CAAC,CAAC;AACH,MAAM,CAAC,IAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC;IACvC,OAAO,EAAE,YAAY;CACtB,CAAC,CAAC;AACH,MAAM,CAAC,IAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC;IACpC,OAAO,EAAE,SAAS;CACnB,CAAC,CAAC"}

package/lib/__tests__/Text.test.js

@@ -1,48 +1,50 @@
 import * as React from 'react';
-import { Text } from '..';
+import { Text } from '../Text';
 import * as renderer from 'react-test-renderer';
-import { checkReRender, checkRenderConsistency } from '@fluentui-react-native/test-tools';
-it('Text default', function () {
-    var tree = renderer.create(React.createElement(Text, null, "Text default")).toJSON();
-    expect(tree).toMatchSnapshot();
-});
-it('Text all props', function () {
-    var tree = renderer
-        .create(React.createElement(Text, { disabled: true, variant: "bodyStandard" }, "All props"))
-        .toJSON();
-    expect(tree).toMatchSnapshot();
-});
-it('Text all tokens', function () {
-    var BoldText = Text.customize({
-        tokens: {
+import { checkRenderConsistency, checkReRender } from '@fluentui-react-native/test-tools';
+describe('Text component tests', function () {
+    it('Text default', function () {
+        var tree = renderer.create(React.createElement(Text, null, "Text default")).toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+    it('Text all props', function () {
+        var tree = renderer.create(React.createElement(Text, { variant: "bodyStandard" }, "All props")).toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+    it('Text all tokens', function () {
+        var BoldText = Text.customize({
             fontFamily: 'Wingdings',
             fontWeight: '900',
             fontSize: 20,
-        },
+        });
+        var tree = renderer.create(React.createElement(BoldText, null, "All tokens")).toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+    it('Text simple rendering does not invalidate styling', function () {
+        checkRenderConsistency(function () { return React.createElement(Text, null, "Default"); });
+        checkRenderConsistency(function () { return React.createElement(Text, { variant: "headerStandard" }, "Default"); });
+    });
+    it('Text re-renders correctly', function () {
+        checkReRender(function () { return React.createElement(Text, null, "Default"); });
+        checkReRender(function () { return React.createElement(Text, { variant: "headerStandard" }, "Default"); });
+    });
+    it('Text shares produced styles across multiple renders', function () {
+        var style = { color: 'black' };
+        checkRenderConsistency(function () { return React.createElement(Text, { style: style }, "Default"); });
+        checkRenderConsistency(function () { return (React.createElement(Text, { style: style, variant: "headerStandard" }, "Default")); });
+    });
+    it('Text re-renders correctly with style', function () {
+        var style = { color: 'blue' };
+        checkReRender(function () { return React.createElement(Text, { style: style }, "Default"); });
+        checkReRender(function () { return (React.createElement(Text, { style: style, variant: "headerStandard" }, "Default")); });
+    });
+    it('Text variants render correctly with style', function () {
+        var style = {
+            marginBottom: 8,
+            marginTop: 4,
+        };
+        var tree = renderer.create(React.createElement(Text, { variant: "heroLargeSemibold", color: "blue", style: style }, "Header Text"));
+        expect(tree).toMatchSnapshot();
     });
-    var tree = renderer.create(React.createElement(BoldText, null, "All tokens")).toJSON();
-    expect(tree).toMatchSnapshot();
-});
-it('Text simple rendering does not invalidate styling', function () {
-    checkRenderConsistency(function () { return React.createElement(Text, null, "Default"); });
-    checkRenderConsistency(function () { return React.createElement(Text, { disabled: true }, "Default"); });
-    checkRenderConsistency(function () { return React.createElement(Text, { variant: "headerStandard" }, "Default"); });
-});
-it('Text re-renders correctly', function () {
-    checkReRender(function () { return React.createElement(Text, null, "Default"); });
-    checkReRender(function () { return React.createElement(Text, { disabled: true }, "Default"); });
-    checkReRender(function () { return React.createElement(Text, { variant: "headerStandard" }, "Default"); });
-});
-it('Text shares produced styles across multiple renders', function () {
-    var style = { color: 'black' };
-    checkRenderConsistency(function () { return React.createElement(Text, { style: style }, "Default"); });
-    checkRenderConsistency(function () { return (React.createElement(Text, { style: style, disabled: true }, "Default")); });
-    checkRenderConsistency(function () { return (React.createElement(Text, { style: style, variant: "headerStandard" }, "Default")); });
-});
-it('Text re-renders correctly with style', function () {
-    var style = { color: 'blue' };
-    checkReRender(function () { return React.createElement(Text, { style: style }, "Default"); });
-    checkReRender(function () { return (React.createElement(Text, { style: style, disabled: true }, "Default")); });
-    checkReRender(function () { return (React.createElement(Text, { style: style, variant: "headerStandard" }, "Default")); });
 });
 //# sourceMappingURL=Text.test.js.map

package/lib/__tests__/Text.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.test.js","sourceRoot":"","sources":["../../src/__tests__/Text.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,IAAI,CAAC;AAC1B,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAE1F,EAAE,CAAC,cAAc,EAAE;IACjB,IAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,oBAAC,IAAI,uBAAoB,CAAC,CAAC,MAAM,EAAE,CAAC;IACjE,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;AACjC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,gBAAgB,EAAE;IACnB,IAAM,IAAI,GAAG,QAAQ;SAClB,MAAM,CACL,oBAAC,IAAI,IAAC,QAAQ,QAAC,OAAO,EAAC,cAAc,gBAE9B,CACR;SACA,MAAM,EAAE,CAAC;IACZ,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;AACjC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,iBAAiB,EAAE;IACpB,IAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC;QAC9B,MAAM,EAAE;YACN,UAAU,EAAE,WAAW;YACvB,UAAU,EAAE,KAAK;YACjB,QAAQ,EAAE,EAAE;SACb;KACF,CAAC,CAAC;IACH,IAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,oBAAC,QAAQ,qBAAsB,CAAC,CAAC,MAAM,EAAE,CAAC;IACvE,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;AACjC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,mDAAmD,EAAE;IACtD,sBAAsB,CAAC,cAAM,OAAA,oBAAC,IAAI,kBAAe,EAApB,CAAoB,CAAC,CAAC;IACnD,sBAAsB,CAAC,cAAM,OAAA,oBAAC,IAAI,IAAC,QAAQ,oBAAe,EAA7B,CAA6B,CAAC,CAAC;IAC5D,sBAAsB,CAAC,cAAM,OAAA,oBAAC,IAAI,IAAC,OAAO,EAAC,gBAAgB,cAAe,EAA7C,CAA6C,CAAC,CAAC;AAC9E,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,2BAA2B,EAAE;IAC9B,aAAa,CAAC,cAAM,OAAA,oBAAC,IAAI,kBAAe,EAApB,CAAoB,CAAC,CAAC;IAC1C,aAAa,CAAC,cAAM,OAAA,oBAAC,IAAI,IAAC,QAAQ,oBAAe,EAA7B,CAA6B,CAAC,CAAC;IACnD,aAAa,CAAC,cAAM,OAAA,oBAAC,IAAI,IAAC,OAAO,EAAC,gBAAgB,cAAe,EAA7C,CAA6C,CAAC,CAAC;AACrE,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,qDAAqD,EAAE;IACxD,IAAM,KAAK,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;IACjC,sBAAsB,CAAC,cAAM,OAAA,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,cAAgB,EAAlC,CAAkC,CAAC,CAAC;IACjE,sBAAsB,CAAC,cAAM,OAAA,CAC3B,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,oBAErB,CACR,EAJ4B,CAI5B,CAAC,CAAC;IACH,sBAAsB,CAAC,cAAM,OAAA,CAC3B,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC,gBAAgB,cAErC,CACR,EAJ4B,CAI5B,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,sCAAsC,EAAE;IACzC,IAAM,KAAK,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;IAChC,aAAa,CAAC,cAAM,OAAA,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,cAAgB,EAAlC,CAAkC,CAAC,CAAC;IACxD,aAAa,CAAC,cAAM,OAAA,CAClB,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,oBAErB,CACR,EAJmB,CAInB,CAAC,CAAC;IACH,aAAa,CAAC,cAAM,OAAA,CAClB,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC,gBAAgB,cAErC,CACR,EAJmB,CAInB,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Text.test.js","sourceRoot":"","sources":["../../src/__tests__/Text.test.tsx"],"names":[],"mappings":"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"}

package/lib/deprecated/Text.d.ts

@@ -0,0 +1,5 @@
+export declare const Text: import("@uifabricshared/foundation-compose").IComposeReturnType<import("./Text.types").ITextProps<import("@fluentui-react-native/adapters").ITextProps>, {
+    root: import("@fluentui-react-native/adapters").ITextProps;
+}, import("@fluentui-react-native/tokens").FontStyleTokens & import("@fluentui-react-native/tokens").FontVariantTokens & import("@fluentui-react-native/tokens").IForegroundColorTokens & import("@fluentui-react-native/tokens").IBackgroundColorTokens, object, object>;
+export default Text;
+//# sourceMappingURL=Text.d.ts.map

package/lib/deprecated/Text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/deprecated/Text.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,IAAI;;yQASf,CAAC;AAEH,eAAe,IAAI,CAAC"}

package/lib/deprecated/Text.js

@@ -0,0 +1,18 @@
+import { textName } from './Text.types';
+import { compose } from '@uifabricshared/foundation-compose';
+import { Text as RNText } from 'react-native';
+import { filterTextProps } from '@fluentui-react-native/adapters';
+import { foregroundColorTokens, textTokens } from '@fluentui-react-native/tokens';
+import { settings } from './Text.settings';
+export var Text = compose({
+    displayName: textName,
+    settings: settings,
+    slots: {
+        root: { slotType: RNText, filter: filterTextProps },
+    },
+    styles: {
+        root: [textTokens, foregroundColorTokens],
+    },
+});
+export default Text;
+//# sourceMappingURL=Text.js.map

package/lib/deprecated/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../src/deprecated/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAa,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,oCAAoC,CAAC;AAC7D,OAAO,EAAE,IAAI,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,qBAAqB,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAClF,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,MAAM,CAAC,IAAM,IAAI,GAAG,OAAO,CAAY;IACrC,WAAW,EAAE,QAAQ;IACrB,QAAQ,UAAA;IACR,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE;KACpD;IACD,MAAM,EAAE;QACN,IAAI,EAAE,CAAC,UAAU,EAAE,qBAAqB,CAAC;KAC1C;CACF,CAAC,CAAC;AAEH,eAAe,IAAI,CAAC"}

package/lib/deprecated/Text.settings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.settings.d.ts","sourceRoot":"","sources":["../../src/deprecated/Text.settings.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,SAAS,EAAE,MAAM,cAAc,CAAC;AAEnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAEtE,eAAO,MAAM,QAAQ,EAAE,gBAAgB,CAAC,SAAS,CAqBhD,CAAC"}

package/lib/deprecated/Text.settings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.settings.js","sourceRoot":"","sources":["../../src/deprecated/Text.settings.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAa,MAAM,cAAc,CAAC;AAInD,MAAM,CAAC,IAAM,QAAQ,GAAgC;IACnD;QACE,MAAM,EAAE;YACN,OAAO,EAAE,mBAAmB;YAC5B,KAAK,EAAE,UAAU;SAClB;QACD,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,MAAM,EAAE,CAAC;aACG;SACf;QACD,UAAU,EAAE;YACV,QAAQ,EAAE;gBACR,MAAM,EAAE;oBACN,KAAK,EAAE,cAAc;iBACtB;aACF;SACF;QACD,WAAW,EAAE,CAAC,UAAU,CAAC;KAC1B;IACD,QAAQ;CACT,CAAC"}

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

@@ -0,0 +1,17 @@
+import { FontTokens, FontVariantTokens, IForegroundColorTokens, IColorTokens } from '@fluentui-react-native/tokens';
+import { ITextProps as INativeTextProps } from '@fluentui-react-native/adapters';
+export declare const textName = "RNFText";
+/**
+ * Properties for fabric native text field, these extend the default props for text
+ */
+export declare type ITextProps<TBase = INativeTextProps> = TBase & FontVariantTokens & IForegroundColorTokens & {
+    disabled?: boolean;
+};
+export declare type ITextType<TBase = INativeTextProps> = {
+    props: ITextProps<TBase>;
+    tokens: FontTokens & IColorTokens;
+    slotProps: {
+        root: TBase;
+    };
+};
+//# sourceMappingURL=Text.types.d.ts.map

package/lib/deprecated/Text.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.types.d.ts","sourceRoot":"","sources":["../../src/deprecated/Text.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACpH,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAEjF,eAAO,MAAM,QAAQ,YAAY,CAAC;AAElC;;GAEG;AACH,oBAAY,UAAU,CAAC,KAAK,GAAG,gBAAgB,IAAI,KAAK,GACtD,iBAAiB,GACjB,sBAAsB,GAAG;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEJ,oBAAY,SAAS,CAAC,KAAK,GAAG,gBAAgB,IAAI;IAChD,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC;IACzB,MAAM,EAAE,UAAU,GAAG,YAAY,CAAC;IAClC,SAAS,EAAE;QACT,IAAI,EAAE,KAAK,CAAC;KACb,CAAC;CACH,CAAC"}

package/lib/deprecated/Text.types.js

@@ -0,0 +1,2 @@
+export var textName = 'RNFText';
+//# sourceMappingURL=Text.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.types.js","sourceRoot":"","sources":["../../src/deprecated/Text.types.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,IAAM,QAAQ,GAAG,SAAS,CAAC"}

package/lib/index.d.ts

@@ -1,4 +1,7 @@
-export { textName } from './Text.types';
-export type { ITextProps, ITextType } from './Text.types';
-export { Text } from './Text';
+export { Text as TextV1 } from './Text';
+export type { textName as textNameV1, TextProps, TextTokens } from './Text.types';
+export { Caption1, Body1, Body1Strong, Body2, Body2Strong, Subtitle1, Subtitle1Strong, Subtitle2, Subtitle2Strong, Title1, Title1Strong, LargeTitle, Display, } from './Variants';
+export { textName } from './deprecated/Text.types';
+export type { ITextProps, ITextType } from './deprecated/Text.types';
+export { Text } from './deprecated/Text';
 //# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,MAAM,EAAE,MAAM,QAAQ,CAAC;AACxC,YAAY,EAAE,QAAQ,IAAI,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAClF,OAAO,EACL,QAAQ,EACR,KAAK,EACL,WAAW,EACX,KAAK,EACL,WAAW,EACX,SAAS,EACT,eAAe,EACf,SAAS,EACT,eAAe,EACf,MAAM,EACN,YAAY,EACZ,UAAU,EACV,OAAO,GACR,MAAM,YAAY,CAAC;AAGpB,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC"}

package/lib/index.js

@@ -1,3 +1,6 @@
-export { textName } from './Text.types';
-export { Text } from './Text';
+export { Text as TextV1 } from './Text';
+export { Caption1, Body1, Body1Strong, Body2, Body2Strong, Subtitle1, Subtitle1Strong, Subtitle2, Subtitle2Strong, Title1, Title1Strong, LargeTitle, Display, } from './Variants';
+/* deprecated */
+export { textName } from './deprecated/Text.types';
+export { Text } from './deprecated/Text';
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,MAAM,EAAE,MAAM,QAAQ,CAAC;AAExC,OAAO,EACL,QAAQ,EACR,KAAK,EACL,WAAW,EACX,KAAK,EACL,WAAW,EACX,SAAS,EACT,eAAe,EACf,SAAS,EACT,eAAe,EACf,MAAM,EACN,YAAY,EACZ,UAAU,EACV,OAAO,GACR,MAAM,YAAY,CAAC;AAEpB,gBAAgB;AAChB,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAEnD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC"}

package/lib-commonjs/Text.d.ts

@@ -1,5 +1,4 @@
-export declare const Text: import("@uifabricshared/foundation-compose").IComposeReturnType<import("./Text.types").ITextProps<import("@fluentui-react-native/adapters").ITextProps>, {
-    root: import("@fluentui-react-native/adapters").ITextProps;
-}, import("@fluentui-react-native/tokens").FontStyleTokens & import("@fluentui-react-native/tokens").FontVariantTokens & import("@fluentui-react-native/tokens").IForegroundColorTokens & import("@fluentui-react-native/tokens").IBackgroundColorTokens, object, object>;
+import { TextProps, TextTokens } from './Text.types';
+export declare const Text: import("@fluentui-react-native/use-tokens").CustomizableComponent<TextProps<import("@fluentui-react-native/adapters").ITextProps>, TextTokens, import("@fluentui-react-native/framework").Theme>;
 export default Text;
 //# sourceMappingURL=Text.d.ts.map

package/lib-commonjs/Text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../src/Text.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,IAAI;;yQASf,CAAC;AAEH,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../src/Text.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAY,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI/D,eAAO,MAAM,IAAI,kMAwFA,CAAC;AAGlB,eAAe,IAAI,CAAC"}

package/lib-commonjs/Text.js

@@ -1,21 +1,88 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Text = void 0;
-var Text_types_1 = require("./Text.types");
-var foundation_compose_1 = require("@uifabricshared/foundation-compose");
+/** @jsx withSlots */
+var framework_1 = require("@fluentui-react-native/framework");
+var theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
 var react_native_1 = require("react-native");
-var adapters_1 = require("@fluentui-react-native/adapters");
-var tokens_1 = require("@fluentui-react-native/tokens");
-var Text_settings_1 = require("./Text.settings");
-exports.Text = (0, foundation_compose_1.compose)({
-    displayName: Text_types_1.textName,
-    settings: Text_settings_1.settings,
-    slots: {
-        root: { slotType: react_native_1.Text, filter: adapters_1.filterTextProps },
-    },
-    styles: {
-        root: [tokens_1.textTokens, tokens_1.foregroundColorTokens],
-    },
-});
+var Text_types_1 = require("./Text.types");
+var TextTokens_1 = require("./TextTokens");
+var react_1 = __importDefault(require("react"));
+exports.Text = (0, framework_1.compressible)(function (props, useTokens) {
+    var _a;
+    // split out color and variant from props
+    var align = props.align, block = props.block, color = props.color, font = props.font, italic = props.italic, onAccessibilityTap = props.onAccessibilityTap, onKeyDown = props.onKeyDown, onPress = props.onPress, size = props.size, strikethrough = props.strikethrough, style = props.style, _b = props.truncate, truncate = _b === void 0 ? false : _b, underline = props.underline, variant = props.variant, weight = props.weight, _c = props.wrap, wrap = _c === void 0 ? true : _c, rest = __rest(props, ["align", "block", "color", "font", "italic", "onAccessibilityTap", "onKeyDown", "onPress", "size", "strikethrough", "style", "truncate", "underline", "variant", "weight", "wrap"]);
+    var theme = (0, framework_1.useFluentTheme)();
+    // get the tokens from the theme
+    var _d = useTokens(theme), tokens = _d[0], cache = _d[1];
+    var textAlign = react_native_1.I18nManager.isRTL
+        ? align === 'start'
+            ? 'right'
+            : align === 'end'
+                ? 'left'
+                : align
+        : align === 'start'
+            ? 'left'
+            : align === 'end'
+                ? 'right'
+                : align;
+    var onAccTap = react_1.default.useCallback(function (event) {
+        onAccessibilityTap ? onAccessibilityTap() : onPress(event);
+    }, [onPress, onAccessibilityTap]);
+    // override tokens from props
+    _a = (0, framework_1.patchTokens)(tokens, cache, {
+        color: color,
+        variant: variant,
+        fontFamily: font == 'base' ? 'primary' : font,
+        fontSize: theme_tokens_1.globalTokens.font.size[size],
+        fontWeight: theme_tokens_1.globalTokens.font.weight[weight],
+        // leave it undefined for tokens to be set by user
+        fontStyle: italic ? 'italic' : undefined,
+        textAlign: textAlign,
+        textDecorationLine: underline && strikethrough ? 'underline line-through' : underline ? 'underline' : strikethrough ? 'line-through' : undefined,
+    }), tokens = _a[0], cache = _a[1];
+    // now build the text style from tokens that can be shared between different Text instances
+    var tokenStyle = cache(function () { return (__assign({ margin: 0, color: tokens.color, fontStyle: tokens.fontStyle, textAlign: tokens.textAlign, textDecorationLine: tokens.textDecorationLine }, framework_1.fontStyles.from(tokens, theme))); }, __spreadArray(['color', 'fontStyle', 'textAlign', 'textDecorationLine'], framework_1.fontStyles.keys, true))[0];
+    // return a continuation function that allows this text to be compressed
+    return function (extra, children) {
+        var mergedProps = __assign(__assign(__assign(__assign(__assign({ numberOfLines: truncate || !wrap ? 1 : 0, onKeyDown: react_native_1.Platform.OS === ('win32' || 'windows') ? onKeyDown : undefined }, (react_native_1.Platform.OS === ('win32' || 'windows') && { onAccessibilityTap: onAccTap })), { onPress: onPress }), rest), extra), { style: (0, framework_1.mergeStyles)(tokenStyle, props.style, extra === null || extra === void 0 ? void 0 : extra.style) });
+        return ((0, framework_1.withSlots)(react_native_1.Text, __assign({ ellipsizeMode: !wrap && !truncate ? 'clip' : 'tail' }, mergedProps), children));
+    };
+}, TextTokens_1.useTextTokens);
+exports.Text.displayName = Text_types_1.textName;
 exports.default = exports.Text;
 //# sourceMappingURL=Text.js.map