@fluentui-react-native/text 0.11.28 → 0.13.0

package/src/__tests__/__snapshots__/Text.test.tsx.snap

@@ -1,14 +1,19 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Text all props 1`] = `
+exports[`Text component tests Text all props 1`] = `
 <Text
+  ellipsizeMode="tail"
+  numberOfLines={0}
   style={
     Object {
-      "color": "#a19f9d",
+      "color": "#323130",
       "fontFamily": "Segoe UI",
       "fontSize": 14,
+      "fontStyle": undefined,
       "fontWeight": "400",
       "margin": 0,
+      "textAlign": undefined,
+      "textDecorationLine": undefined,
     }
   }
 >
@@ -16,15 +21,20 @@ exports[`Text all props 1`] = `
 </Text>
 `;
 
-exports[`Text all tokens 1`] = `
+exports[`Text component tests Text all tokens 1`] = `
 <Text
+  ellipsizeMode="tail"
+  numberOfLines={0}
   style={
     Object {
       "color": "#323130",
       "fontFamily": "Wingdings",
       "fontSize": 20,
+      "fontStyle": undefined,
       "fontWeight": "900",
       "margin": 0,
+      "textAlign": undefined,
+      "textDecorationLine": undefined,
     }
   }
 >
@@ -32,18 +42,43 @@ exports[`Text all tokens 1`] = `
 </Text>
 `;
 
-exports[`Text default 1`] = `
+exports[`Text component tests Text default 1`] = `
 <Text
+  ellipsizeMode="tail"
+  numberOfLines={0}
   style={
     Object {
       "color": "#323130",
       "fontFamily": "Segoe UI",
       "fontSize": 12,
+      "fontStyle": undefined,
       "fontWeight": "400",
       "margin": 0,
+      "textAlign": undefined,
+      "textDecorationLine": undefined,
     }
   }
 >
   Text default
 </Text>
 `;
+
+exports[`Text component tests Text variants render correctly with style 1`] = `
+<Text
+  ellipsizeMode="tail"
+  numberOfLines={0}
+  style={
+    Object {
+      "color": "blue",
+      "fontFamily": "Segoe UI",
+      "fontSize": 40,
+      "fontWeight": "600",
+      "margin": 0,
+      "marginBottom": 8,
+      "marginTop": 4,
+    }
+  }
+>
+  Header Text
+</Text>
+`;

package/src/deprecated/Text.tsx

@@ -0,0 +1,19 @@
+import { textName, ITextType } from './Text.types';
+import { compose } from '@uifabricshared/foundation-compose';
+import { Text as RNText } from 'react-native';
+import { filterTextProps } from '@fluentui-react-native/adapters';
+import { foregroundColorTokens, textTokens } from '@fluentui-react-native/tokens';
+import { settings } from './Text.settings';
+
+export const Text = compose<ITextType>({
+  displayName: textName,
+  settings,
+  slots: {
+    root: { slotType: RNText, filter: filterTextProps },
+  },
+  styles: {
+    root: [textTokens, foregroundColorTokens],
+  },
+});
+
+export default Text;

package/src/deprecated/Text.types.ts

@@ -0,0 +1,21 @@
+import { FontTokens, FontVariantTokens, IForegroundColorTokens, IColorTokens } from '@fluentui-react-native/tokens';
+import { ITextProps as INativeTextProps } from '@fluentui-react-native/adapters';
+
+export const textName = 'RNFText';
+
+/**
+ * Properties for fabric native text field, these extend the default props for text
+ */
+export type ITextProps<TBase = INativeTextProps> = TBase &
+  FontVariantTokens &
+  IForegroundColorTokens & {
+    disabled?: boolean;
+  };
+
+export type ITextType<TBase = INativeTextProps> = {
+  props: ITextProps<TBase>;
+  tokens: FontTokens & IColorTokens;
+  slotProps: {
+    root: TBase;
+  };
+};

package/src/index.ts

@@ -1,3 +1,22 @@
-export { textName } from './Text.types';
-export type { ITextProps, ITextType } from './Text.types';
-export { Text } from './Text';
+export { Text as TextV1 } from './Text';
+export type { textName as textNameV1, TextProps, TextTokens } from './Text.types';
+export {
+  Caption1,
+  Body1,
+  Body1Strong,
+  Body2,
+  Body2Strong,
+  Subtitle1,
+  Subtitle1Strong,
+  Subtitle2,
+  Subtitle2Strong,
+  Title1,
+  Title1Strong,
+  LargeTitle,
+  Display,
+} from './Variants';
+
+/* deprecated */
+export { textName } from './deprecated/Text.types';
+export type { ITextProps, ITextType } from './deprecated/Text.types';
+export { Text } from './deprecated/Text';

package/lib/Text.settings.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Text.settings.d.ts","sourceRoot":"","sources":["../src/Text.settings.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,SAAS,EAAE,MAAM,cAAc,CAAC;AAEnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAEtE,eAAO,MAAM,QAAQ,EAAE,gBAAgB,CAAC,SAAS,CAqBhD,CAAC"}

package/lib/Text.settings.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Text.settings.js","sourceRoot":"","sources":["../src/Text.settings.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAa,MAAM,cAAc,CAAC;AAInD,MAAM,CAAC,IAAM,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"}

package/lib-commonjs/Text.settings.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Text.settings.d.ts","sourceRoot":"","sources":["../src/Text.settings.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,SAAS,EAAE,MAAM,cAAc,CAAC;AAEnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAEtE,eAAO,MAAM,QAAQ,EAAE,gBAAgB,CAAC,SAAS,CAqBhD,CAAC"}

package/lib-commonjs/Text.settings.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Text.settings.js","sourceRoot":"","sources":["../src/Text.settings.ts"],"names":[],"mappings":";;;AAAA,2CAAmD;AAItC,QAAA,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,qBAAQ;CACT,CAAC"}