@proximus/lavender-texts-native 0.1.0-alpha.0

package/CHANGELOG.md

@@ -0,0 +1,14 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# 0.1.0-alpha.0 (2025-08-13)
+
+### Features
+
+- **BCRI-3651606:** mono repo creation ([d19f852](https://github.com/Pxs-Corporate/react-native-lavender/commit/d19f852a710963ff85b1a9d31d18188217aa23ab))
+- **BCRI-3660857:** cell components ([af9e45c](https://github.com/Pxs-Corporate/react-native-lavender/commit/af9e45cefc20d08d2338380ff4cd8cd6851abe24))
+- **BCRI-3810979:** tile components ([46fc5c7](https://github.com/Pxs-Corporate/react-native-lavender/commit/46fc5c7a0ddff6c2db43fba0de9929626092f265))
+- **BCRI-4002610:** update icon handling and remove deprecated font references ([4399fe4](https://github.com/Pxs-Corporate/react-native-lavender/commit/4399fe4bff06aa70f5c29705fcc89d5243b0e3e7))
+- **BCRI-4210372:** automatic versionning ([9c1f0a0](https://github.com/Pxs-Corporate/react-native-lavender/commit/9c1f0a00e19a9d1a277044ea627632032a674102))

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './v8';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,MAAM,CAAC"}

package/dist/v8.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { TextProps } from 'react-native';
+export declare const Fonts: {
+    ProximusRegular: string;
+    ProximusRegularItalic: string;
+    ProximusBold: string;
+    ProximusBoldItalic: string;
+    ProximusExtraBold: string;
+    ProximusLight: string;
+    ProximusLightItalic: string;
+    ProximusIcons: string;
+    primary: string;
+    primaryBold: string;
+    primaryLight: string;
+};
+export declare function Header(props: TextProps & {
+    disabled?: boolean;
+}): React.JSX.Element;
+export declare function Body(props: TextProps & {
+    disabled?: boolean;
+}): React.JSX.Element;
+//# sourceMappingURL=v8.d.ts.map

package/dist/v8.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"v8.d.ts","sourceRoot":"","sources":["../src/v8.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAA6B,SAAS,EAAa,MAAM,cAAc,CAAC;AAQ/E,eAAO,MAAM,KAAK;;;;;;;;;;;;CAYjB,CAAC;AAiBF,wBAAgB,MAAM,CAAC,KAAK,EAAE,SAAS,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,qBAoB/D;AAED,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,qBAoB7D"}

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@proximus/lavender-texts-native",
+  "version": "0.1.0-alpha.0",
+  "description": "Lavender Text component",
+  "main": "src/index.ts",
+  "types": "dist/index.d.ts",
+  "type": "module",
+  "scripts": {
+    "clean": "rm -rf dist",
+    "prepublish": "yarn clean && yarn build",
+    "build": "npx tsc -p tsconfig.json"
+  },
+  "peerDependencies": {
+    "@proximus/lavender-common-native": "workspace:*",
+    "@proximus/lavender-styling-native": "workspace:*"
+  },
+  "devDependencies": {
+    "@proximus/lavender-common-native": "0.1.0-alpha.0",
+    "@proximus/lavender-styling-native": "0.1.0-alpha.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "lerna": {
+    "command": {
+      "publish": {
+        "assets": [
+          "dist",
+          "src",
+          "package.json"
+        ]
+      }
+    }
+  },
+  "gitHead": "59b3436b786cc1c73b4a20a98b2a85139e75b72e"
+}

package/src/index.ts

@@ -0,0 +1 @@
+export * from './v8';

package/src/v8.tsx

@@ -0,0 +1,85 @@
+import React from 'react';
+import { Platform, StyleProp, Text, TextProps, TextStyle } from 'react-native';
+import { Colors } from '@proximus/lavender-styling-native';
+
+const DEFAULT_HEADER_FONT_SIZE = 27;
+const DEFAULT_BODY_FONT_SIZE = 16;
+const LINE_HEIGHT_HEADER_RATIO = 1.3;
+const LINE_HEIGHT_BODY_RATIO = 1.5;
+
+export const Fonts = {
+  ProximusRegular: Platform.OS === 'android' ? 'Proximus-Regular' : 'Proximus',
+  ProximusRegularItalic: 'Proximus-RegularItalic',
+  ProximusBold: 'Proximus-Bold',
+  ProximusBoldItalic: 'Proximus-BoldItalic',
+  ProximusExtraBold: 'Proximus-ExtraBold',
+  ProximusLight: 'Proximus-Light',
+  ProximusLightItalic: 'Proximus-LightItalic',
+  ProximusIcons: 'PxIcon',
+  primary: 'Proximus-Regular',
+  primaryBold: 'Proximus-ExtraBold',
+  primaryLight: 'Proximus-Light',
+};
+
+function extractFontSize(style: StyleProp<TextStyle>) {
+  if (Array.isArray(style)) {
+    for (const item of style) {
+      if ((item as TextStyle)?.fontSize) {
+        return (item as TextStyle)?.fontSize;
+      }
+    }
+    return DEFAULT_HEADER_FONT_SIZE;
+  }
+  if (typeof style === 'object') {
+    return style?.fontSize;
+  }
+  return undefined;
+}
+
+export function Header(props: TextProps & { disabled?: boolean }) {
+  const fontSize = extractFontSize(props.style) || DEFAULT_HEADER_FONT_SIZE;
+  return (
+    <Txt
+      {...props}
+      style={[
+        {
+          fontFamily: Fonts.ProximusBold,
+          color: '#252525',
+          lineHeight: fontSize * LINE_HEIGHT_HEADER_RATIO,
+        },
+        ...(Array.isArray(props.style) ? props.style : [props.style]),
+        props.disabled && {
+          color: Colors.v8_1.shadesOfGrey.dark120,
+        },
+      ]}
+    >
+      {props.children}
+    </Txt>
+  );
+}
+
+export function Body(props: TextProps & { disabled?: boolean }) {
+  const fontSize = extractFontSize(props.style) || DEFAULT_BODY_FONT_SIZE;
+  return (
+    <Txt
+      {...props}
+      style={[
+        {
+          fontFamily: Fonts.ProximusRegular,
+          color: '#252525',
+          lineHeight: fontSize * LINE_HEIGHT_BODY_RATIO,
+        },
+        ...(Array.isArray(props.style) ? props.style : [props.style]),
+        props.disabled && {
+          color: Colors.v8_1.shadesOfGrey.dark120,
+        },
+      ]}
+    >
+      {props.children}
+    </Txt>
+  );
+}
+
+function Txt(props: TextProps) {
+  return <Text {...props}>{props.children}</Text>;
+}

package/tsconfig.json

@@ -0,0 +1,8 @@
+{
+  "extends": "../../tsconfig.npm.json",
+  "compilerOptions": {
+    "outDir": "dist",
+  },
+  "include": ["src"],
+  "exclude": ["dist", "node_modules", "src/**/*.test.ts", "src/**/*.spec.ts"]
+}