From 2d1ffe6724336955fbdd6acb72fe7d54b2865b61 Mon Sep 17 00:00:00 2001 From: karinathomasbbc Date: Tue, 29 Sep 2020 17:49:11 +0100 Subject: [PATCH 1/9] Support for BBC Reith Qalam v1.100 --- packages/utilities/gel-foundations/CHANGELOG.md | 1 + packages/utilities/gel-foundations/package-lock.json | 2 +- packages/utilities/gel-foundations/package.json | 2 +- 3 files changed, 3 insertions(+), 2 deletions(-) diff --git a/packages/utilities/gel-foundations/CHANGELOG.md b/packages/utilities/gel-foundations/CHANGELOG.md index 05a276110e..267054df3b 100644 --- a/packages/utilities/gel-foundations/CHANGELOG.md +++ b/packages/utilities/gel-foundations/CHANGELOG.md @@ -3,6 +3,7 @@ | Version | Description | |---------|-------------| +| 5.0.0 | [PR#xxxx](https://github.com/bbc/psammead/pull/xxxx) BBC Reith Qalam v1.100 | | 4.2.0 | [PR#3616](https://github.com/bbc/psammead/pull/3616) Update Bengali inline link styling | | 4.1.0 | [PR#3602](https://github.com/bbc/psammead/pull/3602) Update Thai Canon typography values | | 4.0.1 | [PR#3127](https://github.com/bbc/psammead/pull/3127) Restructured breakpoints.js to pair the consts which use one another. | diff --git a/packages/utilities/gel-foundations/package-lock.json b/packages/utilities/gel-foundations/package-lock.json index 47c974dc21..4506970ac6 100644 --- a/packages/utilities/gel-foundations/package-lock.json +++ b/packages/utilities/gel-foundations/package-lock.json @@ -1,5 +1,5 @@ { "name": "@bbc/gel-foundations", - "version": "4.2.0", + "version": "5.0.0", "lockfileVersion": 1 } diff --git a/packages/utilities/gel-foundations/package.json b/packages/utilities/gel-foundations/package.json index 23164fb06e..7bdfb586ed 100644 --- a/packages/utilities/gel-foundations/package.json +++ b/packages/utilities/gel-foundations/package.json @@ -1,6 +1,6 @@ { "name": "@bbc/gel-foundations", - "version": "4.2.0", + "version": "5.0.0", "sideEffects": false, "description": "A range of string constants for use in CSS, intended to help implement BBC GEL-compliant webpages and components.", "repository": { From 10fe06568df21d23667979e6b199a6660b7335e7 Mon Sep 17 00:00:00 2001 From: karinathomasbbc Date: Tue, 29 Sep 2020 18:20:50 +0100 Subject: [PATCH 2/9] Adding script support for BBC Reith Qalam --- packages/utilities/gel-foundations/README.md | 7 +- .../utilities/gel-foundations/src/scripts.js | 4 +- .../src/scripts/arabic-pashto.js | 214 ------------------ .../scripts/{arabic.js => right-to-left.js} | 114 +++++----- 4 files changed, 61 insertions(+), 278 deletions(-) delete mode 100644 packages/utilities/gel-foundations/src/scripts/arabic-pashto.js rename packages/utilities/gel-foundations/src/scripts/{arabic.js => right-to-left.js} (79%) diff --git a/packages/utilities/gel-foundations/README.md b/packages/utilities/gel-foundations/README.md index 1ffa1f479f..c71771c94b 100644 --- a/packages/utilities/gel-foundations/README.md +++ b/packages/utilities/gel-foundations/README.md @@ -45,9 +45,9 @@ Our typography uses `rem` for font-size and line-height. The `rem` unit represen ### Script support -The utility typography function (e.g. `getLongPrimer('arabic')`) receives a script argument which is an object with the different script GEL Types Sizes and returns the `font-sizes` and `line-heights` for the specific GEL Type (e.g. `Long Premier`). +The utility typography function (e.g. `getLongPrimer('thai')`) receives a script argument which is an object with the different script GEL Types Sizes and returns the `font-sizes` and `line-heights` for the specific GEL Type (e.g. `Long Premier`). -You can import the script doing `import { arabic } from '@bbc/gel-foundations/scripts`. By default you should import the `latin` script as found on the [GEL typography guidelines](https://www.bbc.co.uk/gel/guidelines/typography#type-sizes). +You can import the script doing `import { thai } from '@bbc/gel-foundations/scripts`. By default you should import the `latin` script as found on the [GEL typography guidelines](https://www.bbc.co.uk/gel/guidelines/typography#type-sizes). In addition to Latin script defaults, Psammead supports typography for a number of other scripts. We have grouped the scripts that share similiar features as follows: @@ -56,8 +56,7 @@ In addition to Latin script defaults, Psammead supports typography for a number | --------------------------- | -------- | --------------------------- | | latin-and-cyrillic | News, Hausa, Gahuza, Somali, Swahili, Igbo, Pidgin, Afaan Oromo, Yoruba, Azeri, Indonesia, Uzbek, Serbian, Russian, Ukrainian, Kyrgyz, Uzbek | The typography values for Latin and Cyrillic characters are identical | | latin-with-diacritics | Vietnamese, Mundo, Afrique, Brasil, Turkish | The diacritics make these values differ from Latin | -| arabic | Urdu, Arabic, Persian | Group as they use the Arabic alphabet | -| arabic-pashto | Pashto | Contains a subset of glyphs that mean it differs from Arabic | +| right-to-left | Urdu, Arabic, Persian | Group as they use the Arabic alphabet | | no-ascenders-or-descenders | Korean, Japanese, Zhongwen, Ukchina, Tigrinya, Amharic | Group all alphabets without ascenders or descenders. This could be implemented as chinese, korean, ethiopic | Hindi, Nepali, Gujarati, Punjabi, Marathi, Telugu | The typography values for Devanagari and Gurmukhi characters are identical | | devanagari-and-gurmukhi | Hindi, Nepali, Gujarati, Punjabi, Marathi, Telugu | The typography values for Devanagari and Gurmukhi characters are identical | | thai | Thai | Bespoke to the Thai characters | diff --git a/packages/utilities/gel-foundations/src/scripts.js b/packages/utilities/gel-foundations/src/scripts.js index 36f525c3e4..ab6abeb0aa 100644 --- a/packages/utilities/gel-foundations/src/scripts.js +++ b/packages/utilities/gel-foundations/src/scripts.js @@ -1,6 +1,4 @@ -export arabic from './scripts/arabic'; - -export arabicPashto from './scripts/arabic-pashto'; +export rightToLeft from './scripts/right-to-left'; export bengali from './scripts/bengali'; diff --git a/packages/utilities/gel-foundations/src/scripts/arabic-pashto.js b/packages/utilities/gel-foundations/src/scripts/arabic-pashto.js deleted file mode 100644 index aa246b22d5..0000000000 --- a/packages/utilities/gel-foundations/src/scripts/arabic-pashto.js +++ /dev/null @@ -1,214 +0,0 @@ -const arabicPashtoTypography = { - atlas: { - groupA: { - fontSize: '78', - lineHeight: '84', - }, - groupB: { - fontSize: '96', - lineHeight: '104', - }, - groupD: { - fontSize: '140', - lineHeight: '148', - }, - }, - elephant: { - groupA: { - fontSize: '60', - lineHeight: '64', - }, - groupB: { - fontSize: '78', - lineHeight: '84', - }, - groupD: { - fontSize: '116', - lineHeight: '124', - }, - }, - imperial: { - groupA: { - fontSize: '50', - lineHeight: '54', - }, - groupB: { - fontSize: '64', - lineHeight: '72', - }, - groupD: { - fontSize: '96', - lineHeight: '104', - }, - }, - royal: { - groupA: { - fontSize: '40', - lineHeight: '44', - }, - groupB: { - fontSize: '52', - lineHeight: '60', - }, - groupD: { - fontSize: '76', - lineHeight: '84', - }, - }, - foolscap: { - groupA: { - fontSize: '32', - lineHeight: '36', - }, - groupB: { - fontSize: '40', - lineHeight: '44', - }, - groupD: { - fontSize: '56', - lineHeight: '60', - }, - }, - canon: { - groupA: { - fontSize: '32', - lineHeight: '42', - }, - groupB: { - fontSize: '38', - lineHeight: '46', - }, - groupD: { - fontSize: '44', - lineHeight: '54', - }, - }, - trafalgar: { - groupA: { - fontSize: '24', - lineHeight: '34', - }, - groupB: { - fontSize: '32', - lineHeight: '38', - }, - groupD: { - fontSize: '36', - lineHeight: '50', - }, - }, - paragon: { - groupA: { - fontSize: '24', - lineHeight: '24', - }, - groupB: { - fontSize: '28', - lineHeight: '40', - }, - groupD: { - fontSize: '32', - lineHeight: '40', - }, - }, - doublePica: { - groupA: { - fontSize: '24', - lineHeight: '32', - }, - groupB: { - fontSize: '26', - lineHeight: '36', - }, - groupD: { - fontSize: '28', - lineHeight: '36', - }, - }, - greatPrimer: { - groupA: { - fontSize: '22', - lineHeight: '28', - }, - groupB: { - fontSize: '24', - lineHeight: '32', - }, - groupD: { - fontSize: '26', - lineHeight: '34', - }, - }, - bodyCopy: { - groupA: { - fontSize: '18', - lineHeight: '28', - }, - groupB: { - fontSize: '20', - lineHeight: '32', - }, - groupD: { - fontSize: '22', - lineHeight: '32', - }, - }, - pica: { - groupA: { - fontSize: '16', - lineHeight: '26', - }, - groupB: { - fontSize: '20', - lineHeight: '26', - }, - groupD: { - fontSize: '20', - lineHeight: '26', - }, - }, - longPrimer: { - groupA: { - fontSize: '17', - lineHeight: '24', - }, - groupB: { - fontSize: '18', - lineHeight: '24', - }, - groupD: { - fontSize: '18', - lineHeight: '24', - }, - }, - brevier: { - groupA: { - fontSize: '16', - lineHeight: '20', - }, - groupB: { - fontSize: '18', - lineHeight: '24', - }, - groupD: { - fontSize: '18', - lineHeight: '24', - }, - }, - minion: { - groupA: { - fontSize: '12', - lineHeight: '16', - }, - groupB: { - fontSize: '12', - lineHeight: '16', - }, - groupD: { - fontSize: '12', - lineHeight: '16', - }, - }, -}; - -export default arabicPashtoTypography; diff --git a/packages/utilities/gel-foundations/src/scripts/arabic.js b/packages/utilities/gel-foundations/src/scripts/right-to-left.js similarity index 79% rename from packages/utilities/gel-foundations/src/scripts/arabic.js rename to packages/utilities/gel-foundations/src/scripts/right-to-left.js index 10e49b7591..f9c2cee7eb 100644 --- a/packages/utilities/gel-foundations/src/scripts/arabic.js +++ b/packages/utilities/gel-foundations/src/scripts/right-to-left.js @@ -1,4 +1,4 @@ -const arabicTypography = { +const rightToLeftTypography = { atlas: { groupA: { fontSize: '78', @@ -71,144 +71,144 @@ const arabicTypography = { }, canon: { groupA: { - fontSize: '32', - lineHeight: '42', + fontSize: '24', + lineHeight: '32', }, groupB: { - fontSize: '38', - lineHeight: '46', + fontSize: '28', + lineHeight: '38', }, groupD: { - fontSize: '44', + fontSize: '40', lineHeight: '54', }, }, trafalgar: { groupA: { - fontSize: '24', - lineHeight: '34', + fontSize: '20', + lineHeight: '28', }, groupB: { - fontSize: '32', - lineHeight: '38', + fontSize: '24', + lineHeight: '34', }, groupD: { - fontSize: '36', - lineHeight: '50', + fontSize: '32', + lineHeight: '42', }, }, paragon: { groupA: { - fontSize: '24', - lineHeight: '30', + fontSize: '20', + lineHeight: '28', }, groupB: { - fontSize: '28', - lineHeight: '40', + fontSize: '22', + lineHeight: '30', }, groupD: { - fontSize: '32', - lineHeight: '40', + fontSize: '28', + lineHeight: '38', }, }, doublePica: { groupA: { - fontSize: '24', - lineHeight: '32', + fontSize: '20', + lineHeight: '28', }, groupB: { - fontSize: '26', - lineHeight: '36', + fontSize: '20', + lineHeight: '28', }, groupD: { - fontSize: '28', - lineHeight: '36', + fontSize: '24', + lineHeight: '32', }, }, greatPrimer: { groupA: { - fontSize: '22', - lineHeight: '28', + fontSize: '18', + lineHeight: '26', }, groupB: { - fontSize: '24', - lineHeight: '32', + fontSize: '18', + lineHeight: '26', }, groupD: { - fontSize: '26', - lineHeight: '34', + fontSize: '20', + lineHeight: '28', }, }, bodyCopy: { groupA: { - fontSize: '18', - lineHeight: '28', + fontSize: '15', + lineHeight: '24', }, groupB: { - fontSize: '22', - lineHeight: '32', + fontSize: '16', + lineHeight: '26', }, groupD: { - fontSize: '22', - lineHeight: '32', + fontSize: '16', + lineHeight: '26', }, }, pica: { groupA: { - fontSize: '16', - lineHeight: '26', + fontSize: '15', + lineHeight: '24', }, groupB: { - fontSize: '20', - lineHeight: '26', + fontSize: '16', + lineHeight: '24', }, groupD: { - fontSize: '20', - lineHeight: '26', + fontSize: '16', + lineHeight: '24', }, }, longPrimer: { groupA: { - fontSize: '17', - lineHeight: '24', + fontSize: '15', + lineHeight: '22', }, groupB: { - fontSize: '18', - lineHeight: '24', + fontSize: '15', + lineHeight: '22', }, groupD: { - fontSize: '18', - lineHeight: '24', + fontSize: '14', + lineHeight: '22', }, }, brevier: { groupA: { - fontSize: '16', + fontSize: '14', lineHeight: '20', }, groupB: { - fontSize: '18', - lineHeight: '24', + fontSize: '14', + lineHeight: '20', }, groupD: { - fontSize: '18', - lineHeight: '24', + fontSize: '13', + lineHeight: '20', }, }, minion: { groupA: { fontSize: '12', - lineHeight: '16', + lineHeight: '18', }, groupB: { fontSize: '12', - lineHeight: '16', + lineHeight: '18', }, groupD: { fontSize: '12', - lineHeight: '16', + lineHeight: '18', }, }, }; -export default arabicTypography; +export default rightToLeftTypography; From 30a9be645e8a6f7d3ef036d267ffd004d770a7a4 Mon Sep 17 00:00:00 2001 From: karinathomasbbc Date: Tue, 29 Sep 2020 18:21:59 +0100 Subject: [PATCH 3/9] Update PR --- packages/utilities/gel-foundations/CHANGELOG.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/utilities/gel-foundations/CHANGELOG.md b/packages/utilities/gel-foundations/CHANGELOG.md index 2d98c30755..64c52b6975 100644 --- a/packages/utilities/gel-foundations/CHANGELOG.md +++ b/packages/utilities/gel-foundations/CHANGELOG.md @@ -3,7 +3,7 @@ | Version | Description | |---------|-------------| -| 5.0.0 | [PR#xxxx](https://github.com/bbc/psammead/pull/xxxx) BBC Reith Qalam v1.100 | +| 5.0.0 | [PR#3805](https://github.com/bbc/psammead/pull/3805) BBC Reith Qalam v1.100 | | 4.3.0 | [PR#3782](https://github.com/bbc/psammead/pull/3782) Reduce Thai font size | | 4.2.0 | [PR#3616](https://github.com/bbc/psammead/pull/3616) Update Bengali inline link styling | | 4.1.0 | [PR#3602](https://github.com/bbc/psammead/pull/3602) Update Thai Canon typography values | From f9d54dc4107defed39589769ca3bd1cb2caccedc Mon Sep 17 00:00:00 2001 From: karinathomasbbc Date: Tue, 29 Sep 2020 18:31:57 +0100 Subject: [PATCH 4/9] Rename script to arabic --- packages/utilities/gel-foundations/README.md | 24 +++++++++---------- .../utilities/gel-foundations/src/scripts.js | 2 +- .../scripts/{right-to-left.js => arabic.js} | 4 ++-- 3 files changed, 15 insertions(+), 15 deletions(-) rename packages/utilities/gel-foundations/src/scripts/{right-to-left.js => arabic.js} (97%) diff --git a/packages/utilities/gel-foundations/README.md b/packages/utilities/gel-foundations/README.md index c71771c94b..c5f6881ae3 100644 --- a/packages/utilities/gel-foundations/README.md +++ b/packages/utilities/gel-foundations/README.md @@ -45,25 +45,25 @@ Our typography uses `rem` for font-size and line-height. The `rem` unit represen ### Script support -The utility typography function (e.g. `getLongPrimer('thai')`) receives a script argument which is an object with the different script GEL Types Sizes and returns the `font-sizes` and `line-heights` for the specific GEL Type (e.g. `Long Premier`). +The utility typography function (e.g. `getLongPrimer('arabic')`) receives a script argument which is an object with the different script GEL Types Sizes and returns the `font-sizes` and `line-heights` for the specific GEL Type (e.g. `Long Premier`). -You can import the script doing `import { thai } from '@bbc/gel-foundations/scripts`. By default you should import the `latin` script as found on the [GEL typography guidelines](https://www.bbc.co.uk/gel/guidelines/typography#type-sizes). +You can import the script doing `import { arabic } from '@bbc/gel-foundations/scripts`. By default you should import the `latin` script as found on the [GEL typography guidelines](https://www.bbc.co.uk/gel/guidelines/typography#type-sizes). In addition to Latin script defaults, Psammead supports typography for a number of other scripts. We have grouped the scripts that share similiar features as follows: | Group Name | Services | Rationale | | --------------------------- | -------- | --------------------------- | -| latin-and-cyrillic | News, Hausa, Gahuza, Somali, Swahili, Igbo, Pidgin, Afaan Oromo, Yoruba, Azeri, Indonesia, Uzbek, Serbian, Russian, Ukrainian, Kyrgyz, Uzbek | The typography values for Latin and Cyrillic characters are identical | -| latin-with-diacritics | Vietnamese, Mundo, Afrique, Brasil, Turkish | The diacritics make these values differ from Latin | -| right-to-left | Urdu, Arabic, Persian | Group as they use the Arabic alphabet | -| no-ascenders-or-descenders | Korean, Japanese, Zhongwen, Ukchina, Tigrinya, Amharic | Group all alphabets without ascenders or descenders. This could be implemented as chinese, korean, ethiopic | Hindi, Nepali, Gujarati, Punjabi, Marathi, Telugu | The typography values for Devanagari and Gurmukhi characters are identical | -| devanagari-and-gurmukhi | Hindi, Nepali, Gujarati, Punjabi, Marathi, Telugu | The typography values for Devanagari and Gurmukhi characters are identical | -| thai | Thai | Bespoke to the Thai characters | -| bengali | Bengali | Bespoke to the Bengal characters | -| burmese | Burmese | Bespoke to the Burmese characters | -| sinhalese | Sinhala | Bespoke to the Sinhalese characters | -| tamil | Tamil | Bespoke to the Tamil characters | +| `latin-and-cyrillic` | News, Hausa, Gahuza, Somali, Swahili, Igbo, Pidgin, Afaan Oromo, Yoruba, Azeri, Indonesia, Uzbek, Serbian, Russian, Ukrainian, Kyrgyz, Uzbek | The typography values for Latin and Cyrillic characters are identical | +| `latin-with-diacritics` | Vietnamese, Mundo, Afrique, Brasil, Turkish | The diacritics make these values differ from Latin | +| `arabic` | Arabic, Pashto, Persian, Urdu | Group as they use the Arabic alphabet | +| `no-ascenders-or-descenders` | Korean, Japanese, Zhongwen, Ukchina, Tigrinya, Amharic | Group all alphabets without ascenders or descenders. This could be implemented as `chinese`, `korean`, `ethiopic` | Hindi, Nepali, Gujarati, Punjabi, Marathi, Telugu | The typography values for Devanagari and Gurmukhi characters are identical | +| `devanagari-and-gurmukhi` | Hindi, Nepali, Gujarati, Punjabi, Marathi, Telugu | The typography values for Devanagari and Gurmukhi characters are identical | +| `thai` | Thai | Bespoke to the Thai characters | +| `bengali` | Bengali | Bespoke to the Bengal characters | +| `burmese` | Burmese | Bespoke to the Burmese characters | +| `sinhalese` | Sinhala | Bespoke to the Sinhalese characters | +| `tamil` | Tamil | Bespoke to the Tamil characters | ## Contributing diff --git a/packages/utilities/gel-foundations/src/scripts.js b/packages/utilities/gel-foundations/src/scripts.js index ab6abeb0aa..b48e4784cf 100644 --- a/packages/utilities/gel-foundations/src/scripts.js +++ b/packages/utilities/gel-foundations/src/scripts.js @@ -1,4 +1,4 @@ -export rightToLeft from './scripts/right-to-left'; +export arabic from './scripts/arabic'; export bengali from './scripts/bengali'; diff --git a/packages/utilities/gel-foundations/src/scripts/right-to-left.js b/packages/utilities/gel-foundations/src/scripts/arabic.js similarity index 97% rename from packages/utilities/gel-foundations/src/scripts/right-to-left.js rename to packages/utilities/gel-foundations/src/scripts/arabic.js index f9c2cee7eb..d18b8950a5 100644 --- a/packages/utilities/gel-foundations/src/scripts/right-to-left.js +++ b/packages/utilities/gel-foundations/src/scripts/arabic.js @@ -1,4 +1,4 @@ -const rightToLeftTypography = { +const arabicTypography = { atlas: { groupA: { fontSize: '78', @@ -211,4 +211,4 @@ const rightToLeftTypography = { }, }; -export default rightToLeftTypography; +export default arabicTypography; From b694e4837a48695e1abb395f24de1365bf41f63f Mon Sep 17 00:00:00 2001 From: karinathomasbbc Date: Wed, 30 Sep 2020 15:09:10 +0100 Subject: [PATCH 5/9] Adding a snapshot test for getTypeSize - coverage of all scripts & typographies --- .../__snapshots__/getTypeSizes.test.js.snap | 4336 +++++++++++++++++ .../tests/getTypeSizes.test.js | 43 +- 2 files changed, 4360 insertions(+), 19 deletions(-) create mode 100644 packages/utilities/gel-foundations/tests/__snapshots__/getTypeSizes.test.js.snap diff --git a/packages/utilities/gel-foundations/tests/__snapshots__/getTypeSizes.test.js.snap b/packages/utilities/gel-foundations/tests/__snapshots__/getTypeSizes.test.js.snap new file mode 100644 index 0000000000..1572c54c6b --- /dev/null +++ b/packages/utilities/gel-foundations/tests/__snapshots__/getTypeSizes.test.js.snap @@ -0,0 +1,4336 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`getTypeSizes should match atlas for arabic 1`] = ` +" + font-size: 4.875rem; + line-height: 5.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 6rem; + line-height: 6.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 8.75rem; + line-height: 9.25rem; + } + " +`; + +exports[`getTypeSizes should match atlas for bengali 1`] = ` +" + font-size: 4.875rem; + line-height: 5.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 6rem; + line-height: 6.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 8.75rem; + line-height: 9.25rem; + } + " +`; + +exports[`getTypeSizes should match atlas for burmese 1`] = ` +" + font-size: 4.875rem; + line-height: 5.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 6rem; + line-height: 6.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 8.75rem; + line-height: 9.25rem; + } + " +`; + +exports[`getTypeSizes should match atlas for chinese 1`] = ` +" + font-size: 4.875rem; + line-height: 5.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 6rem; + line-height: 6.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 8.75rem; + line-height: 9.25rem; + } + " +`; + +exports[`getTypeSizes should match atlas for cyrillic 1`] = ` +" + font-size: 4.875rem; + line-height: 5.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 6rem; + line-height: 6.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 8.75rem; + line-height: 9.25rem; + } + " +`; + +exports[`getTypeSizes should match atlas for cyrillicAndLatin 1`] = ` +" + font-size: 4.875rem; + line-height: 5.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 6rem; + line-height: 6.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 8.75rem; + line-height: 9.25rem; + } + " +`; + +exports[`getTypeSizes should match atlas for devanagariAndGurmukhi 1`] = ` +" + font-size: 4.875rem; + line-height: 5.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 6rem; + line-height: 6.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 8.75rem; + line-height: 9.25rem; + } + " +`; + +exports[`getTypeSizes should match atlas for ethiopic 1`] = ` +" + font-size: 4.875rem; + line-height: 5.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 6rem; + line-height: 6.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 8.75rem; + line-height: 9.25rem; + } + " +`; + +exports[`getTypeSizes should match atlas for hindi 1`] = ` +" + font-size: 4.875rem; + line-height: 5.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 6rem; + line-height: 6.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 8.75rem; + line-height: 9.25rem; + } + " +`; + +exports[`getTypeSizes should match atlas for korean 1`] = ` +" + font-size: 4.875rem; + line-height: 5.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 6rem; + line-height: 6.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 8.75rem; + line-height: 9.25rem; + } + " +`; + +exports[`getTypeSizes should match atlas for latin 1`] = ` +" + font-size: 4.875rem; + line-height: 5.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 6rem; + line-height: 6.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 8.75rem; + line-height: 9.25rem; + } + " +`; + +exports[`getTypeSizes should match atlas for latinDiacritics 1`] = ` +" + font-size: 4.875rem; + line-height: 5.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 6rem; + line-height: 6.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 8.75rem; + line-height: 9.25rem; + } + " +`; + +exports[`getTypeSizes should match atlas for nepali 1`] = ` +" + font-size: 4.875rem; + line-height: 5.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 6rem; + line-height: 6.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 8.75rem; + line-height: 9.25rem; + } + " +`; + +exports[`getTypeSizes should match atlas for noAscendersOrDescenders 1`] = ` +" + font-size: 4.875rem; + line-height: 5.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 6rem; + line-height: 6.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 8.75rem; + line-height: 9.25rem; + } + " +`; + +exports[`getTypeSizes should match atlas for sinhalese 1`] = ` +" + font-size: 4.875rem; + line-height: 5.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 6rem; + line-height: 6.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 8.75rem; + line-height: 9.25rem; + } + " +`; + +exports[`getTypeSizes should match atlas for tamil 1`] = ` +" + font-size: 4.875rem; + line-height: 5.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 6rem; + line-height: 6.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 8.75rem; + line-height: 9.25rem; + } + " +`; + +exports[`getTypeSizes should match atlas for thai 1`] = ` +" + font-size: 4.875rem; + line-height: 5.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 6rem; + line-height: 6.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 8.75rem; + line-height: 9.25rem; + } + " +`; + +exports[`getTypeSizes should match bodyCopy for arabic 1`] = ` +" + font-size: 0.9375rem; + line-height: 1.5rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1rem; + line-height: 1.625rem; + } + + @media (min-width: 37.5rem) { + font-size: 1rem; + line-height: 1.625rem; + } + " +`; + +exports[`getTypeSizes should match bodyCopy for bengali 1`] = ` +" + font-size: 1.0625rem; + line-height: 1.75rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.25rem; + line-height: 2rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.375rem; + line-height: 2.125rem; + } + " +`; + +exports[`getTypeSizes should match bodyCopy for burmese 1`] = ` +" + font-size: 0.9375rem; + line-height: 1.625rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1rem; + line-height: 1.75rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.125rem; + line-height: 2rem; + } + " +`; + +exports[`getTypeSizes should match bodyCopy for chinese 1`] = ` +" + font-size: 1rem; + line-height: 1.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1rem; + line-height: 1.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 1rem; + line-height: 1.75rem; + } + " +`; + +exports[`getTypeSizes should match bodyCopy for cyrillic 1`] = ` +" + font-size: 0.9375rem; + line-height: 1.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1rem; + line-height: 1.375rem; + } + + @media (min-width: 37.5rem) { + font-size: 1rem; + line-height: 1.375rem; + } + " +`; + +exports[`getTypeSizes should match bodyCopy for cyrillicAndLatin 1`] = ` +" + font-size: 0.9375rem; + line-height: 1.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1rem; + line-height: 1.375rem; + } + + @media (min-width: 37.5rem) { + font-size: 1rem; + line-height: 1.375rem; + } + " +`; + +exports[`getTypeSizes should match bodyCopy for devanagariAndGurmukhi 1`] = ` +" + font-size: 0.9375rem; + line-height: 1.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1rem; + line-height: 1.75rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.125rem; + line-height: 1.875rem; + } + " +`; + +exports[`getTypeSizes should match bodyCopy for ethiopic 1`] = ` +" + font-size: 1rem; + line-height: 1.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1rem; + line-height: 1.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 1rem; + line-height: 1.75rem; + } + " +`; + +exports[`getTypeSizes should match bodyCopy for hindi 1`] = ` +" + font-size: 0.9375rem; + line-height: 1.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1rem; + line-height: 1.75rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.125rem; + line-height: 1.875rem; + } + " +`; + +exports[`getTypeSizes should match bodyCopy for korean 1`] = ` +" + font-size: 1rem; + line-height: 1.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1rem; + line-height: 1.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 1rem; + line-height: 1.75rem; + } + " +`; + +exports[`getTypeSizes should match bodyCopy for latin 1`] = ` +" + font-size: 0.9375rem; + line-height: 1.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1rem; + line-height: 1.375rem; + } + + @media (min-width: 37.5rem) { + font-size: 1rem; + line-height: 1.375rem; + } + " +`; + +exports[`getTypeSizes should match bodyCopy for latinDiacritics 1`] = ` +" + font-size: 0.9375rem; + line-height: 1.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1rem; + line-height: 1.375rem; + } + + @media (min-width: 37.5rem) { + font-size: 1rem; + line-height: 1.375rem; + } + " +`; + +exports[`getTypeSizes should match bodyCopy for nepali 1`] = ` +" + font-size: 0.9375rem; + line-height: 1.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1rem; + line-height: 1.75rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.125rem; + line-height: 1.875rem; + } + " +`; + +exports[`getTypeSizes should match bodyCopy for noAscendersOrDescenders 1`] = ` +" + font-size: 1rem; + line-height: 1.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1rem; + line-height: 1.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 1rem; + line-height: 1.75rem; + } + " +`; + +exports[`getTypeSizes should match bodyCopy for sinhalese 1`] = ` +" + font-size: 1.375rem; + line-height: 1.75rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.375rem; + line-height: 1.75rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.375rem; + line-height: 1.75rem; + } + " +`; + +exports[`getTypeSizes should match bodyCopy for tamil 1`] = ` +" + font-size: 0.75rem; + line-height: 1.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 0.875rem; + line-height: 1.75rem; + } + + @media (min-width: 37.5rem) { + font-size: 0.875rem; + line-height: 1.75rem; + } + " +`; + +exports[`getTypeSizes should match bodyCopy for thai 1`] = ` +" + font-size: 1rem; + line-height: 1.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1rem; + line-height: 1.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 1rem; + line-height: 1.75rem; + } + " +`; + +exports[`getTypeSizes should match brevier for arabic 1`] = ` +" + font-size: 0.875rem; + line-height: 1.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 0.875rem; + line-height: 1.25rem; + } + + @media (min-width: 37.5rem) { + font-size: 0.8125rem; + line-height: 1.25rem; + } + " +`; + +exports[`getTypeSizes should match brevier for bengali 1`] = ` +" + font-size: 0.9375rem; + line-height: 1.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 0.9375rem; + line-height: 1.25rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.1875rem; + line-height: 1.375rem; + } + " +`; + +exports[`getTypeSizes should match brevier for burmese 1`] = ` +" + font-size: 0.875rem; + line-height: 1.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 0.875rem; + line-height: 1.375rem; + } + + @media (min-width: 37.5rem) { + font-size: 0.875rem; + line-height: 1.375rem; + } + " +`; + +exports[`getTypeSizes should match brevier for chinese 1`] = ` +" + font-size: 0.875rem; + line-height: 1rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 0.875rem; + line-height: 1rem; + } + + @media (min-width: 37.5rem) { + font-size: 0.875rem; + line-height: 1rem; + } + " +`; + +exports[`getTypeSizes should match brevier for cyrillic 1`] = ` +" + font-size: 0.875rem; + line-height: 1.125rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 0.875rem; + line-height: 1.125rem; + } + + @media (min-width: 37.5rem) { + font-size: 0.8125rem; + line-height: 1rem; + } + " +`; + +exports[`getTypeSizes should match brevier for cyrillicAndLatin 1`] = ` +" + font-size: 0.875rem; + line-height: 1.125rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 0.875rem; + line-height: 1.125rem; + } + + @media (min-width: 37.5rem) { + font-size: 0.8125rem; + line-height: 1rem; + } + " +`; + +exports[`getTypeSizes should match brevier for devanagariAndGurmukhi 1`] = ` +" + font-size: 0.875rem; + line-height: 1.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 0.875rem; + line-height: 1.25rem; + } + + @media (min-width: 37.5rem) { + font-size: 0.875rem; + line-height: 1.125rem; + } + " +`; + +exports[`getTypeSizes should match brevier for ethiopic 1`] = ` +" + font-size: 0.875rem; + line-height: 1rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 0.875rem; + line-height: 1rem; + } + + @media (min-width: 37.5rem) { + font-size: 0.875rem; + line-height: 1rem; + } + " +`; + +exports[`getTypeSizes should match brevier for hindi 1`] = ` +" + font-size: 0.875rem; + line-height: 1.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 0.875rem; + line-height: 1.25rem; + } + + @media (min-width: 37.5rem) { + font-size: 0.875rem; + line-height: 1.125rem; + } + " +`; + +exports[`getTypeSizes should match brevier for korean 1`] = ` +" + font-size: 0.875rem; + line-height: 1rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 0.875rem; + line-height: 1rem; + } + + @media (min-width: 37.5rem) { + font-size: 0.875rem; + line-height: 1rem; + } + " +`; + +exports[`getTypeSizes should match brevier for latin 1`] = ` +" + font-size: 0.875rem; + line-height: 1.125rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 0.875rem; + line-height: 1.125rem; + } + + @media (min-width: 37.5rem) { + font-size: 0.8125rem; + line-height: 1rem; + } + " +`; + +exports[`getTypeSizes should match brevier for latinDiacritics 1`] = ` +" + font-size: 0.875rem; + line-height: 1.125rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 0.875rem; + line-height: 1.125rem; + } + + @media (min-width: 37.5rem) { + font-size: 0.8125rem; + line-height: 1rem; + } + " +`; + +exports[`getTypeSizes should match brevier for nepali 1`] = ` +" + font-size: 0.875rem; + line-height: 1.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 0.875rem; + line-height: 1.25rem; + } + + @media (min-width: 37.5rem) { + font-size: 0.875rem; + line-height: 1.125rem; + } + " +`; + +exports[`getTypeSizes should match brevier for noAscendersOrDescenders 1`] = ` +" + font-size: 0.875rem; + line-height: 1rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 0.875rem; + line-height: 1rem; + } + + @media (min-width: 37.5rem) { + font-size: 0.875rem; + line-height: 1rem; + } + " +`; + +exports[`getTypeSizes should match brevier for sinhalese 1`] = ` +" + font-size: 1.0625rem; + line-height: 1.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.0625rem; + line-height: 1.375rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.0625rem; + line-height: 1.375rem; + } + " +`; + +exports[`getTypeSizes should match brevier for tamil 1`] = ` +" + font-size: 0.625rem; + line-height: 0.9375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 0.625rem; + line-height: 0.9375rem; + } + + @media (min-width: 37.5rem) { + font-size: 0.6875rem; + line-height: 0.9375rem; + } + " +`; + +exports[`getTypeSizes should match brevier for thai 1`] = ` +" + font-size: 0.875rem; + line-height: 1.125rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 0.875rem; + line-height: 1.125rem; + } + + @media (min-width: 37.5rem) { + font-size: 0.875rem; + line-height: 1.125rem; + } + " +`; + +exports[`getTypeSizes should match canon for arabic 1`] = ` +" + font-size: 1.5rem; + line-height: 2rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.75rem; + line-height: 2.375rem; + } + + @media (min-width: 37.5rem) { + font-size: 2.5rem; + line-height: 3.375rem; + } + " +`; + +exports[`getTypeSizes should match canon for bengali 1`] = ` +" + font-size: 1.875rem; + line-height: 2.5rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 2.25rem; + line-height: 2.875rem; + } + + @media (min-width: 37.5rem) { + font-size: 2.75rem; + line-height: 3.5rem; + } + " +`; + +exports[`getTypeSizes should match canon for burmese 1`] = ` +" + font-size: 1.5rem; + line-height: 2.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.875rem; + line-height: 2.75rem; + } + + @media (min-width: 37.5rem) { + font-size: 2.75rem; + line-height: 4.5rem; + } + " +`; + +exports[`getTypeSizes should match canon for chinese 1`] = ` +" + font-size: 1.75rem; + line-height: 2rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 2rem; + line-height: 2.625rem; + } + + @media (min-width: 37.5rem) { + font-size: 2.75rem; + line-height: 3.625rem; + } + " +`; + +exports[`getTypeSizes should match canon for cyrillic 1`] = ` +" + font-size: 1.75rem; + line-height: 2rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 2rem; + line-height: 2.25rem; + } + + @media (min-width: 37.5rem) { + font-size: 2.75rem; + line-height: 3rem; + } + " +`; + +exports[`getTypeSizes should match canon for cyrillicAndLatin 1`] = ` +" + font-size: 1.75rem; + line-height: 2rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 2rem; + line-height: 2.25rem; + } + + @media (min-width: 37.5rem) { + font-size: 2.75rem; + line-height: 3rem; + } + " +`; + +exports[`getTypeSizes should match canon for devanagariAndGurmukhi 1`] = ` +" + font-size: 1.75rem; + line-height: 2.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 2.25rem; + line-height: 2.875rem; + } + + @media (min-width: 37.5rem) { + font-size: 2.75rem; + line-height: 3.625rem; + } + " +`; + +exports[`getTypeSizes should match canon for ethiopic 1`] = ` +" + font-size: 1.75rem; + line-height: 2rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 2rem; + line-height: 2.625rem; + } + + @media (min-width: 37.5rem) { + font-size: 2.75rem; + line-height: 3.625rem; + } + " +`; + +exports[`getTypeSizes should match canon for hindi 1`] = ` +" + font-size: 1.75rem; + line-height: 2.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 2.25rem; + line-height: 2.875rem; + } + + @media (min-width: 37.5rem) { + font-size: 2.75rem; + line-height: 3.625rem; + } + " +`; + +exports[`getTypeSizes should match canon for korean 1`] = ` +" + font-size: 1.75rem; + line-height: 2rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 2rem; + line-height: 2.625rem; + } + + @media (min-width: 37.5rem) { + font-size: 2.75rem; + line-height: 3.625rem; + } + " +`; + +exports[`getTypeSizes should match canon for latin 1`] = ` +" + font-size: 1.75rem; + line-height: 2rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 2rem; + line-height: 2.25rem; + } + + @media (min-width: 37.5rem) { + font-size: 2.75rem; + line-height: 3rem; + } + " +`; + +exports[`getTypeSizes should match canon for latinDiacritics 1`] = ` +" + font-size: 1.75rem; + line-height: 2.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 2rem; + line-height: 2.625rem; + } + + @media (min-width: 37.5rem) { + font-size: 2.75rem; + line-height: 3.625rem; + } + " +`; + +exports[`getTypeSizes should match canon for nepali 1`] = ` +" + font-size: 1.75rem; + line-height: 2.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 2.25rem; + line-height: 2.875rem; + } + + @media (min-width: 37.5rem) { + font-size: 2.75rem; + line-height: 3.625rem; + } + " +`; + +exports[`getTypeSizes should match canon for noAscendersOrDescenders 1`] = ` +" + font-size: 1.75rem; + line-height: 2rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 2rem; + line-height: 2.625rem; + } + + @media (min-width: 37.5rem) { + font-size: 2.75rem; + line-height: 3.625rem; + } + " +`; + +exports[`getTypeSizes should match canon for sinhalese 1`] = ` +" + font-size: 1.875rem; + line-height: 2rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 2.375rem; + line-height: 2.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 3.25rem; + line-height: 3.625rem; + } + " +`; + +exports[`getTypeSizes should match canon for tamil 1`] = ` +" + font-size: 1.375rem; + line-height: 1.875rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.625rem; + line-height: 2.25rem; + } + + @media (min-width: 37.5rem) { + font-size: 2.125rem; + line-height: 2.875rem; + } + " +`; + +exports[`getTypeSizes should match canon for thai 1`] = ` +" + font-size: 1.5rem; + line-height: 1.875rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.75rem; + line-height: 2.375rem; + } + + @media (min-width: 37.5rem) { + font-size: 2.5rem; + line-height: 3.25rem; + } + " +`; + +exports[`getTypeSizes should match doublePica for arabic 1`] = ` +" + font-size: 1.25rem; + line-height: 1.75rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.25rem; + line-height: 1.75rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.5rem; + line-height: 2rem; + } + " +`; + +exports[`getTypeSizes should match doublePica for bengali 1`] = ` +" + font-size: 1.625rem; + line-height: 1.875rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.625rem; + line-height: 1.875rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.75rem; + line-height: 2rem; + } + " +`; + +exports[`getTypeSizes should match doublePica for burmese 1`] = ` +" + font-size: 1.25rem; + line-height: 1.875rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.25rem; + line-height: 1.875rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.625rem; + line-height: 2.75rem; + } + " +`; + +exports[`getTypeSizes should match doublePica for chinese 1`] = ` +" + font-size: 1.25rem; + line-height: 1.5rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.375rem; + line-height: 1.875rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.5rem; + line-height: 2.25rem; + } + " +`; + +exports[`getTypeSizes should match doublePica for cyrillic 1`] = ` +" + font-size: 1.125rem; + line-height: 1.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.25rem; + line-height: 1.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.5rem; + line-height: 1.75rem; + } + " +`; + +exports[`getTypeSizes should match doublePica for cyrillicAndLatin 1`] = ` +" + font-size: 1.125rem; + line-height: 1.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.25rem; + line-height: 1.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.5rem; + line-height: 1.75rem; + } + " +`; + +exports[`getTypeSizes should match doublePica for devanagariAndGurmukhi 1`] = ` +" + font-size: 1.25rem; + line-height: 1.75rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.25rem; + line-height: 1.75rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.5rem; + line-height: 2.25rem; + } + " +`; + +exports[`getTypeSizes should match doublePica for ethiopic 1`] = ` +" + font-size: 1.25rem; + line-height: 1.5rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.375rem; + line-height: 1.875rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.5rem; + line-height: 2.25rem; + } + " +`; + +exports[`getTypeSizes should match doublePica for hindi 1`] = ` +" + font-size: 1.25rem; + line-height: 1.75rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.25rem; + line-height: 1.75rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.5rem; + line-height: 2.25rem; + } + " +`; + +exports[`getTypeSizes should match doublePica for korean 1`] = ` +" + font-size: 1.25rem; + line-height: 1.5rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.375rem; + line-height: 1.875rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.5rem; + line-height: 2.25rem; + } + " +`; + +exports[`getTypeSizes should match doublePica for latin 1`] = ` +" + font-size: 1.125rem; + line-height: 1.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.25rem; + line-height: 1.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.5rem; + line-height: 1.75rem; + } + " +`; + +exports[`getTypeSizes should match doublePica for latinDiacritics 1`] = ` +" + font-size: 1.125rem; + line-height: 1.5rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.25rem; + line-height: 1.625rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.5rem; + line-height: 2rem; + } + " +`; + +exports[`getTypeSizes should match doublePica for nepali 1`] = ` +" + font-size: 1.25rem; + line-height: 1.75rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.25rem; + line-height: 1.75rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.5rem; + line-height: 2.25rem; + } + " +`; + +exports[`getTypeSizes should match doublePica for noAscendersOrDescenders 1`] = ` +" + font-size: 1.25rem; + line-height: 1.5rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.375rem; + line-height: 1.875rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.5rem; + line-height: 2.25rem; + } + " +`; + +exports[`getTypeSizes should match doublePica for sinhalese 1`] = ` +" + font-size: 1.375rem; + line-height: 1.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.625rem; + line-height: 1.875rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.875rem; + line-height: 2.125rem; + } + " +`; + +exports[`getTypeSizes should match doublePica for tamil 1`] = ` +" + font-size: 0.875rem; + line-height: 1.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1rem; + line-height: 1.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.125rem; + line-height: 1.625rem; + } + " +`; + +exports[`getTypeSizes should match doublePica for thai 1`] = ` +" + font-size: 1.25rem; + line-height: 1.625rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.25rem; + line-height: 1.625rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.5rem; + line-height: 2rem; + } + " +`; + +exports[`getTypeSizes should match elephant for arabic 1`] = ` +" + font-size: 3.75rem; + line-height: 4rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 4.875rem; + line-height: 5.25rem; + } + + @media (min-width: 37.5rem) { + font-size: 7.25rem; + line-height: 7.75rem; + } + " +`; + +exports[`getTypeSizes should match elephant for bengali 1`] = ` +" + font-size: 3.75rem; + line-height: 4rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 4.875rem; + line-height: 5.25rem; + } + + @media (min-width: 37.5rem) { + font-size: 7.25rem; + line-height: 7.75rem; + } + " +`; + +exports[`getTypeSizes should match elephant for burmese 1`] = ` +" + font-size: 3.75rem; + line-height: 4rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 4.875rem; + line-height: 5.25rem; + } + + @media (min-width: 37.5rem) { + font-size: 7.25rem; + line-height: 7.75rem; + } + " +`; + +exports[`getTypeSizes should match elephant for chinese 1`] = ` +" + font-size: 3.75rem; + line-height: 4rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 4.875rem; + line-height: 5.25rem; + } + + @media (min-width: 37.5rem) { + font-size: 7.25rem; + line-height: 7.75rem; + } + " +`; + +exports[`getTypeSizes should match elephant for cyrillic 1`] = ` +" + font-size: 3.75rem; + line-height: 4rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 4.875rem; + line-height: 5.25rem; + } + + @media (min-width: 37.5rem) { + font-size: 7.25rem; + line-height: 7.75rem; + } + " +`; + +exports[`getTypeSizes should match elephant for cyrillicAndLatin 1`] = ` +" + font-size: 3.75rem; + line-height: 4rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 4.875rem; + line-height: 5.25rem; + } + + @media (min-width: 37.5rem) { + font-size: 7.25rem; + line-height: 7.75rem; + } + " +`; + +exports[`getTypeSizes should match elephant for devanagariAndGurmukhi 1`] = ` +" + font-size: 3.75rem; + line-height: 4rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 4.875rem; + line-height: 5.25rem; + } + + @media (min-width: 37.5rem) { + font-size: 7.25rem; + line-height: 7.75rem; + } + " +`; + +exports[`getTypeSizes should match elephant for ethiopic 1`] = ` +" + font-size: 3.75rem; + line-height: 4rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 4.875rem; + line-height: 5.25rem; + } + + @media (min-width: 37.5rem) { + font-size: 7.25rem; + line-height: 7.75rem; + } + " +`; + +exports[`getTypeSizes should match elephant for hindi 1`] = ` +" + font-size: 3.75rem; + line-height: 4rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 4.875rem; + line-height: 5.25rem; + } + + @media (min-width: 37.5rem) { + font-size: 7.25rem; + line-height: 7.75rem; + } + " +`; + +exports[`getTypeSizes should match elephant for korean 1`] = ` +" + font-size: 3.75rem; + line-height: 4rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 4.875rem; + line-height: 5.25rem; + } + + @media (min-width: 37.5rem) { + font-size: 7.25rem; + line-height: 7.75rem; + } + " +`; + +exports[`getTypeSizes should match elephant for latin 1`] = ` +" + font-size: 3.75rem; + line-height: 4rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 4.875rem; + line-height: 5.25rem; + } + + @media (min-width: 37.5rem) { + font-size: 7.25rem; + line-height: 7.75rem; + } + " +`; + +exports[`getTypeSizes should match elephant for latinDiacritics 1`] = ` +" + font-size: 3.75rem; + line-height: 4rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 4.875rem; + line-height: 5.25rem; + } + + @media (min-width: 37.5rem) { + font-size: 7.25rem; + line-height: 7.75rem; + } + " +`; + +exports[`getTypeSizes should match elephant for nepali 1`] = ` +" + font-size: 3.75rem; + line-height: 4rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 4.875rem; + line-height: 5.25rem; + } + + @media (min-width: 37.5rem) { + font-size: 7.25rem; + line-height: 7.75rem; + } + " +`; + +exports[`getTypeSizes should match elephant for noAscendersOrDescenders 1`] = ` +" + font-size: 3.75rem; + line-height: 4rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 4.875rem; + line-height: 5.25rem; + } + + @media (min-width: 37.5rem) { + font-size: 7.25rem; + line-height: 7.75rem; + } + " +`; + +exports[`getTypeSizes should match elephant for sinhalese 1`] = ` +" + font-size: 3.75rem; + line-height: 4rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 4.875rem; + line-height: 5.25rem; + } + + @media (min-width: 37.5rem) { + font-size: 7.25rem; + line-height: 7.75rem; + } + " +`; + +exports[`getTypeSizes should match elephant for tamil 1`] = ` +" + font-size: 3.75rem; + line-height: 4rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 4.875rem; + line-height: 5.25rem; + } + + @media (min-width: 37.5rem) { + font-size: 7.25rem; + line-height: 7.75rem; + } + " +`; + +exports[`getTypeSizes should match elephant for thai 1`] = ` +" + font-size: 3.75rem; + line-height: 4rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 4.875rem; + line-height: 5.25rem; + } + + @media (min-width: 37.5rem) { + font-size: 7.25rem; + line-height: 7.75rem; + } + " +`; + +exports[`getTypeSizes should match foolscap for arabic 1`] = ` +" + font-size: 2rem; + line-height: 2.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 2.5rem; + line-height: 2.75rem; + } + + @media (min-width: 37.5rem) { + font-size: 3.5rem; + line-height: 3.75rem; + } + " +`; + +exports[`getTypeSizes should match foolscap for bengali 1`] = ` +" + font-size: 2rem; + line-height: 2.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 2.5rem; + line-height: 2.75rem; + } + + @media (min-width: 37.5rem) { + font-size: 3.5rem; + line-height: 3.75rem; + } + " +`; + +exports[`getTypeSizes should match foolscap for burmese 1`] = ` +" + font-size: 2rem; + line-height: 2.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 2.5rem; + line-height: 4.125rem; + } + + @media (min-width: 37.5rem) { + font-size: 3.5rem; + line-height: 5.375rem; + } + " +`; + +exports[`getTypeSizes should match foolscap for chinese 1`] = ` +" + font-size: 2rem; + line-height: 2.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 2.5rem; + line-height: 2.75rem; + } + + @media (min-width: 37.5rem) { + font-size: 3.5rem; + line-height: 3.75rem; + } + " +`; + +exports[`getTypeSizes should match foolscap for cyrillic 1`] = ` +" + font-size: 2rem; + line-height: 2.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 2.5rem; + line-height: 2.75rem; + } + + @media (min-width: 37.5rem) { + font-size: 3.5rem; + line-height: 3.75rem; + } + " +`; + +exports[`getTypeSizes should match foolscap for cyrillicAndLatin 1`] = ` +" + font-size: 2rem; + line-height: 2.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 2.5rem; + line-height: 2.75rem; + } + + @media (min-width: 37.5rem) { + font-size: 3.5rem; + line-height: 3.75rem; + } + " +`; + +exports[`getTypeSizes should match foolscap for devanagariAndGurmukhi 1`] = ` +" + font-size: 2rem; + line-height: 2.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 2.5rem; + line-height: 2.75rem; + } + + @media (min-width: 37.5rem) { + font-size: 3.5rem; + line-height: 3.75rem; + } + " +`; + +exports[`getTypeSizes should match foolscap for ethiopic 1`] = ` +" + font-size: 2rem; + line-height: 2.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 2.5rem; + line-height: 2.75rem; + } + + @media (min-width: 37.5rem) { + font-size: 3.5rem; + line-height: 3.75rem; + } + " +`; + +exports[`getTypeSizes should match foolscap for hindi 1`] = ` +" + font-size: 2rem; + line-height: 2.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 2.5rem; + line-height: 2.75rem; + } + + @media (min-width: 37.5rem) { + font-size: 3.5rem; + line-height: 3.75rem; + } + " +`; + +exports[`getTypeSizes should match foolscap for korean 1`] = ` +" + font-size: 2rem; + line-height: 2.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 2.5rem; + line-height: 2.75rem; + } + + @media (min-width: 37.5rem) { + font-size: 3.5rem; + line-height: 3.75rem; + } + " +`; + +exports[`getTypeSizes should match foolscap for latin 1`] = ` +" + font-size: 2rem; + line-height: 2.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 2.5rem; + line-height: 2.75rem; + } + + @media (min-width: 37.5rem) { + font-size: 3.5rem; + line-height: 3.75rem; + } + " +`; + +exports[`getTypeSizes should match foolscap for latinDiacritics 1`] = ` +" + font-size: 2rem; + line-height: 2.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 2.5rem; + line-height: 3rem; + } + + @media (min-width: 37.5rem) { + font-size: 3.5rem; + line-height: 4.25rem; + } + " +`; + +exports[`getTypeSizes should match foolscap for nepali 1`] = ` +" + font-size: 2rem; + line-height: 2.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 2.5rem; + line-height: 2.75rem; + } + + @media (min-width: 37.5rem) { + font-size: 3.5rem; + line-height: 3.75rem; + } + " +`; + +exports[`getTypeSizes should match foolscap for noAscendersOrDescenders 1`] = ` +" + font-size: 2rem; + line-height: 2.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 2.5rem; + line-height: 2.75rem; + } + + @media (min-width: 37.5rem) { + font-size: 3.5rem; + line-height: 3.75rem; + } + " +`; + +exports[`getTypeSizes should match foolscap for sinhalese 1`] = ` +" + font-size: 2rem; + line-height: 2.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 2.5rem; + line-height: 2.75rem; + } + + @media (min-width: 37.5rem) { + font-size: 3.5rem; + line-height: 3.75rem; + } + " +`; + +exports[`getTypeSizes should match foolscap for tamil 1`] = ` +" + font-size: 2rem; + line-height: 2.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.875rem; + line-height: 2.75rem; + } + + @media (min-width: 37.5rem) { + font-size: 2.875rem; + line-height: 4.25rem; + } + " +`; + +exports[`getTypeSizes should match foolscap for thai 1`] = ` +" + font-size: 2rem; + line-height: 2.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 2.25rem; + line-height: 3.375rem; + } + + @media (min-width: 37.5rem) { + font-size: 3.125rem; + line-height: 4.75rem; + } + " +`; + +exports[`getTypeSizes should match greatPrimer for arabic 1`] = ` +" + font-size: 1.125rem; + line-height: 1.625rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.125rem; + line-height: 1.625rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.25rem; + line-height: 1.75rem; + } + " +`; + +exports[`getTypeSizes should match greatPrimer for bengali 1`] = ` +" + font-size: 1.375rem; + line-height: 1.75rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.5rem; + line-height: 1.875rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.625rem; + line-height: 1.875rem; + } + " +`; + +exports[`getTypeSizes should match greatPrimer for burmese 1`] = ` +" + font-size: 1rem; + line-height: 1.625rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.125rem; + line-height: 1.75rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.375rem; + line-height: 2rem; + } + " +`; + +exports[`getTypeSizes should match greatPrimer for chinese 1`] = ` +" + font-size: 1rem; + line-height: 1.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.125rem; + line-height: 1.625rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.25rem; + line-height: 1.5rem; + } + " +`; + +exports[`getTypeSizes should match greatPrimer for cyrillic 1`] = ` +" + font-size: 1.125rem; + line-height: 1.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.125rem; + line-height: 1.375rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.25rem; + line-height: 1.5rem; + } + " +`; + +exports[`getTypeSizes should match greatPrimer for cyrillicAndLatin 1`] = ` +" + font-size: 1.125rem; + line-height: 1.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.125rem; + line-height: 1.375rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.25rem; + line-height: 1.5rem; + } + " +`; + +exports[`getTypeSizes should match greatPrimer for devanagariAndGurmukhi 1`] = ` +" + font-size: 1rem; + line-height: 1.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.125rem; + line-height: 1.625rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.25rem; + line-height: 1.75rem; + } + " +`; + +exports[`getTypeSizes should match greatPrimer for ethiopic 1`] = ` +" + font-size: 1rem; + line-height: 1.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.125rem; + line-height: 1.625rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.25rem; + line-height: 1.5rem; + } + " +`; + +exports[`getTypeSizes should match greatPrimer for hindi 1`] = ` +" + font-size: 1rem; + line-height: 1.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.125rem; + line-height: 1.625rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.25rem; + line-height: 1.75rem; + } + " +`; + +exports[`getTypeSizes should match greatPrimer for korean 1`] = ` +" + font-size: 1rem; + line-height: 1.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.125rem; + line-height: 1.625rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.25rem; + line-height: 1.5rem; + } + " +`; + +exports[`getTypeSizes should match greatPrimer for latin 1`] = ` +" + font-size: 1.125rem; + line-height: 1.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.125rem; + line-height: 1.375rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.25rem; + line-height: 1.5rem; + } + " +`; + +exports[`getTypeSizes should match greatPrimer for latinDiacritics 1`] = ` +" + font-size: 1.125rem; + line-height: 1.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.125rem; + line-height: 1.375rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.25rem; + line-height: 1.5rem; + } + " +`; + +exports[`getTypeSizes should match greatPrimer for nepali 1`] = ` +" + font-size: 1rem; + line-height: 1.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.125rem; + line-height: 1.625rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.25rem; + line-height: 1.75rem; + } + " +`; + +exports[`getTypeSizes should match greatPrimer for noAscendersOrDescenders 1`] = ` +" + font-size: 1rem; + line-height: 1.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.125rem; + line-height: 1.625rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.25rem; + line-height: 1.5rem; + } + " +`; + +exports[`getTypeSizes should match greatPrimer for sinhalese 1`] = ` +" + font-size: 1.375rem; + line-height: 1.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.5rem; + line-height: 1.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.5rem; + line-height: 1.5rem; + } + " +`; + +exports[`getTypeSizes should match greatPrimer for tamil 1`] = ` +" + font-size: 0.8125rem; + line-height: 1.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 0.875rem; + line-height: 1.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 1rem; + line-height: 1.5rem; + } + " +`; + +exports[`getTypeSizes should match greatPrimer for thai 1`] = ` +" + font-size: 1rem; + line-height: 1.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.125rem; + line-height: 1.375rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.25rem; + line-height: 1.625rem; + } + " +`; + +exports[`getTypeSizes should match imperial for arabic 1`] = ` +" + font-size: 3.125rem; + line-height: 3.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 4rem; + line-height: 4.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 6rem; + line-height: 6.5rem; + } + " +`; + +exports[`getTypeSizes should match imperial for bengali 1`] = ` +" + font-size: 3.125rem; + line-height: 3.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 4rem; + line-height: 4.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 6rem; + line-height: 6.5rem; + } + " +`; + +exports[`getTypeSizes should match imperial for burmese 1`] = ` +" + font-size: 3.125rem; + line-height: 3.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 4rem; + line-height: 6.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 6rem; + line-height: 9rem; + } + " +`; + +exports[`getTypeSizes should match imperial for chinese 1`] = ` +" + font-size: 3.125rem; + line-height: 3.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 4rem; + line-height: 4.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 6rem; + line-height: 6.5rem; + } + " +`; + +exports[`getTypeSizes should match imperial for cyrillic 1`] = ` +" + font-size: 3.125rem; + line-height: 3.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 4rem; + line-height: 4.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 6rem; + line-height: 6.5rem; + } + " +`; + +exports[`getTypeSizes should match imperial for cyrillicAndLatin 1`] = ` +" + font-size: 3.125rem; + line-height: 3.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 4rem; + line-height: 4.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 6rem; + line-height: 6.5rem; + } + " +`; + +exports[`getTypeSizes should match imperial for devanagariAndGurmukhi 1`] = ` +" + font-size: 3.125rem; + line-height: 3.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 4rem; + line-height: 4.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 6rem; + line-height: 6.5rem; + } + " +`; + +exports[`getTypeSizes should match imperial for ethiopic 1`] = ` +" + font-size: 3.125rem; + line-height: 3.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 4rem; + line-height: 4.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 6rem; + line-height: 6.5rem; + } + " +`; + +exports[`getTypeSizes should match imperial for hindi 1`] = ` +" + font-size: 3.125rem; + line-height: 3.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 4rem; + line-height: 4.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 6rem; + line-height: 6.5rem; + } + " +`; + +exports[`getTypeSizes should match imperial for korean 1`] = ` +" + font-size: 3.125rem; + line-height: 3.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 4rem; + line-height: 4.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 6rem; + line-height: 6.5rem; + } + " +`; + +exports[`getTypeSizes should match imperial for latin 1`] = ` +" + font-size: 3.125rem; + line-height: 3.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 4rem; + line-height: 4.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 6rem; + line-height: 6.5rem; + } + " +`; + +exports[`getTypeSizes should match imperial for latinDiacritics 1`] = ` +" + font-size: 3.125rem; + line-height: 3.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 4rem; + line-height: 4.875rem; + } + + @media (min-width: 37.5rem) { + font-size: 6rem; + line-height: 7.25rem; + } + " +`; + +exports[`getTypeSizes should match imperial for nepali 1`] = ` +" + font-size: 3.125rem; + line-height: 3.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 4rem; + line-height: 4.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 6rem; + line-height: 6.5rem; + } + " +`; + +exports[`getTypeSizes should match imperial for noAscendersOrDescenders 1`] = ` +" + font-size: 3.125rem; + line-height: 3.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 4rem; + line-height: 4.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 6rem; + line-height: 6.5rem; + } + " +`; + +exports[`getTypeSizes should match imperial for sinhalese 1`] = ` +" + font-size: 3.125rem; + line-height: 3.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 4rem; + line-height: 4.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 6rem; + line-height: 6.5rem; + } + " +`; + +exports[`getTypeSizes should match imperial for tamil 1`] = ` +" + font-size: 3.125rem; + line-height: 3.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 3.25rem; + line-height: 4.375rem; + } + + @media (min-width: 37.5rem) { + font-size: 4.75rem; + line-height: 6.5rem; + } + " +`; + +exports[`getTypeSizes should match imperial for thai 1`] = ` +" + font-size: 3.125rem; + line-height: 3.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 3.25rem; + line-height: 4.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 4.75rem; + line-height: 6.5rem; + } + " +`; + +exports[`getTypeSizes should match longPrimer for arabic 1`] = ` +" + font-size: 0.9375rem; + line-height: 1.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 0.9375rem; + line-height: 1.375rem; + } + + @media (min-width: 37.5rem) { + font-size: 0.875rem; + line-height: 1.375rem; + } + " +`; + +exports[`getTypeSizes should match longPrimer for bengali 1`] = ` +" + font-size: 1rem; + line-height: 1.625rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1rem; + line-height: 1.625rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.25rem; + line-height: 1.875rem; + } + " +`; + +exports[`getTypeSizes should match longPrimer for burmese 1`] = ` +" + font-size: 0.9375rem; + line-height: 1.5625rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 0.9375rem; + line-height: 1.5625rem; + } + + @media (min-width: 37.5rem) { + font-size: 0.9375rem; + line-height: 1.5625rem; + } + " +`; + +exports[`getTypeSizes should match longPrimer for chinese 1`] = ` +" + font-size: 0.9375rem; + line-height: 1.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 0.9375rem; + line-height: 1.25rem; + } + + @media (min-width: 37.5rem) { + font-size: 0.9375rem; + line-height: 1.25rem; + } + " +`; + +exports[`getTypeSizes should match longPrimer for cyrillic 1`] = ` +" + font-size: 0.9375rem; + line-height: 1.125rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 0.9375rem; + line-height: 1.125rem; + } + + @media (min-width: 37.5rem) { + font-size: 0.875rem; + line-height: 1.125rem; + } + " +`; + +exports[`getTypeSizes should match longPrimer for cyrillicAndLatin 1`] = ` +" + font-size: 0.9375rem; + line-height: 1.125rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 0.9375rem; + line-height: 1.125rem; + } + + @media (min-width: 37.5rem) { + font-size: 0.875rem; + line-height: 1.125rem; + } + " +`; + +exports[`getTypeSizes should match longPrimer for devanagariAndGurmukhi 1`] = ` +" + font-size: 0.9375rem; + line-height: 1.3125rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 0.9375rem; + line-height: 1.625rem; + } + + @media (min-width: 37.5rem) { + font-size: 1rem; + line-height: 1.625rem; + } + " +`; + +exports[`getTypeSizes should match longPrimer for ethiopic 1`] = ` +" + font-size: 0.9375rem; + line-height: 1.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 0.9375rem; + line-height: 1.25rem; + } + + @media (min-width: 37.5rem) { + font-size: 0.9375rem; + line-height: 1.25rem; + } + " +`; + +exports[`getTypeSizes should match longPrimer for hindi 1`] = ` +" + font-size: 0.9375rem; + line-height: 1.3125rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 0.9375rem; + line-height: 1.625rem; + } + + @media (min-width: 37.5rem) { + font-size: 1rem; + line-height: 1.625rem; + } + " +`; + +exports[`getTypeSizes should match longPrimer for korean 1`] = ` +" + font-size: 0.9375rem; + line-height: 1.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 0.9375rem; + line-height: 1.25rem; + } + + @media (min-width: 37.5rem) { + font-size: 0.9375rem; + line-height: 1.25rem; + } + " +`; + +exports[`getTypeSizes should match longPrimer for latin 1`] = ` +" + font-size: 0.9375rem; + line-height: 1.125rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 0.9375rem; + line-height: 1.125rem; + } + + @media (min-width: 37.5rem) { + font-size: 0.875rem; + line-height: 1.125rem; + } + " +`; + +exports[`getTypeSizes should match longPrimer for latinDiacritics 1`] = ` +" + font-size: 0.9375rem; + line-height: 1.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 0.9375rem; + line-height: 1.25rem; + } + + @media (min-width: 37.5rem) { + font-size: 0.875rem; + line-height: 1.125rem; + } + " +`; + +exports[`getTypeSizes should match longPrimer for nepali 1`] = ` +" + font-size: 0.9375rem; + line-height: 1.3125rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 0.9375rem; + line-height: 1.625rem; + } + + @media (min-width: 37.5rem) { + font-size: 1rem; + line-height: 1.625rem; + } + " +`; + +exports[`getTypeSizes should match longPrimer for noAscendersOrDescenders 1`] = ` +" + font-size: 0.9375rem; + line-height: 1.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 0.9375rem; + line-height: 1.25rem; + } + + @media (min-width: 37.5rem) { + font-size: 0.9375rem; + line-height: 1.25rem; + } + " +`; + +exports[`getTypeSizes should match longPrimer for sinhalese 1`] = ` +" + font-size: 1.125rem; + line-height: 1.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.125rem; + line-height: 1.375rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.125rem; + line-height: 1.375rem; + } + " +`; + +exports[`getTypeSizes should match longPrimer for tamil 1`] = ` +" + font-size: 0.6875rem; + line-height: 1.125rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 0.6875rem; + line-height: 1.375rem; + } + + @media (min-width: 37.5rem) { + font-size: 0.75rem; + line-height: 1.5rem; + } + " +`; + +exports[`getTypeSizes should match longPrimer for thai 1`] = ` +" + font-size: 0.9375rem; + line-height: 1.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 0.9375rem; + line-height: 1.25rem; + } + + @media (min-width: 37.5rem) { + font-size: 0.9375rem; + line-height: 1.25rem; + } + " +`; + +exports[`getTypeSizes should match minion for arabic 1`] = ` +" + font-size: 0.75rem; + line-height: 1.125rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 0.75rem; + line-height: 1.125rem; + } + + @media (min-width: 37.5rem) { + font-size: 0.75rem; + line-height: 1.125rem; + } + " +`; + +exports[`getTypeSizes should match minion for bengali 1`] = ` +" + font-size: 0.75rem; + line-height: 1rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 0.875rem; + line-height: 1.125rem; + } + + @media (min-width: 37.5rem) { + font-size: 0.9375rem; + line-height: 1.125rem; + } + " +`; + +exports[`getTypeSizes should match minion for burmese 1`] = ` +" + font-size: 0.75rem; + line-height: 1rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 0.75rem; + line-height: 1rem; + } + + @media (min-width: 37.5rem) { + font-size: 0.75rem; + line-height: 1rem; + } + " +`; + +exports[`getTypeSizes should match minion for chinese 1`] = ` +" + font-size: 0.875rem; + line-height: 1rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 0.875rem; + line-height: 1rem; + } + + @media (min-width: 37.5rem) { + font-size: 0.875rem; + line-height: 1rem; + } + " +`; + +exports[`getTypeSizes should match minion for cyrillic 1`] = ` +" + font-size: 0.75rem; + line-height: 1rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 0.75rem; + line-height: 1rem; + } + + @media (min-width: 37.5rem) { + font-size: 0.75rem; + line-height: 1rem; + } + " +`; + +exports[`getTypeSizes should match minion for cyrillicAndLatin 1`] = ` +" + font-size: 0.75rem; + line-height: 1rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 0.75rem; + line-height: 1rem; + } + + @media (min-width: 37.5rem) { + font-size: 0.75rem; + line-height: 1rem; + } + " +`; + +exports[`getTypeSizes should match minion for devanagariAndGurmukhi 1`] = ` +" + font-size: 0.75rem; + line-height: 1rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 0.75rem; + line-height: 1rem; + } + + @media (min-width: 37.5rem) { + font-size: 0.875rem; + line-height: 1.125rem; + } + " +`; + +exports[`getTypeSizes should match minion for ethiopic 1`] = ` +" + font-size: 0.875rem; + line-height: 1rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 0.875rem; + line-height: 1rem; + } + + @media (min-width: 37.5rem) { + font-size: 0.875rem; + line-height: 1rem; + } + " +`; + +exports[`getTypeSizes should match minion for hindi 1`] = ` +" + font-size: 0.75rem; + line-height: 1rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 0.75rem; + line-height: 1rem; + } + + @media (min-width: 37.5rem) { + font-size: 0.875rem; + line-height: 1.125rem; + } + " +`; + +exports[`getTypeSizes should match minion for korean 1`] = ` +" + font-size: 0.875rem; + line-height: 1rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 0.875rem; + line-height: 1rem; + } + + @media (min-width: 37.5rem) { + font-size: 0.875rem; + line-height: 1rem; + } + " +`; + +exports[`getTypeSizes should match minion for latin 1`] = ` +" + font-size: 0.75rem; + line-height: 1rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 0.75rem; + line-height: 1rem; + } + + @media (min-width: 37.5rem) { + font-size: 0.75rem; + line-height: 1rem; + } + " +`; + +exports[`getTypeSizes should match minion for latinDiacritics 1`] = ` +" + font-size: 0.75rem; + line-height: 1rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 0.75rem; + line-height: 1rem; + } + + @media (min-width: 37.5rem) { + font-size: 0.75rem; + line-height: 1rem; + } + " +`; + +exports[`getTypeSizes should match minion for nepali 1`] = ` +" + font-size: 0.75rem; + line-height: 1rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 0.75rem; + line-height: 1rem; + } + + @media (min-width: 37.5rem) { + font-size: 0.875rem; + line-height: 1.125rem; + } + " +`; + +exports[`getTypeSizes should match minion for noAscendersOrDescenders 1`] = ` +" + font-size: 0.875rem; + line-height: 1rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 0.875rem; + line-height: 1rem; + } + + @media (min-width: 37.5rem) { + font-size: 0.875rem; + line-height: 1rem; + } + " +`; + +exports[`getTypeSizes should match minion for sinhalese 1`] = ` +" + font-size: 1rem; + line-height: 1.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1rem; + line-height: 1.375rem; + } + + @media (min-width: 37.5rem) { + font-size: 1rem; + line-height: 1.375rem; + } + " +`; + +exports[`getTypeSizes should match minion for tamil 1`] = ` +" + font-size: 0.75rem; + line-height: 1rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 0.75rem; + line-height: 1rem; + } + + @media (min-width: 37.5rem) { + font-size: 0.625rem; + line-height: 0.875rem; + } + " +`; + +exports[`getTypeSizes should match minion for thai 1`] = ` +" + font-size: 0.75rem; + line-height: 1rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 0.75rem; + line-height: 1rem; + } + + @media (min-width: 37.5rem) { + font-size: 0.75rem; + line-height: 1rem; + } + " +`; + +exports[`getTypeSizes should match paragon for arabic 1`] = ` +" + font-size: 1.25rem; + line-height: 1.75rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.375rem; + line-height: 1.875rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.75rem; + line-height: 2.375rem; + } + " +`; + +exports[`getTypeSizes should match paragon for bengali 1`] = ` +" + font-size: 1.625rem; + line-height: 1.875rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.75rem; + line-height: 2rem; + } + + @media (min-width: 37.5rem) { + font-size: 2rem; + line-height: 2.5rem; + } + " +`; + +exports[`getTypeSizes should match paragon for burmese 1`] = ` +" + font-size: 1.25rem; + line-height: 1.875rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.375rem; + line-height: 1.875rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.75rem; + line-height: 3rem; + } + " +`; + +exports[`getTypeSizes should match paragon for chinese 1`] = ` +" + font-size: 1.25rem; + line-height: 1.625rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.5rem; + line-height: 1.875rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.75rem; + line-height: 2.375rem; + } + " +`; + +exports[`getTypeSizes should match paragon for cyrillic 1`] = ` +" + font-size: 1.25rem; + line-height: 1.5rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.375rem; + line-height: 1.625rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.75rem; + line-height: 2rem; + } + " +`; + +exports[`getTypeSizes should match paragon for cyrillicAndLatin 1`] = ` +" + font-size: 1.25rem; + line-height: 1.5rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.375rem; + line-height: 1.625rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.75rem; + line-height: 2rem; + } + " +`; + +exports[`getTypeSizes should match paragon for devanagariAndGurmukhi 1`] = ` +" + font-size: 1.25rem; + line-height: 1.75rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.375rem; + line-height: 2rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.75rem; + line-height: 2.625rem; + } + " +`; + +exports[`getTypeSizes should match paragon for ethiopic 1`] = ` +" + font-size: 1.25rem; + line-height: 1.625rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.5rem; + line-height: 1.875rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.75rem; + line-height: 2.375rem; + } + " +`; + +exports[`getTypeSizes should match paragon for hindi 1`] = ` +" + font-size: 1.25rem; + line-height: 1.75rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.375rem; + line-height: 2rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.75rem; + line-height: 2.625rem; + } + " +`; + +exports[`getTypeSizes should match paragon for korean 1`] = ` +" + font-size: 1.25rem; + line-height: 1.625rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.5rem; + line-height: 1.875rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.75rem; + line-height: 2.375rem; + } + " +`; + +exports[`getTypeSizes should match paragon for latin 1`] = ` +" + font-size: 1.25rem; + line-height: 1.5rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.375rem; + line-height: 1.625rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.75rem; + line-height: 2rem; + } + " +`; + +exports[`getTypeSizes should match paragon for latinDiacritics 1`] = ` +" + font-size: 1.25rem; + line-height: 1.625rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.375rem; + line-height: 1.875rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.75rem; + line-height: 2.375rem; + } + " +`; + +exports[`getTypeSizes should match paragon for nepali 1`] = ` +" + font-size: 1.25rem; + line-height: 1.75rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.375rem; + line-height: 2rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.75rem; + line-height: 2.625rem; + } + " +`; + +exports[`getTypeSizes should match paragon for noAscendersOrDescenders 1`] = ` +" + font-size: 1.25rem; + line-height: 1.625rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.5rem; + line-height: 1.875rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.75rem; + line-height: 2.375rem; + } + " +`; + +exports[`getTypeSizes should match paragon for sinhalese 1`] = ` +" + font-size: 1.5rem; + line-height: 1.5rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.75rem; + line-height: 2rem; + } + + @media (min-width: 37.5rem) { + font-size: 2.125rem; + line-height: 2.375rem; + } + " +`; + +exports[`getTypeSizes should match paragon for tamil 1`] = ` +" + font-size: 1rem; + line-height: 1.5rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.125rem; + line-height: 1.625rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.375rem; + line-height: 1.875rem; + } + " +`; + +exports[`getTypeSizes should match paragon for thai 1`] = ` +" + font-size: 1.25rem; + line-height: 1.625rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.375rem; + line-height: 1.75rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.75rem; + line-height: 2.25rem; + } + " +`; + +exports[`getTypeSizes should match pica for arabic 1`] = ` +" + font-size: 0.9375rem; + line-height: 1.5rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1rem; + line-height: 1.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 1rem; + line-height: 1.5rem; + } + " +`; + +exports[`getTypeSizes should match pica for bengali 1`] = ` +" + font-size: 1.0625rem; + line-height: 1.4375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.0625rem; + line-height: 1.4375rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.25rem; + line-height: 1.5rem; + } + " +`; + +exports[`getTypeSizes should match pica for burmese 1`] = ` +" + font-size: 0.9375rem; + line-height: 1.5625rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1rem; + line-height: 1.75rem; + } + + @media (min-width: 37.5rem) { + font-size: 1rem; + line-height: 1.875rem; + } + " +`; + +exports[`getTypeSizes should match pica for chinese 1`] = ` +" + font-size: 1rem; + line-height: 1.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1rem; + line-height: 1.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 1rem; + line-height: 1.75rem; + } + " +`; + +exports[`getTypeSizes should match pica for cyrillic 1`] = ` +" + font-size: 0.9375rem; + line-height: 1.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1rem; + line-height: 1.25rem; + } + + @media (min-width: 37.5rem) { + font-size: 1rem; + line-height: 1.25rem; + } + " +`; + +exports[`getTypeSizes should match pica for cyrillicAndLatin 1`] = ` +" + font-size: 0.9375rem; + line-height: 1.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1rem; + line-height: 1.25rem; + } + + @media (min-width: 37.5rem) { + font-size: 1rem; + line-height: 1.25rem; + } + " +`; + +exports[`getTypeSizes should match pica for devanagariAndGurmukhi 1`] = ` +" + font-size: 0.9375rem; + line-height: 1.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1rem; + line-height: 1.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 1rem; + line-height: 1.375rem; + } + " +`; + +exports[`getTypeSizes should match pica for ethiopic 1`] = ` +" + font-size: 1rem; + line-height: 1.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1rem; + line-height: 1.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 1rem; + line-height: 1.75rem; + } + " +`; + +exports[`getTypeSizes should match pica for hindi 1`] = ` +" + font-size: 0.9375rem; + line-height: 1.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1rem; + line-height: 1.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 1rem; + line-height: 1.375rem; + } + " +`; + +exports[`getTypeSizes should match pica for korean 1`] = ` +" + font-size: 1rem; + line-height: 1.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1rem; + line-height: 1.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 1rem; + line-height: 1.75rem; + } + " +`; + +exports[`getTypeSizes should match pica for latin 1`] = ` +" + font-size: 0.9375rem; + line-height: 1.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1rem; + line-height: 1.25rem; + } + + @media (min-width: 37.5rem) { + font-size: 1rem; + line-height: 1.25rem; + } + " +`; + +exports[`getTypeSizes should match pica for latinDiacritics 1`] = ` +" + font-size: 0.9375rem; + line-height: 1.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1rem; + line-height: 1.25rem; + } + + @media (min-width: 37.5rem) { + font-size: 1rem; + line-height: 1.25rem; + } + " +`; + +exports[`getTypeSizes should match pica for nepali 1`] = ` +" + font-size: 0.9375rem; + line-height: 1.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1rem; + line-height: 1.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 1rem; + line-height: 1.375rem; + } + " +`; + +exports[`getTypeSizes should match pica for noAscendersOrDescenders 1`] = ` +" + font-size: 1rem; + line-height: 1.375rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1rem; + line-height: 1.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 1rem; + line-height: 1.75rem; + } + " +`; + +exports[`getTypeSizes should match pica for sinhalese 1`] = ` +" + font-size: 1.375rem; + line-height: 1.75rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.375rem; + line-height: 1.5rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.375rem; + line-height: 1.5rem; + } + " +`; + +exports[`getTypeSizes should match pica for tamil 1`] = ` +" + font-size: 0.75rem; + line-height: 1.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 0.875rem; + line-height: 1.375rem; + } + + @media (min-width: 37.5rem) { + font-size: 0.875rem; + line-height: 1.375rem; + } + " +`; + +exports[`getTypeSizes should match pica for thai 1`] = ` +" + font-size: 1rem; + line-height: 1.25rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1rem; + line-height: 1.375rem; + } + + @media (min-width: 37.5rem) { + font-size: 1rem; + line-height: 1.375rem; + } + " +`; + +exports[`getTypeSizes should match royal for arabic 1`] = ` +" + font-size: 2.5rem; + line-height: 2.75rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 3.25rem; + line-height: 3.75rem; + } + + @media (min-width: 37.5rem) { + font-size: 4.75rem; + line-height: 5.25rem; + } + " +`; + +exports[`getTypeSizes should match royal for bengali 1`] = ` +" + font-size: 2.5rem; + line-height: 2.75rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 3.25rem; + line-height: 3.75rem; + } + + @media (min-width: 37.5rem) { + font-size: 4.75rem; + line-height: 5.25rem; + } + " +`; + +exports[`getTypeSizes should match royal for burmese 1`] = ` +" + font-size: 2.5rem; + line-height: 2.75rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 3.25rem; + line-height: 5.25rem; + } + + @media (min-width: 37.5rem) { + font-size: 4.75rem; + line-height: 7.25rem; + } + " +`; + +exports[`getTypeSizes should match royal for chinese 1`] = ` +" + font-size: 2.5rem; + line-height: 2.75rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 3.25rem; + line-height: 3.75rem; + } + + @media (min-width: 37.5rem) { + font-size: 4.75rem; + line-height: 5.25rem; + } + " +`; + +exports[`getTypeSizes should match royal for cyrillic 1`] = ` +" + font-size: 2.5rem; + line-height: 2.75rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 3.25rem; + line-height: 3.75rem; + } + + @media (min-width: 37.5rem) { + font-size: 4.75rem; + line-height: 5.25rem; + } + " +`; + +exports[`getTypeSizes should match royal for cyrillicAndLatin 1`] = ` +" + font-size: 2.5rem; + line-height: 2.75rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 3.25rem; + line-height: 3.75rem; + } + + @media (min-width: 37.5rem) { + font-size: 4.75rem; + line-height: 5.25rem; + } + " +`; + +exports[`getTypeSizes should match royal for devanagariAndGurmukhi 1`] = ` +" + font-size: 2.5rem; + line-height: 2.75rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 3.25rem; + line-height: 3.75rem; + } + + @media (min-width: 37.5rem) { + font-size: 4.75rem; + line-height: 5.25rem; + } + " +`; + +exports[`getTypeSizes should match royal for ethiopic 1`] = ` +" + font-size: 2.5rem; + line-height: 2.75rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 3.25rem; + line-height: 3.75rem; + } + + @media (min-width: 37.5rem) { + font-size: 4.75rem; + line-height: 5.25rem; + } + " +`; + +exports[`getTypeSizes should match royal for hindi 1`] = ` +" + font-size: 2.5rem; + line-height: 2.75rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 3.25rem; + line-height: 3.75rem; + } + + @media (min-width: 37.5rem) { + font-size: 4.75rem; + line-height: 5.25rem; + } + " +`; + +exports[`getTypeSizes should match royal for korean 1`] = ` +" + font-size: 2.5rem; + line-height: 2.75rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 3.25rem; + line-height: 3.75rem; + } + + @media (min-width: 37.5rem) { + font-size: 4.75rem; + line-height: 5.25rem; + } + " +`; + +exports[`getTypeSizes should match royal for latin 1`] = ` +" + font-size: 2.5rem; + line-height: 2.75rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 3.25rem; + line-height: 3.75rem; + } + + @media (min-width: 37.5rem) { + font-size: 4.75rem; + line-height: 5.25rem; + } + " +`; + +exports[`getTypeSizes should match royal for latinDiacritics 1`] = ` +" + font-size: 2.5rem; + line-height: 2.75rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 3.25rem; + line-height: 4rem; + } + + @media (min-width: 37.5rem) { + font-size: 4.75rem; + line-height: 5.75rem; + } + " +`; + +exports[`getTypeSizes should match royal for nepali 1`] = ` +" + font-size: 2.5rem; + line-height: 2.75rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 3.25rem; + line-height: 3.75rem; + } + + @media (min-width: 37.5rem) { + font-size: 4.75rem; + line-height: 5.25rem; + } + " +`; + +exports[`getTypeSizes should match royal for noAscendersOrDescenders 1`] = ` +" + font-size: 2.5rem; + line-height: 2.75rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 3.25rem; + line-height: 3.75rem; + } + + @media (min-width: 37.5rem) { + font-size: 4.75rem; + line-height: 5.25rem; + } + " +`; + +exports[`getTypeSizes should match royal for sinhalese 1`] = ` +" + font-size: 2.5rem; + line-height: 2.75rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 3.25rem; + line-height: 3.75rem; + } + + @media (min-width: 37.5rem) { + font-size: 4.75rem; + line-height: 5.25rem; + } + " +`; + +exports[`getTypeSizes should match royal for tamil 1`] = ` +" + font-size: 2.5rem; + line-height: 2.75rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 2.5rem; + line-height: 3.625rem; + } + + @media (min-width: 37.5rem) { + font-size: 3.5rem; + line-height: 5rem; + } + " +`; + +exports[`getTypeSizes should match royal for thai 1`] = ` +" + font-size: 2.5rem; + line-height: 2.75rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 2.5rem; + line-height: 3.625rem; + } + + @media (min-width: 37.5rem) { + font-size: 3.5rem; + line-height: 5.25rem; + } + " +`; + +exports[`getTypeSizes should match trafalgar for arabic 1`] = ` +" + font-size: 1.25rem; + line-height: 1.75rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.5rem; + line-height: 2.125rem; + } + + @media (min-width: 37.5rem) { + font-size: 2rem; + line-height: 2.625rem; + } + " +`; + +exports[`getTypeSizes should match trafalgar for bengali 1`] = ` +" + font-size: 1.75rem; + line-height: 2rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 2rem; + line-height: 2.25rem; + } + + @media (min-width: 37.5rem) { + font-size: 2.375rem; + line-height: 3rem; + } + " +`; + +exports[`getTypeSizes should match trafalgar for burmese 1`] = ` +" + font-size: 1.25rem; + line-height: 1.875rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.5rem; + line-height: 2.25rem; + } + + @media (min-width: 37.5rem) { + font-size: 2.375rem; + line-height: 3.75rem; + } + " +`; + +exports[`getTypeSizes should match trafalgar for chinese 1`] = ` +" + font-size: 1.5rem; + line-height: 1.875rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.625rem; + line-height: 2rem; + } + + @media (min-width: 37.5rem) { + font-size: 2rem; + line-height: 2.625rem; + } + " +`; + +exports[`getTypeSizes should match trafalgar for cyrillic 1`] = ` +" + font-size: 1.25rem; + line-height: 1.5rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.5rem; + line-height: 1.75rem; + } + + @media (min-width: 37.5rem) { + font-size: 2rem; + line-height: 2.25rem; + } + " +`; + +exports[`getTypeSizes should match trafalgar for cyrillicAndLatin 1`] = ` +" + font-size: 1.25rem; + line-height: 1.5rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.5rem; + line-height: 1.75rem; + } + + @media (min-width: 37.5rem) { + font-size: 2rem; + line-height: 2.25rem; + } + " +`; + +exports[`getTypeSizes should match trafalgar for devanagariAndGurmukhi 1`] = ` +" + font-size: 1.25rem; + line-height: 1.875rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.5rem; + line-height: 2.25rem; + } + + @media (min-width: 37.5rem) { + font-size: 2rem; + line-height: 2.75rem; + } + " +`; + +exports[`getTypeSizes should match trafalgar for ethiopic 1`] = ` +" + font-size: 1.5rem; + line-height: 1.875rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.625rem; + line-height: 2rem; + } + + @media (min-width: 37.5rem) { + font-size: 2rem; + line-height: 2.625rem; + } + " +`; + +exports[`getTypeSizes should match trafalgar for hindi 1`] = ` +" + font-size: 1.25rem; + line-height: 1.875rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.5rem; + line-height: 2.25rem; + } + + @media (min-width: 37.5rem) { + font-size: 2rem; + line-height: 2.75rem; + } + " +`; + +exports[`getTypeSizes should match trafalgar for korean 1`] = ` +" + font-size: 1.5rem; + line-height: 1.875rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.625rem; + line-height: 2rem; + } + + @media (min-width: 37.5rem) { + font-size: 2rem; + line-height: 2.625rem; + } + " +`; + +exports[`getTypeSizes should match trafalgar for latin 1`] = ` +" + font-size: 1.25rem; + line-height: 1.5rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.5rem; + line-height: 1.75rem; + } + + @media (min-width: 37.5rem) { + font-size: 2rem; + line-height: 2.25rem; + } + " +`; + +exports[`getTypeSizes should match trafalgar for latinDiacritics 1`] = ` +" + font-size: 1.375rem; + line-height: 1.75rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.5rem; + line-height: 2rem; + } + + @media (min-width: 37.5rem) { + font-size: 2rem; + line-height: 2.625rem; + } + " +`; + +exports[`getTypeSizes should match trafalgar for nepali 1`] = ` +" + font-size: 1.25rem; + line-height: 1.875rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.5rem; + line-height: 2.25rem; + } + + @media (min-width: 37.5rem) { + font-size: 2rem; + line-height: 2.75rem; + } + " +`; + +exports[`getTypeSizes should match trafalgar for noAscendersOrDescenders 1`] = ` +" + font-size: 1.5rem; + line-height: 1.875rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.625rem; + line-height: 2rem; + } + + @media (min-width: 37.5rem) { + font-size: 2rem; + line-height: 2.625rem; + } + " +`; + +exports[`getTypeSizes should match trafalgar for sinhalese 1`] = ` +" + font-size: 1.5rem; + line-height: 1.5rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 2rem; + line-height: 2.25rem; + } + + @media (min-width: 37.5rem) { + font-size: 2.5rem; + line-height: 2.75rem; + } + " +`; + +exports[`getTypeSizes should match trafalgar for tamil 1`] = ` +" + font-size: 1rem; + line-height: 1.5rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.375rem; + line-height: 1.875rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.75rem; + line-height: 2.375rem; + } + " +`; + +exports[`getTypeSizes should match trafalgar for thai 1`] = ` +" + font-size: 1.25rem; + line-height: 1.625rem; + + @media (min-width: 20rem) and (max-width: 37.4375rem) { + font-size: 1.5rem; + line-height: 1.875rem; + } + + @media (min-width: 37.5rem) { + font-size: 1.875rem; + line-height: 2.625rem; + } + " +`; diff --git a/packages/utilities/gel-foundations/tests/getTypeSizes.test.js b/packages/utilities/gel-foundations/tests/getTypeSizes.test.js index cd729d3279..c35eb25ae7 100644 --- a/packages/utilities/gel-foundations/tests/getTypeSizes.test.js +++ b/packages/utilities/gel-foundations/tests/getTypeSizes.test.js @@ -1,25 +1,30 @@ -import { MEDIA_QUERY_TYPOGRAPHY } from '../src/breakpoints'; import getTypeSizes from '../src/getTypeSizes'; -import { arabic } from '../src/scripts'; +import * as scripts from '../src/scripts'; describe('getTypeSizes', () => { - it('Should return the Canon Type Sizes for the arabic script', () => { - const canonStyles = getTypeSizes('canon', arabic); - const block = ` - font-size: 2rem; - line-height: 2.625rem; + Object.keys(scripts).forEach(scriptName => { + it.each` + typography + ${'atlas'} + ${'bodyCopy'} + ${'brevier'} + ${'canon'} + ${'doublePica'} + ${'elephant'} + ${'foolscap'} + ${'greatPrimer'} + ${'imperial'} + ${'longPrimer'} + ${'minion'} + ${'paragon'} + ${'pica'} + ${'royal'} + ${'trafalgar'} + `(`should match $typography for ${scriptName}`, ({ typography }) => { + const script = scripts[scriptName]; + const styles = getTypeSizes(typography, script); - ${MEDIA_QUERY_TYPOGRAPHY.SMART_PHONE_ONLY} { - font-size: 2.375rem; - line-height: 2.875rem; - } - - ${MEDIA_QUERY_TYPOGRAPHY.LAPTOP_AND_LARGER} { - font-size: 2.75rem; - line-height: 3.375rem; - } - `; - - expect(block).toEqual(canonStyles); + expect(styles).toMatchSnapshot(); + }); }); }); From c6f983c08901924009284455fc51d41f43eb9157 Mon Sep 17 00:00:00 2001 From: karinathomasbbc Date: Wed, 30 Sep 2020 15:11:25 +0100 Subject: [PATCH 6/9] Update readme --- packages/utilities/gel-foundations/README.md | 22 ++++++++++---------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/packages/utilities/gel-foundations/README.md b/packages/utilities/gel-foundations/README.md index c5f6881ae3..76aa98a08a 100644 --- a/packages/utilities/gel-foundations/README.md +++ b/packages/utilities/gel-foundations/README.md @@ -52,17 +52,17 @@ You can import the script doing `import { arabic } from '@bbc/gel-foundations/sc In addition to Latin script defaults, Psammead supports typography for a number of other scripts. We have grouped the scripts that share similiar features as follows: -| Group Name | Services | Rationale | -| --------------------------- | -------- | --------------------------- | -| `latin-and-cyrillic` | News, Hausa, Gahuza, Somali, Swahili, Igbo, Pidgin, Afaan Oromo, Yoruba, Azeri, Indonesia, Uzbek, Serbian, Russian, Ukrainian, Kyrgyz, Uzbek | The typography values for Latin and Cyrillic characters are identical | -| `latin-with-diacritics` | Vietnamese, Mundo, Afrique, Brasil, Turkish | The diacritics make these values differ from Latin | -| `arabic` | Arabic, Pashto, Persian, Urdu | Group as they use the Arabic alphabet | -| `no-ascenders-or-descenders` | Korean, Japanese, Zhongwen, Ukchina, Tigrinya, Amharic | Group all alphabets without ascenders or descenders. This could be implemented as `chinese`, `korean`, `ethiopic` | Hindi, Nepali, Gujarati, Punjabi, Marathi, Telugu | The typography values for Devanagari and Gurmukhi characters are identical | -| `devanagari-and-gurmukhi` | Hindi, Nepali, Gujarati, Punjabi, Marathi, Telugu | The typography values for Devanagari and Gurmukhi characters are identical | -| `thai` | Thai | Bespoke to the Thai characters | -| `bengali` | Bengali | Bespoke to the Bengal characters | -| `burmese` | Burmese | Bespoke to the Burmese characters | -| `sinhalese` | Sinhala | Bespoke to the Sinhalese characters | +| Group Name | Services | Rationale | +| --------------------------- | -------- | --------------------------- | +| `latin-and-cyrillic` | News, Hausa, Gahuza, Somali, Swahili, Igbo, Pidgin, Afaan Oromo, Yoruba, Azeri, Indonesia, Uzbek, Serbian, Russian, Ukrainian, Kyrgyz, Uzbek | The typography values for Latin and Cyrillic characters are identical | +| `latin-with-diacritics` | Vietnamese, Mundo, Afrique, Brasil, Turkish | The diacritics make these values differ from Latin | +| `arabic` | Arabic, Pashto, Persian, Urdu | Group as they use the Arabic alphabet | +| `no-ascenders-or-descenders` | Korean, Japanese, Zhongwen, Ukchina, Tigrinya, Amharic | Group all alphabets without ascenders or descenders. This could be implemented as `chinese`, `korean`, `ethiopic` | Hindi, Nepali, Gujarati, Punjabi, Marathi, Telugu | The typography values for Devanagari and Gurmukhi characters are identical | +| `devanagari-and-gurmukhi` | Hindi, Nepali, Gujarati, Punjabi, Marathi, Telugu | The typography values for Devanagari and Gurmukhi characters are identical | +| `thai` | Thai | Bespoke to the Thai characters | +| `bengali` | Bengali | Bespoke to the Bengal characters | +| `burmese` | Burmese | Bespoke to the Burmese characters | +| `sinhalese` | Sinhala | Bespoke to the Sinhalese characters | | `tamil` | Tamil | Bespoke to the Tamil characters | ## Contributing From 3fe701f822406d376c0cf8ee1c05865e7bd645df Mon Sep 17 00:00:00 2001 From: karinathomasbbc Date: Wed, 30 Sep 2020 15:16:52 +0100 Subject: [PATCH 7/9] Fix linting issues --- .../utilities/gel-foundations/src/scripts.js | 73 ++++++++++++------- 1 file changed, 47 insertions(+), 26 deletions(-) diff --git a/packages/utilities/gel-foundations/src/scripts.js b/packages/utilities/gel-foundations/src/scripts.js index b48e4784cf..ebae087999 100644 --- a/packages/utilities/gel-foundations/src/scripts.js +++ b/packages/utilities/gel-foundations/src/scripts.js @@ -1,26 +1,47 @@ -export arabic from './scripts/arabic'; - -export bengali from './scripts/bengali'; - -export burmese from './scripts/burmese'; - -export devanagariAndGurmukhi from './scripts/devanagari-and-gurmukhi'; -export hindi from './scripts/devanagari-and-gurmukhi'; -export nepali from './scripts/devanagari-and-gurmukhi'; - -export cyrillic from './scripts/latin-and-cyrillic'; -export cyrillicAndLatin from './scripts/latin-and-cyrillic'; -export latin from './scripts/latin-and-cyrillic'; - -export latinDiacritics from './scripts/latin-with-diacritics'; - -export chinese from './scripts/no-ascenders-or-descenders'; -export ethiopic from './scripts/no-ascenders-or-descenders'; -export korean from './scripts/no-ascenders-or-descenders'; -export noAscendersOrDescenders from './scripts/no-ascenders-or-descenders'; - -export sinhalese from './scripts/sinhalese'; - -export tamil from './scripts/tamil'; - -export thai from './scripts/thai'; +/* eslint-disable import/no-duplicates */ +import arabic from './scripts/arabic'; + +import bengali from './scripts/bengali'; + +import burmese from './scripts/burmese'; + +import devanagariAndGurmukhi from './scripts/devanagari-and-gurmukhi'; +import hindi from './scripts/devanagari-and-gurmukhi'; +import nepali from './scripts/devanagari-and-gurmukhi'; + +import cyrillic from './scripts/latin-and-cyrillic'; +import cyrillicAndLatin from './scripts/latin-and-cyrillic'; +import latin from './scripts/latin-and-cyrillic'; + +import latinDiacritics from './scripts/latin-with-diacritics'; + +import chinese from './scripts/no-ascenders-or-descenders'; +import ethiopic from './scripts/no-ascenders-or-descenders'; +import korean from './scripts/no-ascenders-or-descenders'; +import noAscendersOrDescenders from './scripts/no-ascenders-or-descenders'; + +import sinhalese from './scripts/sinhalese'; + +import tamil from './scripts/tamil'; + +import thai from './scripts/thai'; + +export { + arabic, + bengali, + burmese, + devanagariAndGurmukhi, + hindi, + nepali, + cyrillic, + cyrillicAndLatin, + latin, + latinDiacritics, + chinese, + ethiopic, + korean, + noAscendersOrDescenders, + sinhalese, + tamil, + thai, +}; From 961e65cfa2d5c571d447ecd81d0b7e2d6aa24865 Mon Sep 17 00:00:00 2001 From: karinathomasbbc Date: Wed, 30 Sep 2020 17:21:58 +0100 Subject: [PATCH 8/9] Remove arabicPashto script from test expectations --- packages/utilities/gel-foundations/index.test.jsx | 1 - 1 file changed, 1 deletion(-) diff --git a/packages/utilities/gel-foundations/index.test.jsx b/packages/utilities/gel-foundations/index.test.jsx index ed70a41f6b..dc1b70e680 100644 --- a/packages/utilities/gel-foundations/index.test.jsx +++ b/packages/utilities/gel-foundations/index.test.jsx @@ -76,7 +76,6 @@ const typographyExpectedExports = { const scriptsExpectedExports = { arabic: 'object', - arabicPashto: 'object', bengali: 'object', burmese: 'object', chinese: 'object', From 00e9c9c2e48a18a143bd27dda705ede3393188a6 Mon Sep 17 00:00:00 2001 From: Karina Thomas <58214768+karinathomasbbc@users.noreply.github.com> Date: Mon, 5 Oct 2020 17:56:06 +0100 Subject: [PATCH 9/9] Add removal of arabicPashto script to the README --- packages/utilities/gel-foundations/CHANGELOG.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/utilities/gel-foundations/CHANGELOG.md b/packages/utilities/gel-foundations/CHANGELOG.md index 64c52b6975..1b2d64bfa0 100644 --- a/packages/utilities/gel-foundations/CHANGELOG.md +++ b/packages/utilities/gel-foundations/CHANGELOG.md @@ -3,7 +3,7 @@ | Version | Description | |---------|-------------| -| 5.0.0 | [PR#3805](https://github.com/bbc/psammead/pull/3805) BBC Reith Qalam v1.100 | +| 5.0.0 | [PR#3805](https://github.com/bbc/psammead/pull/3805) BBC Reith Qalam v1.100. Removal of `arabicPashto` script in favour of `arabic` | | 4.3.0 | [PR#3782](https://github.com/bbc/psammead/pull/3782) Reduce Thai font size | | 4.2.0 | [PR#3616](https://github.com/bbc/psammead/pull/3616) Update Bengali inline link styling | | 4.1.0 | [PR#3602](https://github.com/bbc/psammead/pull/3602) Update Thai Canon typography values |