From 6ff00d918ed0372817b906d76b61b8710da259f1 Mon Sep 17 00:00:00 2001 From: Simon Sinclair Date: Mon, 12 Oct 2020 16:50:27 +0100 Subject: [PATCH] Manually revert changes made in 5.0.0 --- packages/utilities/gel-foundations/README.md | 29 +- .../utilities/gel-foundations/index.test.jsx | 1 + .../utilities/gel-foundations/src/scripts.js | 75 +- .../src/scripts/arabic-pashto.js | 214 + .../gel-foundations/src/scripts/arabic.js | 110 +- .../__snapshots__/getTypeSizes.test.js.snap | 4336 ----------------- .../tests/getTypeSizes.test.js | 43 +- 7 files changed, 332 insertions(+), 4476 deletions(-) create mode 100644 packages/utilities/gel-foundations/src/scripts/arabic-pashto.js delete mode 100644 packages/utilities/gel-foundations/tests/__snapshots__/getTypeSizes.test.js.snap diff --git a/packages/utilities/gel-foundations/README.md b/packages/utilities/gel-foundations/README.md index 76aa98a08a..c1f71368f1 100644 --- a/packages/utilities/gel-foundations/README.md +++ b/packages/utilities/gel-foundations/README.md @@ -4,8 +4,8 @@ This package provides a range of string constants for use in CSS, intended to he ## Exports -`/breakpoints` - GEL breakpoints, as well as typography breakpoints. These use the GEL grid sizes which can be found in the [GEL Grid guidelines](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes). -`/spacings` - GEL spacings and GEL Grid margins and gutters. These use the GEL grid spacing sizes which can be found in the [GEL Grid guidelines](https://www.bbc.co.uk/gel/guidelines/grid#spacing-layout). +`/breakpoints` - GEL breakpoints, as well as typography breakpoints. These use the GEL grid sizes which can be found in the [GEL Grid guidelines](https://www.bbc.co.uk/gel/guidelines/grid#grid-sizes). +`/spacings` - GEL spacings and GEL Grid margins and gutters. These use the GEL grid spacing sizes which can be found in the [GEL Grid guidelines](https://www.bbc.co.uk/gel/guidelines/grid#spacing-layout). `/typography` - GEL type sizes and font stacks. These are based on the GEL Typography definitions which can be found in the [GEL guidelines](https://www.bbc.co.uk/gel/guidelines/typography). [More details on how the type sizes were implemented for this package are available here.](./typography_sizes_web.md) ## Installation @@ -52,18 +52,19 @@ 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 | -| `tamil` | Tamil | Bespoke to the Tamil 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 | Urdu, Arabic, Persian | Group as they use the Arabic alphabet | +| arabic-pashto | Pashto | Contains a subset of glyphs that mean it differs from Arabic | +| 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/index.test.jsx b/packages/utilities/gel-foundations/index.test.jsx index dc1b70e680..ed70a41f6b 100644 --- a/packages/utilities/gel-foundations/index.test.jsx +++ b/packages/utilities/gel-foundations/index.test.jsx @@ -76,6 +76,7 @@ const typographyExpectedExports = { const scriptsExpectedExports = { arabic: 'object', + arabicPashto: 'object', bengali: 'object', burmese: 'object', chinese: 'object', diff --git a/packages/utilities/gel-foundations/src/scripts.js b/packages/utilities/gel-foundations/src/scripts.js index ebae087999..36f525c3e4 100644 --- a/packages/utilities/gel-foundations/src/scripts.js +++ b/packages/utilities/gel-foundations/src/scripts.js @@ -1,47 +1,28 @@ -/* 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, -}; +export arabic from './scripts/arabic'; + +export arabicPashto from './scripts/arabic-pashto'; + +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'; diff --git a/packages/utilities/gel-foundations/src/scripts/arabic-pashto.js b/packages/utilities/gel-foundations/src/scripts/arabic-pashto.js new file mode 100644 index 0000000000..aa246b22d5 --- /dev/null +++ b/packages/utilities/gel-foundations/src/scripts/arabic-pashto.js @@ -0,0 +1,214 @@ +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/arabic.js index d18b8950a5..10e49b7591 100644 --- a/packages/utilities/gel-foundations/src/scripts/arabic.js +++ b/packages/utilities/gel-foundations/src/scripts/arabic.js @@ -71,142 +71,142 @@ const arabicTypography = { }, canon: { groupA: { - fontSize: '24', - lineHeight: '32', + fontSize: '32', + lineHeight: '42', }, groupB: { - fontSize: '28', - lineHeight: '38', + fontSize: '38', + lineHeight: '46', }, groupD: { - fontSize: '40', + fontSize: '44', lineHeight: '54', }, }, trafalgar: { groupA: { - fontSize: '20', - lineHeight: '28', - }, - groupB: { fontSize: '24', lineHeight: '34', }, - groupD: { + groupB: { fontSize: '32', - lineHeight: '42', + lineHeight: '38', + }, + groupD: { + fontSize: '36', + lineHeight: '50', }, }, paragon: { groupA: { - fontSize: '20', - lineHeight: '28', + fontSize: '24', + lineHeight: '30', }, groupB: { - fontSize: '22', - lineHeight: '30', + fontSize: '28', + lineHeight: '40', }, groupD: { - fontSize: '28', - lineHeight: '38', + fontSize: '32', + lineHeight: '40', }, }, doublePica: { groupA: { - fontSize: '20', - lineHeight: '28', + fontSize: '24', + lineHeight: '32', }, groupB: { - fontSize: '20', - lineHeight: '28', + fontSize: '26', + lineHeight: '36', }, groupD: { - fontSize: '24', - lineHeight: '32', + fontSize: '28', + lineHeight: '36', }, }, greatPrimer: { groupA: { - fontSize: '18', - lineHeight: '26', + fontSize: '22', + lineHeight: '28', }, groupB: { - fontSize: '18', - lineHeight: '26', + fontSize: '24', + lineHeight: '32', }, groupD: { - fontSize: '20', - lineHeight: '28', + fontSize: '26', + lineHeight: '34', }, }, bodyCopy: { groupA: { - fontSize: '15', - lineHeight: '24', + fontSize: '18', + lineHeight: '28', }, groupB: { - fontSize: '16', - lineHeight: '26', + fontSize: '22', + lineHeight: '32', }, groupD: { - fontSize: '16', - lineHeight: '26', + fontSize: '22', + lineHeight: '32', }, }, pica: { groupA: { - fontSize: '15', - lineHeight: '24', + fontSize: '16', + lineHeight: '26', }, groupB: { - fontSize: '16', - lineHeight: '24', + fontSize: '20', + lineHeight: '26', }, groupD: { - fontSize: '16', - lineHeight: '24', + fontSize: '20', + lineHeight: '26', }, }, longPrimer: { groupA: { - fontSize: '15', - lineHeight: '22', + fontSize: '17', + lineHeight: '24', }, groupB: { - fontSize: '15', - lineHeight: '22', + fontSize: '18', + lineHeight: '24', }, groupD: { - fontSize: '14', - lineHeight: '22', + fontSize: '18', + lineHeight: '24', }, }, brevier: { groupA: { - fontSize: '14', + fontSize: '16', lineHeight: '20', }, groupB: { - fontSize: '14', - lineHeight: '20', + fontSize: '18', + lineHeight: '24', }, groupD: { - fontSize: '13', - lineHeight: '20', + fontSize: '18', + lineHeight: '24', }, }, minion: { groupA: { fontSize: '12', - lineHeight: '18', + lineHeight: '16', }, groupB: { fontSize: '12', - lineHeight: '18', + lineHeight: '16', }, groupD: { fontSize: '12', - lineHeight: '18', + lineHeight: '16', }, }, }; diff --git a/packages/utilities/gel-foundations/tests/__snapshots__/getTypeSizes.test.js.snap b/packages/utilities/gel-foundations/tests/__snapshots__/getTypeSizes.test.js.snap deleted file mode 100644 index 1572c54c6b..0000000000 --- a/packages/utilities/gel-foundations/tests/__snapshots__/getTypeSizes.test.js.snap +++ /dev/null @@ -1,4336 +0,0 @@ -// 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 c35eb25ae7..cd729d3279 100644 --- a/packages/utilities/gel-foundations/tests/getTypeSizes.test.js +++ b/packages/utilities/gel-foundations/tests/getTypeSizes.test.js @@ -1,30 +1,25 @@ +import { MEDIA_QUERY_TYPOGRAPHY } from '../src/breakpoints'; import getTypeSizes from '../src/getTypeSizes'; -import * as scripts from '../src/scripts'; +import { arabic } from '../src/scripts'; describe('getTypeSizes', () => { - 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); + 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; - expect(styles).toMatchSnapshot(); - }); + ${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); }); });