@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
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/text
|
|
2
2
|
|
|
3
|
+
## 0.25.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 0d6e9c1: chore: migrate to `oxfmt`
|
|
8
|
+
- ac6e7af: Ensure packages have a default export that references the typescript entrypoint and clean up build dependency ordering
|
|
9
|
+
- Updated dependencies [0d6e9c1]
|
|
10
|
+
- Updated dependencies [ac6e7af]
|
|
11
|
+
- @uifabricshared/foundation-compose@1.16.1
|
|
12
|
+
- @fluentui-react-native/interactive-hooks@0.28.1
|
|
13
|
+
- @fluentui-react-native/theme-tokens@0.28.1
|
|
14
|
+
- @fluentui-react-native/framework@0.15.1
|
|
15
|
+
- @fluentui-react-native/adapters@0.14.1
|
|
16
|
+
- @fluentui-react-native/tokens@0.24.1
|
|
17
|
+
|
|
3
18
|
## 0.25.0
|
|
4
19
|
|
|
5
20
|
### Minor Changes
|
package/lib/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/theme-types').Theme
|
|
6
|
-
>;
|
|
2
|
+
export declare const Text: import("@fluentui-react-native/use-tokens").CustomizableComponent<TextProps, TextTokens, import("@fluentui-react-native/theme-types").Theme>;
|
|
7
3
|
export default Text;
|
|
8
|
-
//# sourceMappingURL=Text.d.ts.map
|
|
4
|
+
//# sourceMappingURL=Text.d.ts.map
|
package/lib/Text.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsx as _jsx } from
|
|
1
|
+
import { jsx as _jsx } from "@fluentui-react-native/framework-base/jsx-runtime";
|
|
2
2
|
/** @jsxImportSource @fluentui-react-native/framework-base */
|
|
3
3
|
import React from 'react';
|
|
4
4
|
import { I18nManager, Platform, Text as RNText } from 'react-native';
|
|
@@ -9,129 +9,96 @@ import { textName } from './Text.types';
|
|
|
9
9
|
import { useTextTokens } from './TextTokens';
|
|
10
10
|
const emptyProps = {};
|
|
11
11
|
export const Text = compressible((props, useTokens) => {
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
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
|
-
underline && strikethrough ? 'underline line-through' : underline ? 'underline' : strikethrough ? 'line-through' : undefined,
|
|
83
|
-
});
|
|
84
|
-
// now build the text style from tokens that can be shared between different Text instances
|
|
85
|
-
const [tokenStyle] = cache(
|
|
86
|
-
() => ({
|
|
87
|
-
margin: 0,
|
|
88
|
-
color: tokens.color,
|
|
89
|
-
fontStyle: tokens.fontStyle,
|
|
90
|
-
textAlign: tokens.textAlign,
|
|
91
|
-
textDecorationLine: tokens.textDecorationLine,
|
|
92
|
-
...fontStyles.from(tokens, theme),
|
|
93
|
-
}),
|
|
94
|
-
['color', 'fontStyle', 'textAlign', 'textDecorationLine', ...fontStyles.keys],
|
|
95
|
-
);
|
|
96
|
-
// Safety measure: Dynamic Type is an iOS-specific thing
|
|
97
|
-
const dynamicTypeVariant = Platform.OS === 'ios' ? tokenStyle.dynamicTypeRamp : undefined;
|
|
98
|
-
let maxFontSizeScaleAdjustment = emptyProps;
|
|
99
|
-
// tokenStyle.fontSize can also be a string (e.g., "14px").
|
|
100
|
-
// Therefore, we only support scaling for number-based size values in order to avoid any messy calculations.
|
|
101
|
-
if (dynamicTypeVariant !== undefined && typeof tokenStyle.fontSize === 'number' && tokenStyle.maximumFontSize !== undefined) {
|
|
102
|
-
maxFontSizeScaleAdjustment = {
|
|
103
|
-
maxFontSizeMultiplier: tokenStyle.maximumFontSize / tokenStyle.fontSize,
|
|
12
|
+
if (props === undefined) {
|
|
13
|
+
props = emptyProps;
|
|
14
|
+
}
|
|
15
|
+
// split out color and variant from props
|
|
16
|
+
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;
|
|
17
|
+
const theme = useFluentTheme();
|
|
18
|
+
// get the tokens from the theme
|
|
19
|
+
let [tokens, cache] = useTokens(theme);
|
|
20
|
+
const textAlign = I18nManager.isRTL
|
|
21
|
+
? align === 'start'
|
|
22
|
+
? 'right'
|
|
23
|
+
: align === 'end'
|
|
24
|
+
? 'left'
|
|
25
|
+
: align
|
|
26
|
+
: align === 'start'
|
|
27
|
+
? 'left'
|
|
28
|
+
: align === 'end'
|
|
29
|
+
? 'right'
|
|
30
|
+
: align;
|
|
31
|
+
const textOnPress = React.useCallback((e) => {
|
|
32
|
+
if (onPress) {
|
|
33
|
+
onPress(e);
|
|
34
|
+
}
|
|
35
|
+
e.stopPropagation();
|
|
36
|
+
}, [onPress]);
|
|
37
|
+
const keyProps = useKeyProps(textOnPress, ' ', 'Enter');
|
|
38
|
+
const onAccTap = React.useCallback((event) => {
|
|
39
|
+
onAccessibilityTap ? onAccessibilityTap() : onPress(event);
|
|
40
|
+
}, [onPress, onAccessibilityTap]);
|
|
41
|
+
// override tokens from props
|
|
42
|
+
[tokens, cache] = patchTokens(tokens, cache, {
|
|
43
|
+
color,
|
|
44
|
+
variant,
|
|
45
|
+
fontFamily: font == 'base' ? 'primary' : font,
|
|
46
|
+
fontMaximumSize: tokens.maximumFontSize,
|
|
47
|
+
fontSize: globalTokens.font['size' + size],
|
|
48
|
+
fontWeight: globalTokens.font.weight[weight],
|
|
49
|
+
// leave it undefined for tokens to be set by user
|
|
50
|
+
fontStyle: italic ? 'italic' : undefined,
|
|
51
|
+
textAlign: textAlign,
|
|
52
|
+
textDecorationLine: underline && strikethrough ? 'underline line-through' : underline ? 'underline' : strikethrough ? 'line-through' : undefined,
|
|
53
|
+
});
|
|
54
|
+
// now build the text style from tokens that can be shared between different Text instances
|
|
55
|
+
const [tokenStyle] = cache(() => ({
|
|
56
|
+
margin: 0,
|
|
57
|
+
color: tokens.color,
|
|
58
|
+
fontStyle: tokens.fontStyle,
|
|
59
|
+
textAlign: tokens.textAlign,
|
|
60
|
+
textDecorationLine: tokens.textDecorationLine,
|
|
61
|
+
...fontStyles.from(tokens, theme),
|
|
62
|
+
}), ['color', 'fontStyle', 'textAlign', 'textDecorationLine', ...fontStyles.keys]);
|
|
63
|
+
// Safety measure: Dynamic Type is an iOS-specific thing
|
|
64
|
+
const dynamicTypeVariant = Platform.OS === 'ios' ? tokenStyle.dynamicTypeRamp : undefined;
|
|
65
|
+
let maxFontSizeScaleAdjustment = emptyProps;
|
|
66
|
+
// tokenStyle.fontSize can also be a string (e.g., "14px").
|
|
67
|
+
// Therefore, we only support scaling for number-based size values in order to avoid any messy calculations.
|
|
68
|
+
if (dynamicTypeVariant !== undefined && typeof tokenStyle.fontSize === 'number' && tokenStyle.maximumFontSize !== undefined) {
|
|
69
|
+
maxFontSizeScaleAdjustment = {
|
|
70
|
+
maxFontSizeMultiplier: tokenStyle.maximumFontSize / tokenStyle.fontSize,
|
|
71
|
+
};
|
|
72
|
+
}
|
|
73
|
+
const isWin32Platform = Platform.OS === 'win32';
|
|
74
|
+
const filteredProps = {
|
|
75
|
+
onKeyUp: isWin32Platform ? onKeyUp : undefined,
|
|
76
|
+
keyUpEvents: isWin32Platform ? keyUpEvents : undefined,
|
|
77
|
+
validKeysUp: undefined,
|
|
78
|
+
onKeyDown: isWin32Platform ? onKeyDown : undefined,
|
|
79
|
+
keyDownEvents: isWin32Platform ? keyDownEvents : undefined,
|
|
80
|
+
validKeysDown: undefined,
|
|
81
|
+
onAccessibilityTap: isWin32Platform ? onAccTap : undefined,
|
|
104
82
|
};
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
...extra,
|
|
123
|
-
...maxFontSizeScaleAdjustment,
|
|
124
|
-
onPress,
|
|
125
|
-
numberOfLines: numberOfLines ?? (truncate || !wrap ? 1 : 0),
|
|
126
|
-
style: mergeStyles(tokenStyle, props.style, extra?.style),
|
|
83
|
+
// return a continuation function that allows this text to be compressed
|
|
84
|
+
return (extra, children) => {
|
|
85
|
+
const mergedProps = {
|
|
86
|
+
...rest,
|
|
87
|
+
...keyProps,
|
|
88
|
+
...filteredProps,
|
|
89
|
+
...extra,
|
|
90
|
+
...maxFontSizeScaleAdjustment,
|
|
91
|
+
onPress,
|
|
92
|
+
numberOfLines: numberOfLines ?? (truncate || !wrap ? 1 : 0),
|
|
93
|
+
style: mergeStyles(tokenStyle, props.style, extra?.style),
|
|
94
|
+
};
|
|
95
|
+
// RN TextStyle doesn't recognize these properties.
|
|
96
|
+
// Don't let them leak through or RN will complain about invalid props.
|
|
97
|
+
delete mergedProps.style.dynamicTypeRamp;
|
|
98
|
+
delete mergedProps.style.maximumFontSize;
|
|
99
|
+
return (_jsx(RNText, { ref: componentRef, ellipsizeMode: !wrap && !truncate ? 'clip' : 'tail', ...mergedProps, children: children }));
|
|
127
100
|
};
|
|
128
|
-
// RN TextStyle doesn't recognize these properties.
|
|
129
|
-
// Don't let them leak through or RN will complain about invalid props.
|
|
130
|
-
delete mergedProps.style.dynamicTypeRamp;
|
|
131
|
-
delete mergedProps.style.maximumFontSize;
|
|
132
|
-
return _jsx(RNText, { ref: componentRef, ellipsizeMode: !wrap && !truncate ? 'clip' : 'tail', ...mergedProps, children: children });
|
|
133
|
-
};
|
|
134
101
|
}, useTextTokens);
|
|
135
102
|
Text.displayName = textName;
|
|
136
103
|
export default Text;
|
|
137
|
-
//# sourceMappingURL=Text.js.map
|
|
104
|
+
//# sourceMappingURL=Text.js.map
|
package/lib/Text.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../src/Text.tsx"],"names":[],"mappings":";AAAA,6DAA6D;AAC7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,IAAI,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AAGrE,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AACtH,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAGnE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAE7C,MAAM,UAAU,GAAG,EAAE,CAAC;AACtB,MAAM,CAAC,MAAM,IAAI,GAAG,YAAY,CAAwB,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,cAAc,EAAE,CAAC;IAC/B,gCAAgC;IAChC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IAEvC,MAAM,SAAS,GAAG,WAAW,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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"}
|
package/lib/Text.types.d.ts
CHANGED
|
@@ -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
|
package/lib/Text.types.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export const textName = 'Text';
|
|
2
|
-
//# sourceMappingURL=Text.types.js.map
|
|
2
|
+
//# sourceMappingURL=Text.types.js.map
|
package/lib/TextTokens.d.ts
CHANGED
|
@@ -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
|
package/lib/TextTokens.js
CHANGED
|
@@ -1,10 +1,7 @@
|
|
|
1
1
|
import { buildUseTokens } from '@fluentui-react-native/framework';
|
|
2
2
|
import { textName } from './Text.types';
|
|
3
|
-
export const useTextTokens = buildUseTokens(
|
|
4
|
-
(t) => ({
|
|
3
|
+
export const useTextTokens = buildUseTokens((t) => ({
|
|
5
4
|
variant: 'secondaryStandard',
|
|
6
5
|
color: t.colors.bodyText,
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
);
|
|
10
|
-
//# sourceMappingURL=TextTokens.js.map
|
|
6
|
+
}), textName);
|
|
7
|
+
//# 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
|
package/lib/Variants.android.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
|
|
24
24
|
export const Subtitle1Strong = null; // Not supported
|
|
25
25
|
export const Subtitle2 = null; // Not supported
|
|
26
26
|
export const Subtitle2Strong = null; // Not supported
|
|
27
27
|
export const Title1 = Text.customize({
|
|
28
|
-
|
|
28
|
+
variant: 'title1',
|
|
29
29
|
});
|
|
30
30
|
export const Title1Strong = null; // Not supported
|
|
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.android.js.map
|
|
43
|
+
//# sourceMappingURL=Variants.android.js.map
|
package/lib/Variants.d.ts
CHANGED
|
@@ -1,86 +1,18 @@
|
|
|
1
|
-
export declare const Caption1: import(
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
>;
|
|
6
|
-
export declare const
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
>;
|
|
11
|
-
export declare const
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
>;
|
|
16
|
-
export declare const
|
|
17
|
-
|
|
18
|
-
|
|
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
|
-
>;
|
|
36
|
-
export declare const Subtitle1: import('@fluentui-react-native/use-tokens').CustomizableComponent<
|
|
37
|
-
import('./Text.types').TextProps,
|
|
38
|
-
import('./Text.types').TextTokens,
|
|
39
|
-
import('@fluentui-react-native/theme-types').Theme
|
|
40
|
-
>;
|
|
41
|
-
export declare const Subtitle1Strong: import('@fluentui-react-native/use-tokens').CustomizableComponent<
|
|
42
|
-
import('./Text.types').TextProps,
|
|
43
|
-
import('./Text.types').TextTokens,
|
|
44
|
-
import('@fluentui-react-native/theme-types').Theme
|
|
45
|
-
>;
|
|
46
|
-
export declare const Subtitle2: import('@fluentui-react-native/use-tokens').CustomizableComponent<
|
|
47
|
-
import('./Text.types').TextProps,
|
|
48
|
-
import('./Text.types').TextTokens,
|
|
49
|
-
import('@fluentui-react-native/theme-types').Theme
|
|
50
|
-
>;
|
|
51
|
-
export declare const Subtitle2Strong: 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 Title1: 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 Title1Strong: 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
|
-
export declare const Title2: import('@fluentui-react-native/use-tokens').CustomizableComponent<
|
|
67
|
-
import('./Text.types').TextProps,
|
|
68
|
-
import('./Text.types').TextTokens,
|
|
69
|
-
import('@fluentui-react-native/theme-types').Theme
|
|
70
|
-
>;
|
|
71
|
-
export declare const Title3: import('@fluentui-react-native/use-tokens').CustomizableComponent<
|
|
72
|
-
import('./Text.types').TextProps,
|
|
73
|
-
import('./Text.types').TextTokens,
|
|
74
|
-
import('@fluentui-react-native/theme-types').Theme
|
|
75
|
-
>;
|
|
76
|
-
export declare const LargeTitle: import('@fluentui-react-native/use-tokens').CustomizableComponent<
|
|
77
|
-
import('./Text.types').TextProps,
|
|
78
|
-
import('./Text.types').TextTokens,
|
|
79
|
-
import('@fluentui-react-native/theme-types').Theme
|
|
80
|
-
>;
|
|
81
|
-
export declare const Display: import('@fluentui-react-native/use-tokens').CustomizableComponent<
|
|
82
|
-
import('./Text.types').TextProps,
|
|
83
|
-
import('./Text.types').TextTokens,
|
|
84
|
-
import('@fluentui-react-native/theme-types').Theme
|
|
85
|
-
>;
|
|
86
|
-
//# sourceMappingURL=Variants.d.ts.map
|
|
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>;
|
|
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>;
|
|
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.d.ts.map
|