Skip to content
Permalink

Comparing changes

This is a direct comparison between two commits made in this repository or its related repositories. View the default comparison for this range or learn more about diff comparisons.

Open a pull request

Create a new pull request by comparing changes across two branches. If you need to, you can also . Learn more about diff comparisons here.
base repository: guardian/csnx
Failed to load repositories. Confirm that selected base ref is valid, then try again.
Loading
base: 3d6e725dee82a947e1eca132c48fe69dfc53c135
Choose a base ref
..
head repository: guardian/csnx
Failed to load repositories. Confirm that selected head ref is valid, then try again.
Loading
compare: c64629da7f743889e9ba499cd37447b371422036
Choose a head ref
Showing with 867 additions and 37 deletions.
  1. +867 −37 libs/@guardian/source-foundations/src/tokens.test.ts
904 changes: 867 additions & 37 deletions libs/@guardian/source-foundations/src/tokens.test.ts
Original file line number Diff line number Diff line change
@@ -916,110 +916,850 @@ describe('Typography preset CSS output', () => {
`,
{ isFragment: true },
);
expect(presets.article17).toMatchCSS(
`
font-family: GuardianTextEgyptian, "Guardian Text Egyptian Web", Georgia, serif;
font-size: 1.0625rem;
line-height: 1.4;
font-weight: 400;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.articleBold15).toMatchCSS(
`
font-family: GuardianTextEgyptian, "Guardian Text Egyptian Web", Georgia, serif;
font-size: 0.9375rem;
line-height: 1.4;
font-size: 0.9375rem;
line-height: 1.4;
font-weight: 700;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.articleBold17).toMatchCSS(
`
font-family: GuardianTextEgyptian, "Guardian Text Egyptian Web", Georgia, serif;
font-size: 1.0625rem;
line-height: 1.4;
font-weight: 700;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.articleBoldItalic15).toMatchCSS(
`
font-family: GuardianTextEgyptian, "Guardian Text Egyptian Web", Georgia, serif;
font-size: 0.9375rem;
line-height: 1.4;
font-weight: 700;
font-style: italic;
`,
{ isFragment: true },
);
expect(presets.articleBoldItalic17).toMatchCSS(
`
font-family: GuardianTextEgyptian, "Guardian Text Egyptian Web", Georgia, serif;
font-size: 1.0625rem;
line-height: 1.4;
font-weight: 700;
font-style: italic;
`,
{ isFragment: true },
);
expect(presets.articleItalic15).toMatchCSS(
`
font-family: GuardianTextEgyptian, "Guardian Text Egyptian Web", Georgia, serif;
font-size: 0.9375rem;
line-height: 1.4;
font-weight: 400;
font-style: italic;
`,
{ isFragment: true },
);
expect(presets.articleItalic17).toMatchCSS(
`
font-family: GuardianTextEgyptian, "Guardian Text Egyptian Web", Georgia, serif;
font-size: 1.0625rem;
line-height: 1.4;
font-weight: 400;
font-style: italic;
`,
{ isFragment: true },
);
expect(presets.headlineBold14).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 0.875rem;
line-height: 1.15;
font-weight: 700;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.headlineBold17).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 1.0625rem;
line-height: 1.15;
font-weight: 700;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.headlineBold20).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 1.25rem;
line-height: 1.15;
font-weight: 700;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.headlineBold24).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 1.5rem;
line-height: 1.15;
font-weight: 700;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.headlineBold28).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 1.75rem;
line-height: 1.15;
font-weight: 700;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.headlineBold34).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 2.125rem;
line-height: 1.15;
font-weight: 700;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.headlineBold42).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 2.625rem;
line-height: 1.15;
font-weight: 700;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.headlineBold50).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 3.125rem;
line-height: 1.15;
font-weight: 700;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.headlineBold70).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 4.375rem;
line-height: 1.15;
font-weight: 700;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.headlineLight14).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 0.875rem;
line-height: 1.15;
font-weight: 300;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.headlineLight17).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 1.0625rem;
line-height: 1.15;
font-weight: 300;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.headlineLight20).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 1.25rem;
line-height: 1.15;
font-weight: 300;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.headlineLight24).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 1.5rem;
line-height: 1.15;
font-weight: 300;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.headlineLight28).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 1.75rem;
line-height: 1.15;
font-weight: 300;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.headlineLight34).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 2.125rem;
line-height: 1.15;
font-weight: 300;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.headlineLight42).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 2.625rem;
line-height: 1.15;
font-weight: 300;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.headlineLight50).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 3.125rem;
line-height: 1.15;
font-weight: 300;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.headlineLight70).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 4.375rem;
line-height: 1.15;
font-weight: 300;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.headlineLightItalic14).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 0.875rem;
line-height: 1.15;
font-weight: 300;
font-style: italic;
`,
{ isFragment: true },
);
expect(presets.headlineLightItalic17).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 1.0625rem;
line-height: 1.15;
font-weight: 300;
font-style: italic;
`,
{ isFragment: true },
);
expect(presets.headlineLightItalic20).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 1.25rem;
line-height: 1.15;
font-weight: 300;
font-style: italic;
`,
{ isFragment: true },
);
expect(presets.headlineLightItalic24).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 1.5rem;
line-height: 1.15;
font-weight: 300;
font-style: italic;
`,
{ isFragment: true },
);
expect(presets.headlineLightItalic28).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 1.75rem;
line-height: 1.15;
font-weight: 300;
font-style: italic;
`,
{ isFragment: true },
);
expect(presets.headlineLightItalic34).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 2.125rem;
line-height: 1.15;
font-weight: 300;
font-style: italic;
`,
{ isFragment: true },
);
expect(presets.headlineLightItalic42).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 2.625rem;
line-height: 1.15;
font-weight: 300;
font-style: italic;
`,
{ isFragment: true },
);
expect(presets.headlineLightItalic50).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 3.125rem;
line-height: 1.15;
font-weight: 300;
font-style: italic;
`,
{ isFragment: true },
);
expect(presets.headlineLightItalic70).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 4.375rem;
line-height: 1.15;
font-weight: 300;
font-style: italic;
`,
{ isFragment: true },
);
expect(presets.headlineMedium14).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 0.875rem;
line-height: 1.15;
font-weight: 500;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.headlineMedium17).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 1.0625rem;
line-height: 1.15;
font-weight: 500;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.headlineMedium20).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 1.25rem;
line-height: 1.15;
font-weight: 500;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.headlineMedium24).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 1.5rem;
line-height: 1.15;
font-weight: 500;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.headlineMedium28).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 1.75rem;
line-height: 1.15;
font-weight: 500;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.headlineMedium34).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 2.125rem;
line-height: 1.15;
font-weight: 500;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.headlineMedium42).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 2.625rem;
line-height: 1.15;
font-weight: 500;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.headlineMedium50).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 3.125rem;
line-height: 1.15;
font-weight: 500;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.headlineMedium70).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 4.375rem;
line-height: 1.15;
font-weight: 500;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.headlineMediumItalic14).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 0.875rem;
line-height: 1.15;
font-weight: 500;
font-style: italic;
`,
{ isFragment: true },
);
expect(presets.headlineMediumItalic17).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 1.0625rem;
line-height: 1.15;
font-weight: 500;
font-style: italic;
`,
{ isFragment: true },
);
expect(presets.headlineMediumItalic20).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 1.25rem;
line-height: 1.15;
font-weight: 500;
font-style: italic;
`,
{ isFragment: true },
);
expect(presets.headlineMediumItalic24).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 1.5rem;
line-height: 1.15;
font-weight: 500;
font-style: italic;
`,
{ isFragment: true },
);
expect(presets.headlineMediumItalic28).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 1.75rem;
line-height: 1.15;
font-weight: 500;
font-style: italic;
`,
{ isFragment: true },
);
expect(presets.headlineMediumItalic34).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 2.125rem;
line-height: 1.15;
font-weight: 500;
font-style: italic;
`,
{ isFragment: true },
);
expect(presets.headlineMediumItalic42).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 2.625rem;
line-height: 1.15;
font-weight: 500;
font-style: italic;
`,
{ isFragment: true },
);
expect(presets.headlineMediumItalic50).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 3.125rem;
line-height: 1.15;
font-weight: 500;
font-style: italic;
`,
{ isFragment: true },
);
expect(presets.headlineMediumItalic70).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 4.375rem;
line-height: 1.15;
font-weight: 700;
font-style: italic;
`,
{ isFragment: true },
);
expect(presets.kicker14).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 0.875rem;
line-height: 1.15;
font-weight: 700;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.kicker17).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 1.0625rem;
line-height: 1.15;
font-weight: 700;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.kicker20).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 1.25rem;
line-height: 1.15;
font-weight: 700;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.kicker24).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 1.5rem;
line-height: 1.15;
font-weight: 700;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.kicker34).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 2.125rem;
line-height: 1.15;
font-weight: 700;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.textEgyptian14).toMatchCSS(
`
font-family: GuardianTextEgyptian, "Guardian Text Egyptian Web", Georgia, serif;
font-size: 0.875rem;
line-height: 1.3;
font-weight: 400;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.textEgyptian15).toMatchCSS(
`
font-family: GuardianTextEgyptian, "Guardian Text Egyptian Web", Georgia, serif;
font-size: 0.9375rem;
line-height: 1.3;
font-weight: 400;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.textEgyptian17).toMatchCSS(
`
font-family: GuardianTextEgyptian, "Guardian Text Egyptian Web", Georgia, serif;
font-size: 1.0625rem;
line-height: 1.3;
font-weight: 400;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.textEgyptianBold14).toMatchCSS(
`
font-family: GuardianTextEgyptian, "Guardian Text Egyptian Web", Georgia, serif;
font-size: 0.875rem;
line-height: 1.3;
font-weight: 700;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.textEgyptianBold15).toMatchCSS(
`
font-family: GuardianTextEgyptian, "Guardian Text Egyptian Web", Georgia, serif;
font-size: 0.9375rem;
line-height: 1.3;
font-weight: 700;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.textEgyptianBold17).toMatchCSS(
`
font-family: GuardianTextEgyptian, "Guardian Text Egyptian Web", Georgia, serif;
font-size: 1.0625rem;
line-height: 1.3;
font-weight: 700;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.articleBoldItalic15).toMatchCSS(
expect(presets.textEgyptianBoldItalic14).toMatchCSS(
`
font-family: GuardianTextEgyptian, "Guardian Text Egyptian Web", Georgia, serif;
font-size: 0.875rem;
line-height: 1.3;
font-weight: 700;
font-style: italic;
`,
{ isFragment: true },
);
expect(presets.textEgyptianBoldItalic15).toMatchCSS(
`
font-family: GuardianTextEgyptian, "Guardian Text Egyptian Web", Georgia, serif;
font-size: 0.9375rem;
line-height: 1.4;
line-height: 1.3;
font-weight: 700;
font-style: italic;
`,
{ isFragment: true },
);
expect(presets.headlineBold50).toMatchCSS(
expect(presets.textEgyptianBoldItalic17).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 3.125rem;
line-height: 1.15;
font-family: GuardianTextEgyptian, "Guardian Text Egyptian Web", Georgia, serif;
font-size: 1.0625rem;
line-height: 1.3;
font-weight: 700;
font-style: italic;
`,
{ isFragment: true },
);
expect(presets.textEgyptianItalic14).toMatchCSS(
`
font-family: GuardianTextEgyptian, "Guardian Text Egyptian Web", Georgia, serif;
font-size: 0.875rem;
line-height: 1.3;
font-weight: 400;
font-style: italic;
`,
{ isFragment: true },
);
expect(presets.textEgyptianItalic15).toMatchCSS(
`
font-family: GuardianTextEgyptian, "Guardian Text Egyptian Web", Georgia, serif;
font-size: 0.9375rem;
line-height: 1.3;
font-weight: 400;
font-style: italic;
`,
{ isFragment: true },
);
expect(presets.textEgyptianItalic17).toMatchCSS(
`
font-family: GuardianTextEgyptian, "Guardian Text Egyptian Web", Georgia, serif;
font-size: 1.0625rem;
line-height: 1.3;
font-weight: 400;
font-style: italic;
`,
{ isFragment: true },
);
expect(presets.textSans12).toMatchCSS(
`
font-family: GuardianTextSans, "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 0.75rem;
line-height: 1.3;
font-weight: 400;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.headlineLight50).toMatchCSS(
expect(presets.textSans14).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 3.125rem;
line-height: 1.15;
font-weight: 300;
font-family: GuardianTextSans, "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 0.875rem;
line-height: 1.3;
font-weight: 400;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.headlineLightItalic50).toMatchCSS(
expect(presets.textSans15).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-size: 3.125rem;
line-height: 1.15;
font-weight: 300;
font-style: italic;
font-family: GuardianTextSans, "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 0.9375rem;
line-height: 1.3;
font-weight: 400;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.kicker20).toMatchCSS(
expect(presets.textSans17).toMatchCSS(
`
font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif;
font-family: GuardianTextSans, "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 1.0625rem;
line-height: 1.3;
font-weight: 400;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.textSans20).toMatchCSS(
`
font-family: GuardianTextSans, "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 1.25rem;
line-height: 1.15;
font-weight: 700;
line-height: 1.3;
font-weight: 400;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.textEgyptian17).toMatchCSS(
expect(presets.textSans24).toMatchCSS(
`
font-family: GuardianTextEgyptian, "Guardian Text Egyptian Web", Georgia, serif;
font-size: 1.0625rem;
font-family: GuardianTextSans, "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 1.5rem;
line-height: 1.3;
font-weight: 400;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.textEgyptianBold17).toMatchCSS(
expect(presets.textSans28).toMatchCSS(
`
font-family: GuardianTextEgyptian, "Guardian Text Egyptian Web", Georgia, serif;
font-size: 1.0625rem;
font-family: GuardianTextSans, "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 1.75rem;
line-height: 1.3;
font-weight: 400;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.textSans34).toMatchCSS(
`
font-family: GuardianTextSans, "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 2.125rem;
line-height: 1.3;
font-weight: 400;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.textSansBold12).toMatchCSS(
`
font-family: GuardianTextSans, "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 0.75rem;
line-height: 1.3;
font-weight: 700;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.textEgyptianBoldItalic17).toMatchCSS(
expect(presets.textSansBold14).toMatchCSS(
`
font-family: GuardianTextEgyptian, "Guardian Text Egyptian Web", Georgia, serif;
font-family: GuardianTextSans, "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 0.875rem;
line-height: 1.3;
font-weight: 700;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.textSansBold15).toMatchCSS(
`
font-family: GuardianTextSans, "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 0.9375rem;
line-height: 1.3;
font-weight: 700;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.textSansBold17).toMatchCSS(
`
font-family: GuardianTextSans, "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 1.0625rem;
line-height: 1.3;
font-weight: 700;
font-style: italic;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.textSans12).toMatchCSS(
expect(presets.textSansBold20).toMatchCSS(
`
font-family: GuardianTextSans, "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 0.75rem;
font-size: 1.25rem;
line-height: 1.3;
font-weight: 400;
font-weight: 700;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.textSansBold12).toMatchCSS(
expect(presets.textSansBold24).toMatchCSS(
`
font-family: GuardianTextSans, "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 0.75rem;
font-size: 1.5rem;
line-height: 1.3;
font-weight: 700;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.textSansBold28).toMatchCSS(
`
font-family: GuardianTextSans, "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 1.75rem;
line-height: 1.3;
font-weight: 700;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.textSansBold34).toMatchCSS(
`
font-family: GuardianTextSans, "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 2.125rem;
line-height: 1.3;
font-weight: 700;
font-style: normal;
@@ -1036,6 +1776,76 @@ describe('Typography preset CSS output', () => {
`,
{ isFragment: true },
);
expect(presets.textSansItalic14).toMatchCSS(
`
font-family: GuardianTextSans, "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 0.875rem;
line-height: 1.3;
font-weight: 400;
font-style: Italic;
`,
{ isFragment: true },
);
expect(presets.textSansItalic15).toMatchCSS(
`
font-family: GuardianTextSans, "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 0.9375rem;
line-height: 1.3;
font-weight: 400;
font-style: italic;
`,
{ isFragment: true },
);
expect(presets.textSansItalic17).toMatchCSS(
`
font-family: GuardianTextSans, "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 1.0625rem;
line-height: 1.3;
font-weight: 400;
font-style: italic;
`,
{ isFragment: true },
);
expect(presets.textSansItalic20).toMatchCSS(
`
font-family: GuardianTextSans, "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 1.25rem;
line-height: 1.3;
font-weight: 400;
font-style: italic;
`,
{ isFragment: true },
);
expect(presets.textSansItalic24).toMatchCSS(
`
font-family: GuardianTextSans, "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 1.5rem;
line-height: 1.3;
font-weight: 400;
font-style: italic;
`,
{ isFragment: true },
);
expect(presets.textSansItalic28).toMatchCSS(
`
font-family: GuardianTextSans, "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 1.75rem;
line-height: 1.3;
font-weight: 400;
font-style: italic;
`,
{ isFragment: true },
);
expect(presets.textSansItalic34).toMatchCSS(
`
font-family: GuardianTextSans, "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 2.125rem;
line-height: 1.3;
font-weight: 400;
font-style: italic;
`,
{ isFragment: true },
);
expect(presets.titlepiece42).toMatchCSS(
`
font-family: "GT Guardian Titlepiece", Georgia, serif;
@@ -1046,6 +1856,26 @@ describe('Typography preset CSS output', () => {
`,
{ isFragment: true },
);
expect(presets.titlepiece50).toMatchCSS(
`
font-family: "GT Guardian Titlepiece", Georgia, serif;
font-size: 3.125rem;
line-height: 1.15;
font-weight: 700;
font-style: normal;
`,
{ isFragment: true },
);
expect(presets.titlepiece70).toMatchCSS(
`
font-family: "GT Guardian Titlepiece", Georgia, serif;
font-size: 4.375rem;
line-height: 1.15;
font-weight: 700;
font-style: normal;
`,
{ isFragment: true },
);
});
});