@fluentui-react-native/text 0.25.0 → 0.25.1
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 +15 -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 +21 -20
- package/src/Text.tsx +6 -6
|
@@ -1,19 +1,17 @@
|
|
|
1
1
|
import type { ITextProps as INativeTextProps } from '@fluentui-react-native/adapters';
|
|
2
2
|
import type { FontTokens, FontVariantTokens, IForegroundColorTokens, IColorTokens } from '@fluentui-react-native/tokens';
|
|
3
|
-
export declare const textName =
|
|
3
|
+
export declare const textName = "RNFText";
|
|
4
4
|
/**
|
|
5
5
|
* Properties for fabric native text field, these extend the default props for text
|
|
6
6
|
*/
|
|
7
|
-
export type ITextProps<TBase = INativeTextProps> = TBase &
|
|
8
|
-
FontVariantTokens &
|
|
9
|
-
IForegroundColorTokens & {
|
|
7
|
+
export type ITextProps<TBase = INativeTextProps> = TBase & FontVariantTokens & IForegroundColorTokens & {
|
|
10
8
|
disabled?: boolean;
|
|
11
|
-
|
|
9
|
+
};
|
|
12
10
|
export type ITextType<TBase = INativeTextProps> = {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
11
|
+
props: ITextProps<TBase>;
|
|
12
|
+
tokens: FontTokens & IColorTokens;
|
|
13
|
+
slotProps: {
|
|
14
|
+
root: TBase;
|
|
15
|
+
};
|
|
18
16
|
};
|
|
19
|
-
//# sourceMappingURL=Text.types.d.ts.map
|
|
17
|
+
//# sourceMappingURL=Text.types.d.ts.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export const textName = 'RNFText';
|
|
2
|
-
//# sourceMappingURL=Text.types.js.map
|
|
2
|
+
//# sourceMappingURL=Text.types.js.map
|
package/lib/index.d.ts
CHANGED
|
@@ -1,26 +1,8 @@
|
|
|
1
1
|
export { Text as TextV1 } from './Text';
|
|
2
2
|
export type { TextProps, TextTokens } from './Text.types';
|
|
3
3
|
export { textName as textNameV1 } from './Text.types';
|
|
4
|
-
export {
|
|
5
|
-
Caption1,
|
|
6
|
-
Caption1Strong,
|
|
7
|
-
Caption2,
|
|
8
|
-
Body1,
|
|
9
|
-
Body1Strong,
|
|
10
|
-
Body2,
|
|
11
|
-
Body2Strong,
|
|
12
|
-
Subtitle1,
|
|
13
|
-
Subtitle1Strong,
|
|
14
|
-
Subtitle2,
|
|
15
|
-
Subtitle2Strong,
|
|
16
|
-
Title1,
|
|
17
|
-
Title1Strong,
|
|
18
|
-
Title2,
|
|
19
|
-
Title3,
|
|
20
|
-
LargeTitle,
|
|
21
|
-
Display,
|
|
22
|
-
} from './Variants';
|
|
4
|
+
export { Caption1, Caption1Strong, Caption2, Body1, Body1Strong, Body2, Body2Strong, Subtitle1, Subtitle1Strong, Subtitle2, Subtitle2Strong, Title1, Title1Strong, Title2, Title3, LargeTitle, Display, } from './Variants';
|
|
23
5
|
export { textName } from './deprecated/Text.types';
|
|
24
6
|
export type { ITextProps, ITextType } from './deprecated/Text.types';
|
|
25
7
|
export { Text } from './deprecated/Text';
|
|
26
|
-
//# sourceMappingURL=index.d.ts.map
|
|
8
|
+
//# sourceMappingURL=index.d.ts.map
|
package/lib/index.js
CHANGED
|
@@ -1,25 +1,7 @@
|
|
|
1
1
|
export { Text as TextV1 } from './Text';
|
|
2
2
|
export { textName as textNameV1 } from './Text.types';
|
|
3
|
-
export {
|
|
4
|
-
Caption1,
|
|
5
|
-
Caption1Strong,
|
|
6
|
-
Caption2,
|
|
7
|
-
Body1,
|
|
8
|
-
Body1Strong,
|
|
9
|
-
Body2,
|
|
10
|
-
Body2Strong,
|
|
11
|
-
Subtitle1,
|
|
12
|
-
Subtitle1Strong,
|
|
13
|
-
Subtitle2,
|
|
14
|
-
Subtitle2Strong,
|
|
15
|
-
Title1,
|
|
16
|
-
Title1Strong,
|
|
17
|
-
Title2,
|
|
18
|
-
Title3,
|
|
19
|
-
LargeTitle,
|
|
20
|
-
Display,
|
|
21
|
-
} from './Variants';
|
|
3
|
+
export { Caption1, Caption1Strong, Caption2, Body1, Body1Strong, Body2, Body2Strong, Subtitle1, Subtitle1Strong, Subtitle2, Subtitle2Strong, Title1, Title1Strong, Title2, Title3, LargeTitle, Display, } from './Variants';
|
|
22
4
|
/* deprecated */
|
|
23
5
|
export { textName } from './deprecated/Text.types';
|
|
24
6
|
export { Text } from './deprecated/Text';
|
|
25
|
-
//# sourceMappingURL=index.js.map
|
|
7
|
+
//# sourceMappingURL=index.js.map
|
package/lib-commonjs/Text.d.ts
CHANGED
|
@@ -1,8 +1,4 @@
|
|
|
1
1
|
import type { TextProps, TextTokens } from './Text.types';
|
|
2
|
-
export declare const Text: import(
|
|
3
|
-
TextProps,
|
|
4
|
-
TextTokens,
|
|
5
|
-
import('@fluentui-react-native/framework').Theme
|
|
6
|
-
>;
|
|
2
|
+
export declare const Text: import("@fluentui-react-native/framework").CustomizableComponent<TextProps, TextTokens, import("@fluentui-react-native/framework").Theme>;
|
|
7
3
|
export default Text;
|
|
8
|
-
//# sourceMappingURL=Text.d.ts.map
|
|
4
|
+
//# sourceMappingURL=Text.d.ts.map
|
package/lib-commonjs/Text.js
CHANGED
|
@@ -1,150 +1,110 @@
|
|
|
1
|
-
|
|
2
|
-
var __importDefault =
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
};
|
|
7
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
8
6
|
exports.Text = void 0;
|
|
9
|
-
const jsx_runtime_1 = require(
|
|
7
|
+
const jsx_runtime_1 = require("@fluentui-react-native/framework-base/jsx-runtime");
|
|
10
8
|
/** @jsxImportSource @fluentui-react-native/framework-base */
|
|
11
|
-
const react_1 = __importDefault(require(
|
|
12
|
-
const react_native_1 = require(
|
|
13
|
-
const framework_1 = require(
|
|
14
|
-
const interactive_hooks_1 = require(
|
|
15
|
-
const theme_tokens_1 = require(
|
|
16
|
-
const Text_types_1 = require(
|
|
17
|
-
const TextTokens_1 = require(
|
|
9
|
+
const react_1 = __importDefault(require("react"));
|
|
10
|
+
const react_native_1 = require("react-native");
|
|
11
|
+
const framework_1 = require("@fluentui-react-native/framework");
|
|
12
|
+
const interactive_hooks_1 = require("@fluentui-react-native/interactive-hooks");
|
|
13
|
+
const theme_tokens_1 = require("@fluentui-react-native/theme-tokens");
|
|
14
|
+
const Text_types_1 = require("./Text.types");
|
|
15
|
+
const TextTokens_1 = require("./TextTokens");
|
|
18
16
|
const emptyProps = {};
|
|
19
17
|
exports.Text = (0, framework_1.compressible)((props, useTokens) => {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
(
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
underline && strikethrough ? 'underline line-through' : underline ? 'underline' : strikethrough ? 'line-through' : undefined,
|
|
91
|
-
});
|
|
92
|
-
// now build the text style from tokens that can be shared between different Text instances
|
|
93
|
-
const [tokenStyle] = cache(
|
|
94
|
-
() => ({
|
|
95
|
-
margin: 0,
|
|
96
|
-
color: tokens.color,
|
|
97
|
-
fontStyle: tokens.fontStyle,
|
|
98
|
-
textAlign: tokens.textAlign,
|
|
99
|
-
textDecorationLine: tokens.textDecorationLine,
|
|
100
|
-
...framework_1.fontStyles.from(tokens, theme),
|
|
101
|
-
}),
|
|
102
|
-
['color', 'fontStyle', 'textAlign', 'textDecorationLine', ...framework_1.fontStyles.keys],
|
|
103
|
-
);
|
|
104
|
-
// Safety measure: Dynamic Type is an iOS-specific thing
|
|
105
|
-
const dynamicTypeVariant = react_native_1.Platform.OS === 'ios' ? tokenStyle.dynamicTypeRamp : undefined;
|
|
106
|
-
let maxFontSizeScaleAdjustment = emptyProps;
|
|
107
|
-
// tokenStyle.fontSize can also be a string (e.g., "14px").
|
|
108
|
-
// Therefore, we only support scaling for number-based size values in order to avoid any messy calculations.
|
|
109
|
-
if (dynamicTypeVariant !== undefined && typeof tokenStyle.fontSize === 'number' && tokenStyle.maximumFontSize !== undefined) {
|
|
110
|
-
maxFontSizeScaleAdjustment = {
|
|
111
|
-
maxFontSizeMultiplier: tokenStyle.maximumFontSize / tokenStyle.fontSize,
|
|
18
|
+
if (props === undefined) {
|
|
19
|
+
props = emptyProps;
|
|
20
|
+
}
|
|
21
|
+
// split out color and variant from props
|
|
22
|
+
const { align = undefined, block, color, componentRef, font, italic, numberOfLines, onAccessibilityTap, onKeyUp, onKeyDown, keyUpEvents, keyDownEvents, onPress, size, strikethrough, style, truncate = false, underline, variant, weight, wrap = true, ...rest } = props;
|
|
23
|
+
const theme = (0, framework_1.useFluentTheme)();
|
|
24
|
+
// get the tokens from the theme
|
|
25
|
+
let [tokens, cache] = useTokens(theme);
|
|
26
|
+
const textAlign = react_native_1.I18nManager.isRTL
|
|
27
|
+
? align === 'start'
|
|
28
|
+
? 'right'
|
|
29
|
+
: align === 'end'
|
|
30
|
+
? 'left'
|
|
31
|
+
: align
|
|
32
|
+
: align === 'start'
|
|
33
|
+
? 'left'
|
|
34
|
+
: align === 'end'
|
|
35
|
+
? 'right'
|
|
36
|
+
: align;
|
|
37
|
+
const textOnPress = react_1.default.useCallback((e) => {
|
|
38
|
+
if (onPress) {
|
|
39
|
+
onPress(e);
|
|
40
|
+
}
|
|
41
|
+
e.stopPropagation();
|
|
42
|
+
}, [onPress]);
|
|
43
|
+
const keyProps = (0, interactive_hooks_1.useKeyProps)(textOnPress, ' ', 'Enter');
|
|
44
|
+
const onAccTap = react_1.default.useCallback((event) => {
|
|
45
|
+
onAccessibilityTap ? onAccessibilityTap() : onPress(event);
|
|
46
|
+
}, [onPress, onAccessibilityTap]);
|
|
47
|
+
// override tokens from props
|
|
48
|
+
[tokens, cache] = (0, framework_1.patchTokens)(tokens, cache, {
|
|
49
|
+
color,
|
|
50
|
+
variant,
|
|
51
|
+
fontFamily: font == 'base' ? 'primary' : font,
|
|
52
|
+
fontMaximumSize: tokens.maximumFontSize,
|
|
53
|
+
fontSize: theme_tokens_1.globalTokens.font['size' + size],
|
|
54
|
+
fontWeight: theme_tokens_1.globalTokens.font.weight[weight],
|
|
55
|
+
// leave it undefined for tokens to be set by user
|
|
56
|
+
fontStyle: italic ? 'italic' : undefined,
|
|
57
|
+
textAlign: textAlign,
|
|
58
|
+
textDecorationLine: underline && strikethrough ? 'underline line-through' : underline ? 'underline' : strikethrough ? 'line-through' : undefined,
|
|
59
|
+
});
|
|
60
|
+
// now build the text style from tokens that can be shared between different Text instances
|
|
61
|
+
const [tokenStyle] = cache(() => ({
|
|
62
|
+
margin: 0,
|
|
63
|
+
color: tokens.color,
|
|
64
|
+
fontStyle: tokens.fontStyle,
|
|
65
|
+
textAlign: tokens.textAlign,
|
|
66
|
+
textDecorationLine: tokens.textDecorationLine,
|
|
67
|
+
...framework_1.fontStyles.from(tokens, theme),
|
|
68
|
+
}), ['color', 'fontStyle', 'textAlign', 'textDecorationLine', ...framework_1.fontStyles.keys]);
|
|
69
|
+
// Safety measure: Dynamic Type is an iOS-specific thing
|
|
70
|
+
const dynamicTypeVariant = react_native_1.Platform.OS === 'ios' ? tokenStyle.dynamicTypeRamp : undefined;
|
|
71
|
+
let maxFontSizeScaleAdjustment = emptyProps;
|
|
72
|
+
// tokenStyle.fontSize can also be a string (e.g., "14px").
|
|
73
|
+
// Therefore, we only support scaling for number-based size values in order to avoid any messy calculations.
|
|
74
|
+
if (dynamicTypeVariant !== undefined && typeof tokenStyle.fontSize === 'number' && tokenStyle.maximumFontSize !== undefined) {
|
|
75
|
+
maxFontSizeScaleAdjustment = {
|
|
76
|
+
maxFontSizeMultiplier: tokenStyle.maximumFontSize / tokenStyle.fontSize,
|
|
77
|
+
};
|
|
78
|
+
}
|
|
79
|
+
const isWin32Platform = react_native_1.Platform.OS === 'win32';
|
|
80
|
+
const filteredProps = {
|
|
81
|
+
onKeyUp: isWin32Platform ? onKeyUp : undefined,
|
|
82
|
+
keyUpEvents: isWin32Platform ? keyUpEvents : undefined,
|
|
83
|
+
validKeysUp: undefined,
|
|
84
|
+
onKeyDown: isWin32Platform ? onKeyDown : undefined,
|
|
85
|
+
keyDownEvents: isWin32Platform ? keyDownEvents : undefined,
|
|
86
|
+
validKeysDown: undefined,
|
|
87
|
+
onAccessibilityTap: isWin32Platform ? onAccTap : undefined,
|
|
112
88
|
};
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
...extra,
|
|
131
|
-
...maxFontSizeScaleAdjustment,
|
|
132
|
-
onPress,
|
|
133
|
-
numberOfLines: numberOfLines ?? (truncate || !wrap ? 1 : 0),
|
|
134
|
-
style: (0, framework_1.mergeStyles)(tokenStyle, props.style, extra?.style),
|
|
89
|
+
// return a continuation function that allows this text to be compressed
|
|
90
|
+
return (extra, children) => {
|
|
91
|
+
const mergedProps = {
|
|
92
|
+
...rest,
|
|
93
|
+
...keyProps,
|
|
94
|
+
...filteredProps,
|
|
95
|
+
...extra,
|
|
96
|
+
...maxFontSizeScaleAdjustment,
|
|
97
|
+
onPress,
|
|
98
|
+
numberOfLines: numberOfLines ?? (truncate || !wrap ? 1 : 0),
|
|
99
|
+
style: (0, framework_1.mergeStyles)(tokenStyle, props.style, extra?.style),
|
|
100
|
+
};
|
|
101
|
+
// RN TextStyle doesn't recognize these properties.
|
|
102
|
+
// Don't let them leak through or RN will complain about invalid props.
|
|
103
|
+
delete mergedProps.style.dynamicTypeRamp;
|
|
104
|
+
delete mergedProps.style.maximumFontSize;
|
|
105
|
+
return (jsx_runtime_1.jsx(react_native_1.Text, { ref: componentRef, ellipsizeMode: !wrap && !truncate ? 'clip' : 'tail', ...mergedProps, children: children }));
|
|
135
106
|
};
|
|
136
|
-
// RN TextStyle doesn't recognize these properties.
|
|
137
|
-
// Don't let them leak through or RN will complain about invalid props.
|
|
138
|
-
delete mergedProps.style.dynamicTypeRamp;
|
|
139
|
-
delete mergedProps.style.maximumFontSize;
|
|
140
|
-
return jsx_runtime_1.jsx(react_native_1.Text, {
|
|
141
|
-
ref: componentRef,
|
|
142
|
-
ellipsizeMode: !wrap && !truncate ? 'clip' : 'tail',
|
|
143
|
-
...mergedProps,
|
|
144
|
-
children: children,
|
|
145
|
-
});
|
|
146
|
-
};
|
|
147
107
|
}, TextTokens_1.useTextTokens);
|
|
148
108
|
exports.Text.displayName = Text_types_1.textName;
|
|
149
109
|
exports.default = exports.Text;
|
|
150
|
-
//# sourceMappingURL=Text.js.map
|
|
110
|
+
//# sourceMappingURL=Text.js.map
|
package/lib-commonjs/Text.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../src/Text.tsx"],"names":[],"mappings":";;;;;;;AAAA,6DAA6D;AAC7D,kDAA0B;AAC1B,+CAAqE;AAGrE,gEAAsH;AACtH,gFAAuE;AACvE,sEAAmE;AAGnE,6CAAwC;AACxC,6CAA6C;AAE7C,MAAM,UAAU,GAAG,EAAE,CAAC;AACT,QAAA,IAAI,GAAG,IAAA,wBAAY,EAAwB,CAAC,KAAgB,EAAE,SAAgC,EAAE,EAAE,CAAC;IAC9G,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACxB,KAAK,GAAG,UAAU,CAAC;IACrB,CAAC;IAED,yCAAyC;IACzC,MAAM,EACJ,KAAK,GAAG,SAAS,EACjB,KAAK,EACL,KAAK,EACL,YAAY,EACZ,IAAI,EACJ,MAAM,EACN,aAAa,EACb,kBAAkB,EAClB,OAAO,EACP,SAAS,EACT,WAAW,EACX,aAAa,EACb,OAAO,EACP,IAAI,EACJ,aAAa,EACb,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,OAAO,EACP,MAAM,EACN,IAAI,GAAG,IAAI,EACX,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IACV,MAAM,KAAK,GAAG,IAAA,0BAAc,GAAE,CAAC;IAC/B,gCAAgC;IAChC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IAEvC,MAAM,SAAS,GAAG,0BAAW,CAAC,KAAK;QACjC,CAAC,CAAC,KAAK,KAAK,OAAO;YACjB,CAAC,CAAC,OAAO;YACT,CAAC,CAAC,KAAK,KAAK,KAAK;
|
|
1
|
+
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../src/Text.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +1,12 @@
|
|
|
1
1
|
import type { ColorValue, Text, TextStyle } from 'react-native';
|
|
2
2
|
import type { ITextProps } from '@fluentui-react-native/adapters';
|
|
3
3
|
import type { FontTokens, FontVariantTokens, IForegroundColorTokens } from '@fluentui-react-native/framework';
|
|
4
|
-
export declare const textName =
|
|
4
|
+
export declare const textName = "Text";
|
|
5
5
|
/**
|
|
6
6
|
* Text tokens, these are the internally configurable values for Text elements. In particular these
|
|
7
7
|
* drive decisions on how to build the styles
|
|
8
8
|
*/
|
|
9
|
-
export type TextTokens = Omit<FontTokens, 'fontFamily'> &
|
|
10
|
-
IForegroundColorTokens &
|
|
11
|
-
Omit<TextStyle, 'fontSize' | 'fontWeight' | 'color'> & {
|
|
9
|
+
export type TextTokens = Omit<FontTokens, 'fontFamily'> & IForegroundColorTokens & Omit<TextStyle, 'fontSize' | 'fontWeight' | 'color'> & {
|
|
12
10
|
/**
|
|
13
11
|
* (iOS only) The Dynamic Type ramp that a Text element should follow as the user changes their
|
|
14
12
|
* preferred content size.
|
|
@@ -19,7 +17,7 @@ export type TextTokens = Omit<FontTokens, 'fontFamily'> &
|
|
|
19
17
|
* preferred content size.
|
|
20
18
|
*/
|
|
21
19
|
maximumFontSize?: number;
|
|
22
|
-
|
|
20
|
+
};
|
|
23
21
|
export type TextAlign = 'start' | 'center' | 'end' | 'justify';
|
|
24
22
|
export type TextFont = 'base' | 'monospace' | 'numeric';
|
|
25
23
|
export type TextSize = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000;
|
|
@@ -27,8 +25,7 @@ export type TextWeight = 'regular' | 'medium' | 'semibold' | 'bold';
|
|
|
27
25
|
/**
|
|
28
26
|
* Text props, based off of the standard react-native TextProps with some new extensions
|
|
29
27
|
*/
|
|
30
|
-
export type TextProps<TBase = ITextProps> = TBase &
|
|
31
|
-
FontVariantTokens & {
|
|
28
|
+
export type TextProps<TBase = ITextProps> = TBase & FontVariantTokens & {
|
|
32
29
|
/**
|
|
33
30
|
* foreground text color
|
|
34
31
|
*/
|
|
@@ -97,5 +94,5 @@ export type TextProps<TBase = ITextProps> = TBase &
|
|
|
97
94
|
* @defaultValue true
|
|
98
95
|
*/
|
|
99
96
|
wrap?: boolean;
|
|
100
|
-
|
|
101
|
-
//# sourceMappingURL=Text.types.d.ts.map
|
|
97
|
+
};
|
|
98
|
+
//# sourceMappingURL=Text.types.d.ts.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports,
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.textName = void 0;
|
|
4
4
|
exports.textName = 'Text';
|
|
5
|
-
//# sourceMappingURL=Text.types.js.map
|
|
5
|
+
//# sourceMappingURL=Text.types.js.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { TextTokens } from './Text.types';
|
|
2
|
-
export declare const useTextTokens: import(
|
|
3
|
-
//# sourceMappingURL=TextTokens.d.ts.map
|
|
2
|
+
export declare const useTextTokens: import("@fluentui-react-native/framework").UseTokens<TextTokens>;
|
|
3
|
+
//# sourceMappingURL=TextTokens.d.ts.map
|
|
@@ -1,13 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports,
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.useTextTokens = void 0;
|
|
4
|
-
const framework_1 = require(
|
|
5
|
-
const Text_types_1 = require(
|
|
6
|
-
exports.useTextTokens = (0, framework_1.buildUseTokens)(
|
|
7
|
-
(t) => ({
|
|
4
|
+
const framework_1 = require("@fluentui-react-native/framework");
|
|
5
|
+
const Text_types_1 = require("./Text.types");
|
|
6
|
+
exports.useTextTokens = (0, framework_1.buildUseTokens)((t) => ({
|
|
8
7
|
variant: 'secondaryStandard',
|
|
9
8
|
color: t.colors.bodyText,
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
);
|
|
13
|
-
//# sourceMappingURL=TextTokens.js.map
|
|
9
|
+
}), Text_types_1.textName);
|
|
10
|
+
//# sourceMappingURL=TextTokens.js.map
|
|
@@ -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.android.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.android.d.ts.map
|
|
@@ -1,63 +1,46 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports,
|
|
3
|
-
exports.Display =
|
|
4
|
-
|
|
5
|
-
exports.Title3 =
|
|
6
|
-
exports.Title2 =
|
|
7
|
-
exports.Title1Strong =
|
|
8
|
-
exports.Title1 =
|
|
9
|
-
exports.Subtitle2Strong =
|
|
10
|
-
exports.Subtitle2 =
|
|
11
|
-
exports.Subtitle1Strong =
|
|
12
|
-
exports.Subtitle1 =
|
|
13
|
-
exports.Body2Strong =
|
|
14
|
-
exports.Body2 =
|
|
15
|
-
exports.Body1Strong =
|
|
16
|
-
exports.Body1 =
|
|
17
|
-
exports.Caption2 =
|
|
18
|
-
exports.Caption1Strong =
|
|
19
|
-
exports.Caption1 =
|
|
20
|
-
void 0;
|
|
21
|
-
const Text_1 = require('./Text');
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Display = exports.LargeTitle = exports.Title3 = exports.Title2 = exports.Title1Strong = exports.Title1 = exports.Subtitle2Strong = exports.Subtitle2 = exports.Subtitle1Strong = exports.Subtitle1 = exports.Body2Strong = exports.Body2 = exports.Body1Strong = exports.Body1 = exports.Caption2 = exports.Caption1Strong = exports.Caption1 = void 0;
|
|
4
|
+
const Text_1 = require("./Text");
|
|
22
5
|
exports.Caption1 = Text_1.Text.customize({
|
|
23
|
-
|
|
6
|
+
variant: 'caption1',
|
|
24
7
|
});
|
|
25
8
|
exports.Caption1Strong = Text_1.Text.customize({
|
|
26
|
-
|
|
9
|
+
variant: 'caption1Strong',
|
|
27
10
|
});
|
|
28
11
|
exports.Caption2 = Text_1.Text.customize({
|
|
29
|
-
|
|
12
|
+
variant: 'caption2',
|
|
30
13
|
});
|
|
31
14
|
exports.Body1 = Text_1.Text.customize({
|
|
32
|
-
|
|
15
|
+
variant: 'body1',
|
|
33
16
|
});
|
|
34
17
|
exports.Body1Strong = Text_1.Text.customize({
|
|
35
|
-
|
|
18
|
+
variant: 'body1Strong',
|
|
36
19
|
});
|
|
37
20
|
exports.Body2 = Text_1.Text.customize({
|
|
38
|
-
|
|
21
|
+
variant: 'body2',
|
|
39
22
|
});
|
|
40
23
|
exports.Body2Strong = Text_1.Text.customize({
|
|
41
|
-
|
|
24
|
+
variant: 'body2Strong',
|
|
42
25
|
});
|
|
43
26
|
exports.Subtitle1 = null; // Not supported
|
|
44
27
|
exports.Subtitle1Strong = null; // Not supported
|
|
45
28
|
exports.Subtitle2 = null; // Not supported
|
|
46
29
|
exports.Subtitle2Strong = null; // Not supported
|
|
47
30
|
exports.Title1 = Text_1.Text.customize({
|
|
48
|
-
|
|
31
|
+
variant: 'title1',
|
|
49
32
|
});
|
|
50
33
|
exports.Title1Strong = null; // Not supported
|
|
51
34
|
exports.Title2 = Text_1.Text.customize({
|
|
52
|
-
|
|
35
|
+
variant: 'title2',
|
|
53
36
|
});
|
|
54
37
|
exports.Title3 = Text_1.Text.customize({
|
|
55
|
-
|
|
38
|
+
variant: 'title3',
|
|
56
39
|
});
|
|
57
40
|
exports.LargeTitle = Text_1.Text.customize({
|
|
58
|
-
|
|
41
|
+
variant: 'largeTitle',
|
|
59
42
|
});
|
|
60
43
|
exports.Display = Text_1.Text.customize({
|
|
61
|
-
|
|
44
|
+
variant: 'display',
|
|
62
45
|
});
|
|
63
|
-
//# sourceMappingURL=Variants.android.js.map
|
|
46
|
+
//# sourceMappingURL=Variants.android.js.map
|