@bbc/psammead-styles - npm Package Compare versions

Comparing version 7.5.0 to 7.6.0

CHANGELOG.md

@@ -6,2 +6,3 @@ # @bbc/psammead-styles Changelog
 |---------|-------------|
+| 7.6.0 | [PR#4548](https://github.com/bbc/psammead/pull/4548) Adds Noto Serif Sinhala font |
 | 7.5.0 | [PR#4547](https://github.com/bbc/psammead/pull/4547) Added Noto Serif Bengali font |
@@ -8,0 +9,0 @@ | 7.4.0 | [PR#4545](https://github.com/bbc/psammead/pull/4545) Added NotoSansTamil font for Tamil service |

dist/font-families.js

@@ -155,3 +155,3 @@ "use strict";
 
-var sinhalaFontFamily = "font-family: \"Iskoola Pota BBC\", Arial, Verdana, Geneva, Helvetica, sans-serif;";
+var sinhalaFontFamily = "font-family: \"Iskoola Pota BBC\", \"Noto Serif Sinhala\", Arial, Verdana, Geneva, Helvetica, sans-serif;";
 var sinhalaStyles = {
@@ -158,0 +158,0 @@ sansRegular: "\n    ".concat(sinhalaFontFamily, "\n    ").concat(getFontStyleAndWeight('normal', 400), "\n  "),

dist/fonts.js

@@ -6,5 +6,6 @@ "use strict";
 });
-exports.F_REITH_QALAM_BOLD = exports.F_REITH_QALAM_REGULAR = exports.F_NOTO_SERIF_BENGALI_BOLD = exports.F_NOTO_SERIF_BENGALI_REGULAR = exports.F_SHONAR_BANGLA_BOLD = exports.F_SHONAR_BANGLA_REGULAR = exports.F_PADAUK_BOLD = exports.F_PADAUK_REGULAR = exports.F_NOTO_SANS_ETHIOPIC_BOLD = exports.F_NOTO_SANS_ETHIOPIC_REGULAR = exports.F_MALLANNA_REGULAR = exports.F_TAMIL_BOLD = exports.F_TAMIL_REGULAR = exports.F_LATHA_BOLD = exports.F_LATHA_REGULAR = exports.F_ISKOOLA_POTA_BBC_BOLD = exports.F_ISKOOLA_POTA_BBC_REGULAR = exports.F_REITH_SANS_CONDENSED_BOLD = exports.F_REITH_SANS_CONDENSED_REGULAR = exports.F_REITH_SANS_EXTRA_BOLD_ITALIC = exports.F_REITH_SANS_EXTRA_BOLD = exports.F_REITH_SANS_MEDIUM_ITALIC = exports.F_REITH_SANS_MEDIUM = exports.F_REITH_SANS_LIGHT_ITALIC = exports.F_REITH_SANS_LIGHT = exports.F_REITH_SANS_BOLD_ITALIC = exports.F_REITH_SANS_BOLD = exports.F_REITH_SANS_ITALIC = exports.F_REITH_SANS_REGULAR = exports.F_REITH_SERIF_EXTRA_BOLD_ITALIC = exports.F_REITH_SERIF_EXTRA_BOLD = exports.F_REITH_SERIF_MEDIUM_ITALIC = exports.F_REITH_SERIF_MEDIUM = exports.F_REITH_SERIF_LIGHT_ITALIC = exports.F_REITH_SERIF_LIGHT = exports.F_REITH_SERIF_BOLD_ITALIC = exports.F_REITH_SERIF_BOLD = exports.F_REITH_SERIF_ITALIC = exports.F_REITH_SERIF_REGULAR = void 0;
+exports.F_REITH_QALAM_BOLD = exports.F_REITH_QALAM_REGULAR = exports.F_NOTO_SERIF_BENGALI_BOLD = exports.F_NOTO_SERIF_BENGALI_REGULAR = exports.F_SHONAR_BANGLA_BOLD = exports.F_SHONAR_BANGLA_REGULAR = exports.F_PADAUK_BOLD = exports.F_PADAUK_REGULAR = exports.F_NOTO_SANS_ETHIOPIC_BOLD = exports.F_NOTO_SANS_ETHIOPIC_REGULAR = exports.F_MALLANNA_REGULAR = exports.F_TAMIL_BOLD = exports.F_TAMIL_REGULAR = exports.F_LATHA_BOLD = exports.F_LATHA_REGULAR = exports.F_NOTO_SERIF_SINHALA_BOLD = exports.F_NOTO_SERIF_SINHALA_REGULAR = exports.F_ISKOOLA_POTA_BBC_BOLD = exports.F_ISKOOLA_POTA_BBC_REGULAR = exports.F_REITH_SANS_CONDENSED_BOLD = exports.F_REITH_SANS_CONDENSED_REGULAR = exports.F_REITH_SANS_EXTRA_BOLD_ITALIC = exports.F_REITH_SANS_EXTRA_BOLD = exports.F_REITH_SANS_MEDIUM_ITALIC = exports.F_REITH_SANS_MEDIUM = exports.F_REITH_SANS_LIGHT_ITALIC = exports.F_REITH_SANS_LIGHT = exports.F_REITH_SANS_BOLD_ITALIC = exports.F_REITH_SANS_BOLD = exports.F_REITH_SANS_ITALIC = exports.F_REITH_SANS_REGULAR = exports.F_REITH_SERIF_EXTRA_BOLD_ITALIC = exports.F_REITH_SERIF_EXTRA_BOLD = exports.F_REITH_SERIF_MEDIUM_ITALIC = exports.F_REITH_SERIF_MEDIUM = exports.F_REITH_SERIF_LIGHT_ITALIC = exports.F_REITH_SERIF_LIGHT = exports.F_REITH_SERIF_BOLD_ITALIC = exports.F_REITH_SERIF_BOLD = exports.F_REITH_SERIF_ITALIC = exports.F_REITH_SERIF_REGULAR = void 0;
 var baseFontUrl = 'https://gel.files.bbci.co.uk/r2.511/';
 var baseUrlIskoolaPotaBBC = 'https://ws-downloads.files.bbci.co.uk/fonts/IskoolaPota/v5.91/';
+var baseUrlNotoSerifSinhala = 'https://ws-downloads.test.files.bbci.co.uk/fonts/NotoSerifSinhala/v1.00/';
 var baseUrlLatha = 'https://ws-downloads.files.bbci.co.uk/fonts/Latha/v5.90/';
@@ -163,3 +164,3 @@ var baseUrlTamil = 'https://ws-downloads.test.files.bbci.co.uk/fonts/NotoSansTamil/v1.0.0/';
   return "\n  @font-face {\n    font-family: \"Iskoola Pota BBC\";\n    font-weight: 700;\n    font-style: normal;\n    src: url('".concat(baseUrlOverride || baseUrlIskoolaPotaBBC, "bold.woff') format('woff'), url('").concat(baseUrlOverride || baseUrlIskoolaPotaBBC, "bold.eot') format('eot'), url('").concat(baseUrlOverride || baseUrlIskoolaPotaBBC, "bold.ttf') format('ttf');\n    font-display: swap;\n  }\n");
-}; // Latha
+}; // Noto Serif Sinhala
 
