@brightlayer-ui/react-native-themes 7.0.1-alpha.3 → 7.0.1-alpha.5

package/README.md

@@ -76,16 +76,12 @@ const theme = useExtendedTheme();
 </Button>
 ```
 
-## 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
-<Text variant={'headlineLarge'} style={{ fontFamily: 'OpenSans-Bold' }}>
+<Text variant={'headlineLarge'} style={{ ...fontStyleBold }}>
     headlineLarge
 </Text>
 ```

package/dist/shared.d.ts

@@ -54,7 +54,7 @@ export declare const fontConfig: {
     };
     titleLarge: {
         fontFamily: string;
-        fontWeight: "600";
+        fontWeight: "400";
         fontSize: number;
         lineHeight: number;
     };
@@ -221,7 +221,7 @@ export type ExtendedTheme = Omit<MD3Theme, 'colors'> & {
     };
 };
 export declare const useExtendedTheme: (overrides?: $DeepPartial<ExtendedTheme>) => ExtendedTheme;
-export type bluiFontWeight = '300' | '400' | '600' | '700' | undefined;
+export type bluiFontWeight = '300' | '400' | '600' | '700' | '800' | undefined;
 export type FontStyle = {
     fontFamily: string;
     fontWeight: bluiFontWeight;

package/dist/shared.js

@@ -56,7 +56,7 @@ exports.fontConfig = {
     },
     titleLarge: {
         fontFamily: 'OpenSans-Regular',
-        fontWeight: '600',
+        fontWeight: '400',
         fontSize: 22,
         lineHeight: 28,
     },
@@ -109,24 +109,29 @@ var useFontWeight = function (weight) {
     switch (weight) {
         case '300':
             return {
-                fontFamily: 'OpenSans-light',
+                fontFamily: 'OpenSans-Light',
                 fontWeight: '300',
             };
         case '400':
             return {
-                fontFamily: 'OpenSans-regular',
+                fontFamily: 'OpenSans-Regular',
                 fontWeight: '400',
             };
         case '600':
             return {
-                fontFamily: 'OpenSans-semiBold',
+                fontFamily: 'OpenSans-SemiBold',
                 fontWeight: '600',
             };
         case '700':
             return {
-                fontFamily: 'OpenSans-bold',
+                fontFamily: 'OpenSans-Bold',
                 fontWeight: '700',
             };
+        case '800':
+            return {
+                fontFamily: 'OpenSans-ExtraBold',
+                fontWeight: '800',
+            };
         default:
             throw new Error("Invalid font weight: ".concat(weight));
     }

package/package.json

@@ -2,7 +2,7 @@
     "name": "@brightlayer-ui/react-native-themes",
     "author": "Brightlayer UI <brightlayer-ui@eaton.com>",
     "license": "BSD-3-Clause",
-    "version": "7.0.1-alpha.3",
+    "version": "7.0.1-alpha.5",
     "description": "React Native themes for Brightlayer UI applications",
     "main": "./dist/index.js",
     "scripts": {