@fluentui-react-native/text 0.12.0 → 0.14.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +46 -1
- package/CHANGELOG.md +26 -2
- package/MIGRATION.md +98 -0
- package/README.md +5 -0
- package/SPEC.md +235 -0
- package/assets/Text_example_block_win32.png +0 -0
- package/assets/Text_example_customized_win32.png +0 -0
- package/assets/Text_example_inline_win32.png +0 -0
- package/assets/Text_example_pressable_win32.png +0 -0
- package/assets/Text_example_underlined_win32.png +0 -0
- package/assets/Text_example_variants_win32.png +0 -0
- package/lib/Text.d.ts +2 -3
- package/lib/Text.d.ts.map +1 -1
- package/lib/Text.js +79 -15
- package/lib/Text.js.map +1 -1
- package/lib/Text.types.d.ts +79 -13
- package/lib/Text.types.d.ts.map +1 -1
- package/lib/Text.types.js +1 -1
- package/lib/Text.types.js.map +1 -1
- package/lib/TextTokens.d.ts +3 -0
- package/lib/TextTokens.d.ts.map +1 -0
- package/lib/TextTokens.js +7 -0
- package/lib/TextTokens.js.map +1 -0
- package/lib/Variants.d.ts +14 -0
- package/lib/Variants.d.ts.map +1 -0
- package/lib/Variants.js +16 -0
- package/lib/Variants.js.map +1 -0
- package/lib/Variants.win32.d.ts +14 -0
- package/lib/Variants.win32.d.ts.map +1 -0
- package/lib/Variants.win32.js +41 -0
- package/lib/Variants.win32.js.map +1 -0
- package/lib/__tests__/Text.test.js +42 -40
- package/lib/__tests__/Text.test.js.map +1 -1
- package/lib/deprecated/Text.d.ts +5 -0
- package/lib/deprecated/Text.d.ts.map +1 -0
- package/lib/deprecated/Text.js +18 -0
- package/lib/deprecated/Text.js.map +1 -0
- package/lib/{Text.settings.d.ts → deprecated/Text.settings.d.ts} +0 -0
- package/lib/deprecated/Text.settings.d.ts.map +1 -0
- package/lib/{Text.settings.js → deprecated/Text.settings.js} +0 -0
- package/lib/deprecated/Text.settings.js.map +1 -0
- package/lib/deprecated/Text.types.d.ts +17 -0
- package/lib/deprecated/Text.types.d.ts.map +1 -0
- package/lib/deprecated/Text.types.js +2 -0
- package/lib/deprecated/Text.types.js.map +1 -0
- package/lib/index.d.ts +6 -3
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +5 -2
- package/lib/index.js.map +1 -1
- package/lib-commonjs/Text.d.ts +2 -3
- package/lib-commonjs/Text.d.ts.map +1 -1
- package/lib-commonjs/Text.js +82 -15
- package/lib-commonjs/Text.js.map +1 -1
- package/lib-commonjs/Text.types.d.ts +79 -13
- package/lib-commonjs/Text.types.d.ts.map +1 -1
- package/lib-commonjs/Text.types.js +1 -1
- package/lib-commonjs/Text.types.js.map +1 -1
- package/lib-commonjs/TextTokens.d.ts +3 -0
- package/lib-commonjs/TextTokens.d.ts.map +1 -0
- package/lib-commonjs/TextTokens.js +10 -0
- package/lib-commonjs/TextTokens.js.map +1 -0
- package/lib-commonjs/Variants.d.ts +14 -0
- package/lib-commonjs/Variants.d.ts.map +1 -0
- package/lib-commonjs/Variants.js +19 -0
- package/lib-commonjs/Variants.js.map +1 -0
- package/lib-commonjs/Variants.win32.d.ts +14 -0
- package/lib-commonjs/Variants.win32.d.ts.map +1 -0
- package/lib-commonjs/Variants.win32.js +44 -0
- package/lib-commonjs/Variants.win32.js.map +1 -0
- package/lib-commonjs/__tests__/Text.test.js +41 -39
- package/lib-commonjs/__tests__/Text.test.js.map +1 -1
- package/lib-commonjs/deprecated/Text.d.ts +5 -0
- package/lib-commonjs/deprecated/Text.d.ts.map +1 -0
- package/lib-commonjs/deprecated/Text.js +21 -0
- package/lib-commonjs/deprecated/Text.js.map +1 -0
- package/lib-commonjs/{Text.settings.d.ts → deprecated/Text.settings.d.ts} +0 -0
- package/lib-commonjs/deprecated/Text.settings.d.ts.map +1 -0
- package/lib-commonjs/{Text.settings.js → deprecated/Text.settings.js} +0 -0
- package/lib-commonjs/deprecated/Text.settings.js.map +1 -0
- package/lib-commonjs/deprecated/Text.types.d.ts +17 -0
- package/lib-commonjs/deprecated/Text.types.d.ts.map +1 -0
- package/lib-commonjs/deprecated/Text.types.js +5 -0
- package/lib-commonjs/deprecated/Text.types.js.map +1 -0
- package/lib-commonjs/index.d.ts +6 -3
- package/lib-commonjs/index.d.ts.map +1 -1
- package/lib-commonjs/index.js +21 -4
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +6 -3
- package/src/Text.tsx +106 -16
- package/src/Text.types.ts +91 -15
- package/src/TextTokens.ts +10 -0
- package/src/Variants.ts +16 -0
- package/src/Variants.win32.ts +41 -0
- package/src/__tests__/Text.test.tsx +55 -60
- package/src/__tests__/__snapshots__/Text.test.tsx.snap +39 -4
- package/src/{Text.settings.ts → deprecated/Text.settings.ts} +0 -0
- package/src/deprecated/Text.tsx +19 -0
- package/src/deprecated/Text.types.ts +21 -0
- package/src/index.ts +22 -3
- package/lib/Text.settings.d.ts.map +0 -1
- package/lib/Text.settings.js.map +0 -1
- package/lib-commonjs/Text.settings.d.ts.map +0 -1
- package/lib-commonjs/Text.settings.js.map +0 -1
|
@@ -1,17 +1,83 @@
|
|
|
1
|
-
import { FontTokens, FontVariantTokens, IForegroundColorTokens
|
|
2
|
-
import { ITextProps
|
|
3
|
-
|
|
1
|
+
import { FontTokens, FontVariantTokens, IForegroundColorTokens } from '@fluentui-react-native/framework';
|
|
2
|
+
import { ITextProps } from '@fluentui-react-native/adapters';
|
|
3
|
+
import { ColorValue, TextStyle } from 'react-native';
|
|
4
|
+
export declare const textName = "Text";
|
|
4
5
|
/**
|
|
5
|
-
*
|
|
6
|
+
* Text tokens, these are the internally configurable values for Text elements. In particular these
|
|
7
|
+
* drive decisions on how to build the styles
|
|
6
8
|
*/
|
|
7
|
-
export declare type
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
export declare type
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
9
|
+
export declare type TextTokens = Omit<FontTokens, 'fontFamily'> & IForegroundColorTokens & Omit<TextStyle, 'fontSize' | 'fontWeight' | 'color'>;
|
|
10
|
+
export declare type TextAlign = 'start' | 'center' | 'end' | 'justify';
|
|
11
|
+
export declare type TextFont = 'base' | 'monospace' | 'numeric';
|
|
12
|
+
export declare type TextSize = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000;
|
|
13
|
+
export declare type TextWeight = 'regular' | 'medium' | 'semibold' | 'bold';
|
|
14
|
+
/**
|
|
15
|
+
* Text props, based off of the standard react-native TextProps with some new extensions
|
|
16
|
+
*/
|
|
17
|
+
export declare type TextProps<TBase = ITextProps> = TBase & FontVariantTokens & {
|
|
18
|
+
/**
|
|
19
|
+
* foreground text color
|
|
20
|
+
*/
|
|
21
|
+
color?: ColorValue;
|
|
22
|
+
/**
|
|
23
|
+
* Aligns text based on the parent container.
|
|
24
|
+
*
|
|
25
|
+
* @defaultValue start
|
|
26
|
+
*/
|
|
27
|
+
align?: TextAlign;
|
|
28
|
+
/**
|
|
29
|
+
* Applies a block display for the content.
|
|
30
|
+
*
|
|
31
|
+
* @defaultValue false
|
|
32
|
+
*/
|
|
33
|
+
block?: boolean;
|
|
34
|
+
/**
|
|
35
|
+
* Applies the font family to the content.
|
|
36
|
+
*
|
|
37
|
+
* @defaultValue base
|
|
38
|
+
*/
|
|
39
|
+
font?: TextFont;
|
|
40
|
+
/**
|
|
41
|
+
* Applies the italic font style to the content.
|
|
42
|
+
*
|
|
43
|
+
* @defaultValue false
|
|
44
|
+
*/
|
|
45
|
+
italic?: boolean;
|
|
46
|
+
/**
|
|
47
|
+
* Applies the strikethrough text decoration to the content.
|
|
48
|
+
*
|
|
49
|
+
* @defaultValue false
|
|
50
|
+
*/
|
|
51
|
+
strikethrough?: boolean;
|
|
52
|
+
/**
|
|
53
|
+
* Applies font size and line height based on the theme tokens.
|
|
54
|
+
*
|
|
55
|
+
* @defaultValue 300
|
|
56
|
+
*/
|
|
57
|
+
size?: TextSize;
|
|
58
|
+
/**
|
|
59
|
+
* Truncate overflowing text for block displays.
|
|
60
|
+
*
|
|
61
|
+
* @defaultValue false
|
|
62
|
+
*/
|
|
63
|
+
truncate?: boolean;
|
|
64
|
+
/**
|
|
65
|
+
* Applies the underline text decoration to the content.
|
|
66
|
+
*
|
|
67
|
+
* @defaultValue false
|
|
68
|
+
*/
|
|
69
|
+
underline?: boolean;
|
|
70
|
+
/**
|
|
71
|
+
* Applies font weight to the content.
|
|
72
|
+
*
|
|
73
|
+
* @defaultValue regular
|
|
74
|
+
*/
|
|
75
|
+
weight?: TextWeight;
|
|
76
|
+
/**
|
|
77
|
+
* Wraps the text content on white spaces.
|
|
78
|
+
*
|
|
79
|
+
* @defaultValue true
|
|
80
|
+
*/
|
|
81
|
+
wrap?: boolean;
|
|
16
82
|
};
|
|
17
83
|
//# sourceMappingURL=Text.types.d.ts.map
|
|
@@ -1 +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,
|
|
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,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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.types.js","sourceRoot":"","sources":["../src/Text.types.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"Text.types.js","sourceRoot":"","sources":["../src/Text.types.ts"],"names":[],"mappings":";;;AAIa,QAAA,QAAQ,GAAG,MAAM,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useTextTokens = void 0;
|
|
4
|
+
var framework_1 = require("@fluentui-react-native/framework");
|
|
5
|
+
var Text_types_1 = require("./Text.types");
|
|
6
|
+
exports.useTextTokens = (0, framework_1.buildUseTokens)(function (t) { return ({
|
|
7
|
+
variant: 'secondaryStandard',
|
|
8
|
+
color: t.colors.bodyText,
|
|
9
|
+
}); }, Text_types_1.textName);
|
|
10
|
+
//# sourceMappingURL=TextTokens.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextTokens.js","sourceRoot":"","sources":["../src/TextTokens.ts"],"names":[],"mappings":";;;AAAA,8DAAkE;AAClE,2CAAoD;AAEvC,QAAA,aAAa,GAAG,IAAA,0BAAc,EACzC,UAAC,CAAC,IAAK,OAAA,CAAC;IACN,OAAO,EAAE,mBAAmB;IAC5B,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ;CACzB,CAAC,EAHK,CAGL,EACF,qBAAQ,CACT,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
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>;
|
|
2
|
+
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>;
|
|
3
|
+
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>;
|
|
4
|
+
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>;
|
|
5
|
+
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>;
|
|
6
|
+
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>;
|
|
7
|
+
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>;
|
|
8
|
+
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>;
|
|
9
|
+
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>;
|
|
10
|
+
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>;
|
|
11
|
+
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>;
|
|
12
|
+
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>;
|
|
13
|
+
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>;
|
|
14
|
+
//# sourceMappingURL=Variants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Display = exports.LargeTitle = exports.Title1Strong = exports.Title1 = exports.Subtitle2Strong = exports.Subtitle2 = exports.Subtitle1Strong = exports.Subtitle1 = exports.Body2Strong = exports.Body2 = exports.Body1Strong = exports.Body1 = exports.Caption1 = void 0;
|
|
4
|
+
var Text_1 = require("./Text");
|
|
5
|
+
// stubbed out for other platforms for which variant alias tokens aren't defined
|
|
6
|
+
exports.Caption1 = Text_1.Text;
|
|
7
|
+
exports.Body1 = Text_1.Text;
|
|
8
|
+
exports.Body1Strong = Text_1.Text;
|
|
9
|
+
exports.Body2 = Text_1.Text;
|
|
10
|
+
exports.Body2Strong = Text_1.Text;
|
|
11
|
+
exports.Subtitle1 = Text_1.Text;
|
|
12
|
+
exports.Subtitle1Strong = Text_1.Text;
|
|
13
|
+
exports.Subtitle2 = Text_1.Text;
|
|
14
|
+
exports.Subtitle2Strong = Text_1.Text;
|
|
15
|
+
exports.Title1 = Text_1.Text;
|
|
16
|
+
exports.Title1Strong = Text_1.Text;
|
|
17
|
+
exports.LargeTitle = Text_1.Text;
|
|
18
|
+
exports.Display = Text_1.Text;
|
|
19
|
+
//# sourceMappingURL=Variants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Variants.js","sourceRoot":"","sources":["../src/Variants.ts"],"names":[],"mappings":";;;AAAA,+BAA8B;AAE9B,gFAAgF;AACnE,QAAA,QAAQ,GAAG,WAAI,CAAC;AAChB,QAAA,KAAK,GAAG,WAAI,CAAC;AACb,QAAA,WAAW,GAAG,WAAI,CAAC;AACnB,QAAA,KAAK,GAAG,WAAI,CAAC;AACb,QAAA,WAAW,GAAG,WAAI,CAAC;AACnB,QAAA,SAAS,GAAG,WAAI,CAAC;AACjB,QAAA,eAAe,GAAG,WAAI,CAAC;AACvB,QAAA,SAAS,GAAG,WAAI,CAAC;AACjB,QAAA,eAAe,GAAG,WAAI,CAAC;AACvB,QAAA,MAAM,GAAG,WAAI,CAAC;AACd,QAAA,YAAY,GAAG,WAAI,CAAC;AACpB,QAAA,UAAU,GAAG,WAAI,CAAC;AAClB,QAAA,OAAO,GAAG,WAAI,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
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>;
|
|
2
|
+
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>;
|
|
3
|
+
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>;
|
|
4
|
+
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>;
|
|
5
|
+
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>;
|
|
6
|
+
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>;
|
|
7
|
+
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>;
|
|
8
|
+
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>;
|
|
9
|
+
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>;
|
|
10
|
+
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>;
|
|
11
|
+
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>;
|
|
12
|
+
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>;
|
|
13
|
+
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>;
|
|
14
|
+
//# sourceMappingURL=Variants.win32.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Display = exports.LargeTitle = exports.Title1Strong = exports.Title1 = exports.Subtitle2Strong = exports.Subtitle2 = exports.Subtitle1Strong = exports.Subtitle1 = exports.Body2Strong = exports.Body2 = exports.Body1Strong = exports.Body1 = exports.Caption1 = void 0;
|
|
4
|
+
var Text_1 = require("./Text");
|
|
5
|
+
exports.Caption1 = Text_1.Text.customize({
|
|
6
|
+
variant: 'caption1',
|
|
7
|
+
});
|
|
8
|
+
exports.Body1 = Text_1.Text.customize({
|
|
9
|
+
variant: 'body1',
|
|
10
|
+
});
|
|
11
|
+
exports.Body1Strong = Text_1.Text.customize({
|
|
12
|
+
variant: 'body1Strong',
|
|
13
|
+
});
|
|
14
|
+
exports.Body2 = Text_1.Text.customize({
|
|
15
|
+
variant: 'body2',
|
|
16
|
+
});
|
|
17
|
+
exports.Body2Strong = Text_1.Text.customize({
|
|
18
|
+
variant: 'body2Strong',
|
|
19
|
+
});
|
|
20
|
+
exports.Subtitle1 = Text_1.Text.customize({
|
|
21
|
+
variant: 'subtitle1',
|
|
22
|
+
});
|
|
23
|
+
exports.Subtitle1Strong = Text_1.Text.customize({
|
|
24
|
+
variant: 'subtitle1Strong',
|
|
25
|
+
});
|
|
26
|
+
exports.Subtitle2 = Text_1.Text.customize({
|
|
27
|
+
variant: 'subtitle2',
|
|
28
|
+
});
|
|
29
|
+
exports.Subtitle2Strong = Text_1.Text.customize({
|
|
30
|
+
variant: 'subtitle2Strong',
|
|
31
|
+
});
|
|
32
|
+
exports.Title1 = Text_1.Text.customize({
|
|
33
|
+
variant: 'title1',
|
|
34
|
+
});
|
|
35
|
+
exports.Title1Strong = Text_1.Text.customize({
|
|
36
|
+
variant: 'title1Strong',
|
|
37
|
+
});
|
|
38
|
+
exports.LargeTitle = Text_1.Text.customize({
|
|
39
|
+
variant: 'largeTitle',
|
|
40
|
+
});
|
|
41
|
+
exports.Display = Text_1.Text.customize({
|
|
42
|
+
variant: 'display',
|
|
43
|
+
});
|
|
44
|
+
//# sourceMappingURL=Variants.win32.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Variants.win32.js","sourceRoot":"","sources":["../src/Variants.win32.ts"],"names":[],"mappings":";;;AAAA,+BAA8B;AAEjB,QAAA,QAAQ,GAAG,WAAI,CAAC,SAAS,CAAC;IACrC,OAAO,EAAE,UAAU;CACpB,CAAC,CAAC;AACU,QAAA,KAAK,GAAG,WAAI,CAAC,SAAS,CAAC;IAClC,OAAO,EAAE,OAAO;CACjB,CAAC,CAAC;AACU,QAAA,WAAW,GAAG,WAAI,CAAC,SAAS,CAAC;IACxC,OAAO,EAAE,aAAa;CACvB,CAAC,CAAC;AACU,QAAA,KAAK,GAAG,WAAI,CAAC,SAAS,CAAC;IAClC,OAAO,EAAE,OAAO;CACjB,CAAC,CAAC;AACU,QAAA,WAAW,GAAG,WAAI,CAAC,SAAS,CAAC;IACxC,OAAO,EAAE,aAAa;CACvB,CAAC,CAAC;AACU,QAAA,SAAS,GAAG,WAAI,CAAC,SAAS,CAAC;IACtC,OAAO,EAAE,WAAW;CACrB,CAAC,CAAC;AACU,QAAA,eAAe,GAAG,WAAI,CAAC,SAAS,CAAC;IAC5C,OAAO,EAAE,iBAAiB;CAC3B,CAAC,CAAC;AACU,QAAA,SAAS,GAAG,WAAI,CAAC,SAAS,CAAC;IACtC,OAAO,EAAE,WAAW;CACrB,CAAC,CAAC;AACU,QAAA,eAAe,GAAG,WAAI,CAAC,SAAS,CAAC;IAC5C,OAAO,EAAE,iBAAiB;CAC3B,CAAC,CAAC;AACU,QAAA,MAAM,GAAG,WAAI,CAAC,SAAS,CAAC;IACnC,OAAO,EAAE,QAAQ;CAClB,CAAC,CAAC;AACU,QAAA,YAAY,GAAG,WAAI,CAAC,SAAS,CAAC;IACzC,OAAO,EAAE,cAAc;CACxB,CAAC,CAAC;AACU,QAAA,UAAU,GAAG,WAAI,CAAC,SAAS,CAAC;IACvC,OAAO,EAAE,YAAY;CACtB,CAAC,CAAC;AACU,QAAA,OAAO,GAAG,WAAI,CAAC,SAAS,CAAC;IACpC,OAAO,EAAE,SAAS;CACnB,CAAC,CAAC"}
|
|
@@ -20,50 +20,52 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
20
20
|
};
|
|
21
21
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
22
22
|
var React = __importStar(require("react"));
|
|
23
|
-
var
|
|
23
|
+
var Text_1 = require("../Text");
|
|
24
24
|
var renderer = __importStar(require("react-test-renderer"));
|
|
25
25
|
var test_tools_1 = require("@fluentui-react-native/test-tools");
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
.create(React.createElement(
|
|
33
|
-
.
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
var BoldText = __1.Text.customize({
|
|
38
|
-
tokens: {
|
|
26
|
+
describe('Text component tests', function () {
|
|
27
|
+
it('Text default', function () {
|
|
28
|
+
var tree = renderer.create(React.createElement(Text_1.Text, null, "Text default")).toJSON();
|
|
29
|
+
expect(tree).toMatchSnapshot();
|
|
30
|
+
});
|
|
31
|
+
it('Text all props', function () {
|
|
32
|
+
var tree = renderer.create(React.createElement(Text_1.Text, { variant: "bodyStandard" }, "All props")).toJSON();
|
|
33
|
+
expect(tree).toMatchSnapshot();
|
|
34
|
+
});
|
|
35
|
+
it('Text all tokens', function () {
|
|
36
|
+
var BoldText = Text_1.Text.customize({
|
|
39
37
|
fontFamily: 'Wingdings',
|
|
40
38
|
fontWeight: '900',
|
|
41
39
|
fontSize: 20,
|
|
42
|
-
}
|
|
40
|
+
});
|
|
41
|
+
var tree = renderer.create(React.createElement(BoldText, null, "All tokens")).toJSON();
|
|
42
|
+
expect(tree).toMatchSnapshot();
|
|
43
|
+
});
|
|
44
|
+
it('Text simple rendering does not invalidate styling', function () {
|
|
45
|
+
(0, test_tools_1.checkRenderConsistency)(function () { return React.createElement(Text_1.Text, null, "Default"); });
|
|
46
|
+
(0, test_tools_1.checkRenderConsistency)(function () { return React.createElement(Text_1.Text, { variant: "headerStandard" }, "Default"); });
|
|
47
|
+
});
|
|
48
|
+
it('Text re-renders correctly', function () {
|
|
49
|
+
(0, test_tools_1.checkReRender)(function () { return React.createElement(Text_1.Text, null, "Default"); });
|
|
50
|
+
(0, test_tools_1.checkReRender)(function () { return React.createElement(Text_1.Text, { variant: "headerStandard" }, "Default"); });
|
|
51
|
+
});
|
|
52
|
+
it('Text shares produced styles across multiple renders', function () {
|
|
53
|
+
var style = { color: 'black' };
|
|
54
|
+
(0, test_tools_1.checkRenderConsistency)(function () { return React.createElement(Text_1.Text, { style: style }, "Default"); });
|
|
55
|
+
(0, test_tools_1.checkRenderConsistency)(function () { return (React.createElement(Text_1.Text, { style: style, variant: "headerStandard" }, "Default")); });
|
|
56
|
+
});
|
|
57
|
+
it('Text re-renders correctly with style', function () {
|
|
58
|
+
var style = { color: 'blue' };
|
|
59
|
+
(0, test_tools_1.checkReRender)(function () { return React.createElement(Text_1.Text, { style: style }, "Default"); });
|
|
60
|
+
(0, test_tools_1.checkReRender)(function () { return (React.createElement(Text_1.Text, { style: style, variant: "headerStandard" }, "Default")); });
|
|
61
|
+
});
|
|
62
|
+
it('Text variants render correctly with style', function () {
|
|
63
|
+
var style = {
|
|
64
|
+
marginBottom: 8,
|
|
65
|
+
marginTop: 4,
|
|
66
|
+
};
|
|
67
|
+
var tree = renderer.create(React.createElement(Text_1.Text, { variant: "heroLargeSemibold", color: "blue", style: style }, "Header Text"));
|
|
68
|
+
expect(tree).toMatchSnapshot();
|
|
43
69
|
});
|
|
44
|
-
var tree = renderer.create(React.createElement(BoldText, null, "All tokens")).toJSON();
|
|
45
|
-
expect(tree).toMatchSnapshot();
|
|
46
|
-
});
|
|
47
|
-
it('Text simple rendering does not invalidate styling', function () {
|
|
48
|
-
(0, test_tools_1.checkRenderConsistency)(function () { return React.createElement(__1.Text, null, "Default"); });
|
|
49
|
-
(0, test_tools_1.checkRenderConsistency)(function () { return React.createElement(__1.Text, { disabled: true }, "Default"); });
|
|
50
|
-
(0, test_tools_1.checkRenderConsistency)(function () { return React.createElement(__1.Text, { variant: "headerStandard" }, "Default"); });
|
|
51
|
-
});
|
|
52
|
-
it('Text re-renders correctly', function () {
|
|
53
|
-
(0, test_tools_1.checkReRender)(function () { return React.createElement(__1.Text, null, "Default"); });
|
|
54
|
-
(0, test_tools_1.checkReRender)(function () { return React.createElement(__1.Text, { disabled: true }, "Default"); });
|
|
55
|
-
(0, test_tools_1.checkReRender)(function () { return React.createElement(__1.Text, { variant: "headerStandard" }, "Default"); });
|
|
56
|
-
});
|
|
57
|
-
it('Text shares produced styles across multiple renders', function () {
|
|
58
|
-
var style = { color: 'black' };
|
|
59
|
-
(0, test_tools_1.checkRenderConsistency)(function () { return React.createElement(__1.Text, { style: style }, "Default"); });
|
|
60
|
-
(0, test_tools_1.checkRenderConsistency)(function () { return (React.createElement(__1.Text, { style: style, disabled: true }, "Default")); });
|
|
61
|
-
(0, test_tools_1.checkRenderConsistency)(function () { return (React.createElement(__1.Text, { style: style, variant: "headerStandard" }, "Default")); });
|
|
62
|
-
});
|
|
63
|
-
it('Text re-renders correctly with style', function () {
|
|
64
|
-
var style = { color: 'blue' };
|
|
65
|
-
(0, test_tools_1.checkReRender)(function () { return React.createElement(__1.Text, { style: style }, "Default"); });
|
|
66
|
-
(0, test_tools_1.checkReRender)(function () { return (React.createElement(__1.Text, { style: style, disabled: true }, "Default")); });
|
|
67
|
-
(0, test_tools_1.checkReRender)(function () { return (React.createElement(__1.Text, { style: style, variant: "headerStandard" }, "Default")); });
|
|
68
70
|
});
|
|
69
71
|
//# sourceMappingURL=Text.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.test.js","sourceRoot":"","sources":["../../src/__tests__/Text.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,
|
|
1
|
+
{"version":3,"file":"Text.test.js","sourceRoot":"","sources":["../../src/__tests__/Text.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export declare const Text: import("@uifabricshared/foundation-compose").IComposeReturnType<import("./Text.types").ITextProps<import("@fluentui-react-native/adapters").ITextProps>, {
|
|
2
|
+
root: import("@fluentui-react-native/adapters").ITextProps;
|
|
3
|
+
}, 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>;
|
|
4
|
+
export default Text;
|
|
5
|
+
//# sourceMappingURL=Text.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Text = void 0;
|
|
4
|
+
var Text_types_1 = require("./Text.types");
|
|
5
|
+
var foundation_compose_1 = require("@uifabricshared/foundation-compose");
|
|
6
|
+
var react_native_1 = require("react-native");
|
|
7
|
+
var adapters_1 = require("@fluentui-react-native/adapters");
|
|
8
|
+
var tokens_1 = require("@fluentui-react-native/tokens");
|
|
9
|
+
var Text_settings_1 = require("./Text.settings");
|
|
10
|
+
exports.Text = (0, foundation_compose_1.compose)({
|
|
11
|
+
displayName: Text_types_1.textName,
|
|
12
|
+
settings: Text_settings_1.settings,
|
|
13
|
+
slots: {
|
|
14
|
+
root: { slotType: react_native_1.Text, filter: adapters_1.filterTextProps },
|
|
15
|
+
},
|
|
16
|
+
styles: {
|
|
17
|
+
root: [tokens_1.textTokens, tokens_1.foregroundColorTokens],
|
|
18
|
+
},
|
|
19
|
+
});
|
|
20
|
+
exports.default = exports.Text;
|
|
21
|
+
//# sourceMappingURL=Text.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../src/deprecated/Text.tsx"],"names":[],"mappings":";;;AAAA,2CAAmD;AACnD,yEAA6D;AAC7D,6CAA8C;AAC9C,4DAAkE;AAClE,wDAAkF;AAClF,iDAA2C;AAE9B,QAAA,IAAI,GAAG,IAAA,4BAAO,EAAY;IACrC,WAAW,EAAE,qBAAQ;IACrB,QAAQ,0BAAA;IACR,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,QAAQ,EAAE,mBAAM,EAAE,MAAM,EAAE,0BAAe,EAAE;KACpD;IACD,MAAM,EAAE;QACN,IAAI,EAAE,CAAC,mBAAU,EAAE,8BAAqB,CAAC;KAC1C;CACF,CAAC,CAAC;AAEH,kBAAe,YAAI,CAAC"}
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Text.settings.js","sourceRoot":"","sources":["../../src/deprecated/Text.settings.ts"],"names":[],"mappings":";;;AAAA,2CAAmD;AAItC,QAAA,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,qBAAQ;CACT,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { FontTokens, FontVariantTokens, IForegroundColorTokens, IColorTokens } from '@fluentui-react-native/tokens';
|
|
2
|
+
import { ITextProps as INativeTextProps } from '@fluentui-react-native/adapters';
|
|
3
|
+
export declare const textName = "RNFText";
|
|
4
|
+
/**
|
|
5
|
+
* Properties for fabric native text field, these extend the default props for text
|
|
6
|
+
*/
|
|
7
|
+
export declare type ITextProps<TBase = INativeTextProps> = TBase & FontVariantTokens & IForegroundColorTokens & {
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
};
|
|
10
|
+
export declare type ITextType<TBase = INativeTextProps> = {
|
|
11
|
+
props: ITextProps<TBase>;
|
|
12
|
+
tokens: FontTokens & IColorTokens;
|
|
13
|
+
slotProps: {
|
|
14
|
+
root: TBase;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=Text.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Text.types.js","sourceRoot":"","sources":["../../src/deprecated/Text.types.ts"],"names":[],"mappings":";;;AAGa,QAAA,QAAQ,GAAG,SAAS,CAAC"}
|
package/lib-commonjs/index.d.ts
CHANGED
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
export {
|
|
2
|
-
export type {
|
|
3
|
-
export {
|
|
1
|
+
export { Text as TextV1 } from './Text';
|
|
2
|
+
export type { textName as textNameV1, TextProps, TextTokens } from './Text.types';
|
|
3
|
+
export { Caption1, Body1, Body1Strong, Body2, Body2Strong, Subtitle1, Subtitle1Strong, Subtitle2, Subtitle2Strong, Title1, Title1Strong, LargeTitle, Display, } from './Variants';
|
|
4
|
+
export { textName } from './deprecated/Text.types';
|
|
5
|
+
export type { ITextProps, ITextType } from './deprecated/Text.types';
|
|
6
|
+
export { Text } from './deprecated/Text';
|
|
4
7
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"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-commonjs/index.js
CHANGED
|
@@ -1,8 +1,25 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Text = exports.textName = void 0;
|
|
4
|
-
var Text_types_1 = require("./Text.types");
|
|
5
|
-
Object.defineProperty(exports, "textName", { enumerable: true, get: function () { return Text_types_1.textName; } });
|
|
3
|
+
exports.Text = exports.textName = exports.Display = exports.LargeTitle = exports.Title1Strong = exports.Title1 = exports.Subtitle2Strong = exports.Subtitle2 = exports.Subtitle1Strong = exports.Subtitle1 = exports.Body2Strong = exports.Body2 = exports.Body1Strong = exports.Body1 = exports.Caption1 = exports.TextV1 = void 0;
|
|
6
4
|
var Text_1 = require("./Text");
|
|
7
|
-
Object.defineProperty(exports, "
|
|
5
|
+
Object.defineProperty(exports, "TextV1", { enumerable: true, get: function () { return Text_1.Text; } });
|
|
6
|
+
var Variants_1 = require("./Variants");
|
|
7
|
+
Object.defineProperty(exports, "Caption1", { enumerable: true, get: function () { return Variants_1.Caption1; } });
|
|
8
|
+
Object.defineProperty(exports, "Body1", { enumerable: true, get: function () { return Variants_1.Body1; } });
|
|
9
|
+
Object.defineProperty(exports, "Body1Strong", { enumerable: true, get: function () { return Variants_1.Body1Strong; } });
|
|
10
|
+
Object.defineProperty(exports, "Body2", { enumerable: true, get: function () { return Variants_1.Body2; } });
|
|
11
|
+
Object.defineProperty(exports, "Body2Strong", { enumerable: true, get: function () { return Variants_1.Body2Strong; } });
|
|
12
|
+
Object.defineProperty(exports, "Subtitle1", { enumerable: true, get: function () { return Variants_1.Subtitle1; } });
|
|
13
|
+
Object.defineProperty(exports, "Subtitle1Strong", { enumerable: true, get: function () { return Variants_1.Subtitle1Strong; } });
|
|
14
|
+
Object.defineProperty(exports, "Subtitle2", { enumerable: true, get: function () { return Variants_1.Subtitle2; } });
|
|
15
|
+
Object.defineProperty(exports, "Subtitle2Strong", { enumerable: true, get: function () { return Variants_1.Subtitle2Strong; } });
|
|
16
|
+
Object.defineProperty(exports, "Title1", { enumerable: true, get: function () { return Variants_1.Title1; } });
|
|
17
|
+
Object.defineProperty(exports, "Title1Strong", { enumerable: true, get: function () { return Variants_1.Title1Strong; } });
|
|
18
|
+
Object.defineProperty(exports, "LargeTitle", { enumerable: true, get: function () { return Variants_1.LargeTitle; } });
|
|
19
|
+
Object.defineProperty(exports, "Display", { enumerable: true, get: function () { return Variants_1.Display; } });
|
|
20
|
+
/* deprecated */
|
|
21
|
+
var Text_types_1 = require("./deprecated/Text.types");
|
|
22
|
+
Object.defineProperty(exports, "textName", { enumerable: true, get: function () { return Text_types_1.textName; } });
|
|
23
|
+
var Text_2 = require("./deprecated/Text");
|
|
24
|
+
Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return Text_2.Text; } });
|
|
8
25
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,+BAAwC;AAA/B,8FAAA,IAAI,OAAU;AAEvB,uCAcoB;AAblB,oGAAA,QAAQ,OAAA;AACR,iGAAA,KAAK,OAAA;AACL,uGAAA,WAAW,OAAA;AACX,iGAAA,KAAK,OAAA;AACL,uGAAA,WAAW,OAAA;AACX,qGAAA,SAAS,OAAA;AACT,2GAAA,eAAe,OAAA;AACf,qGAAA,SAAS,OAAA;AACT,2GAAA,eAAe,OAAA;AACf,kGAAA,MAAM,OAAA;AACN,wGAAA,YAAY,OAAA;AACZ,sGAAA,UAAU,OAAA;AACV,mGAAA,OAAO,OAAA;AAGT,gBAAgB;AAChB,sDAAmD;AAA1C,sGAAA,QAAQ,OAAA;AAEjB,0CAAyC;AAAhC,4FAAA,IAAI,OAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/text",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.14.0",
|
|
4
4
|
"description": "A cross-platform Text component using the Fluent Design System",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -22,9 +22,12 @@
|
|
|
22
22
|
"directory": "packages/components/text"
|
|
23
23
|
},
|
|
24
24
|
"dependencies": {
|
|
25
|
-
"@uifabricshared/foundation-compose": "^1.12.
|
|
25
|
+
"@uifabricshared/foundation-compose": "^1.12.1",
|
|
26
26
|
"@fluentui-react-native/adapters": ">=0.9.0 <1.0.0",
|
|
27
|
-
"@fluentui-react-native/
|
|
27
|
+
"@fluentui-react-native/framework": "0.8.0",
|
|
28
|
+
"@fluentui-react-native/theme-tokens": ">=0.19.0 <1.0.0",
|
|
29
|
+
"@fluentui-react-native/tokens": ">=0.16.0 <1.0.0",
|
|
30
|
+
"tslib": "^2.3.1"
|
|
28
31
|
},
|
|
29
32
|
"devDependencies": {
|
|
30
33
|
"@fluentui-react-native/eslint-config-rules": "^0.1.1",
|