diff --git a/LICENSE.md b/LICENSE.md
index 342becbd93..58d66f10a2 100644
--- a/LICENSE.md
+++ b/LICENSE.md
@@ -5,4 +5,4 @@ License details can be found in the `LICENSE` file. It's available in each packa
>The font "Proxima Nova Fin" shall only be used within Refinitiv products or services. The copyright owner must approve any use of such font outside of Refinitiv products or services, which may be subject to a fee. Please see https://www.fontspring.com/lic/fontspring/webfont#license_text
>
->Font styles in Halo theme are only Regular, Semi Bold and Bold. Do not use 'Italic' style due to the license on Proxima Nova Fin font.
+>Do not use 'Italic' style due to the license on Proxima Nova Fin font.
diff --git a/documents/src/pages/elements/heatmap.md b/documents/src/pages/elements/heatmap.md
index 2c4a891807..1f4f1feef4 100644
--- a/documents/src/pages/elements/heatmap.md
+++ b/documents/src/pages/elements/heatmap.md
@@ -408,7 +408,7 @@ const generateData = (r, c) => {
el.tooltipCallback = (cell) => {
const tooltip = document.createElement('div');
- const template = "
Actual value:
" + cell.value + "
";
+ const template = "Actual value:
" + cell.value + "
";
tooltip.innerHTML = template;
return tooltip;
};
@@ -435,7 +435,7 @@ const el = document.querySelector("ef-heatmap");
el.tooltipCallback = (cell) => {
const tooltip = document.createElement("div");
const template = `
- Actual value:
+ Actual value:
${cell.value}
`;
tooltip.innerHTML = template;
diff --git a/documents/src/pages/elements/tooltip.md b/documents/src/pages/elements/tooltip.md
index 7e2501e2b6..3293884c3c 100644
--- a/documents/src/pages/elements/tooltip.md
+++ b/documents/src/pages/elements/tooltip.md
@@ -254,7 +254,7 @@ const tooltip = document.getElementById('symbol-tooltip');
tooltip.renderer = (target) => {
const ret = document.createElement('div');
const title = document.createElement('div');
- title.style.fontWeight = 'bold';
+ title.style.fontWeight = '600';
title.style.paddingBottom = '3px';
const price = document.createElement('div');
ret.appendChild(title);
@@ -310,7 +310,7 @@ const tooltip = document.getElementById('symbol-tooltip');
tooltip.renderer = (target) => {
const ret = document.createElement('div');
const title = document.createElement('div');
- title.style.fontWeight = 'bold';
+ title.style.fontWeight = '600';
title.style.paddingBottom = '3px';
const price = document.createElement('div');
ret.appendChild(title);
diff --git a/documents/src/pages/styles/typography.md b/documents/src/pages/styles/typography.md
index ab205ec706..7c0754037b 100755
--- a/documents/src/pages/styles/typography.md
+++ b/documents/src/pages/styles/typography.md
@@ -11,16 +11,13 @@ In accordance with Refinitiv's Halo Design System, the default font in your appl
*>The font "Proxima Nova Fin" shall only be used within Refinitiv products or services. The copyright owner must approve any use of such font outside of Refinitiv products or services, which may be subject to a fee. Please see https://www.fontspring.com/lic/fontspring/webfont#license_text
-x> Font styles in Halo theme are only Regular, Semi Bold and Bold. Do not use 'Italic' style due to the license on Proxima Nova Fin font.
+x> Font styles in Halo theme are only Regular and Semi Bold. Do not use 'Italic' style due to the license on Proxima Nova Fin font.
::
```css
.semibold {
font-weight: 500;
}
-.bold {
- font-weight: 600;
-}
.fonts {
font-size: 24px;
}
@@ -32,18 +29,12 @@ A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9
-Proxima Nova Fin Semibold (500)
+Proxima Nova Fin Semibold (500, 600)
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9
-Proxima Nova Fin Bold (600)
-
-A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
-a b c d e f g h i j k l m n o p q r s t u v w x y z
-0 1 2 3 4 5 6 7 8 9
-
```
```javascript
import { halo } from '/theme-loader.js';
diff --git a/packages/demo-block/src/demo-block.ts b/packages/demo-block/src/demo-block.ts
index 521f83cba9..d6a7286a6e 100644
--- a/packages/demo-block/src/demo-block.ts
+++ b/packages/demo-block/src/demo-block.ts
@@ -106,7 +106,7 @@ themeLabel.style.fontSize = '15px';
themeLabel.style.left = '10px';
themeLabel.style.top = '10px';
themeLabel.style.padding = '2px 4px';
-themeLabel.style.fontWeight = 'bold';
+themeLabel.style.fontWeight = '600';
themeLabel.style.textTransform = 'uppercase';
themeLabel.innerHTML = removePrefixName(currentTheme);
diff --git a/packages/elements/src/heatmap/__demo__/color.html b/packages/elements/src/heatmap/__demo__/color.html
index 5dbcaa47c0..d795698d7a 100644
--- a/packages/elements/src/heatmap/__demo__/color.html
+++ b/packages/elements/src/heatmap/__demo__/color.html
@@ -108,7 +108,7 @@ EF Heatmap - Colors
el.tooltipCallback = function (cell) {
var tooltip = document.createElement('div');
var template = `
- Actual value:
+ Actual value:
${cell.value}
`;
diff --git a/packages/elements/src/heatmap/__demo__/custom-cell.html b/packages/elements/src/heatmap/__demo__/custom-cell.html
index eea8cdc756..2d6c833979 100644
--- a/packages/elements/src/heatmap/__demo__/custom-cell.html
+++ b/packages/elements/src/heatmap/__demo__/custom-cell.html
@@ -99,7 +99,7 @@ EF Heatmap - Custom cell
el.tooltipCallback = function (cell) {
var tooltip = document.createElement('div');
var template = `
- Actual value:
+ Actual value:
${cell.value}
`;
diff --git a/packages/elements/src/heatmap/__demo__/event.html b/packages/elements/src/heatmap/__demo__/event.html
index 3995523ef8..6612fddccd 100644
--- a/packages/elements/src/heatmap/__demo__/event.html
+++ b/packages/elements/src/heatmap/__demo__/event.html
@@ -51,7 +51,7 @@ Sapphire Heatmap
-
+
@@ -64,14 +64,14 @@ Sapphire Heatmap
Menu 1
Menu 2
- Show Cell Data
+ Show Cell Data
-
-