@brightlayer-ui/react-native-themes 7.0.0-alpha.4 → 7.0.1-alpha.1

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.
Files changed (9) hide show
  1. package/CHANGELOG.md +7 -1
  2. package/README.md +29 -48
  3. package/dist/blueDarkTheme.d.ts +3 -3
  4. package/dist/blueDarkTheme.js +10 -5
  5. package/dist/blueTheme.d.ts +3 -3
  6. package/dist/blueTheme.js +10 -5
  7. package/dist/shared.d.ts +0 -15
  8. package/dist/shared.js +8 -23
  9. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,6 +1,12 @@
1
1
  # Changelog
2
2
 
3
- ## v7.0.0 (Unreleased)
3
+ ## v7.0.1 (Unreleased)
4
+
5
+ ### Fixed
6
+
7
+ - Text variants not working correctly on Android [89](https://github.com/etn-ccis/blui-react-native-themes/issues/89).
8
+
9
+ ## v7.0.0 (January 12, 2024)
4
10
 
5
11
  ### Changed
6
12
 
package/README.md CHANGED
@@ -55,64 +55,45 @@ import * as BLUIThemes from '@brightlayer-ui/react-native-themes';
55
55
  </ThemeProvider>
56
56
  ```
57
57
 
58
- > When using either of these themes, you should use our React Native Paper wrapper components (see below).
58
+ ### React Native Paper Components Style Override
59
59
 
60
- ### React Native Paper Wrapper Components
60
+ This Document contains a set of style overrides in components around various [React Native Paper](https://callstack.github.io/react-native-paper/index.html) components.
61
61
 
62
- The default theme structure for React Native Paper components does not offer us enough control to make some components look exactly the way they should for Brightlayer UI applications. Because of this, we have extended the default theme type definition (see below) and created wrapper components with the correct styles to use in place of some of the standard React Native Paper components.
62
+ By default, the theming mechanism provided by RNP is very minimal and does not allow us to style components precisely the way we want for Brightlayer UI applications. The theme does not cover all cases to circumvent this issue, for some components, you may need to add extra styles or theme overrides inline that can be used to bring them in alignment with Brightlayer UI applications
63
63
 
64
- In order for these components to look correct in your application, you should use the [Brightlayer UI wrapper components](https://github.com/etn-ccis/blui-react-native-component-library/blob/master/components/src/themed/README.md) in place of the respective components from React Native Paper.
64
+ To style components listed in the document to look correct in the application, you should use the [Brightlayer UI Components Style Override](https://github.com/etn-ccis/blui-react-native-themes/blob/master/RNPComponents/RNPComponents.md) in place of the respective components from React Native Paper.
65
65
 
66
66
  ### TypeScript
67
67
 
68
- Our Brightlayer UI themes extend the themes provided by React Native Paper. If you are using these themes in a TypeScript project and want to access any of the properties that were added to the defaults, you need to add the following [global augmentation](https://callstack.github.io/react-native-paper/theming.html#typescript) in your project's index.tsx file:
68
+ Our Brightlayer UI themes extend the themes provided by React Native Paper. If you are using these themes in a TypeScript project and want to access any of the properties that were added to the defaults, you need to use useExtendedTheme hook in your project:
69
69
 
70
70
  ```tsx
71
- declare global {
72
- namespace ReactNativePaper {
73
- interface ThemeColors {
74
- primaryPalette: {
75
- light: string;
76
- main: string;
77
- dark: string;
78
- };
79
- accentPalette: {
80
- light: string;
81
- main: string;
82
- dark: string;
83
- };
84
- errorPalette: {
85
- light: string;
86
- main: string;
87
- dark: string;
88
- };
89
- divider: string;
90
- textPalette: {
91
- primary: string;
92
- secondary: string;
93
- onPrimary: {
94
- light: string;
95
- main: string;
96
- dark: string;
97
- };
98
- disabled: string;
99
- };
100
- actionPalette: {
101
- active: string;
102
- background: string;
103
- disabled: string;
104
- disabledBackground: string;
105
- };
106
- overrides: $DeepPartial<ThemeOverrides>;
107
- opacity: Partial<ThemeOpacity>;
108
- }
109
- interface ThemeFonts {
110
- bold: ThemeFont;
111
- }
112
- }
113
- }
71
+ import { useExtendedTheme } from '@brightlayer-ui/react-native-themes';
72
+ ...
73
+ const theme = useExtendedTheme();
74
+ <Button mode="contained" style={{ backgroundColor: theme.colors.onOrangeFilledContainer }}>
75
+ Label
76
+ </Button>
77
+ ```
78
+
79
+ ## Changing fontWeight of a Text Element
80
+
81
+ 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.
82
+
83
+ 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.
84
+
85
+ For example, if you want to set the fontWeight to "bold", you can use a font family that includes a bold variant, such as:
86
+
87
+ ```tsx
88
+ <Text variant={'headlineLarge'} style={{ fontFamily: 'OpenSans-Bold' }}>
89
+ headlineLarge
90
+ </Text>
114
91
  ```
115
92
 
93
+ ### Upgrading from version 6 -> 7
94
+
95
+ In the version 7, the library has been updated to use [React Native Paper](https://callstack.github.io/react-native-paper/) v5, which is adopting [Material Design 3](https://m3.material.io/). The themes have now been updated to use Material Design 3 Themes.
96
+
116
97
  <!--
117
98
  ## Demo
118
99
 
package/dist/blueDarkTheme.d.ts CHANGED
@@ -30,8 +30,6 @@ export declare const MD3BluiDarkTheme: {
30
30
  onSurface: string;
31
31
  surfaceVariant: string;
32
32
  onSurfaceVariant: string;
33
- surfaceDisabled: string;
34
- onSurfaceDisabled: string;
35
33
  outline: string;
36
34
  outlineVariant: string;
37
35
  shadow: string;
@@ -47,6 +45,9 @@ export declare const MD3BluiDarkTheme: {
47
45
  level4: string;
48
46
  level5: string;
49
47
  };
48
+ surfaceDisabled: string;
49
+ onSurfaceDisabled: string;
50
+ backdrop: string;
50
51
  primaryNonText: string;
51
52
  errorNonText: string;
52
53
  disabled: string;
@@ -124,7 +125,6 @@ export declare const MD3BluiDarkTheme: {
124
125
  textFieldContainer: string;
125
126
  progressBarTrackOnStatusFilledContainer: string;
126
127
  mapTextOutline: string;
127
- backdrop: string;
128
128
  };
129
129
  dark: boolean;
130
130
  mode?: ("adaptive" | "exact") | undefined;
package/dist/blueDarkTheme.js CHANGED
@@ -28,18 +28,23 @@ var colors_1 = __importDefault(require("@brightlayer-ui/colors"));
28
28
  var color_1 = __importDefault(require("color"));
29
29
  exports.MD3BluiDarkTheme = __assign(__assign({}, react_native_paper_1.MD3DarkTheme), { fonts: (0, react_native_paper_1.configureFonts)({ config: shared_1.fontConfig }), colors: __assign(__assign({}, react_native_paper_1.MD3DarkTheme.colors), {
30
30
  // React Native Paper default theme color variants
31
- primary: colors_1.default.primary[80], onPrimary: colors_1.default.primary[20], primaryContainer: colors_1.default.primary[30], onPrimaryContainer: colors_1.default.primary[90], secondary: colors_1.default.primary[80], onSecondary: colors_1.default.primary[20], secondaryContainer: colors_1.default.primary[30], onSecondaryContainer: colors_1.default.primary[90], tertiary: colors_1.default.primary[80], onTertiary: colors_1.default.primary[20], tertiaryContainer: colors_1.default.primary[30], onTertiaryContainer: colors_1.default.primary[90], error: colors_1.default.error[80], onError: colors_1.default.error[20], errorContainer: colors_1.default.error[30], onErrorContainer: colors_1.default.error[90], background: colors_1.default.neutral[6], onBackground: colors_1.default.neutral[95], surface: colors_1.default.neutral[6], onSurface: colors_1.default.neutral[95], surfaceVariant: colors_1.default.neutralVariant[30], onSurfaceVariant: colors_1.default.neutralVariant[70],
32
- // surfaceDisabled is the same as disabledContainer in design files
33
- surfaceDisabled: (0, color_1.default)(colors_1.default.neutral[95]).alpha(0.1).rgb().string(),
34
- // onSurfaceDisabled is the same as onDisabledContainer in design files
35
- onSurfaceDisabled: (0, color_1.default)(colors_1.default.neutral[95]).alpha(0.15).rgb().string(), outline: colors_1.default.neutralVariant[60], outlineVariant: (0, color_1.default)(colors_1.default.neutralVariant[60]).alpha(0.25).rgb().string(), shadow: colors_1.default.primary[0], scrim: colors_1.default.primary[0], inverseSurface: colors_1.default.neutral[90], inverseOnSurface: colors_1.default.neutral[10], inversePrimary: colors_1.default.primary[40], elevation: {
31
+ primary: colors_1.default.primary[80], onPrimary: colors_1.default.primary[20], primaryContainer: colors_1.default.primary[30], onPrimaryContainer: colors_1.default.primary[90], secondary: colors_1.default.primary[80], onSecondary: colors_1.default.primary[20], secondaryContainer: colors_1.default.primary[30], onSecondaryContainer: colors_1.default.primary[90], tertiary: colors_1.default.primary[80], onTertiary: colors_1.default.primary[20], tertiaryContainer: colors_1.default.primary[30], onTertiaryContainer: colors_1.default.primary[90], error: colors_1.default.error[80], onError: colors_1.default.error[20], errorContainer: colors_1.default.error[30], onErrorContainer: colors_1.default.error[90], background: colors_1.default.neutral[6], onBackground: colors_1.default.neutral[95], surface: colors_1.default.neutral[6], onSurface: colors_1.default.neutral[95], surfaceVariant: colors_1.default.neutralVariant[30], onSurfaceVariant: colors_1.default.neutralVariant[70], outline: colors_1.default.neutralVariant[60], outlineVariant: (0, color_1.default)(colors_1.default.neutralVariant[60]).alpha(0.25).rgb().string(), shadow: colors_1.default.primary[0], scrim: colors_1.default.primary[0], inverseSurface: colors_1.default.neutral[90], inverseOnSurface: colors_1.default.neutral[10], inversePrimary: colors_1.default.primary[40], elevation: {
36
32
  level0: 'transparent',
33
+ // level1 is the same as surfaceContainerLowest in design files
37
34
  level1: colors_1.default.neutral[4],
35
+ // level2 is the same as surfaceContainerLow in design files
38
36
  level2: colors_1.default.neutral[10],
37
+ // level3 is the same as surfaceContainer in design files
39
38
  level3: colors_1.default.neutral[12],
39
+ // level4 is the same as surfaceContainerHigh in design files
40
40
  level4: colors_1.default.neutral[17],
41
+ // level5 is the same as surfaceContainerHighest in design files
41
42
  level5: colors_1.default.neutral[20],
42
43
  },
44
+ // surfaceDisabled is the same as disabledContainer in design files
45
+ surfaceDisabled: (0, color_1.default)(colors_1.default.neutral[95]).alpha(0.1).rgb().string(),
46
+ // onSurfaceDisabled is the same as onDisabledContainer in design files
47
+ onSurfaceDisabled: (0, color_1.default)(colors_1.default.neutral[95]).alpha(0.15).rgb().string(), backdrop: (0, color_1.default)(colors_1.default.primary[0]).alpha(0.32).rgb().string(),
43
48
  // Custom color variants
44
49
  // High-emphasis primary non-text variant, can be used on non-text elements like icons
45
50
  primaryNonText: colors_1.default.primary[60],
package/dist/blueTheme.d.ts CHANGED
@@ -28,8 +28,6 @@ export declare const MD3BluiLightTheme: {
28
28
  onBackground: string;
29
29
  surface: string;
30
30
  onSurface: string;
31
- surfaceDisabled: string;
32
- onSurfaceDisabled: string;
33
31
  surfaceVariant: string;
34
32
  onSurfaceVariant: string;
35
33
  outline: string;
@@ -47,6 +45,9 @@ export declare const MD3BluiLightTheme: {
47
45
  level4: string;
48
46
  level5: string;
49
47
  };
48
+ surfaceDisabled: string;
49
+ onSurfaceDisabled: string;
50
+ backdrop: string;
50
51
  primaryNonText: string;
51
52
  errorNonText: string;
52
53
  disabled: string;
@@ -124,7 +125,6 @@ export declare const MD3BluiLightTheme: {
124
125
  textFieldContainer: string;
125
126
  progressBarTrackOnStatusFilledContainer: string;
126
127
  mapTextOutline: string;
127
- backdrop: string;
128
128
  };
129
129
  dark: boolean;
130
130
  mode?: ("adaptive" | "exact") | undefined;
package/dist/blueTheme.js CHANGED
@@ -28,18 +28,23 @@ var shared_1 = require("./shared");
28
28
  var color_1 = __importDefault(require("color"));
29
29
  exports.MD3BluiLightTheme = __assign(__assign({}, react_native_paper_1.MD3LightTheme), { fonts: (0, react_native_paper_1.configureFonts)({ config: shared_1.fontConfig }), colors: __assign(__assign({}, react_native_paper_1.MD3LightTheme.colors), {
30
30
  // React Native Paper default theme color variants
31
- primary: colors_1.default.primary[40], onPrimary: colors_1.default.primary[100], primaryContainer: colors_1.default.primary[80], onPrimaryContainer: colors_1.default.primary[30], secondary: colors_1.default.primary[40], onSecondary: colors_1.default.primary[100], secondaryContainer: colors_1.default.primary[80], onSecondaryContainer: colors_1.default.primary[30], tertiary: colors_1.default.primary[40], onTertiary: colors_1.default.primary[100], tertiaryContainer: colors_1.default.primary[80], onTertiaryContainer: colors_1.default.primary[30], error: colors_1.default.error[40], onError: colors_1.default.primary[100], errorContainer: colors_1.default.error[90], onErrorContainer: colors_1.default.error[30], background: colors_1.default.neutral[98], onBackground: colors_1.default.neutral[10], surface: colors_1.default.neutral[98], onSurface: colors_1.default.neutral[10],
32
- // surfaceDisabled is the same as disabledContainer in design files
33
- surfaceDisabled: (0, color_1.default)(colors_1.default.neutral[10]).alpha(0.05).rgb().string(),
34
- // onSurfaceDisabled is the same as onDisabledContainer in design files
35
- onSurfaceDisabled: (0, color_1.default)(colors_1.default.neutral[10]).alpha(0.25).rgb().string(), surfaceVariant: colors_1.default.neutralVariant[90], onSurfaceVariant: colors_1.default.neutralVariant[30], outline: colors_1.default.neutralVariant[50], outlineVariant: (0, color_1.default)(colors_1.default.neutralVariant[50]).alpha(0.25).rgb().string(), shadow: colors_1.default.primary[0], scrim: colors_1.default.primary[0], inverseSurface: colors_1.default.neutral[20], inverseOnSurface: colors_1.default.neutral[95], inversePrimary: colors_1.default.primary[80], elevation: {
31
+ primary: colors_1.default.primary[40], onPrimary: colors_1.default.primary[100], primaryContainer: colors_1.default.primary[80], onPrimaryContainer: colors_1.default.primary[30], secondary: colors_1.default.primary[40], onSecondary: colors_1.default.primary[100], secondaryContainer: colors_1.default.primary[80], onSecondaryContainer: colors_1.default.primary[30], tertiary: colors_1.default.primary[40], onTertiary: colors_1.default.primary[100], tertiaryContainer: colors_1.default.primary[80], onTertiaryContainer: colors_1.default.primary[30], error: colors_1.default.error[40], onError: colors_1.default.primary[100], errorContainer: colors_1.default.error[90], onErrorContainer: colors_1.default.error[30], background: colors_1.default.neutral[98], onBackground: colors_1.default.neutral[10], surface: colors_1.default.neutral[98], onSurface: colors_1.default.neutral[10], surfaceVariant: colors_1.default.neutralVariant[90], onSurfaceVariant: colors_1.default.neutralVariant[30], outline: colors_1.default.neutralVariant[50], outlineVariant: (0, color_1.default)(colors_1.default.neutralVariant[50]).alpha(0.25).rgb().string(), shadow: colors_1.default.primary[0], scrim: colors_1.default.primary[0], inverseSurface: colors_1.default.neutral[20], inverseOnSurface: colors_1.default.neutral[95], inversePrimary: colors_1.default.primary[80], elevation: {
36
32
  level0: 'transparent',
33
+ // level1 is the same as surfaceContainerLowest in design files
37
34
  level1: colors_1.default.primary[100],
35
+ // level2 is the same as surfaceContainerLow in design files
38
36
  level2: colors_1.default.neutral[97],
37
+ // level3 is the same as surfaceContainer in design files
39
38
  level3: colors_1.default.neutral[94],
39
+ // level4 is the same as surfaceContainerHigh in design files
40
40
  level4: colors_1.default.neutral[92],
41
+ // level5 is the same as surfaceContainerHighest in design files
41
42
  level5: colors_1.default.neutral[90],
42
43
  },
44
+ // surfaceDisabled is the same as disabledContainer in design files
45
+ surfaceDisabled: (0, color_1.default)(colors_1.default.neutral[10]).alpha(0.05).rgb().string(),
46
+ // onSurfaceDisabled is the same as onDisabledContainer in design files
47
+ onSurfaceDisabled: (0, color_1.default)(colors_1.default.neutral[10]).alpha(0.25).rgb().string(), backdrop: (0, color_1.default)(colors_1.default.primary[0]).alpha(0.32).rgb().string(),
43
48
  // Custom color variants
44
49
  // High-emphasis primary non-text variant, can be used on non-text elements like icons
45
50
  primaryNonText: colors_1.default.primary[50],
package/dist/shared.d.ts CHANGED
@@ -3,97 +3,82 @@ import { $DeepPartial } from '@callstack/react-theme-provider';
3
3
  export declare const fontConfig: {
4
4
  displaySmall: {
5
5
  fontFamily: string;
6
- fontWeight: "400";
7
6
  fontSize: number;
8
7
  lineHeight: number;
9
8
  };
10
9
  displayMedium: {
11
10
  fontFamily: string;
12
- fontWeight: "400";
13
11
  fontSize: number;
14
12
  lineHeight: number;
15
13
  };
16
14
  displayLarge: {
17
15
  fontFamily: string;
18
- fontWeight: "400";
19
16
  fontSize: number;
20
17
  lineHeight: number;
21
18
  letterSpacing: number;
22
19
  };
23
20
  headlineSmall: {
24
21
  fontFamily: string;
25
- fontWeight: "500";
26
22
  fontSize: number;
27
23
  lineHeight: number;
28
24
  };
29
25
  headlineMedium: {
30
26
  fontFamily: string;
31
- fontWeight: "500";
32
27
  fontSize: number;
33
28
  lineHeight: number;
34
29
  };
35
30
  headlineLarge: {
36
31
  fontFamily: string;
37
- fontWeight: "500";
38
32
  fontSize: number;
39
33
  lineHeight: number;
40
34
  };
41
35
  titleSmall: {
42
36
  fontFamily: string;
43
- fontWeight: "600";
44
37
  fontSize: number;
45
38
  lineHeight: number;
46
39
  letterSpacing: number;
47
40
  };
48
41
  titleMedium: {
49
42
  fontFamily: string;
50
- fontWeight: "600";
51
43
  fontSize: number;
52
44
  lineHeight: number;
53
45
  letterSpacing: number;
54
46
  };
55
47
  titleLarge: {
56
48
  fontFamily: string;
57
- fontWeight: "400";
58
49
  fontSize: number;
59
50
  lineHeight: number;
60
51
  };
61
52
  labelSmall: {
62
53
  fontFamily: string;
63
- fontWeight: "600";
64
54
  fontSize: number;
65
55
  lineHeight: number;
66
56
  letterSpacing: number;
67
57
  };
68
58
  labelMedium: {
69
59
  fontFamily: string;
70
- fontWeight: "600";
71
60
  fontSize: number;
72
61
  lineHeight: number;
73
62
  letterSpacing: number;
74
63
  };
75
64
  labelLarge: {
76
65
  fontFamily: string;
77
- fontWeight: "600";
78
66
  fontSize: number;
79
67
  lineHeight: number;
80
68
  letterSpacing: number;
81
69
  };
82
70
  bodySmall: {
83
71
  fontFamily: string;
84
- fontWeight: "400";
85
72
  fontSize: number;
86
73
  lineHeight: number;
87
74
  };
88
75
  bodyMedium: {
89
76
  fontFamily: string;
90
- fontWeight: "400";
91
77
  fontSize: number;
92
78
  lineHeight: number;
93
79
  };
94
80
  bodyLarge: {
95
81
  fontFamily: string;
96
- fontWeight: "400";
97
82
  fontSize: number;
98
83
  lineHeight: number;
99
84
  letterSpacing: number;
package/dist/shared.js CHANGED
@@ -5,97 +5,82 @@ var react_native_paper_1 = require("react-native-paper");
5
5
  exports.fontConfig = {
6
6
  displaySmall: {
7
7
  fontFamily: 'OpenSans-Regular',
8
- fontWeight: '400',
9
8
  fontSize: 36,
10
- lineHeight: 45,
9
+ lineHeight: 48,
11
10
  },
12
11
  displayMedium: {
13
12
  fontFamily: 'OpenSans-Regular',
14
- fontWeight: '400',
15
13
  fontSize: 45,
16
14
  lineHeight: 56,
17
15
  },
18
16
  displayLarge: {
19
17
  fontFamily: 'OpenSans-Regular',
20
- fontWeight: '400',
21
- fontSize: 54,
22
- lineHeight: 68,
23
- letterSpacing: 1,
18
+ fontSize: 57,
19
+ lineHeight: 72,
20
+ letterSpacing: -0.25,
24
21
  },
25
22
  headlineSmall: {
26
23
  fontFamily: 'OpenSans-Regular',
27
- fontWeight: '500',
28
24
  fontSize: 24,
29
25
  lineHeight: 32,
30
26
  },
31
27
  headlineMedium: {
32
28
  fontFamily: 'OpenSans-Regular',
33
- fontWeight: '500',
34
- fontSize: 27,
35
- lineHeight: 40,
29
+ fontSize: 28,
30
+ lineHeight: 36,
36
31
  },
37
32
  headlineLarge: {
38
33
  fontFamily: 'OpenSans-Regular',
39
- fontWeight: '500',
40
34
  fontSize: 32,
41
35
  lineHeight: 40,
42
36
  },
43
37
  titleSmall: {
44
- fontFamily: 'OpenSans-Regular',
45
- fontWeight: '600',
38
+ fontFamily: 'OpenSans-SemiBold',
46
39
  fontSize: 14,
47
40
  lineHeight: 20,
48
41
  letterSpacing: 0.1,
49
42
  },
50
43
  titleMedium: {
51
- fontFamily: 'OpenSans-Regular',
52
- fontWeight: '600',
44
+ fontFamily: 'OpenSans-SemiBold',
53
45
  fontSize: 16,
54
46
  lineHeight: 24,
55
47
  letterSpacing: 0.15,
56
48
  },
57
49
  titleLarge: {
58
50
  fontFamily: 'OpenSans-Regular',
59
- fontWeight: '400',
60
51
  fontSize: 22,
61
52
  lineHeight: 28,
62
53
  },
63
54
  labelSmall: {
64
55
  fontFamily: 'OpenSans-SemiBold',
65
- fontWeight: '600',
66
56
  fontSize: 11,
67
57
  lineHeight: 16,
68
58
  letterSpacing: 0.5,
69
59
  },
70
60
  labelMedium: {
71
61
  fontFamily: 'OpenSans-SemiBold',
72
- fontWeight: '600',
73
62
  fontSize: 12,
74
63
  lineHeight: 16,
75
64
  letterSpacing: 0.2,
76
65
  },
77
66
  labelLarge: {
78
67
  fontFamily: 'OpenSans-SemiBold',
79
- fontWeight: '600',
80
68
  fontSize: 14,
81
69
  lineHeight: 20,
82
70
  letterSpacing: 0.1,
83
71
  },
84
72
  bodySmall: {
85
73
  fontFamily: 'OpenSans-Regular',
86
- fontWeight: '400',
87
74
  fontSize: 12,
88
75
  lineHeight: 16,
89
76
  },
90
77
  bodyMedium: {
91
78
  fontFamily: 'OpenSans-Regular',
92
- fontWeight: '400',
93
79
  fontSize: 14,
94
80
  lineHeight: 20,
95
81
  },
96
82
  bodyLarge: {
97
83
  fontFamily: 'OpenSans-Regular',
98
- fontWeight: '400',
99
84
  fontSize: 16,
100
85
  lineHeight: 24,
101
86
  letterSpacing: 0.15,
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@brightlayer-ui/react-native-themes",
3
3
  "author": "Brightlayer UI <brightlayer-ui@eaton.com>",
4
4
  "license": "BSD-3-Clause",
5
- "version": "7.0.0-alpha.4",
5
+ "version": "7.0.1-alpha.1",
6
6
  "description": "React Native themes for Brightlayer UI applications",
7
7
  "main": "./dist/index.js",
8
8
  "scripts": {