@fluentui-react-native/text 0.24.6 → 0.24.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +66 -1
- package/CHANGELOG.md +18 -2
- package/eslint.config.js +3 -0
- package/lib/Text.d.ts +1 -1
- package/lib/Text.d.ts.map +1 -1
- package/lib/Text.js +37 -53
- package/lib/Text.js.map +1 -1
- package/lib/Text.types.js +1 -1
- package/lib/Text.types.js.map +1 -1
- package/lib/TextTokens.js +2 -2
- package/lib/TextTokens.js.map +1 -1
- package/lib/Variants.android.js +17 -17
- package/lib/Variants.android.js.map +1 -1
- package/lib/Variants.ios.js +17 -17
- package/lib/Variants.ios.js.map +1 -1
- package/lib/Variants.js +17 -17
- package/lib/Variants.js.map +1 -1
- package/lib/Variants.win32.js +17 -17
- package/lib/Variants.win32.js.map +1 -1
- package/lib/Variants.windows.js +17 -17
- package/lib/Variants.windows.js.map +1 -1
- package/lib/__tests__/Text.test.js +11 -11
- package/lib/__tests__/Text.test.js.map +1 -1
- package/lib/deprecated/Text.d.ts +1 -1
- package/lib/deprecated/Text.d.ts.map +1 -1
- package/lib/deprecated/Text.js +2 -2
- package/lib/deprecated/Text.js.map +1 -1
- package/lib/deprecated/Text.settings.js +1 -1
- package/lib/deprecated/Text.settings.js.map +1 -1
- package/lib/deprecated/Text.types.js +1 -1
- package/lib/deprecated/Text.types.js.map +1 -1
- package/lib-commonjs/Text.d.ts +1 -1
- package/lib-commonjs/Text.d.ts.map +1 -1
- package/lib-commonjs/Text.js +44 -60
- package/lib-commonjs/Text.js.map +1 -1
- package/lib-commonjs/TextTokens.js +4 -4
- package/lib-commonjs/TextTokens.js.map +1 -1
- package/lib-commonjs/Variants.android.js +1 -1
- package/lib-commonjs/Variants.android.js.map +1 -1
- package/lib-commonjs/Variants.ios.js +1 -1
- package/lib-commonjs/Variants.ios.js.map +1 -1
- package/lib-commonjs/Variants.js +1 -1
- package/lib-commonjs/Variants.js.map +1 -1
- package/lib-commonjs/Variants.win32.js +1 -1
- package/lib-commonjs/Variants.win32.js.map +1 -1
- package/lib-commonjs/Variants.windows.js +1 -1
- package/lib-commonjs/Variants.windows.js.map +1 -1
- package/lib-commonjs/__tests__/Text.test.js +14 -14
- package/lib-commonjs/__tests__/Text.test.js.map +1 -1
- package/lib-commonjs/deprecated/Text.d.ts +1 -1
- package/lib-commonjs/deprecated/Text.d.ts.map +1 -1
- package/lib-commonjs/deprecated/Text.js +6 -6
- package/lib-commonjs/deprecated/Text.js.map +1 -1
- package/lib-commonjs/deprecated/Text.settings.js +1 -1
- package/lib-commonjs/deprecated/Text.settings.js.map +1 -1
- package/package.json +36 -17
- package/.eslintrc.js +0 -3
package/lib/Variants.windows.js
CHANGED
|
@@ -1,45 +1,45 @@
|
|
|
1
1
|
import { Text } from './Text';
|
|
2
|
-
export
|
|
2
|
+
export const Caption1 = Text.customize({
|
|
3
3
|
variant: 'caption1',
|
|
4
4
|
});
|
|
5
|
-
export
|
|
6
|
-
export
|
|
7
|
-
export
|
|
5
|
+
export const Caption1Strong = null; // Not supported on windows
|
|
6
|
+
export const Caption2 = null; // Not supported on windows
|
|
7
|
+
export const Body1 = Text.customize({
|
|
8
8
|
variant: 'body1',
|
|
9
9
|
});
|
|
10
|
-
export
|
|
10
|
+
export const Body1Strong = Text.customize({
|
|
11
11
|
variant: 'body1Strong',
|
|
12
12
|
});
|
|
13
|
-
export
|
|
13
|
+
export const Body2 = Text.customize({
|
|
14
14
|
variant: 'body2',
|
|
15
15
|
});
|
|
16
|
-
export
|
|
16
|
+
export const Body2Strong = Text.customize({
|
|
17
17
|
variant: 'body2Strong',
|
|
18
18
|
});
|
|
19
|
-
export
|
|
19
|
+
export const Subtitle1 = Text.customize({
|
|
20
20
|
variant: 'subtitle1',
|
|
21
21
|
});
|
|
22
|
-
export
|
|
22
|
+
export const Subtitle1Strong = Text.customize({
|
|
23
23
|
variant: 'subtitle1Strong',
|
|
24
24
|
});
|
|
25
|
-
export
|
|
25
|
+
export const Subtitle2 = Text.customize({
|
|
26
26
|
variant: 'subtitle2',
|
|
27
27
|
});
|
|
28
|
-
export
|
|
28
|
+
export const Subtitle2Strong = Text.customize({
|
|
29
29
|
variant: 'subtitle2Strong',
|
|
30
30
|
});
|
|
31
|
-
export
|
|
31
|
+
export const Title1 = Text.customize({
|
|
32
32
|
variant: 'title1',
|
|
33
33
|
});
|
|
34
|
-
export
|
|
34
|
+
export const Title1Strong = Text.customize({
|
|
35
35
|
variant: 'title1Strong',
|
|
36
36
|
});
|
|
37
|
-
export
|
|
38
|
-
export
|
|
39
|
-
export
|
|
37
|
+
export const Title2 = null; // Not supported on windows
|
|
38
|
+
export const Title3 = null; // Not supported on windows
|
|
39
|
+
export const LargeTitle = Text.customize({
|
|
40
40
|
variant: 'largeTitle',
|
|
41
41
|
});
|
|
42
|
-
export
|
|
42
|
+
export const Display = Text.customize({
|
|
43
43
|
variant: 'display',
|
|
44
44
|
});
|
|
45
45
|
//# sourceMappingURL=Variants.windows.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Variants.windows.js","sourceRoot":"","sources":["../src/Variants.windows.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"Variants.windows.js","sourceRoot":"","sources":["../src/Variants.windows.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC;IACrC,OAAO,EAAE,UAAU;CACpB,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,IAAI,CAAC,CAAC,2BAA2B;AAC/D,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAC,CAAC,2BAA2B;AACzD,MAAM,CAAC,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC;IAClC,OAAO,EAAE,OAAO;CACjB,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC;IACxC,OAAO,EAAE,aAAa;CACvB,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC;IAClC,OAAO,EAAE,OAAO;CACjB,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC;IACxC,OAAO,EAAE,aAAa;CACvB,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;IACtC,OAAO,EAAE,WAAW;CACrB,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,CAAC,SAAS,CAAC;IAC5C,OAAO,EAAE,iBAAiB;CAC3B,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;IACtC,OAAO,EAAE,WAAW;CACrB,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,CAAC,SAAS,CAAC;IAC5C,OAAO,EAAE,iBAAiB;CAC3B,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,CAAC;IACnC,OAAO,EAAE,QAAQ;CAClB,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,CAAC;IACzC,OAAO,EAAE,cAAc;CACxB,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,IAAI,CAAC,CAAC,2BAA2B;AACvD,MAAM,CAAC,MAAM,MAAM,GAAG,IAAI,CAAC,CAAC,2BAA2B;AACvD,MAAM,CAAC,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC;IACvC,OAAO,EAAE,YAAY;CACtB,CAAC,CAAC;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC;IACpC,OAAO,EAAE,SAAS;CACnB,CAAC,CAAC"}
|
|
@@ -1,30 +1,30 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import * as renderer from 'react-test-renderer';
|
|
3
3
|
import { Text } from '../Text';
|
|
4
|
-
describe('Text component tests',
|
|
5
|
-
it('Text default',
|
|
6
|
-
|
|
4
|
+
describe('Text component tests', () => {
|
|
5
|
+
it('Text default', () => {
|
|
6
|
+
const tree = renderer.create(React.createElement(Text, null, "Text default")).toJSON();
|
|
7
7
|
expect(tree).toMatchSnapshot();
|
|
8
8
|
});
|
|
9
|
-
it('Text all props',
|
|
10
|
-
|
|
9
|
+
it('Text all props', () => {
|
|
10
|
+
const tree = renderer.create(React.createElement(Text, { variant: "bodyStandard" }, "All props")).toJSON();
|
|
11
11
|
expect(tree).toMatchSnapshot();
|
|
12
12
|
});
|
|
13
|
-
it('Text all tokens',
|
|
14
|
-
|
|
13
|
+
it('Text all tokens', () => {
|
|
14
|
+
const BoldText = Text.customize({
|
|
15
15
|
fontFamily: 'Wingdings',
|
|
16
16
|
fontWeight: '900',
|
|
17
17
|
fontSize: 20,
|
|
18
18
|
});
|
|
19
|
-
|
|
19
|
+
const tree = renderer.create(React.createElement(BoldText, null, "All tokens")).toJSON();
|
|
20
20
|
expect(tree).toMatchSnapshot();
|
|
21
21
|
});
|
|
22
|
-
it('Text variants render correctly with style',
|
|
23
|
-
|
|
22
|
+
it('Text variants render correctly with style', () => {
|
|
23
|
+
const style = {
|
|
24
24
|
marginBottom: 8,
|
|
25
25
|
marginTop: 4,
|
|
26
26
|
};
|
|
27
|
-
|
|
27
|
+
const tree = renderer.create(React.createElement(Text, { variant: "heroLargeSemibold", color: "blue", style: style }, "Header Text"));
|
|
28
28
|
expect(tree).toMatchSnapshot();
|
|
29
29
|
});
|
|
30
30
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.test.js","sourceRoot":"","sources":["../../src/__tests__/Text.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAEhD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,QAAQ,CAAC,sBAAsB,EAAE;
|
|
1
|
+
{"version":3,"file":"Text.test.js","sourceRoot":"","sources":["../../src/__tests__/Text.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAEhD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;IACpC,EAAE,CAAC,cAAc,EAAE,GAAG,EAAE;QACtB,MAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,oBAAC,IAAI,uBAAoB,CAAC,CAAC,MAAM,EAAE,CAAC;QACjE,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gBAAgB,EAAE,GAAG,EAAE;QACxB,MAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,oBAAC,IAAI,IAAC,OAAO,EAAC,cAAc,gBAAiB,CAAC,CAAC,MAAM,EAAE,CAAC;QACrF,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iBAAiB,EAAE,GAAG,EAAE;QACzB,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC;YAC9B,UAAU,EAAE,WAAW;YACvB,UAAU,EAAE,KAAK;YACjB,QAAQ,EAAE,EAAE;SACb,CAAC,CAAC;QACH,MAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,oBAAC,QAAQ,qBAAsB,CAAC,CAAC,MAAM,EAAE,CAAC;QACvE,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;QACnD,MAAM,KAAK,GAAG;YACZ,YAAY,EAAE,CAAC;YACf,SAAS,EAAE,CAAC;SACb,CAAC;QACF,MAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAC1B,oBAAC,IAAI,IAAC,OAAO,EAAC,mBAAmB,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,kBAEpD,CACR,CAAC;QACF,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
package/lib/deprecated/Text.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export declare const Text: import("@uifabricshared/foundation-compose").IComposeReturnType<import("./Text.types").ITextProps<import("@fluentui-react-native/adapters").ITextProps>, {
|
|
2
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
|
|
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>;
|
|
4
4
|
export default Text;
|
|
5
5
|
//# sourceMappingURL=Text.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/deprecated/Text.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,IAAI;;
|
|
1
|
+
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/deprecated/Text.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,IAAI;;wUASf,CAAC;AAEH,eAAe,IAAI,CAAC"}
|
package/lib/deprecated/Text.js
CHANGED
|
@@ -4,9 +4,9 @@ import { foregroundColorTokens, textTokens } from '@fluentui-react-native/tokens
|
|
|
4
4
|
import { compose } from '@uifabricshared/foundation-compose';
|
|
5
5
|
import { settings } from './Text.settings';
|
|
6
6
|
import { textName } from './Text.types';
|
|
7
|
-
export
|
|
7
|
+
export const Text = compose({
|
|
8
8
|
displayName: textName,
|
|
9
|
-
settings
|
|
9
|
+
settings,
|
|
10
10
|
slots: {
|
|
11
11
|
root: { slotType: RNText, filter: filterTextProps },
|
|
12
12
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../src/deprecated/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,qBAAqB,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAClF,OAAO,EAAE,OAAO,EAAE,MAAM,oCAAoC,CAAC;AAE7D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../src/deprecated/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,MAAM,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,qBAAqB,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAClF,OAAO,EAAE,OAAO,EAAE,MAAM,oCAAoC,CAAC;AAE7D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,MAAM,CAAC,MAAM,IAAI,GAAG,OAAO,CAAY;IACrC,WAAW,EAAE,QAAQ;IACrB,QAAQ;IACR,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE;KACpD;IACD,MAAM,EAAE;QACN,IAAI,EAAE,CAAC,UAAU,EAAE,qBAAqB,CAAC;KAC1C;CACF,CAAC,CAAC;AAEH,eAAe,IAAI,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.settings.js","sourceRoot":"","sources":["../../src/deprecated/Text.settings.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"Text.settings.js","sourceRoot":"","sources":["../../src/deprecated/Text.settings.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,CAAC,MAAM,QAAQ,GAAgC;IACnD;QACE,MAAM,EAAE;YACN,OAAO,EAAE,mBAAmB;YAC5B,KAAK,EAAE,UAAU;SAClB;QACD,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,MAAM,EAAE,CAAC;aACG;SACf;QACD,UAAU,EAAE;YACV,QAAQ,EAAE;gBACR,MAAM,EAAE;oBACN,KAAK,EAAE,cAAc;iBACtB;aACF;SACF;QACD,WAAW,EAAE,CAAC,UAAU,CAAC;KAC1B;IACD,QAAQ;CACT,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export
|
|
1
|
+
export const textName = 'RNFText';
|
|
2
2
|
//# sourceMappingURL=Text.types.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.types.js","sourceRoot":"","sources":["../../src/deprecated/Text.types.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"Text.types.js","sourceRoot":"","sources":["../../src/deprecated/Text.types.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,QAAQ,GAAG,SAAS,CAAC"}
|
package/lib-commonjs/Text.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import type { TextProps, TextTokens } from './Text.types';
|
|
2
|
-
export declare const Text: import("@fluentui-react-native/
|
|
2
|
+
export declare const Text: import("@fluentui-react-native/framework").CustomizableComponent<TextProps<import("@fluentui-react-native/adapters").ITextProps>, TextTokens, import("@fluentui-react-native/framework").Theme>;
|
|
3
3
|
export default Text;
|
|
4
4
|
//# sourceMappingURL=Text.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../src/Text.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAK1D,eAAO,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../src/Text.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAK1D,eAAO,MAAM,IAAI,iMA2IA,CAAC;AAGlB,eAAe,IAAI,CAAC"}
|
package/lib-commonjs/Text.js
CHANGED
|
@@ -1,35 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
25
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
26
|
-
if (ar || !(i in from)) {
|
|
27
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
28
|
-
ar[i] = from[i];
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
|
32
|
-
};
|
|
33
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
34
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
35
4
|
};
|
|
@@ -37,25 +6,24 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
37
6
|
exports.Text = void 0;
|
|
38
7
|
/** @jsxRuntime classic */
|
|
39
8
|
/** @jsx withSlots */
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
exports.Text = (0, framework_1.compressible)(
|
|
49
|
-
var _a;
|
|
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");
|
|
16
|
+
const emptyProps = {};
|
|
17
|
+
exports.Text = (0, framework_1.compressible)((props, useTokens) => {
|
|
50
18
|
if (props === undefined) {
|
|
51
19
|
props = emptyProps;
|
|
52
20
|
}
|
|
53
21
|
// split out color and variant from props
|
|
54
|
-
|
|
55
|
-
|
|
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)();
|
|
56
24
|
// get the tokens from the theme
|
|
57
|
-
|
|
58
|
-
|
|
25
|
+
let [tokens, cache] = useTokens(theme);
|
|
26
|
+
const textAlign = react_native_1.I18nManager.isRTL
|
|
59
27
|
? align === 'start'
|
|
60
28
|
? 'right'
|
|
61
29
|
: align === 'end'
|
|
@@ -66,20 +34,20 @@ exports.Text = (0, framework_1.compressible)(function (props, useTokens) {
|
|
|
66
34
|
: align === 'end'
|
|
67
35
|
? 'right'
|
|
68
36
|
: align;
|
|
69
|
-
|
|
37
|
+
const textOnPress = react_1.default.useCallback((e) => {
|
|
70
38
|
if (onPress) {
|
|
71
39
|
onPress(e);
|
|
72
40
|
}
|
|
73
41
|
e.stopPropagation();
|
|
74
42
|
}, [onPress]);
|
|
75
|
-
|
|
76
|
-
|
|
43
|
+
const keyProps = (0, interactive_hooks_1.useKeyProps)(textOnPress, ' ', 'Enter');
|
|
44
|
+
const onAccTap = react_1.default.useCallback((event) => {
|
|
77
45
|
onAccessibilityTap ? onAccessibilityTap() : onPress(event);
|
|
78
46
|
}, [onPress, onAccessibilityTap]);
|
|
79
47
|
// override tokens from props
|
|
80
|
-
|
|
81
|
-
color
|
|
82
|
-
variant
|
|
48
|
+
[tokens, cache] = (0, framework_1.patchTokens)(tokens, cache, {
|
|
49
|
+
color,
|
|
50
|
+
variant,
|
|
83
51
|
fontFamily: font == 'base' ? 'primary' : font,
|
|
84
52
|
fontMaximumSize: tokens.maximumFontSize,
|
|
85
53
|
fontSize: theme_tokens_1.globalTokens.font['size' + size],
|
|
@@ -88,12 +56,19 @@ exports.Text = (0, framework_1.compressible)(function (props, useTokens) {
|
|
|
88
56
|
fontStyle: italic ? 'italic' : undefined,
|
|
89
57
|
textAlign: textAlign,
|
|
90
58
|
textDecorationLine: underline && strikethrough ? 'underline line-through' : underline ? 'underline' : strikethrough ? 'line-through' : undefined,
|
|
91
|
-
})
|
|
59
|
+
});
|
|
92
60
|
// now build the text style from tokens that can be shared between different Text instances
|
|
93
|
-
|
|
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]);
|
|
94
69
|
// Safety measure: Dynamic Type is an iOS-specific thing
|
|
95
|
-
|
|
96
|
-
|
|
70
|
+
const dynamicTypeVariant = react_native_1.Platform.OS === 'ios' ? tokenStyle.dynamicTypeRamp : undefined;
|
|
71
|
+
let maxFontSizeScaleAdjustment = emptyProps;
|
|
97
72
|
// tokenStyle.fontSize can also be a string (e.g., "14px").
|
|
98
73
|
// Therefore, we only support scaling for number-based size values in order to avoid any messy calculations.
|
|
99
74
|
if (dynamicTypeVariant !== undefined && typeof tokenStyle.fontSize === 'number' && tokenStyle.maximumFontSize !== undefined) {
|
|
@@ -101,8 +76,8 @@ exports.Text = (0, framework_1.compressible)(function (props, useTokens) {
|
|
|
101
76
|
maxFontSizeMultiplier: tokenStyle.maximumFontSize / tokenStyle.fontSize,
|
|
102
77
|
};
|
|
103
78
|
}
|
|
104
|
-
|
|
105
|
-
|
|
79
|
+
const isWinPlatform = react_native_1.Platform.OS === ('win32' || 'windows');
|
|
80
|
+
const filteredProps = {
|
|
106
81
|
onKeyUp: isWinPlatform ? onKeyUp : undefined,
|
|
107
82
|
keyUpEvents: isWinPlatform ? keyUpEvents : undefined,
|
|
108
83
|
validKeysUp: undefined,
|
|
@@ -112,13 +87,22 @@ exports.Text = (0, framework_1.compressible)(function (props, useTokens) {
|
|
|
112
87
|
onAccessibilityTap: isWinPlatform ? onAccTap : undefined,
|
|
113
88
|
};
|
|
114
89
|
// return a continuation function that allows this text to be compressed
|
|
115
|
-
return
|
|
116
|
-
|
|
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
|
+
};
|
|
117
101
|
// RN TextStyle doesn't recognize these properties.
|
|
118
102
|
// Don't let them leak through or RN will complain about invalid props.
|
|
119
103
|
delete mergedProps.style.dynamicTypeRamp;
|
|
120
104
|
delete mergedProps.style.maximumFontSize;
|
|
121
|
-
return ((0, framework_1.withSlots)(react_native_1.Text,
|
|
105
|
+
return ((0, framework_1.withSlots)(react_native_1.Text, { ref: componentRef, ellipsizeMode: !wrap && !truncate ? 'clip' : 'tail', ...mergedProps }, children));
|
|
122
106
|
};
|
|
123
107
|
}, TextTokens_1.useTextTokens);
|
|
124
108
|
exports.Text.displayName = Text_types_1.textName;
|
package/lib-commonjs/Text.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../src/Text.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../src/Text.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.useTextTokens = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
exports.useTextTokens = (0, framework_1.buildUseTokens)(
|
|
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) => ({
|
|
7
7
|
variant: 'secondaryStandard',
|
|
8
8
|
color: t.colors.bodyText,
|
|
9
|
-
})
|
|
9
|
+
}), Text_types_1.textName);
|
|
10
10
|
//# sourceMappingURL=TextTokens.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextTokens.js","sourceRoot":"","sources":["../src/TextTokens.ts"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"TextTokens.js","sourceRoot":"","sources":["../src/TextTokens.ts"],"names":[],"mappings":";;;AAAA,gEAAkE;AAGlE,6CAAwC;AAE3B,QAAA,aAAa,GAAG,IAAA,0BAAc,EACzC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACN,OAAO,EAAE,mBAAmB;IAC5B,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ;CACzB,CAAC,EACF,qBAAQ,CACT,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
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
|
-
|
|
4
|
+
const Text_1 = require("./Text");
|
|
5
5
|
exports.Caption1 = Text_1.Text.customize({
|
|
6
6
|
variant: 'caption1',
|
|
7
7
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Variants.android.js","sourceRoot":"","sources":["../src/Variants.android.ts"],"names":[],"mappings":";;;AAAA
|
|
1
|
+
{"version":3,"file":"Variants.android.js","sourceRoot":"","sources":["../src/Variants.android.ts"],"names":[],"mappings":";;;AAAA,iCAA8B;AAEjB,QAAA,QAAQ,GAAG,WAAI,CAAC,SAAS,CAAC;IACrC,OAAO,EAAE,UAAU;CACb,CAAC,CAAC;AACG,QAAA,cAAc,GAAG,WAAI,CAAC,SAAS,CAAC;IAC3C,OAAO,EAAE,gBAAgB;CACnB,CAAC,CAAC;AACG,QAAA,QAAQ,GAAG,WAAI,CAAC,SAAS,CAAC;IACrC,OAAO,EAAE,UAAU;CACb,CAAC,CAAC;AACG,QAAA,KAAK,GAAG,WAAI,CAAC,SAAS,CAAC;IAClC,OAAO,EAAE,OAAO;CACV,CAAC,CAAC;AACG,QAAA,WAAW,GAAG,WAAI,CAAC,SAAS,CAAC;IACxC,OAAO,EAAE,aAAa;CAChB,CAAC,CAAC;AACG,QAAA,KAAK,GAAG,WAAI,CAAC,SAAS,CAAC;IAClC,OAAO,EAAE,OAAO;CACV,CAAC,CAAC;AACG,QAAA,WAAW,GAAG,WAAI,CAAC,SAAS,CAAC;IACxC,OAAO,EAAE,aAAa;CAChB,CAAC,CAAC;AAEG,QAAA,SAAS,GAAG,IAAI,CAAC,CAAC,gBAAgB;AAClC,QAAA,eAAe,GAAG,IAAI,CAAC,CAAC,gBAAgB;AACxC,QAAA,SAAS,GAAG,IAAI,CAAC,CAAC,gBAAgB;AAClC,QAAA,eAAe,GAAG,IAAI,CAAC,CAAC,gBAAgB;AAExC,QAAA,MAAM,GAAG,WAAI,CAAC,SAAS,CAAC;IACnC,OAAO,EAAE,QAAQ;CACX,CAAC,CAAC;AAEG,QAAA,YAAY,GAAG,IAAI,CAAC,CAAC,gBAAgB;AAErC,QAAA,MAAM,GAAG,WAAI,CAAC,SAAS,CAAC;IACnC,OAAO,EAAE,QAAQ;CACX,CAAC,CAAC;AACG,QAAA,MAAM,GAAG,WAAI,CAAC,SAAS,CAAC;IACnC,OAAO,EAAE,QAAQ;CACX,CAAC,CAAC;AACG,QAAA,UAAU,GAAG,WAAI,CAAC,SAAS,CAAC;IACvC,OAAO,EAAE,YAAY;CACf,CAAC,CAAC;AACG,QAAA,OAAO,GAAG,WAAI,CAAC,SAAS,CAAC;IACpC,OAAO,EAAE,SAAS;CACZ,CAAC,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
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
|
-
|
|
4
|
+
const Text_1 = require("./Text");
|
|
5
5
|
exports.Caption1 = Text_1.Text.customize({
|
|
6
6
|
variant: 'caption1',
|
|
7
7
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Variants.ios.js","sourceRoot":"","sources":["../src/Variants.ios.ts"],"names":[],"mappings":";;;AAAA
|
|
1
|
+
{"version":3,"file":"Variants.ios.js","sourceRoot":"","sources":["../src/Variants.ios.ts"],"names":[],"mappings":";;;AAAA,iCAA8B;AAEjB,QAAA,QAAQ,GAAG,WAAI,CAAC,SAAS,CAAC;IACrC,OAAO,EAAE,UAAU;CACpB,CAAC,CAAC;AACU,QAAA,cAAc,GAAG,WAAI,CAAC,SAAS,CAAC;IAC3C,OAAO,EAAE,gBAAgB;CAC1B,CAAC,CAAC;AACU,QAAA,QAAQ,GAAG,WAAI,CAAC,SAAS,CAAC;IACrC,OAAO,EAAE,UAAU;CACpB,CAAC,CAAC;AACU,QAAA,KAAK,GAAG,WAAI,CAAC,SAAS,CAAC;IAClC,OAAO,EAAE,OAAO;CACjB,CAAC,CAAC;AACU,QAAA,WAAW,GAAG,WAAI,CAAC,SAAS,CAAC;IACxC,OAAO,EAAE,aAAa;CACvB,CAAC,CAAC;AACU,QAAA,KAAK,GAAG,WAAI,CAAC,SAAS,CAAC;IAClC,OAAO,EAAE,OAAO;CACjB,CAAC,CAAC;AACU,QAAA,WAAW,GAAG,WAAI,CAAC,SAAS,CAAC;IACxC,OAAO,EAAE,aAAa;CACvB,CAAC,CAAC;AACU,QAAA,SAAS,GAAG,IAAI,CAAC,CAAC,uBAAuB;AACzC,QAAA,eAAe,GAAG,IAAI,CAAC,CAAC,uBAAuB;AAC/C,QAAA,SAAS,GAAG,IAAI,CAAC,CAAC,uBAAuB;AACzC,QAAA,eAAe,GAAG,IAAI,CAAC,CAAC,uBAAuB;AAC/C,QAAA,MAAM,GAAG,WAAI,CAAC,SAAS,CAAC;IACnC,OAAO,EAAE,QAAQ;CAClB,CAAC,CAAC;AACU,QAAA,YAAY,GAAG,IAAI,CAAC,CAAC,uBAAuB;AAC5C,QAAA,MAAM,GAAG,WAAI,CAAC,SAAS,CAAC;IACnC,OAAO,EAAE,QAAQ;CAClB,CAAC,CAAC;AACU,QAAA,MAAM,GAAG,WAAI,CAAC,SAAS,CAAC;IACnC,OAAO,EAAE,QAAQ;CAClB,CAAC,CAAC;AACU,QAAA,UAAU,GAAG,WAAI,CAAC,SAAS,CAAC;IACvC,OAAO,EAAE,YAAY;CACtB,CAAC,CAAC;AACU,QAAA,OAAO,GAAG,WAAI,CAAC,SAAS,CAAC;IACpC,OAAO,EAAE,SAAS;CACnB,CAAC,CAAC"}
|
package/lib-commonjs/Variants.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
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
|
-
|
|
4
|
+
const Text_1 = require("./Text");
|
|
5
5
|
// stubbed out for other platforms for which variant alias tokens aren't defined
|
|
6
6
|
exports.Caption1 = Text_1.Text;
|
|
7
7
|
exports.Caption1Strong = Text_1.Text;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Variants.js","sourceRoot":"","sources":["../src/Variants.ts"],"names":[],"mappings":";;;AAAA
|
|
1
|
+
{"version":3,"file":"Variants.js","sourceRoot":"","sources":["../src/Variants.ts"],"names":[],"mappings":";;;AAAA,iCAA8B;AAE9B,gFAAgF;AACnE,QAAA,QAAQ,GAAG,WAAI,CAAC;AAChB,QAAA,cAAc,GAAG,WAAI,CAAC;AACtB,QAAA,QAAQ,GAAG,WAAI,CAAC;AAChB,QAAA,KAAK,GAAG,WAAI,CAAC;AACb,QAAA,WAAW,GAAG,WAAI,CAAC;AACnB,QAAA,KAAK,GAAG,WAAI,CAAC;AACb,QAAA,WAAW,GAAG,WAAI,CAAC;AACnB,QAAA,SAAS,GAAG,WAAI,CAAC;AACjB,QAAA,eAAe,GAAG,WAAI,CAAC;AACvB,QAAA,SAAS,GAAG,WAAI,CAAC;AACjB,QAAA,eAAe,GAAG,WAAI,CAAC;AACvB,QAAA,MAAM,GAAG,WAAI,CAAC;AACd,QAAA,YAAY,GAAG,WAAI,CAAC;AACpB,QAAA,MAAM,GAAG,WAAI,CAAC;AACd,QAAA,MAAM,GAAG,WAAI,CAAC;AACd,QAAA,UAAU,GAAG,WAAI,CAAC;AAClB,QAAA,OAAO,GAAG,WAAI,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
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
|
-
|
|
4
|
+
const Text_1 = require("./Text");
|
|
5
5
|
exports.Caption1 = Text_1.Text.customize({
|
|
6
6
|
variant: 'caption1',
|
|
7
7
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Variants.win32.js","sourceRoot":"","sources":["../src/Variants.win32.ts"],"names":[],"mappings":";;;AAAA
|
|
1
|
+
{"version":3,"file":"Variants.win32.js","sourceRoot":"","sources":["../src/Variants.win32.ts"],"names":[],"mappings":";;;AAAA,iCAA8B;AAEjB,QAAA,QAAQ,GAAG,WAAI,CAAC,SAAS,CAAC;IACrC,OAAO,EAAE,UAAU;CACpB,CAAC,CAAC;AACU,QAAA,cAAc,GAAG,IAAI,CAAC,CAAC,yBAAyB;AAChD,QAAA,QAAQ,GAAG,IAAI,CAAC,CAAC,yBAAyB;AAC1C,QAAA,KAAK,GAAG,WAAI,CAAC,SAAS,CAAC;IAClC,OAAO,EAAE,OAAO;CACjB,CAAC,CAAC;AACU,QAAA,WAAW,GAAG,WAAI,CAAC,SAAS,CAAC;IACxC,OAAO,EAAE,aAAa;CACvB,CAAC,CAAC;AACU,QAAA,KAAK,GAAG,WAAI,CAAC,SAAS,CAAC;IAClC,OAAO,EAAE,OAAO;CACjB,CAAC,CAAC;AACU,QAAA,WAAW,GAAG,WAAI,CAAC,SAAS,CAAC;IACxC,OAAO,EAAE,aAAa;CACvB,CAAC,CAAC;AACU,QAAA,SAAS,GAAG,WAAI,CAAC,SAAS,CAAC;IACtC,OAAO,EAAE,WAAW;CACrB,CAAC,CAAC;AACU,QAAA,eAAe,GAAG,WAAI,CAAC,SAAS,CAAC;IAC5C,OAAO,EAAE,iBAAiB;CAC3B,CAAC,CAAC;AACU,QAAA,SAAS,GAAG,WAAI,CAAC,SAAS,CAAC;IACtC,OAAO,EAAE,WAAW;CACrB,CAAC,CAAC;AACU,QAAA,eAAe,GAAG,WAAI,CAAC,SAAS,CAAC;IAC5C,OAAO,EAAE,iBAAiB;CAC3B,CAAC,CAAC;AACU,QAAA,MAAM,GAAG,WAAI,CAAC,SAAS,CAAC;IACnC,OAAO,EAAE,QAAQ;CAClB,CAAC,CAAC;AACU,QAAA,YAAY,GAAG,WAAI,CAAC,SAAS,CAAC;IACzC,OAAO,EAAE,cAAc;CACxB,CAAC,CAAC;AACU,QAAA,MAAM,GAAG,IAAI,CAAC,CAAC,yBAAyB;AACxC,QAAA,MAAM,GAAG,IAAI,CAAC,CAAC,yBAAyB;AACxC,QAAA,UAAU,GAAG,WAAI,CAAC,SAAS,CAAC;IACvC,OAAO,EAAE,YAAY;CACtB,CAAC,CAAC;AACU,QAAA,OAAO,GAAG,WAAI,CAAC,SAAS,CAAC;IACpC,OAAO,EAAE,SAAS;CACnB,CAAC,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
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
|
-
|
|
4
|
+
const Text_1 = require("./Text");
|
|
5
5
|
exports.Caption1 = Text_1.Text.customize({
|
|
6
6
|
variant: 'caption1',
|
|
7
7
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Variants.windows.js","sourceRoot":"","sources":["../src/Variants.windows.ts"],"names":[],"mappings":";;;AAAA
|
|
1
|
+
{"version":3,"file":"Variants.windows.js","sourceRoot":"","sources":["../src/Variants.windows.ts"],"names":[],"mappings":";;;AAAA,iCAA8B;AAEjB,QAAA,QAAQ,GAAG,WAAI,CAAC,SAAS,CAAC;IACrC,OAAO,EAAE,UAAU;CACpB,CAAC,CAAC;AACU,QAAA,cAAc,GAAG,IAAI,CAAC,CAAC,2BAA2B;AAClD,QAAA,QAAQ,GAAG,IAAI,CAAC,CAAC,2BAA2B;AAC5C,QAAA,KAAK,GAAG,WAAI,CAAC,SAAS,CAAC;IAClC,OAAO,EAAE,OAAO;CACjB,CAAC,CAAC;AACU,QAAA,WAAW,GAAG,WAAI,CAAC,SAAS,CAAC;IACxC,OAAO,EAAE,aAAa;CACvB,CAAC,CAAC;AACU,QAAA,KAAK,GAAG,WAAI,CAAC,SAAS,CAAC;IAClC,OAAO,EAAE,OAAO;CACjB,CAAC,CAAC;AACU,QAAA,WAAW,GAAG,WAAI,CAAC,SAAS,CAAC;IACxC,OAAO,EAAE,aAAa;CACvB,CAAC,CAAC;AACU,QAAA,SAAS,GAAG,WAAI,CAAC,SAAS,CAAC;IACtC,OAAO,EAAE,WAAW;CACrB,CAAC,CAAC;AACU,QAAA,eAAe,GAAG,WAAI,CAAC,SAAS,CAAC;IAC5C,OAAO,EAAE,iBAAiB;CAC3B,CAAC,CAAC;AACU,QAAA,SAAS,GAAG,WAAI,CAAC,SAAS,CAAC;IACtC,OAAO,EAAE,WAAW;CACrB,CAAC,CAAC;AACU,QAAA,eAAe,GAAG,WAAI,CAAC,SAAS,CAAC;IAC5C,OAAO,EAAE,iBAAiB;CAC3B,CAAC,CAAC;AACU,QAAA,MAAM,GAAG,WAAI,CAAC,SAAS,CAAC;IACnC,OAAO,EAAE,QAAQ;CAClB,CAAC,CAAC;AACU,QAAA,YAAY,GAAG,WAAI,CAAC,SAAS,CAAC;IACzC,OAAO,EAAE,cAAc;CACxB,CAAC,CAAC;AACU,QAAA,MAAM,GAAG,IAAI,CAAC,CAAC,2BAA2B;AAC1C,QAAA,MAAM,GAAG,IAAI,CAAC,CAAC,2BAA2B;AAC1C,QAAA,UAAU,GAAG,WAAI,CAAC,SAAS,CAAC;IACvC,OAAO,EAAE,YAAY;CACtB,CAAC,CAAC;AACU,QAAA,OAAO,GAAG,WAAI,CAAC,SAAS,CAAC;IACpC,OAAO,EAAE,SAAS;CACnB,CAAC,CAAC"}
|
|
@@ -23,33 +23,33 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
23
23
|
return result;
|
|
24
24
|
};
|
|
25
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
describe('Text component tests',
|
|
30
|
-
it('Text default',
|
|
31
|
-
|
|
26
|
+
const React = __importStar(require("react"));
|
|
27
|
+
const renderer = __importStar(require("react-test-renderer"));
|
|
28
|
+
const Text_1 = require("../Text");
|
|
29
|
+
describe('Text component tests', () => {
|
|
30
|
+
it('Text default', () => {
|
|
31
|
+
const tree = renderer.create(React.createElement(Text_1.Text, null, "Text default")).toJSON();
|
|
32
32
|
expect(tree).toMatchSnapshot();
|
|
33
33
|
});
|
|
34
|
-
it('Text all props',
|
|
35
|
-
|
|
34
|
+
it('Text all props', () => {
|
|
35
|
+
const tree = renderer.create(React.createElement(Text_1.Text, { variant: "bodyStandard" }, "All props")).toJSON();
|
|
36
36
|
expect(tree).toMatchSnapshot();
|
|
37
37
|
});
|
|
38
|
-
it('Text all tokens',
|
|
39
|
-
|
|
38
|
+
it('Text all tokens', () => {
|
|
39
|
+
const BoldText = Text_1.Text.customize({
|
|
40
40
|
fontFamily: 'Wingdings',
|
|
41
41
|
fontWeight: '900',
|
|
42
42
|
fontSize: 20,
|
|
43
43
|
});
|
|
44
|
-
|
|
44
|
+
const tree = renderer.create(React.createElement(BoldText, null, "All tokens")).toJSON();
|
|
45
45
|
expect(tree).toMatchSnapshot();
|
|
46
46
|
});
|
|
47
|
-
it('Text variants render correctly with style',
|
|
48
|
-
|
|
47
|
+
it('Text variants render correctly with style', () => {
|
|
48
|
+
const style = {
|
|
49
49
|
marginBottom: 8,
|
|
50
50
|
marginTop: 4,
|
|
51
51
|
};
|
|
52
|
-
|
|
52
|
+
const tree = renderer.create(React.createElement(Text_1.Text, { variant: "heroLargeSemibold", color: "blue", style: style }, "Header Text"));
|
|
53
53
|
expect(tree).toMatchSnapshot();
|
|
54
54
|
});
|
|
55
55
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.test.js","sourceRoot":"","sources":["../../src/__tests__/Text.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"Text.test.js","sourceRoot":"","sources":["../../src/__tests__/Text.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,8DAAgD;AAEhD,kCAA+B;AAE/B,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;IACpC,EAAE,CAAC,cAAc,EAAE,GAAG,EAAE;QACtB,MAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,oBAAC,WAAI,uBAAoB,CAAC,CAAC,MAAM,EAAE,CAAC;QACjE,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gBAAgB,EAAE,GAAG,EAAE;QACxB,MAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,oBAAC,WAAI,IAAC,OAAO,EAAC,cAAc,gBAAiB,CAAC,CAAC,MAAM,EAAE,CAAC;QACrF,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iBAAiB,EAAE,GAAG,EAAE;QACzB,MAAM,QAAQ,GAAG,WAAI,CAAC,SAAS,CAAC;YAC9B,UAAU,EAAE,WAAW;YACvB,UAAU,EAAE,KAAK;YACjB,QAAQ,EAAE,EAAE;SACb,CAAC,CAAC;QACH,MAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,oBAAC,QAAQ,qBAAsB,CAAC,CAAC,MAAM,EAAE,CAAC;QACvE,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;QACnD,MAAM,KAAK,GAAG;YACZ,YAAY,EAAE,CAAC;YACf,SAAS,EAAE,CAAC;SACb,CAAC;QACF,MAAM,IAAI,GAAG,QAAQ,CAAC,MAAM,CAC1B,oBAAC,WAAI,IAAC,OAAO,EAAC,mBAAmB,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,kBAEpD,CACR,CAAC;QACF,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export declare const Text: import("@uifabricshared/foundation-compose").IComposeReturnType<import("./Text.types").ITextProps<import("@fluentui-react-native/adapters").ITextProps>, {
|
|
2
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
|
|
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>;
|
|
4
4
|
export default Text;
|
|
5
5
|
//# sourceMappingURL=Text.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/deprecated/Text.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,IAAI;;
|
|
1
|
+
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/deprecated/Text.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,IAAI;;wUASf,CAAC;AAEH,eAAe,IAAI,CAAC"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.Text = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
4
|
+
const react_native_1 = require("react-native");
|
|
5
|
+
const adapters_1 = require("@fluentui-react-native/adapters");
|
|
6
|
+
const tokens_1 = require("@fluentui-react-native/tokens");
|
|
7
|
+
const foundation_compose_1 = require("@uifabricshared/foundation-compose");
|
|
8
|
+
const Text_settings_1 = require("./Text.settings");
|
|
9
|
+
const Text_types_1 = require("./Text.types");
|
|
10
10
|
exports.Text = (0, foundation_compose_1.compose)({
|
|
11
11
|
displayName: Text_types_1.textName,
|
|
12
12
|
settings: Text_settings_1.settings,
|