diff --git a/README.md b/README.md index 40c89b3..40321f2 100644 --- a/README.md +++ b/README.md @@ -76,16 +76,12 @@ const theme = useExtendedTheme(); ``` -## Changing fontWeight of a Text Element +## Usage of useFontWeight hook in your project -When you need to change the `fontWeight` of a `Text` element in your application, it's important to note that it should be done through the `fontFamily` property rather than the `fontWeight` property. - -The `fontFamily` property allows you to specify the font and its weight. By using the appropriate font family that supports the desired weight, you can achieve the desired fontWeight effect. - -For example, if you want to set the fontWeight to "bold", you can use a font family that includes a bold variant, such as: +When the fontFamily of a Text element in your application needs to be modified, you can use the useFontWeight hook.For instance, to set the fontWeight to "bold", you can utilize the useFontWeight() hook as demonstrated below: ```tsx - + headlineLarge ``` diff --git a/package.json b/package.json index 5ad15b3..1fe5fcf 100644 --- a/package.json +++ b/package.json @@ -2,7 +2,7 @@ "name": "@brightlayer-ui/react-native-themes", "author": "Brightlayer UI ", "license": "BSD-3-Clause", - "version": "7.0.1-alpha.4", + "version": "7.0.1-alpha.5", "description": "React Native themes for Brightlayer UI applications", "main": "./dist/index.js", "scripts": { diff --git a/src/shared.ts b/src/shared.ts index 07e8e29..df4682c 100644 --- a/src/shared.ts +++ b/src/shared.ts @@ -57,7 +57,7 @@ export const fontConfig = { }, titleLarge: { fontFamily: 'OpenSans-Regular', - fontWeight: '600' as const, + fontWeight: '400' as const, fontSize: 22, lineHeight: 28, },