update default theme weight/style properties

Author: gdfreitas

src/CentileChart/CentileChart.tsx

@@ -484,7 +484,7 @@ export const CustomThemeStylesChart: Story = {
           chartStyle: {
               backgroundColour: '#FAF8F5',
               titleStyle: {
-                  weight: 600,
+                  weight: 800,
                   colour: '#706A80',
                   name: 'sans-serif',
                   size: 16,
@@ -523,7 +523,7 @@ export const CustomThemeStylesChart: Story = {
                   weight: 500,
                   colour: '#706A80',
                   name: 'sans-serif',
-                  size: 14,
+                  size: 15,
               },
               axisThresholdLabelTextStyle: {
                   weight: 500,
@@ -555,10 +555,10 @@ export const CustomThemeStylesChart: Story = {
           },
           measurementStyle: {
               eventTextStyle: {
-                  size: 16,
+                  size: 14,
                   name: 'sans-serif',
-                  weight: 500,
-                  colour: '#706A80',
+                  weight: 400,
+                  colour: '#760050',
               },
               highlightedMeasurementFill: '#B89F81',
               measurementFill: '#760050',

src/RCPCHChart/RCPCHChart.stories.tsx

@@ -77,7 +77,7 @@ function makeAllStyles(
         },
         chartTitle: {
             fontFamily: chartStyle?.titleStyle?.name ?? 'Arial',
-            fontWeight: chartStyle?.subTitleStyle?.weight ?? 700,
+            fontWeight: chartStyle?.titleStyle?.weight ?? 700,
             color: chartStyle?.titleStyle?.colour ?? black,
             fontSize: chartStyle?.titleStyle?.size ?? 14,
             fontStyle: chartStyle?.titleStyle?.style === 'italic' ? 'italic' : 'normal',

src/functions/makeAllStyles.ts

@@ -26,7 +26,7 @@ export const monochromeChartStyles: ChartStyle = {
         name: "Arial", 
         colour: "#000000",
         size: 14,
-        style: 'bold'
+        weight: '700'
     },
     subTitleStyle: {
         name: "Arial",
@@ -317,7 +317,7 @@ export const chartObject: ChartStyle =  {
         "name": "Arial",
         "colour": "#000000",
         "size": 14,
-        "style": "bold"
+        "weight": "700"
     },
     "subTitleStyle": {
         "name": "Arial",

src/testParameters/styles/monochromeStyles.ts

@@ -26,7 +26,7 @@ export const Tanner1ChartStyles: ChartStyle = {
         name: "Arial", 
         colour: "#000000",
         size: 14,
-        style: 'bold'
+        weight: '700'
     },
     subTitleStyle: {
         name: "Arial",

src/testParameters/styles/tanner1Styles.ts

@@ -26,7 +26,7 @@ export const Tanner2ChartStyles: ChartStyle = {
         name: "Arial", 
         colour: "#000000",
         size: 14,
-        style: 'bold'
+        weight: '700'
     },
     subTitleStyle: {
         name: "Arial",

src/testParameters/styles/tanner2Styles.ts

@@ -26,7 +26,7 @@ export const Tanner3ChartStyles: ChartStyle = {
         name: "Arial", 
         colour: "#000000",
         size: 14,
-        style: 'bold'
+        weight: '700'
     },
     subTitleStyle: {
         name: "Arial",

src/testParameters/styles/tanner3Styles.ts

@@ -26,7 +26,7 @@ export const traditionalBoyChartStyles: ChartStyle = {
         name: "Arial", 
         colour: "#000000",
         size: 14,
-        style: 'bold'
+        weight: '700'
     },
     subTitleStyle: {
         name: "Arial",

src/testParameters/styles/traditionalBoysStyles.ts

@@ -26,7 +26,7 @@ export const traditionalGirlChartStyles: ChartStyle = {
         name: "Arial", 
         colour: "#000000",
         size: 14,
-        style: 'bold'
+        weight: '700'
     },
     subTitleStyle: {
         name: "Arial",