@fluentui-react-native/text 0.25.0 → 0.25.3
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.md +41 -0
- package/lib/Text.d.ts +2 -6
- package/lib/Text.js +89 -122
- package/lib/Text.js.map +1 -1
- package/lib/Text.types.d.ts +6 -9
- package/lib/Text.types.js +1 -1
- package/lib/TextTokens.d.ts +2 -2
- package/lib/TextTokens.js +3 -6
- package/lib/Variants.android.d.ts +13 -61
- package/lib/Variants.android.js +13 -13
- package/lib/Variants.d.ts +18 -86
- package/lib/Variants.ios.d.ts +13 -61
- package/lib/Variants.ios.js +13 -13
- package/lib/Variants.js +1 -1
- package/lib/Variants.win32.d.ts +14 -66
- package/lib/Variants.win32.js +14 -14
- package/lib/Variants.windows.d.ts +14 -66
- package/lib/Variants.windows.js +14 -14
- package/lib/__tests__/Text.test.d.ts +1 -1
- package/lib/__tests__/Text.test.js +35 -35
- package/lib/deprecated/Text.d.ts +4 -14
- package/lib/deprecated/Text.js +9 -9
- package/lib/deprecated/Text.settings.d.ts +1 -1
- package/lib/deprecated/Text.settings.js +18 -18
- package/lib/deprecated/Text.types.d.ts +9 -11
- package/lib/deprecated/Text.types.js +1 -1
- package/lib/index.d.ts +2 -20
- package/lib/index.js +2 -20
- package/lib-commonjs/Text.d.ts +2 -6
- package/lib-commonjs/Text.js +101 -141
- package/lib-commonjs/Text.js.map +1 -1
- package/lib-commonjs/Text.types.d.ts +6 -9
- package/lib-commonjs/Text.types.js +3 -3
- package/lib-commonjs/TextTokens.d.ts +2 -2
- package/lib-commonjs/TextTokens.js +7 -10
- package/lib-commonjs/Variants.android.d.ts +13 -61
- package/lib-commonjs/Variants.android.js +17 -34
- package/lib-commonjs/Variants.d.ts +18 -86
- package/lib-commonjs/Variants.ios.d.ts +13 -61
- package/lib-commonjs/Variants.ios.js +17 -34
- package/lib-commonjs/Variants.js +5 -22
- package/lib-commonjs/Variants.win32.d.ts +14 -66
- package/lib-commonjs/Variants.win32.js +18 -35
- package/lib-commonjs/Variants.windows.d.ts +14 -66
- package/lib-commonjs/Variants.windows.js +18 -35
- package/lib-commonjs/__tests__/Text.test.d.ts +1 -1
- package/lib-commonjs/__tests__/Text.test.js +69 -88
- package/lib-commonjs/deprecated/Text.d.ts +4 -14
- package/lib-commonjs/deprecated/Text.js +17 -17
- package/lib-commonjs/deprecated/Text.settings.d.ts +1 -1
- package/lib-commonjs/deprecated/Text.settings.js +21 -21
- package/lib-commonjs/deprecated/Text.types.d.ts +9 -11
- package/lib-commonjs/deprecated/Text.types.js +3 -3
- package/lib-commonjs/index.d.ts +2 -20
- package/lib-commonjs/index.js +30 -156
- package/package.json +29 -28
- package/src/Text.tsx +6 -6
- package/eslint.config.js +0 -3
package/lib/Variants.ios.d.ts
CHANGED
|
@@ -1,66 +1,18 @@
|
|
|
1
|
-
export declare const Caption1: import(
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
>;
|
|
6
|
-
export declare const
|
|
7
|
-
|
|
8
|
-
import('./Text.types').TextTokens,
|
|
9
|
-
import('@fluentui-react-native/theme-types').Theme
|
|
10
|
-
>;
|
|
11
|
-
export declare const Caption2: import('@fluentui-react-native/use-tokens').CustomizableComponent<
|
|
12
|
-
import('./Text.types').TextProps,
|
|
13
|
-
import('./Text.types').TextTokens,
|
|
14
|
-
import('@fluentui-react-native/theme-types').Theme
|
|
15
|
-
>;
|
|
16
|
-
export declare const Body1: import('@fluentui-react-native/use-tokens').CustomizableComponent<
|
|
17
|
-
import('./Text.types').TextProps,
|
|
18
|
-
import('./Text.types').TextTokens,
|
|
19
|
-
import('@fluentui-react-native/theme-types').Theme
|
|
20
|
-
>;
|
|
21
|
-
export declare const Body1Strong: import('@fluentui-react-native/use-tokens').CustomizableComponent<
|
|
22
|
-
import('./Text.types').TextProps,
|
|
23
|
-
import('./Text.types').TextTokens,
|
|
24
|
-
import('@fluentui-react-native/theme-types').Theme
|
|
25
|
-
>;
|
|
26
|
-
export declare const Body2: import('@fluentui-react-native/use-tokens').CustomizableComponent<
|
|
27
|
-
import('./Text.types').TextProps,
|
|
28
|
-
import('./Text.types').TextTokens,
|
|
29
|
-
import('@fluentui-react-native/theme-types').Theme
|
|
30
|
-
>;
|
|
31
|
-
export declare const Body2Strong: import('@fluentui-react-native/use-tokens').CustomizableComponent<
|
|
32
|
-
import('./Text.types').TextProps,
|
|
33
|
-
import('./Text.types').TextTokens,
|
|
34
|
-
import('@fluentui-react-native/theme-types').Theme
|
|
35
|
-
>;
|
|
1
|
+
export declare const Caption1: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
|
|
2
|
+
export declare const Caption1Strong: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
|
|
3
|
+
export declare const Caption2: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
|
|
4
|
+
export declare const Body1: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
|
|
5
|
+
export declare const Body1Strong: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
|
|
6
|
+
export declare const Body2: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
|
|
7
|
+
export declare const Body2Strong: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
|
|
36
8
|
export declare const Subtitle1: any;
|
|
37
9
|
export declare const Subtitle1Strong: any;
|
|
38
10
|
export declare const Subtitle2: any;
|
|
39
11
|
export declare const Subtitle2Strong: any;
|
|
40
|
-
export declare const Title1: import(
|
|
41
|
-
import('./Text.types').TextProps,
|
|
42
|
-
import('./Text.types').TextTokens,
|
|
43
|
-
import('@fluentui-react-native/theme-types').Theme
|
|
44
|
-
>;
|
|
12
|
+
export declare const Title1: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
|
|
45
13
|
export declare const Title1Strong: any;
|
|
46
|
-
export declare const Title2: import(
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
export declare const Title3: import('@fluentui-react-native/use-tokens').CustomizableComponent<
|
|
52
|
-
import('./Text.types').TextProps,
|
|
53
|
-
import('./Text.types').TextTokens,
|
|
54
|
-
import('@fluentui-react-native/theme-types').Theme
|
|
55
|
-
>;
|
|
56
|
-
export declare const LargeTitle: import('@fluentui-react-native/use-tokens').CustomizableComponent<
|
|
57
|
-
import('./Text.types').TextProps,
|
|
58
|
-
import('./Text.types').TextTokens,
|
|
59
|
-
import('@fluentui-react-native/theme-types').Theme
|
|
60
|
-
>;
|
|
61
|
-
export declare const Display: import('@fluentui-react-native/use-tokens').CustomizableComponent<
|
|
62
|
-
import('./Text.types').TextProps,
|
|
63
|
-
import('./Text.types').TextTokens,
|
|
64
|
-
import('@fluentui-react-native/theme-types').Theme
|
|
65
|
-
>;
|
|
66
|
-
//# sourceMappingURL=Variants.ios.d.ts.map
|
|
14
|
+
export declare const Title2: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
|
|
15
|
+
export declare const Title3: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
|
|
16
|
+
export declare const LargeTitle: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
|
|
17
|
+
export declare const Display: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
|
|
18
|
+
//# sourceMappingURL=Variants.ios.d.ts.map
|
package/lib/Variants.ios.js
CHANGED
|
@@ -1,43 +1,43 @@
|
|
|
1
1
|
import { Text } from './Text';
|
|
2
2
|
export const Caption1 = Text.customize({
|
|
3
|
-
|
|
3
|
+
variant: 'caption1',
|
|
4
4
|
});
|
|
5
5
|
export const Caption1Strong = Text.customize({
|
|
6
|
-
|
|
6
|
+
variant: 'caption1Strong',
|
|
7
7
|
});
|
|
8
8
|
export const Caption2 = Text.customize({
|
|
9
|
-
|
|
9
|
+
variant: 'caption2',
|
|
10
10
|
});
|
|
11
11
|
export const Body1 = Text.customize({
|
|
12
|
-
|
|
12
|
+
variant: 'body1',
|
|
13
13
|
});
|
|
14
14
|
export const Body1Strong = Text.customize({
|
|
15
|
-
|
|
15
|
+
variant: 'body1Strong',
|
|
16
16
|
});
|
|
17
17
|
export const Body2 = Text.customize({
|
|
18
|
-
|
|
18
|
+
variant: 'body2',
|
|
19
19
|
});
|
|
20
20
|
export const Body2Strong = Text.customize({
|
|
21
|
-
|
|
21
|
+
variant: 'body2Strong',
|
|
22
22
|
});
|
|
23
23
|
export const Subtitle1 = null; // Not supported on iOS
|
|
24
24
|
export const Subtitle1Strong = null; // Not supported on iOS
|
|
25
25
|
export const Subtitle2 = null; // Not supported on iOS
|
|
26
26
|
export const Subtitle2Strong = null; // Not supported on iOS
|
|
27
27
|
export const Title1 = Text.customize({
|
|
28
|
-
|
|
28
|
+
variant: 'title1',
|
|
29
29
|
});
|
|
30
30
|
export const Title1Strong = null; // Not supported on iOS
|
|
31
31
|
export const Title2 = Text.customize({
|
|
32
|
-
|
|
32
|
+
variant: 'title2',
|
|
33
33
|
});
|
|
34
34
|
export const Title3 = Text.customize({
|
|
35
|
-
|
|
35
|
+
variant: 'title3',
|
|
36
36
|
});
|
|
37
37
|
export const LargeTitle = Text.customize({
|
|
38
|
-
|
|
38
|
+
variant: 'largeTitle',
|
|
39
39
|
});
|
|
40
40
|
export const Display = Text.customize({
|
|
41
|
-
|
|
41
|
+
variant: 'display',
|
|
42
42
|
});
|
|
43
|
-
//# sourceMappingURL=Variants.ios.js.map
|
|
43
|
+
//# sourceMappingURL=Variants.ios.js.map
|
package/lib/Variants.js
CHANGED
package/lib/Variants.win32.d.ts
CHANGED
|
@@ -1,70 +1,18 @@
|
|
|
1
|
-
export declare const Caption1: import(
|
|
2
|
-
import('./Text.types').TextProps,
|
|
3
|
-
import('./Text.types').TextTokens,
|
|
4
|
-
import('@fluentui-react-native/theme-types').Theme
|
|
5
|
-
>;
|
|
1
|
+
export declare const Caption1: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
|
|
6
2
|
export declare const Caption1Strong: any;
|
|
7
3
|
export declare const Caption2: any;
|
|
8
|
-
export declare const Body1: import(
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
>;
|
|
13
|
-
export declare const
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
>;
|
|
18
|
-
export declare const Body2: import('@fluentui-react-native/use-tokens').CustomizableComponent<
|
|
19
|
-
import('./Text.types').TextProps,
|
|
20
|
-
import('./Text.types').TextTokens,
|
|
21
|
-
import('@fluentui-react-native/theme-types').Theme
|
|
22
|
-
>;
|
|
23
|
-
export declare const Body2Strong: import('@fluentui-react-native/use-tokens').CustomizableComponent<
|
|
24
|
-
import('./Text.types').TextProps,
|
|
25
|
-
import('./Text.types').TextTokens,
|
|
26
|
-
import('@fluentui-react-native/theme-types').Theme
|
|
27
|
-
>;
|
|
28
|
-
export declare const Subtitle1: import('@fluentui-react-native/use-tokens').CustomizableComponent<
|
|
29
|
-
import('./Text.types').TextProps,
|
|
30
|
-
import('./Text.types').TextTokens,
|
|
31
|
-
import('@fluentui-react-native/theme-types').Theme
|
|
32
|
-
>;
|
|
33
|
-
export declare const Subtitle1Strong: import('@fluentui-react-native/use-tokens').CustomizableComponent<
|
|
34
|
-
import('./Text.types').TextProps,
|
|
35
|
-
import('./Text.types').TextTokens,
|
|
36
|
-
import('@fluentui-react-native/theme-types').Theme
|
|
37
|
-
>;
|
|
38
|
-
export declare const Subtitle2: import('@fluentui-react-native/use-tokens').CustomizableComponent<
|
|
39
|
-
import('./Text.types').TextProps,
|
|
40
|
-
import('./Text.types').TextTokens,
|
|
41
|
-
import('@fluentui-react-native/theme-types').Theme
|
|
42
|
-
>;
|
|
43
|
-
export declare const Subtitle2Strong: import('@fluentui-react-native/use-tokens').CustomizableComponent<
|
|
44
|
-
import('./Text.types').TextProps,
|
|
45
|
-
import('./Text.types').TextTokens,
|
|
46
|
-
import('@fluentui-react-native/theme-types').Theme
|
|
47
|
-
>;
|
|
48
|
-
export declare const Title1: import('@fluentui-react-native/use-tokens').CustomizableComponent<
|
|
49
|
-
import('./Text.types').TextProps,
|
|
50
|
-
import('./Text.types').TextTokens,
|
|
51
|
-
import('@fluentui-react-native/theme-types').Theme
|
|
52
|
-
>;
|
|
53
|
-
export declare const Title1Strong: import('@fluentui-react-native/use-tokens').CustomizableComponent<
|
|
54
|
-
import('./Text.types').TextProps,
|
|
55
|
-
import('./Text.types').TextTokens,
|
|
56
|
-
import('@fluentui-react-native/theme-types').Theme
|
|
57
|
-
>;
|
|
4
|
+
export declare const Body1: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
|
|
5
|
+
export declare const Body1Strong: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
|
|
6
|
+
export declare const Body2: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
|
|
7
|
+
export declare const Body2Strong: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
|
|
8
|
+
export declare const Subtitle1: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
|
|
9
|
+
export declare const Subtitle1Strong: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
|
|
10
|
+
export declare const Subtitle2: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
|
|
11
|
+
export declare const Subtitle2Strong: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
|
|
12
|
+
export declare const Title1: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
|
|
13
|
+
export declare const Title1Strong: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
|
|
58
14
|
export declare const Title2: any;
|
|
59
15
|
export declare const Title3: any;
|
|
60
|
-
export declare const LargeTitle: import(
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
import('@fluentui-react-native/theme-types').Theme
|
|
64
|
-
>;
|
|
65
|
-
export declare const Display: import('@fluentui-react-native/use-tokens').CustomizableComponent<
|
|
66
|
-
import('./Text.types').TextProps,
|
|
67
|
-
import('./Text.types').TextTokens,
|
|
68
|
-
import('@fluentui-react-native/theme-types').Theme
|
|
69
|
-
>;
|
|
70
|
-
//# sourceMappingURL=Variants.win32.d.ts.map
|
|
16
|
+
export declare const LargeTitle: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
|
|
17
|
+
export declare const Display: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
|
|
18
|
+
//# sourceMappingURL=Variants.win32.d.ts.map
|
package/lib/Variants.win32.js
CHANGED
|
@@ -1,45 +1,45 @@
|
|
|
1
1
|
import { Text } from './Text';
|
|
2
2
|
export const Caption1 = Text.customize({
|
|
3
|
-
|
|
3
|
+
variant: 'caption1',
|
|
4
4
|
});
|
|
5
5
|
export const Caption1Strong = null; // Not supported on Win32
|
|
6
6
|
export const Caption2 = null; // Not supported on Win32
|
|
7
7
|
export const Body1 = Text.customize({
|
|
8
|
-
|
|
8
|
+
variant: 'body1',
|
|
9
9
|
});
|
|
10
10
|
export const Body1Strong = Text.customize({
|
|
11
|
-
|
|
11
|
+
variant: 'body1Strong',
|
|
12
12
|
});
|
|
13
13
|
export const Body2 = Text.customize({
|
|
14
|
-
|
|
14
|
+
variant: 'body2',
|
|
15
15
|
});
|
|
16
16
|
export const Body2Strong = Text.customize({
|
|
17
|
-
|
|
17
|
+
variant: 'body2Strong',
|
|
18
18
|
});
|
|
19
19
|
export const Subtitle1 = Text.customize({
|
|
20
|
-
|
|
20
|
+
variant: 'subtitle1',
|
|
21
21
|
});
|
|
22
22
|
export const Subtitle1Strong = Text.customize({
|
|
23
|
-
|
|
23
|
+
variant: 'subtitle1Strong',
|
|
24
24
|
});
|
|
25
25
|
export const Subtitle2 = Text.customize({
|
|
26
|
-
|
|
26
|
+
variant: 'subtitle2',
|
|
27
27
|
});
|
|
28
28
|
export const Subtitle2Strong = Text.customize({
|
|
29
|
-
|
|
29
|
+
variant: 'subtitle2Strong',
|
|
30
30
|
});
|
|
31
31
|
export const Title1 = Text.customize({
|
|
32
|
-
|
|
32
|
+
variant: 'title1',
|
|
33
33
|
});
|
|
34
34
|
export const Title1Strong = Text.customize({
|
|
35
|
-
|
|
35
|
+
variant: 'title1Strong',
|
|
36
36
|
});
|
|
37
37
|
export const Title2 = null; // Not supported on Win32
|
|
38
38
|
export const Title3 = null; // Not supported on Win32
|
|
39
39
|
export const LargeTitle = Text.customize({
|
|
40
|
-
|
|
40
|
+
variant: 'largeTitle',
|
|
41
41
|
});
|
|
42
42
|
export const Display = Text.customize({
|
|
43
|
-
|
|
43
|
+
variant: 'display',
|
|
44
44
|
});
|
|
45
|
-
//# sourceMappingURL=Variants.win32.js.map
|
|
45
|
+
//# sourceMappingURL=Variants.win32.js.map
|
|
@@ -1,70 +1,18 @@
|
|
|
1
|
-
export declare const Caption1: import(
|
|
2
|
-
import('./Text.types').TextProps,
|
|
3
|
-
import('./Text.types').TextTokens,
|
|
4
|
-
import('@fluentui-react-native/theme-types').Theme
|
|
5
|
-
>;
|
|
1
|
+
export declare const Caption1: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
|
|
6
2
|
export declare const Caption1Strong: any;
|
|
7
3
|
export declare const Caption2: any;
|
|
8
|
-
export declare const Body1: import(
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
>;
|
|
13
|
-
export declare const
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
>;
|
|
18
|
-
export declare const Body2: import('@fluentui-react-native/use-tokens').CustomizableComponent<
|
|
19
|
-
import('./Text.types').TextProps,
|
|
20
|
-
import('./Text.types').TextTokens,
|
|
21
|
-
import('@fluentui-react-native/theme-types').Theme
|
|
22
|
-
>;
|
|
23
|
-
export declare const Body2Strong: import('@fluentui-react-native/use-tokens').CustomizableComponent<
|
|
24
|
-
import('./Text.types').TextProps,
|
|
25
|
-
import('./Text.types').TextTokens,
|
|
26
|
-
import('@fluentui-react-native/theme-types').Theme
|
|
27
|
-
>;
|
|
28
|
-
export declare const Subtitle1: import('@fluentui-react-native/use-tokens').CustomizableComponent<
|
|
29
|
-
import('./Text.types').TextProps,
|
|
30
|
-
import('./Text.types').TextTokens,
|
|
31
|
-
import('@fluentui-react-native/theme-types').Theme
|
|
32
|
-
>;
|
|
33
|
-
export declare const Subtitle1Strong: import('@fluentui-react-native/use-tokens').CustomizableComponent<
|
|
34
|
-
import('./Text.types').TextProps,
|
|
35
|
-
import('./Text.types').TextTokens,
|
|
36
|
-
import('@fluentui-react-native/theme-types').Theme
|
|
37
|
-
>;
|
|
38
|
-
export declare const Subtitle2: import('@fluentui-react-native/use-tokens').CustomizableComponent<
|
|
39
|
-
import('./Text.types').TextProps,
|
|
40
|
-
import('./Text.types').TextTokens,
|
|
41
|
-
import('@fluentui-react-native/theme-types').Theme
|
|
42
|
-
>;
|
|
43
|
-
export declare const Subtitle2Strong: import('@fluentui-react-native/use-tokens').CustomizableComponent<
|
|
44
|
-
import('./Text.types').TextProps,
|
|
45
|
-
import('./Text.types').TextTokens,
|
|
46
|
-
import('@fluentui-react-native/theme-types').Theme
|
|
47
|
-
>;
|
|
48
|
-
export declare const Title1: import('@fluentui-react-native/use-tokens').CustomizableComponent<
|
|
49
|
-
import('./Text.types').TextProps,
|
|
50
|
-
import('./Text.types').TextTokens,
|
|
51
|
-
import('@fluentui-react-native/theme-types').Theme
|
|
52
|
-
>;
|
|
53
|
-
export declare const Title1Strong: import('@fluentui-react-native/use-tokens').CustomizableComponent<
|
|
54
|
-
import('./Text.types').TextProps,
|
|
55
|
-
import('./Text.types').TextTokens,
|
|
56
|
-
import('@fluentui-react-native/theme-types').Theme
|
|
57
|
-
>;
|
|
4
|
+
export declare const Body1: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
|
|
5
|
+
export declare const Body1Strong: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
|
|
6
|
+
export declare const Body2: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
|
|
7
|
+
export declare const Body2Strong: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
|
|
8
|
+
export declare const Subtitle1: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
|
|
9
|
+
export declare const Subtitle1Strong: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
|
|
10
|
+
export declare const Subtitle2: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
|
|
11
|
+
export declare const Subtitle2Strong: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
|
|
12
|
+
export declare const Title1: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
|
|
13
|
+
export declare const Title1Strong: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
|
|
58
14
|
export declare const Title2: any;
|
|
59
15
|
export declare const Title3: any;
|
|
60
|
-
export declare const LargeTitle: import(
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
import('@fluentui-react-native/theme-types').Theme
|
|
64
|
-
>;
|
|
65
|
-
export declare const Display: import('@fluentui-react-native/use-tokens').CustomizableComponent<
|
|
66
|
-
import('./Text.types').TextProps,
|
|
67
|
-
import('./Text.types').TextTokens,
|
|
68
|
-
import('@fluentui-react-native/theme-types').Theme
|
|
69
|
-
>;
|
|
70
|
-
//# sourceMappingURL=Variants.windows.d.ts.map
|
|
16
|
+
export declare const LargeTitle: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
|
|
17
|
+
export declare const Display: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/theme-types").Theme>;
|
|
18
|
+
//# sourceMappingURL=Variants.windows.d.ts.map
|
package/lib/Variants.windows.js
CHANGED
|
@@ -1,45 +1,45 @@
|
|
|
1
1
|
import { Text } from './Text';
|
|
2
2
|
export const Caption1 = Text.customize({
|
|
3
|
-
|
|
3
|
+
variant: 'caption1',
|
|
4
4
|
});
|
|
5
5
|
export const Caption1Strong = null; // Not supported on windows
|
|
6
6
|
export const Caption2 = null; // Not supported on windows
|
|
7
7
|
export const Body1 = Text.customize({
|
|
8
|
-
|
|
8
|
+
variant: 'body1',
|
|
9
9
|
});
|
|
10
10
|
export const Body1Strong = Text.customize({
|
|
11
|
-
|
|
11
|
+
variant: 'body1Strong',
|
|
12
12
|
});
|
|
13
13
|
export const Body2 = Text.customize({
|
|
14
|
-
|
|
14
|
+
variant: 'body2',
|
|
15
15
|
});
|
|
16
16
|
export const Body2Strong = Text.customize({
|
|
17
|
-
|
|
17
|
+
variant: 'body2Strong',
|
|
18
18
|
});
|
|
19
19
|
export const Subtitle1 = Text.customize({
|
|
20
|
-
|
|
20
|
+
variant: 'subtitle1',
|
|
21
21
|
});
|
|
22
22
|
export const Subtitle1Strong = Text.customize({
|
|
23
|
-
|
|
23
|
+
variant: 'subtitle1Strong',
|
|
24
24
|
});
|
|
25
25
|
export const Subtitle2 = Text.customize({
|
|
26
|
-
|
|
26
|
+
variant: 'subtitle2',
|
|
27
27
|
});
|
|
28
28
|
export const Subtitle2Strong = Text.customize({
|
|
29
|
-
|
|
29
|
+
variant: 'subtitle2Strong',
|
|
30
30
|
});
|
|
31
31
|
export const Title1 = Text.customize({
|
|
32
|
-
|
|
32
|
+
variant: 'title1',
|
|
33
33
|
});
|
|
34
34
|
export const Title1Strong = Text.customize({
|
|
35
|
-
|
|
35
|
+
variant: 'title1Strong',
|
|
36
36
|
});
|
|
37
37
|
export const Title2 = null; // Not supported on windows
|
|
38
38
|
export const Title3 = null; // Not supported on windows
|
|
39
39
|
export const LargeTitle = Text.customize({
|
|
40
|
-
|
|
40
|
+
variant: 'largeTitle',
|
|
41
41
|
});
|
|
42
42
|
export const Display = Text.customize({
|
|
43
|
-
|
|
43
|
+
variant: 'display',
|
|
44
44
|
});
|
|
45
|
-
//# sourceMappingURL=Variants.windows.js.map
|
|
45
|
+
//# sourceMappingURL=Variants.windows.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=Text.test.d.ts.map
|
|
2
|
+
//# sourceMappingURL=Text.test.d.ts.map
|
|
@@ -1,44 +1,44 @@
|
|
|
1
|
-
import { jsx as _jsx } from
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { act } from 'react';
|
|
3
3
|
import * as renderer from 'react-test-renderer';
|
|
4
4
|
import { Text } from '../Text';
|
|
5
5
|
describe('Text component tests', () => {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
6
|
+
it('Text default', () => {
|
|
7
|
+
let component;
|
|
8
|
+
act(() => {
|
|
9
|
+
component = renderer.create(_jsx(Text, { children: "Text default" }));
|
|
10
|
+
});
|
|
11
|
+
expect(component.toJSON()).toMatchSnapshot();
|
|
10
12
|
});
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
13
|
+
it('Text all props', () => {
|
|
14
|
+
let component;
|
|
15
|
+
act(() => {
|
|
16
|
+
component = renderer.create(_jsx(Text, { variant: "bodyStandard", children: "All props" }));
|
|
17
|
+
});
|
|
18
|
+
expect(component.toJSON()).toMatchSnapshot();
|
|
17
19
|
});
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
20
|
+
it('Text all tokens', () => {
|
|
21
|
+
const BoldText = Text.customize({
|
|
22
|
+
fontFamily: 'Wingdings',
|
|
23
|
+
fontWeight: '900',
|
|
24
|
+
fontSize: 20,
|
|
25
|
+
});
|
|
26
|
+
let component;
|
|
27
|
+
act(() => {
|
|
28
|
+
component = renderer.create(_jsx(BoldText, { children: "All tokens" }));
|
|
29
|
+
});
|
|
30
|
+
expect(component.toJSON()).toMatchSnapshot();
|
|
25
31
|
});
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
32
|
+
it('Text variants render correctly with style', () => {
|
|
33
|
+
const style = {
|
|
34
|
+
marginBottom: 8,
|
|
35
|
+
marginTop: 4,
|
|
36
|
+
};
|
|
37
|
+
let component;
|
|
38
|
+
act(() => {
|
|
39
|
+
component = renderer.create(_jsx(Text, { variant: "heroLargeSemibold", color: "blue", style: style, children: "Header Text" }));
|
|
40
|
+
});
|
|
41
|
+
expect(component.toJSON()).toMatchSnapshot();
|
|
29
42
|
});
|
|
30
|
-
expect(component.toJSON()).toMatchSnapshot();
|
|
31
|
-
});
|
|
32
|
-
it('Text variants render correctly with style', () => {
|
|
33
|
-
const style = {
|
|
34
|
-
marginBottom: 8,
|
|
35
|
-
marginTop: 4,
|
|
36
|
-
};
|
|
37
|
-
let component;
|
|
38
|
-
act(() => {
|
|
39
|
-
component = renderer.create(_jsx(Text, { variant: 'heroLargeSemibold', color: 'blue', style: style, children: 'Header Text' }));
|
|
40
|
-
});
|
|
41
|
-
expect(component.toJSON()).toMatchSnapshot();
|
|
42
|
-
});
|
|
43
43
|
});
|
|
44
|
-
//# sourceMappingURL=Text.test.js.map
|
|
44
|
+
//# sourceMappingURL=Text.test.js.map
|
package/lib/deprecated/Text.d.ts
CHANGED
|
@@ -1,15 +1,5 @@
|
|
|
1
|
-
export declare const Text: import(
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
root: import('@fluentui-react-native/adapters').ITextProps;
|
|
5
|
-
},
|
|
6
|
-
import('@fluentui-react-native/tokens').FontStyleTokens &
|
|
7
|
-
import('@fluentui-react-native/tokens').FontVariantTokens &
|
|
8
|
-
import('@fluentui-react-native/tokens').FontDecorationTokens &
|
|
9
|
-
import('@fluentui-react-native/tokens').IForegroundColorTokens &
|
|
10
|
-
import('@fluentui-react-native/tokens').IBackgroundColorTokens,
|
|
11
|
-
object,
|
|
12
|
-
object
|
|
13
|
-
>;
|
|
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").FontDecorationTokens & import("@fluentui-react-native/tokens").IForegroundColorTokens & import("@fluentui-react-native/tokens").IBackgroundColorTokens, object, object>;
|
|
14
4
|
export default Text;
|
|
15
|
-
//# sourceMappingURL=Text.d.ts.map
|
|
5
|
+
//# sourceMappingURL=Text.d.ts.map
|
package/lib/deprecated/Text.js
CHANGED
|
@@ -5,14 +5,14 @@ import { compose } from '@uifabricshared/foundation-compose';
|
|
|
5
5
|
import { settings } from './Text.settings';
|
|
6
6
|
import { textName } from './Text.types';
|
|
7
7
|
export const Text = compose({
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
8
|
+
displayName: textName,
|
|
9
|
+
settings,
|
|
10
|
+
slots: {
|
|
11
|
+
root: { slotType: RNText, filter: filterTextProps },
|
|
12
|
+
},
|
|
13
|
+
styles: {
|
|
14
|
+
root: [textTokens, foregroundColorTokens],
|
|
15
|
+
},
|
|
16
16
|
});
|
|
17
17
|
export default Text;
|
|
18
|
-
//# sourceMappingURL=Text.js.map
|
|
18
|
+
//# sourceMappingURL=Text.js.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import type { IComposeSettings } from '@uifabricshared/foundation-compose';
|
|
2
2
|
import type { ITextType } from './Text.types';
|
|
3
3
|
export declare const settings: IComposeSettings<ITextType>;
|
|
4
|
-
//# sourceMappingURL=Text.settings.d.ts.map
|
|
4
|
+
//# sourceMappingURL=Text.settings.d.ts.map
|
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
import { textName } from './Text.types';
|
|
2
2
|
export const settings = [
|
|
3
|
-
|
|
4
|
-
tokens: {
|
|
5
|
-
variant: 'secondaryStandard',
|
|
6
|
-
color: 'bodyText',
|
|
7
|
-
},
|
|
8
|
-
root: {
|
|
9
|
-
style: {
|
|
10
|
-
margin: 0,
|
|
11
|
-
},
|
|
12
|
-
},
|
|
13
|
-
_overrides: {
|
|
14
|
-
disabled: {
|
|
3
|
+
{
|
|
15
4
|
tokens: {
|
|
16
|
-
|
|
5
|
+
variant: 'secondaryStandard',
|
|
6
|
+
color: 'bodyText',
|
|
7
|
+
},
|
|
8
|
+
root: {
|
|
9
|
+
style: {
|
|
10
|
+
margin: 0,
|
|
11
|
+
},
|
|
12
|
+
},
|
|
13
|
+
_overrides: {
|
|
14
|
+
disabled: {
|
|
15
|
+
tokens: {
|
|
16
|
+
color: 'disabledText',
|
|
17
|
+
},
|
|
18
|
+
},
|
|
17
19
|
},
|
|
18
|
-
|
|
20
|
+
_precedence: ['disabled'],
|
|
19
21
|
},
|
|
20
|
-
|
|
21
|
-
},
|
|
22
|
-
textName,
|
|
22
|
+
textName,
|
|
23
23
|
];
|
|
24
|
-
//# sourceMappingURL=Text.settings.js.map
|
|
24
|
+
//# sourceMappingURL=Text.settings.js.map
|