@@ -169,2 +170,15 @@
 
+var F_NOTO_SERIF_SINHALA_REGULAR = function F_NOTO_SERIF_SINHALA_REGULAR(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"Noto Serif Sinhala\";\n    font-weight: 400;\n    font-style: normal;\n    src: url('".concat(baseUrlOverride || baseUrlNotoSerifSinhala, "normal.woff2') format('woff2'), url('").concat(baseUrlOverride || baseUrlNotoSerifSinhala, "normal.woff') format('woff'), url('").concat(baseUrlOverride || baseUrlNotoSerifSinhala, "normal.eot') format('eot'), url('").concat(baseUrlOverride || baseUrlNotoSerifSinhala, "normal.ttf') format('ttf');\n    font-display: swap;\n  }");
+};
+
+exports.F_NOTO_SERIF_SINHALA_REGULAR = F_NOTO_SERIF_SINHALA_REGULAR;
+
+var F_NOTO_SERIF_SINHALA_BOLD = function F_NOTO_SERIF_SINHALA_BOLD(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"Noto Serif Sinhala\";\n    font-weight: 700;\n    font-style: normal;\n    src: url('".concat(baseUrlOverride || baseUrlNotoSerifSinhala, "normal.woff2') format('woff2'),url('").concat(baseUrlOverride || baseUrlNotoSerifSinhala, "bold.woff') format('woff'), url('").concat(baseUrlOverride || baseUrlNotoSerifSinhala, "bold.eot') format('eot'), url('").concat(baseUrlOverride || baseUrlNotoSerifSinhala, "bold.ttf') format('ttf');\n    font-display: swap;\n  }\n");
+}; // Latha
+
+
+exports.F_NOTO_SERIF_SINHALA_BOLD = F_NOTO_SERIF_SINHALA_BOLD;
+
 var F_LATHA_REGULAR = function F_LATHA_REGULAR(baseUrlOverride) {
@@ -171,0 +185,0 @@ return "\n  @font-face {\n    font-family: \"Latha\";\n    font-weight: 400;\n    font-style: normal;\n    src: url('".concat(baseUrlOverride || baseUrlLatha, "normal.woff') format('woff'), url('").concat(baseUrlOverride || baseUrlLatha, "normal.eot') format('eot'), url('").concat(baseUrlOverride || baseUrlLatha, "normal.ttf') format('ttf');\n    font-display: swap;\n  }");

esm/font-families.js

@@ -148,3 +148,3 @@ /*
 
-var sinhalaFontFamily = "font-family: \"Iskoola Pota BBC\", Arial, Verdana, Geneva, Helvetica, sans-serif;";
+var sinhalaFontFamily = "font-family: \"Iskoola Pota BBC\", \"Noto Serif Sinhala\", Arial, Verdana, Geneva, Helvetica, sans-serif;";
 var sinhalaStyles = {
@@ -151,0 +151,0 @@ sansRegular: "\n    ".concat(sinhalaFontFamily, "\n    ").concat(getFontStyleAndWeight('normal', 400), "\n  "),

esm/fonts.js

 var baseFontUrl = 'https://gel.files.bbci.co.uk/r2.511/';
 var baseUrlIskoolaPotaBBC = 'https://ws-downloads.files.bbci.co.uk/fonts/IskoolaPota/v5.91/';
+var baseUrlNotoSerifSinhala = 'https://ws-downloads.test.files.bbci.co.uk/fonts/NotoSerifSinhala/v1.00/';
 var baseUrlLatha = 'https://ws-downloads.files.bbci.co.uk/fonts/Latha/v5.90/';
@@ -87,2 +88,9 @@ var baseUrlTamil = 'https://ws-downloads.test.files.bbci.co.uk/fonts/NotoSansTamil/v1.0.0/';
   return "\n  @font-face {\n    font-family: \"Iskoola Pota BBC\";\n    font-weight: 700;\n    font-style: normal;\n    src: url('".concat(baseUrlOverride || baseUrlIskoolaPotaBBC, "bold.woff') format('woff'), url('").concat(baseUrlOverride || baseUrlIskoolaPotaBBC, "bold.eot') format('eot'), url('").concat(baseUrlOverride || baseUrlIskoolaPotaBBC, "bold.ttf') format('ttf');\n    font-display: swap;\n  }\n");
+}; // Noto Serif Sinhala
+
+export var F_NOTO_SERIF_SINHALA_REGULAR = function F_NOTO_SERIF_SINHALA_REGULAR(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"Noto Serif Sinhala\";\n    font-weight: 400;\n    font-style: normal;\n    src: url('".concat(baseUrlOverride || baseUrlNotoSerifSinhala, "normal.woff2') format('woff2'), url('").concat(baseUrlOverride || baseUrlNotoSerifSinhala, "normal.woff') format('woff'), url('").concat(baseUrlOverride || baseUrlNotoSerifSinhala, "normal.eot') format('eot'), url('").concat(baseUrlOverride || baseUrlNotoSerifSinhala, "normal.ttf') format('ttf');\n    font-display: swap;\n  }");
+};
+export var F_NOTO_SERIF_SINHALA_BOLD = function F_NOTO_SERIF_SINHALA_BOLD(baseUrlOverride) {
+  return "\n  @font-face {\n    font-family: \"Noto Serif Sinhala\";\n    font-weight: 700;\n    font-style: normal;\n    src: url('".concat(baseUrlOverride || baseUrlNotoSerifSinhala, "normal.woff2') format('woff2'),url('").concat(baseUrlOverride || baseUrlNotoSerifSinhala, "bold.woff') format('woff'), url('").concat(baseUrlOverride || baseUrlNotoSerifSinhala, "bold.eot') format('eot'), url('").concat(baseUrlOverride || baseUrlNotoSerifSinhala, "bold.ttf') format('ttf');\n    font-display: swap;\n  }\n");
 }; // Latha
@@ -89,0 +97,0 @@

index.test.jsx

@@ -30,2 +30,4 @@ import { testUtilityPackages } from '@bbc/psammead-test-helpers';
   F_ISKOOLA_POTA_BBC_BOLD: 'function',
+  F_NOTO_SERIF_SINHALA_REGULAR: 'function',
+  F_NOTO_SERIF_SINHALA_BOLD: 'function',
   F_LATHA_REGULAR: 'function',
@@ -32,0 +34,0 @@ F_LATHA_BOLD: 'function',

package.json

 {
   "name": "@bbc/psammead-styles",
-  "version": "7.5.0",
+  "version": "7.6.0",
   "description": "A collection of string constants for use in CSS, containing non-GEL styling details that are bespoke to specific BBC services and products.",
@@ -5,0 +5,0 @@ "repository": {

src/font-families.js

@@ -276,3 +276,3 @@ /*
  */
-const sinhalaFontFamily = `font-family: "Iskoola Pota BBC", Arial, Verdana, Geneva, Helvetica, sans-serif;`;
+const sinhalaFontFamily = `font-family: "Iskoola Pota BBC", "Noto Serif Sinhala", Arial, Verdana, Geneva, Helvetica, sans-serif;`;
 
@@ -279,0 +279,0 @@ const sinhalaStyles = {

src/fonts.js

@@ -6,2 +6,5 @@ const baseFontUrl = 'https://gel.files.bbci.co.uk/r2.511/';
 
+const baseUrlNotoSerifSinhala =
+  'https://ws-downloads.test.files.bbci.co.uk/fonts/NotoSerifSinhala/v1.00/';
+
 const baseUrlLatha = 'https://ws-downloads.files.bbci.co.uk/fonts/Latha/v5.90/';
@@ -335,2 +338,38 @@
 
+// Noto Serif Sinhala
+export const F_NOTO_SERIF_SINHALA_REGULAR = baseUrlOverride => `
+  @font-face {
+    font-family: "Noto Serif Sinhala";
+    font-weight: 400;
+    font-style: normal;
+    src: url('${
+      baseUrlOverride || baseUrlNotoSerifSinhala
+    }normal.woff2') format('woff2'), url('${
+  baseUrlOverride || baseUrlNotoSerifSinhala
+}normal.woff') format('woff'), url('${
+  baseUrlOverride || baseUrlNotoSerifSinhala
+}normal.eot') format('eot'), url('${
+  baseUrlOverride || baseUrlNotoSerifSinhala
+}normal.ttf') format('ttf');
+    font-display: swap;
+  }`;
+
+export const F_NOTO_SERIF_SINHALA_BOLD = baseUrlOverride => `
+  @font-face {
+    font-family: "Noto Serif Sinhala";
+    font-weight: 700;
+    font-style: normal;
+    src: url('${
+      baseUrlOverride || baseUrlNotoSerifSinhala
+    }normal.woff2') format('woff2'),url('${
+  baseUrlOverride || baseUrlNotoSerifSinhala
+}bold.woff') format('woff'), url('${
+  baseUrlOverride || baseUrlNotoSerifSinhala
+}bold.eot') format('eot'), url('${
+  baseUrlOverride || baseUrlNotoSerifSinhala
+}bold.ttf') format('ttf');
+    font-display: swap;
+  }
+`;
+
 // Latha
@@ -337,0 +376,0 @@ export const F_LATHA_REGULAR = baseUrlOverride => `

src/index.stories.jsx

@@ -130,2 +130,10 @@ import React from 'react';
           </span>
+          <br />
+          <span>
+            2001 වසරේ සැප්තැම්බරයේ 11 වැනිදා, අඟහරුවාදාවකි. මරාගෙන මැරෙන
+            ප්‍රහාරකයෝ එක්සත් ජනපදයේ මගී ප්‍රවාහන ජෙට් යානා තම ග්‍රහණයට ගෙන
+            නිව්යෝර්ක් නුවර උසැති ගොඩනැගිලි දෙකක ගැටෙන්නට සැලැස්වූහ. දහස් ගණනකට
+            ජීවිත අහිමි විය. ඇමරිකාවේ පමණක් නොව මුළු ලොවටම බලපෑ, ශතවර්ෂය තුළ
+            සිදුවූ දරුණුතම සිද්ධියක් ලෙස එය තවමත් වර්තාගතය.
+          </span>
         </Paragraph>
@@ -132,0 +140,0 @@ );

No alert changes

Improved metrics

Total package byte prevSize

595884

increased by1.34%

Lines of code

2799

increased by2.41%

No dependency changes