@fluentui-react-native/text 0.25.4 → 0.25.6
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/.cache/tsconfig.tsbuildinfo +1 -1
- package/CHANGELOG.md +43 -0
- package/MIGRATION.md +2 -2
- package/SPEC.md +1 -1
- package/lib/Text.d.ts +1 -1
- package/lib/Text.d.ts.map +1 -1
- package/lib/Text.js +8 -6
- package/lib/Text.js.map +1 -1
- package/lib/Text.types.d.ts +3 -2
- package/lib/Text.types.d.ts.map +1 -1
- package/lib/Text.types.js.map +1 -1
- package/lib/Variants.android.d.ts +12 -12
- package/lib/Variants.android.d.ts.map +1 -1
- package/lib/Variants.d.ts +17 -17
- package/lib/Variants.d.ts.map +1 -1
- package/lib/Variants.ios.d.ts +12 -12
- package/lib/Variants.ios.d.ts.map +1 -1
- package/lib/Variants.win32.d.ts +13 -13
- package/lib/Variants.win32.d.ts.map +1 -1
- package/lib/Variants.windows.d.ts +13 -13
- package/lib/Variants.windows.d.ts.map +1 -1
- package/package.json +9 -10
- package/src/Text.tsx +8 -6
- package/src/Text.types.ts +3 -2
- package/tsconfig.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,48 @@
|
|
|
1
1
|
# Change Log - @fluentui-react-native/text
|
|
2
2
|
|
|
3
|
+
## 0.25.6
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 801d8b1: Switch to the released typescript 7
|
|
8
|
+
- 5b5afea: Remove depcheck script, allow jest to run tests with platform module suffixes
|
|
9
|
+
- c1de024: Add central font size/weight lookup by name to design package and consume in Text.tsx
|
|
10
|
+
- Updated dependencies [e37b04b]
|
|
11
|
+
- Updated dependencies [01ed385]
|
|
12
|
+
- Updated dependencies [1eef74e]
|
|
13
|
+
- Updated dependencies [801d8b1]
|
|
14
|
+
- Updated dependencies [e2a4065]
|
|
15
|
+
- Updated dependencies [80bf14d]
|
|
16
|
+
- Updated dependencies [b28f021]
|
|
17
|
+
- Updated dependencies [5b5afea]
|
|
18
|
+
- Updated dependencies [c1de024]
|
|
19
|
+
- Updated dependencies [d2690c9]
|
|
20
|
+
- Updated dependencies [03ba7ef]
|
|
21
|
+
- Updated dependencies [9d2bb3e]
|
|
22
|
+
- @fluentui-react-native/design@0.2.0
|
|
23
|
+
- @fluentui-react-native/framework-base@0.5.0
|
|
24
|
+
- @uifabricshared/foundation-compose@1.16.6
|
|
25
|
+
- @fluentui-react-native/interactive-hooks@0.28.6
|
|
26
|
+
- @fluentui-react-native/framework@0.17.0
|
|
27
|
+
- @fluentui-react-native/adapters@0.15.0
|
|
28
|
+
- @fluentui-react-native/tokens@0.24.6
|
|
29
|
+
|
|
30
|
+
## 0.25.5
|
|
31
|
+
|
|
32
|
+
### Patch Changes
|
|
33
|
+
|
|
34
|
+
- 6c2d6e6: Update packages to esm, with new builds with project references
|
|
35
|
+
- 2f7c365: Add missing dependency on framework-base
|
|
36
|
+
- Updated dependencies [6c2d6e6]
|
|
37
|
+
- Updated dependencies [6805bf5]
|
|
38
|
+
- @uifabricshared/foundation-compose@1.16.5
|
|
39
|
+
- @fluentui-react-native/interactive-hooks@0.28.5
|
|
40
|
+
- @fluentui-react-native/theme-tokens@0.28.5
|
|
41
|
+
- @fluentui-react-native/framework@0.16.1
|
|
42
|
+
- @fluentui-react-native/framework-base@0.4.1
|
|
43
|
+
- @fluentui-react-native/adapters@0.14.5
|
|
44
|
+
- @fluentui-react-native/tokens@0.24.5
|
|
45
|
+
|
|
3
46
|
## 0.25.4
|
|
4
47
|
|
|
5
48
|
### Patch Changes
|
package/MIGRATION.md
CHANGED
|
@@ -21,7 +21,7 @@ import { TextV1 as Text } from '@fluentui-react-native/text';
|
|
|
21
21
|
|
|
22
22
|
### Props changed
|
|
23
23
|
|
|
24
|
-
- `variant` => Prop name remains identical, but will support a different collection of named font variants. Newly defined v1 variants can be found in [Typography.types](../../theming/
|
|
24
|
+
- `variant` => Prop name remains identical, but will support a different collection of named font variants. Newly defined v1 variants can be found in [Typography.types](../../agentic-design/src/theming/types/Typography.types.ts) under theme-types.
|
|
25
25
|
|
|
26
26
|
### Props added
|
|
27
27
|
|
|
@@ -83,7 +83,7 @@ import { TextV1 as Text } from '@fluentui-react-native/text';
|
|
|
83
83
|
|
|
84
84
|
### Updating ThemeProvider
|
|
85
85
|
|
|
86
|
-
If you are using the older theme provider `ThemeProvider` from `@uifabricshared/theming-react-native`, you will need to update the `ThemeProvider` to pull from `@fluentui-react-native/
|
|
86
|
+
If you are using the older theme provider `ThemeProvider` from `@uifabricshared/theming-react-native`, you will need to update the `ThemeProvider` to pull from `@fluentui-react-native/design/theming` to have the control work properly with themes. Please see [this page](../../../docs/pages/Guides/UpdateThemeProvider.md) for guidance.
|
|
87
87
|
|
|
88
88
|
### Migrating customized Text
|
|
89
89
|
|
package/SPEC.md
CHANGED
|
@@ -14,7 +14,7 @@ The `Text` component is for displaying text, and supports nesting, styling, and
|
|
|
14
14
|
|
|
15
15
|
## Requirements
|
|
16
16
|
|
|
17
|
-
If using FURN's theming, the `Text` requires use of the `ThemeProvider` from `@fluentui-react-native/
|
|
17
|
+
If using FURN's theming, the `Text` requires use of the `ThemeProvider` from `@fluentui-react-native/design/theming` to work properly with themes. Please see [this page](../../../docs/pages/Guides/UpdateThemeProvider.md) for information on updating your `ThemeProvider` if using the version from `@uifabricshared/theming-react-native`.
|
|
18
18
|
|
|
19
19
|
## Sample Code
|
|
20
20
|
|
package/lib/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/use-tokens").CustomizableComponent<TextProps, TextTokens, import("@fluentui-react-native/
|
|
2
|
+
export declare const Text: import("@fluentui-react-native/use-tokens").CustomizableComponent<TextProps, TextTokens, import("@fluentui-react-native/framework").Theme>;
|
|
3
3
|
export default Text;
|
|
4
4
|
//# sourceMappingURL=Text.d.ts.map
|
package/lib/Text.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../src/Text.tsx"],"names":[],"mappings":"
|
|
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;AAM1D,eAAO,MAAM,IAAI,4IA2IA,CAAC;eAGH,IAAI"}
|
package/lib/Text.js
CHANGED
|
@@ -2,11 +2,13 @@ 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';
|
|
5
|
-
import { fontStyles, useFluentTheme,
|
|
5
|
+
import { fontStyles, useFluentTheme, compressible, patchTokens } from '@fluentui-react-native/framework';
|
|
6
|
+
import { mergeStyles } from '@fluentui-react-native/framework-base';
|
|
6
7
|
import { useKeyProps } from '@fluentui-react-native/interactive-hooks';
|
|
7
|
-
import {
|
|
8
|
+
import { fontSize, fontWeight } from '@fluentui-react-native/design';
|
|
8
9
|
import { textName } from './Text.types';
|
|
9
10
|
import { useTextTokens } from './TextTokens';
|
|
11
|
+
import { directComponent } from '@fluentui-react-native/framework-base';
|
|
10
12
|
const emptyProps = {};
|
|
11
13
|
export const Text = compressible((props, useTokens) => {
|
|
12
14
|
if (props === undefined) {
|
|
@@ -44,8 +46,8 @@ export const Text = compressible((props, useTokens) => {
|
|
|
44
46
|
variant,
|
|
45
47
|
fontFamily: font == 'base' ? 'primary' : font,
|
|
46
48
|
fontMaximumSize: tokens.maximumFontSize,
|
|
47
|
-
fontSize:
|
|
48
|
-
fontWeight:
|
|
49
|
+
fontSize: size !== undefined ? fontSize(size) : undefined,
|
|
50
|
+
fontWeight: weight !== undefined ? fontWeight(weight) : undefined,
|
|
49
51
|
// leave it undefined for tokens to be set by user
|
|
50
52
|
fontStyle: italic ? 'italic' : undefined,
|
|
51
53
|
textAlign: textAlign,
|
|
@@ -81,7 +83,7 @@ export const Text = compressible((props, useTokens) => {
|
|
|
81
83
|
onAccessibilityTap: isWin32Platform ? onAccTap : undefined,
|
|
82
84
|
};
|
|
83
85
|
// return a continuation function that allows this text to be compressed
|
|
84
|
-
return (
|
|
86
|
+
return directComponent(({ children, ...extra }) => {
|
|
85
87
|
const mergedProps = {
|
|
86
88
|
...rest,
|
|
87
89
|
...keyProps,
|
|
@@ -97,7 +99,7 @@ export const Text = compressible((props, useTokens) => {
|
|
|
97
99
|
delete mergedProps.style.dynamicTypeRamp;
|
|
98
100
|
delete mergedProps.style.maximumFontSize;
|
|
99
101
|
return (_jsx(RNText, { ref: componentRef, ellipsizeMode: !wrap && !truncate ? 'clip' : 'tail', ...mergedProps, children: children }));
|
|
100
|
-
};
|
|
102
|
+
});
|
|
101
103
|
}, useTextTokens);
|
|
102
104
|
Text.displayName = textName;
|
|
103
105
|
export default Text;
|
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,
|
|
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,5 +1,6 @@
|
|
|
1
1
|
import type { ColorValue, Text, TextStyle } from 'react-native';
|
|
2
2
|
import type { ITextProps } from '@fluentui-react-native/adapters';
|
|
3
|
+
import type { FontSize, FontWeight } from '@fluentui-react-native/design';
|
|
3
4
|
import type { FontTokens, FontVariantTokens, IForegroundColorTokens } from '@fluentui-react-native/framework';
|
|
4
5
|
export declare const textName = "Text";
|
|
5
6
|
/**
|
|
@@ -20,8 +21,8 @@ export type TextTokens = Omit<FontTokens, 'fontFamily'> & IForegroundColorTokens
|
|
|
20
21
|
};
|
|
21
22
|
export type TextAlign = 'start' | 'center' | 'end' | 'justify';
|
|
22
23
|
export type TextFont = 'base' | 'monospace' | 'numeric';
|
|
23
|
-
export type TextSize =
|
|
24
|
-
export type TextWeight =
|
|
24
|
+
export type TextSize = FontSize;
|
|
25
|
+
export type TextWeight = FontWeight;
|
|
25
26
|
/**
|
|
26
27
|
* Text props, based off of the standard react-native TextProps with some new extensions
|
|
27
28
|
*/
|
package/lib/Text.types.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.types.d.ts","sourceRoot":"","sources":["../src/Text.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEhE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,KAAK,EAAE,UAAU,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,kCAAkC,CAAC;AAE9G,eAAO,MAAM,QAAQ,SAAS,CAAC;AAE/B;;;GAGG;AACH,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,EAAE,YAAY,CAAC,GACrD,sBAAsB,GACtB,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,YAAY,GAAG,OAAO,CAAC,GAAG;IACrD;;;OAGG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAE/C;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEJ,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;AAC/D,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,WAAW,GAAG,SAAS,CAAC;AACxD,MAAM,MAAM,QAAQ,GAAG,
|
|
1
|
+
{"version":3,"file":"Text.types.d.ts","sourceRoot":"","sources":["../src/Text.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEhE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC1E,OAAO,KAAK,EAAE,UAAU,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,kCAAkC,CAAC;AAE9G,eAAO,MAAM,QAAQ,SAAS,CAAC;AAE/B;;;GAGG;AACH,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,EAAE,YAAY,CAAC,GACrD,sBAAsB,GACtB,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,YAAY,GAAG,OAAO,CAAC,GAAG;IACrD;;;OAGG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAE/C;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEJ,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;AAC/D,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,WAAW,GAAG,SAAS,CAAC;AACxD,MAAM,MAAM,QAAQ,GAAG,QAAQ,CAAC;AAChC,MAAM,MAAM,UAAU,GAAG,UAAU,CAAC;AAEpC;;GAEG;AACH,MAAM,MAAM,SAAS,CAAC,KAAK,GAAG,UAAU,IAAI,KAAK,GAC/C,iBAAiB,GAAG;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IAErC;;;;OAIG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;;OAIG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;OAIG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IAEpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC"}
|
package/lib/Text.types.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.types.js","sourceRoot":"","sources":["../src/Text.types.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Text.types.js","sourceRoot":"","sources":["../src/Text.types.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC"}
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
export declare const Caption1: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
2
|
-
export declare const Caption1Strong: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
3
|
-
export declare const Caption2: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
4
|
-
export declare const Body1: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
5
|
-
export declare const Body1Strong: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
6
|
-
export declare const Body2: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
7
|
-
export declare const Body2Strong: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
1
|
+
export declare const Caption1: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/framework").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/framework").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/framework").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/framework").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/framework").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/framework").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/framework").Theme>;
|
|
8
8
|
export declare const Subtitle1: any;
|
|
9
9
|
export declare const Subtitle1Strong: any;
|
|
10
10
|
export declare const Subtitle2: any;
|
|
11
11
|
export declare const Subtitle2Strong: any;
|
|
12
|
-
export declare const Title1: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
12
|
+
export declare const Title1: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/framework").Theme>;
|
|
13
13
|
export declare const Title1Strong: any;
|
|
14
|
-
export declare const Title2: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
15
|
-
export declare const Title3: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
16
|
-
export declare const LargeTitle: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
17
|
-
export declare const Display: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
14
|
+
export declare const Title2: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/framework").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/framework").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/framework").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/framework").Theme>;
|
|
18
18
|
//# sourceMappingURL=Variants.android.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Variants.android.d.ts","sourceRoot":"","sources":["../src/Variants.android.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"Variants.android.d.ts","sourceRoot":"","sources":["../src/Variants.android.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,0LAEZ,CAAC;AACV,eAAO,MAAM,cAAc,0LAElB,CAAC;AACV,eAAO,MAAM,QAAQ,0LAEZ,CAAC;AACV,eAAO,MAAM,KAAK,0LAET,CAAC;AACV,eAAO,MAAM,WAAW,0LAEf,CAAC;AACV,eAAO,MAAM,KAAK,0LAET,CAAC;AACV,eAAO,MAAM,WAAW,0LAEf,CAAC;AAEV,eAAO,MAAM,SAAS,KAAO,CAAC;AAC9B,eAAO,MAAM,eAAe,KAAO,CAAC;AACpC,eAAO,MAAM,SAAS,KAAO,CAAC;AAC9B,eAAO,MAAM,eAAe,KAAO,CAAC;AAEpC,eAAO,MAAM,MAAM,0LAEV,CAAC;AAEV,eAAO,MAAM,YAAY,KAAO,CAAC;AAEjC,eAAO,MAAM,MAAM,0LAEV,CAAC;AACV,eAAO,MAAM,MAAM,0LAEV,CAAC;AACV,eAAO,MAAM,UAAU,0LAEd,CAAC;AACV,eAAO,MAAM,OAAO,0LAEX,CAAC"}
|
package/lib/Variants.d.ts
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
export declare const Caption1: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
2
|
-
export declare const Caption1Strong: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
3
|
-
export declare const Caption2: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
4
|
-
export declare const Body1: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
5
|
-
export declare const Body1Strong: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
6
|
-
export declare const Body2: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
7
|
-
export declare const Body2Strong: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
8
|
-
export declare const Subtitle1: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
9
|
-
export declare const Subtitle1Strong: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
10
|
-
export declare const Subtitle2: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
11
|
-
export declare const Subtitle2Strong: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
12
|
-
export declare const Title1: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
13
|
-
export declare const Title1Strong: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
14
|
-
export declare const Title2: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
15
|
-
export declare const Title3: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
16
|
-
export declare const LargeTitle: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
17
|
-
export declare const Display: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
1
|
+
export declare const Caption1: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/framework").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/framework").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/framework").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/framework").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/framework").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/framework").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/framework").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/framework").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/framework").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/framework").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/framework").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/framework").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/framework").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/framework").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/framework").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/framework").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/framework").Theme>;
|
|
18
18
|
//# sourceMappingURL=Variants.d.ts.map
|
package/lib/Variants.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Variants.d.ts","sourceRoot":"","sources":["../src/Variants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"Variants.d.ts","sourceRoot":"","sources":["../src/Variants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ,0LAAO,CAAC;AAC7B,eAAO,MAAM,cAAc,0LAAO,CAAC;AACnC,eAAO,MAAM,QAAQ,0LAAO,CAAC;AAC7B,eAAO,MAAM,KAAK,0LAAO,CAAC;AAC1B,eAAO,MAAM,WAAW,0LAAO,CAAC;AAChC,eAAO,MAAM,KAAK,0LAAO,CAAC;AAC1B,eAAO,MAAM,WAAW,0LAAO,CAAC;AAChC,eAAO,MAAM,SAAS,0LAAO,CAAC;AAC9B,eAAO,MAAM,eAAe,0LAAO,CAAC;AACpC,eAAO,MAAM,SAAS,0LAAO,CAAC;AAC9B,eAAO,MAAM,eAAe,0LAAO,CAAC;AACpC,eAAO,MAAM,MAAM,0LAAO,CAAC;AAC3B,eAAO,MAAM,YAAY,0LAAO,CAAC;AACjC,eAAO,MAAM,MAAM,0LAAO,CAAC;AAC3B,eAAO,MAAM,MAAM,0LAAO,CAAC;AAC3B,eAAO,MAAM,UAAU,0LAAO,CAAC;AAC/B,eAAO,MAAM,OAAO,0LAAO,CAAC"}
|
package/lib/Variants.ios.d.ts
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
export declare const Caption1: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
2
|
-
export declare const Caption1Strong: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
3
|
-
export declare const Caption2: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
4
|
-
export declare const Body1: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
5
|
-
export declare const Body1Strong: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
6
|
-
export declare const Body2: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
7
|
-
export declare const Body2Strong: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
1
|
+
export declare const Caption1: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/framework").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/framework").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/framework").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/framework").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/framework").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/framework").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/framework").Theme>;
|
|
8
8
|
export declare const Subtitle1: any;
|
|
9
9
|
export declare const Subtitle1Strong: any;
|
|
10
10
|
export declare const Subtitle2: any;
|
|
11
11
|
export declare const Subtitle2Strong: any;
|
|
12
|
-
export declare const Title1: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
12
|
+
export declare const Title1: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/framework").Theme>;
|
|
13
13
|
export declare const Title1Strong: any;
|
|
14
|
-
export declare const Title2: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
15
|
-
export declare const Title3: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
16
|
-
export declare const LargeTitle: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
17
|
-
export declare const Display: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
14
|
+
export declare const Title2: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/framework").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/framework").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/framework").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/framework").Theme>;
|
|
18
18
|
//# sourceMappingURL=Variants.ios.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Variants.ios.d.ts","sourceRoot":"","sources":["../src/Variants.ios.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"Variants.ios.d.ts","sourceRoot":"","sources":["../src/Variants.ios.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,0LAEnB,CAAC;AACH,eAAO,MAAM,cAAc,0LAEzB,CAAC;AACH,eAAO,MAAM,QAAQ,0LAEnB,CAAC;AACH,eAAO,MAAM,KAAK,0LAEhB,CAAC;AACH,eAAO,MAAM,WAAW,0LAEtB,CAAC;AACH,eAAO,MAAM,KAAK,0LAEhB,CAAC;AACH,eAAO,MAAM,WAAW,0LAEtB,CAAC;AACH,eAAO,MAAM,SAAS,KAAO,CAAC;AAC9B,eAAO,MAAM,eAAe,KAAO,CAAC;AACpC,eAAO,MAAM,SAAS,KAAO,CAAC;AAC9B,eAAO,MAAM,eAAe,KAAO,CAAC;AACpC,eAAO,MAAM,MAAM,0LAEjB,CAAC;AACH,eAAO,MAAM,YAAY,KAAO,CAAC;AACjC,eAAO,MAAM,MAAM,0LAEjB,CAAC;AACH,eAAO,MAAM,MAAM,0LAEjB,CAAC;AACH,eAAO,MAAM,UAAU,0LAErB,CAAC;AACH,eAAO,MAAM,OAAO,0LAElB,CAAC"}
|
package/lib/Variants.win32.d.ts
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
export declare const Caption1: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
1
|
+
export declare const Caption1: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/framework").Theme>;
|
|
2
2
|
export declare const Caption1Strong: any;
|
|
3
3
|
export declare const Caption2: any;
|
|
4
|
-
export declare const Body1: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
5
|
-
export declare const Body1Strong: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
6
|
-
export declare const Body2: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
7
|
-
export declare const Body2Strong: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
8
|
-
export declare const Subtitle1: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
9
|
-
export declare const Subtitle1Strong: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
10
|
-
export declare const Subtitle2: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
11
|
-
export declare const Subtitle2Strong: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
12
|
-
export declare const Title1: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
13
|
-
export declare const Title1Strong: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
4
|
+
export declare const Body1: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/framework").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/framework").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/framework").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/framework").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/framework").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/framework").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/framework").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/framework").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/framework").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/framework").Theme>;
|
|
14
14
|
export declare const Title2: any;
|
|
15
15
|
export declare const Title3: any;
|
|
16
|
-
export declare const LargeTitle: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
17
|
-
export declare const Display: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
16
|
+
export declare const LargeTitle: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/framework").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/framework").Theme>;
|
|
18
18
|
//# sourceMappingURL=Variants.win32.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Variants.win32.d.ts","sourceRoot":"","sources":["../src/Variants.win32.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"Variants.win32.d.ts","sourceRoot":"","sources":["../src/Variants.win32.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,0LAEnB,CAAC;AACH,eAAO,MAAM,cAAc,KAAO,CAAC;AACnC,eAAO,MAAM,QAAQ,KAAO,CAAC;AAC7B,eAAO,MAAM,KAAK,0LAEhB,CAAC;AACH,eAAO,MAAM,WAAW,0LAEtB,CAAC;AACH,eAAO,MAAM,KAAK,0LAEhB,CAAC;AACH,eAAO,MAAM,WAAW,0LAEtB,CAAC;AACH,eAAO,MAAM,SAAS,0LAEpB,CAAC;AACH,eAAO,MAAM,eAAe,0LAE1B,CAAC;AACH,eAAO,MAAM,SAAS,0LAEpB,CAAC;AACH,eAAO,MAAM,eAAe,0LAE1B,CAAC;AACH,eAAO,MAAM,MAAM,0LAEjB,CAAC;AACH,eAAO,MAAM,YAAY,0LAEvB,CAAC;AACH,eAAO,MAAM,MAAM,KAAO,CAAC;AAC3B,eAAO,MAAM,MAAM,KAAO,CAAC;AAC3B,eAAO,MAAM,UAAU,0LAErB,CAAC;AACH,eAAO,MAAM,OAAO,0LAElB,CAAC"}
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
export declare const Caption1: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
1
|
+
export declare const Caption1: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/framework").Theme>;
|
|
2
2
|
export declare const Caption1Strong: any;
|
|
3
3
|
export declare const Caption2: any;
|
|
4
|
-
export declare const Body1: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
5
|
-
export declare const Body1Strong: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
6
|
-
export declare const Body2: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
7
|
-
export declare const Body2Strong: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
8
|
-
export declare const Subtitle1: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
9
|
-
export declare const Subtitle1Strong: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
10
|
-
export declare const Subtitle2: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
11
|
-
export declare const Subtitle2Strong: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
12
|
-
export declare const Title1: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
13
|
-
export declare const Title1Strong: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
4
|
+
export declare const Body1: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/framework").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/framework").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/framework").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/framework").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/framework").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/framework").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/framework").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/framework").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/framework").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/framework").Theme>;
|
|
14
14
|
export declare const Title2: any;
|
|
15
15
|
export declare const Title3: any;
|
|
16
|
-
export declare const LargeTitle: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
17
|
-
export declare const Display: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/
|
|
16
|
+
export declare const LargeTitle: import("@fluentui-react-native/use-tokens").CustomizableComponent<import("./Text.types").TextProps, import("./Text.types").TextTokens, import("@fluentui-react-native/framework").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/framework").Theme>;
|
|
18
18
|
//# sourceMappingURL=Variants.windows.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Variants.windows.d.ts","sourceRoot":"","sources":["../src/Variants.windows.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"Variants.windows.d.ts","sourceRoot":"","sources":["../src/Variants.windows.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,0LAEnB,CAAC;AACH,eAAO,MAAM,cAAc,KAAO,CAAC;AACnC,eAAO,MAAM,QAAQ,KAAO,CAAC;AAC7B,eAAO,MAAM,KAAK,0LAEhB,CAAC;AACH,eAAO,MAAM,WAAW,0LAEtB,CAAC;AACH,eAAO,MAAM,KAAK,0LAEhB,CAAC;AACH,eAAO,MAAM,WAAW,0LAEtB,CAAC;AACH,eAAO,MAAM,SAAS,0LAEpB,CAAC;AACH,eAAO,MAAM,eAAe,0LAE1B,CAAC;AACH,eAAO,MAAM,SAAS,0LAEpB,CAAC;AACH,eAAO,MAAM,eAAe,0LAE1B,CAAC;AACH,eAAO,MAAM,MAAM,0LAEjB,CAAC;AACH,eAAO,MAAM,YAAY,0LAEvB,CAAC;AACH,eAAO,MAAM,MAAM,KAAO,CAAC;AAC3B,eAAO,MAAM,MAAM,KAAO,CAAC;AAC3B,eAAO,MAAM,UAAU,0LAErB,CAAC;AACH,eAAO,MAAM,OAAO,0LAElB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/text",
|
|
3
|
-
"version": "0.25.
|
|
3
|
+
"version": "0.25.6",
|
|
4
4
|
"description": "A cross-platform Text component using the Fluent Design System",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "",
|
|
@@ -22,25 +22,24 @@
|
|
|
22
22
|
}
|
|
23
23
|
},
|
|
24
24
|
"scripts": {
|
|
25
|
-
"build": "
|
|
25
|
+
"build": "tsc -b",
|
|
26
26
|
"clean": "fluentui-scripts clean",
|
|
27
|
-
"depcheck": "fluentui-scripts depcheck",
|
|
28
27
|
"format": "fluentui-scripts format",
|
|
29
28
|
"lint": "fluentui-scripts lint",
|
|
30
29
|
"test": "fluentui-scripts jest",
|
|
31
30
|
"update-snapshots": "fluentui-scripts jest -u"
|
|
32
31
|
},
|
|
33
32
|
"dependencies": {
|
|
34
|
-
"@fluentui-react-native/adapters": "0.
|
|
35
|
-
"@fluentui-react-native/
|
|
36
|
-
"@fluentui-react-native/
|
|
37
|
-
"@fluentui-react-native/
|
|
38
|
-
"@fluentui-react-native/
|
|
39
|
-
"@
|
|
33
|
+
"@fluentui-react-native/adapters": "0.15.0",
|
|
34
|
+
"@fluentui-react-native/design": "0.2.0",
|
|
35
|
+
"@fluentui-react-native/framework": "0.17.0",
|
|
36
|
+
"@fluentui-react-native/framework-base": "0.5.0",
|
|
37
|
+
"@fluentui-react-native/interactive-hooks": "0.28.6",
|
|
38
|
+
"@fluentui-react-native/tokens": "0.24.6",
|
|
39
|
+
"@uifabricshared/foundation-compose": "1.16.6"
|
|
40
40
|
},
|
|
41
41
|
"devDependencies": {
|
|
42
42
|
"@babel/core": "^7.20.0",
|
|
43
|
-
"@fluentui-react-native/framework-base": "0.4.0",
|
|
44
43
|
"@fluentui-react-native/scripts": "0.1.0",
|
|
45
44
|
"@fluentui-react-native/test-tools": "0.1.0",
|
|
46
45
|
"@react-native-community/cli": "^20.0.0",
|
package/src/Text.tsx
CHANGED
|
@@ -3,13 +3,15 @@ import React from 'react';
|
|
|
3
3
|
import { I18nManager, Platform, Text as RNText } from 'react-native';
|
|
4
4
|
|
|
5
5
|
import type { UseTokens, FontWeightValue } from '@fluentui-react-native/framework';
|
|
6
|
-
import { fontStyles, useFluentTheme,
|
|
6
|
+
import { fontStyles, useFluentTheme, compressible, patchTokens } from '@fluentui-react-native/framework';
|
|
7
|
+
import { mergeStyles } from '@fluentui-react-native/framework-base';
|
|
7
8
|
import { useKeyProps } from '@fluentui-react-native/interactive-hooks';
|
|
8
|
-
import {
|
|
9
|
+
import { fontSize, fontWeight } from '@fluentui-react-native/design';
|
|
9
10
|
|
|
10
11
|
import type { TextProps, TextTokens } from './Text.types';
|
|
11
12
|
import { textName } from './Text.types';
|
|
12
13
|
import { useTextTokens } from './TextTokens';
|
|
14
|
+
import { directComponent } from '@fluentui-react-native/framework-base';
|
|
13
15
|
|
|
14
16
|
const emptyProps = {};
|
|
15
17
|
export const Text = compressible<TextProps, TextTokens>((props: TextProps, useTokens: UseTokens<TextTokens>) => {
|
|
@@ -82,8 +84,8 @@ export const Text = compressible<TextProps, TextTokens>((props: TextProps, useTo
|
|
|
82
84
|
variant,
|
|
83
85
|
fontFamily: font == 'base' ? 'primary' : font,
|
|
84
86
|
fontMaximumSize: tokens.maximumFontSize,
|
|
85
|
-
fontSize:
|
|
86
|
-
fontWeight:
|
|
87
|
+
fontSize: size !== undefined ? fontSize(size) : undefined,
|
|
88
|
+
fontWeight: weight !== undefined ? (fontWeight(weight) as FontWeightValue) : undefined,
|
|
87
89
|
// leave it undefined for tokens to be set by user
|
|
88
90
|
fontStyle: italic ? 'italic' : undefined,
|
|
89
91
|
textAlign: textAlign,
|
|
@@ -128,7 +130,7 @@ export const Text = compressible<TextProps, TextTokens>((props: TextProps, useTo
|
|
|
128
130
|
};
|
|
129
131
|
|
|
130
132
|
// return a continuation function that allows this text to be compressed
|
|
131
|
-
return (
|
|
133
|
+
return directComponent<TextProps>(({ children, ...extra }: TextProps) => {
|
|
132
134
|
const mergedProps = {
|
|
133
135
|
...rest,
|
|
134
136
|
...keyProps,
|
|
@@ -150,7 +152,7 @@ export const Text = compressible<TextProps, TextTokens>((props: TextProps, useTo
|
|
|
150
152
|
{children}
|
|
151
153
|
</RNText>
|
|
152
154
|
);
|
|
153
|
-
};
|
|
155
|
+
});
|
|
154
156
|
}, useTextTokens);
|
|
155
157
|
Text.displayName = textName;
|
|
156
158
|
|
package/src/Text.types.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import type { ColorValue, Text, TextStyle } from 'react-native';
|
|
2
2
|
|
|
3
3
|
import type { ITextProps } from '@fluentui-react-native/adapters';
|
|
4
|
+
import type { FontSize, FontWeight } from '@fluentui-react-native/design';
|
|
4
5
|
import type { FontTokens, FontVariantTokens, IForegroundColorTokens } from '@fluentui-react-native/framework';
|
|
5
6
|
|
|
6
7
|
export const textName = 'Text';
|
|
@@ -27,8 +28,8 @@ export type TextTokens = Omit<FontTokens, 'fontFamily'> &
|
|
|
27
28
|
|
|
28
29
|
export type TextAlign = 'start' | 'center' | 'end' | 'justify';
|
|
29
30
|
export type TextFont = 'base' | 'monospace' | 'numeric';
|
|
30
|
-
export type TextSize =
|
|
31
|
-
export type TextWeight =
|
|
31
|
+
export type TextSize = FontSize;
|
|
32
|
+
export type TextWeight = FontWeight;
|
|
32
33
|
|
|
33
34
|
/**
|
|
34
35
|
* Text props, based off of the standard react-native TextProps with some new extensions
|
package/tsconfig.json
CHANGED
|
@@ -11,6 +11,9 @@
|
|
|
11
11
|
{
|
|
12
12
|
"path": "../../utils/adapters/tsconfig.json"
|
|
13
13
|
},
|
|
14
|
+
{
|
|
15
|
+
"path": "../../agentic-design/tsconfig.json"
|
|
16
|
+
},
|
|
14
17
|
{
|
|
15
18
|
"path": "../../framework-base/tsconfig.json"
|
|
16
19
|
},
|
|
@@ -26,9 +29,6 @@
|
|
|
26
29
|
{
|
|
27
30
|
"path": "../../utils/test-tools/tsconfig.json"
|
|
28
31
|
},
|
|
29
|
-
{
|
|
30
|
-
"path": "../../theming/theme-tokens/tsconfig.json"
|
|
31
|
-
},
|
|
32
32
|
{
|
|
33
33
|
"path": "../../utils/tokens/tsconfig.json"
|
|
34
34
|
},
|