@newskit-render/core 1.44.0 → 1.48.1

package/temp/_app.tsx

@@ -13,6 +13,215 @@ if (!process.browser) {
 }
 
 const GlobalStyling = css`
+  @font-face {
+    font-family: GillSansMTStd-Medium;
+    src: url('/fonts/GillSansMTStd-Medium.otf');
+  }
+  @font-face {
+    font-family: TimesModern-Bold;
+    src: url('/fonts/TimesDigital-Bold.ttf') format('truetype');
+  }
+  @font-face {
+    font-family: TimesModern-Regular;
+    src: url('/fonts/TimesDigital-Regular.ttf') format('truetype');
+  }
+  @font-face {
+    font-family: TimesDigitalW04-Regular;
+    src: url('/fonts/TimesDigitalW04-Regular.ttf') format('truetype');
+  }
+  @font-face {
+    font-family: Montserrat;
+    src: url('/fonts/Montserrat-Regular.ttf') format('truetype');
+  }
+  @font-face {
+    font-family: TheSun-Bold;
+    src: url('/fonts/TheSun-Bold.ttf') format('truetype');
+  }
+  @font-face {
+    font-family: TheSun-HeavyNarrow;
+    src: url('/fonts/TheSun-HeavyNarrow.ttf') format('truetype');
+  }
+  @font-face {
+    font-family: TheSun-Regular;
+    src: url('/fonts/TheSun-Regular.ttf') format('truetype');
+  }
+  @font-face {
+    font-family: TheSun-Medium;
+    src: url('/fonts/TheSun-Medium.ttf') format('truetype');
+  }
+  @font-face {
+    font-family: 'DM Sans';
+    src: url('/fonts/dmsans-regular-webfont.woff2') format('woff2'),
+      url('/fonts/dmsans-regular-webfont.woff') format('woff');
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+  }
+  @font-face {
+    font-family: 'DM Sans';
+    src: url('/fonts/dmsans-italic-webfont.woff2') format('woff2'),
+      url('/fonts/dmsans-italic-webfont.woff') format('woff');
+    font-style: italic;
+    font-weight: 400;
+    font-display: swap;
+  }
+  @font-face {
+    font-family: 'DM Sans';
+    src: url('/fonts/dmsans-medium-webfont.woff2') format('woff2'),
+      url('/fonts/dmsans-medium-webfont.woff') format('woff');
+    font-style: normal;
+    font-weight: 500;
+    font-display: swap;
+  }
+  @font-face {
+    font-family: 'DM Sans';
+    src: url('/fonts/dmsans-mediumitalic-webfont.woff2') format('woff2'),
+      url('/fonts/dmsans-mediumitalic-webfont.woff') format('woff');
+    font-style: italic;
+    font-weight: 500;
+    font-display: swap;
+  }
+  @font-face {
+    font-family: 'DM Sans';
+    src: url('/fonts/dmsans-bold-webfont.woff2') format('woff2'),
+      url('/fonts/dmsans-bold-webfont.woff') format('woff');
+    font-style: normal;
+    font-weight: 700;
+    font-display: swap;
+  }
+  @font-face {
+    font-family: 'DM Sans';
+    src: url('/fonts/dmsans-bolditalic-webfont.woff2') format('woff2'),
+      url('/fonts/dmsans-bolditalic-webfont.woff') format('woff');
+    font-style: italic;
+    font-weight: 700;
+    font-display: swap;
+  }
+  @font-face {
+    font-family: 'Poppins';
+    src: url('/fonts/poppins-bold-webfont.woff2') format('woff2'),
+      url('/fonts/poppins-bold-webfont.woff') format('woff');
+    font-weight: 700;
+    font-style: normal;
+  }
+  @font-face {
+    font-family: 'Poppins';
+    src: url('/fonts/poppins-bolditalic-webfont.woff2') format('woff2'),
+      url('/fonts/poppins-bolditalic-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: italic;
+  }
+  @font-face {
+    font-family: 'Poppins';
+    src: url('/fonts/poppins-extrabold-webfont.woff2') format('woff2'),
+      url('/fonts/poppins-extrabold-webfont.woff') format('woff');
+    font-weight: 800;
+    font-style: normal;
+  }
+  @font-face {
+    font-family: 'Poppins';
+    src: url('/fonts/poppins-extrabolditalic-webfont.woff2') format('woff2'),
+      url('/fonts/poppins-extrabolditalic-webfont.woff') format('woff');
+    font-weight: 800;
+    font-style: italic;
+  }
+  @font-face {
+    font-family: 'Poppins';
+    src: url('/fonts/poppins-italic-webfont.woff2') format('woff2'),
+      url('/fonts/poppins-italic-webfont.woff') format('woff');
+    font-weight: 400;
+    font-style: italic;
+  }
+  @font-face {
+    font-family: 'Poppins';
+    src: url('/fonts/poppins-light-webfont.woff2') format('woff2'),
+      url('/fonts/poppins-light-webfont.woff') format('woff');
+    font-weight: 300;
+    font-style: normal;
+  }
+  @font-face {
+    font-family: 'Poppins';
+    src: url('/fonts/poppins-lightitalic-webfont.woff2') format('woff2'),
+      url('/fonts/poppins-lightitalic-webfont.woff') format('woff');
+    font-weight: 300;
+    font-style: italic;
+  }
+  @font-face {
+    font-family: 'Poppins';
+    src: url('/fonts/poppins-medium-webfont.woff2') format('woff2'),
+      url('/fonts/poppins-medium-webfont.woff') format('woff');
+    font-weight: 500;
+    font-style: normal;
+  }
+  @font-face {
+    font-family: 'Poppins';
+    src: url('/fonts/poppins-mediumitalic-webfont.woff2') format('woff2'),
+      url('/fonts/poppins-mediumitalic-webfont.woff') format('woff');
+    font-weight: 500;
+    font-style: italic;
+  }
+  @font-face {
+    font-family: 'Poppins';
+    src: url('/fonts/poppins-regular-webfont.woff2') format('woff2'),
+      url('/fonts/poppins-regular-webfont.woff') format('woff');
+    font-weight: 400;
+    font-style: normal;
+  }
+  @font-face {
+    font-family: 'Poppins';
+    src: url('/fonts/poppins-semibold-webfont.woff2') format('woff2'),
+      url('/fonts/poppins-semibold-webfont.woff') format('woff');
+    font-weight: 600;
+    font-style: normal;
+  }
+  @font-face {
+    font-family: 'Poppins';
+    src: url('/fonts/poppins-semibolditalic-webfont.woff2') format('woff2'),
+      url('/fonts/poppins-semibolditalic-webfont.woff') format('woff');
+    font-weight: 600;
+    font-style: italic;
+  }
+  @font-face {
+    font-family: 'DM Mono';
+    src: url('/fonts/dmmono-medium.woff2') format('woff2'),
+      url('/fonts/dmmono-medium.woff') format('woff');
+    font-style: normal;
+    font-weight: 500;
+    font-display: swap;
+  }
+  @font-face {
+    font-family: 'Bitter';
+    src: url('/fonts/bitter-regular.woff2') format('woff2'),
+      url('/fonts/bitter-regular.woff') format('woff');
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+  }
+  @font-face {
+    font-family: 'Bitter';
+    src: url('/fonts/bitter-medium.woff2') format('woff2'),
+      url('/fonts/bitter-medium.woff') format('woff');
+    font-style: normal;
+    font-weight: 500;
+    font-display: swap;
+  }
+  @font-face {
+    font-family: 'Bitter';
+    src: url('/fonts/bitter-mediumitalic.woff2') format('woff2'),
+      url('/fonts/bitter-mediumitalic.woff') format('woff');
+    font-style: italic;
+    font-weight: 500;
+    font-display: swap;
+  }
+  @font-face {
+    font-family: 'Bitter';
+    src: url('/fonts/bitter-semibold.woff2') format('woff2'),
+      url('/fonts/bitter-semibold.woff') format('woff');
+    font-style: normal;
+    font-weight: 600;
+    font-display: swap;
+  }
+
   html,
   body {
     padding: 0;

package/temp/header.tsx

@@ -25,7 +25,7 @@ export const headerSize = 'sizing100'
 
 const StyledHeader = styled.div`
   ${getSizingCssFromTheme('height', headerSize)}
-  ${getColorCssFromTheme('backgroundColor', 'neutral100')};
+  ${getColorCssFromTheme('backgroundColor', 'interfaceBrand010')};
   a,
   a:visited:not(:disabled) {
     ${getColorCssFromTheme('color', 'white')};

package/components/section/layouts/Row.tsx

@@ -1,28 +0,0 @@
-import React from 'react'
-import { Grid, Cell } from 'newskit'
-import { LayoutProps } from './types'
-import { outerGridOverride } from './gridUtils'
-import { getBlock } from './Block'
-
-const Row: React.FC<LayoutProps> = ({ slice }) => (
-  <Grid {...outerGridOverride} data-testid={`${slice.name}-Grid`}>
-    {slice.children.map((block, i) => (
-      <Cell
-        xs={12}
-        md={6}
-        xl={3}
-        key={
-          ('article' in block && block.article.id) ||
-          ('author' in block && block.author.id) ||
-          ('accountId' in block && block.id) ||
-          i
-        }
-        data-testid={`titleTeaserVertical-${i}`}
-      >
-        {getBlock(block, 'titleTeaserVertical')}
-      </Cell>
-    ))}
-  </Grid>
-)
-
-export default Row

package/components/section/layouts/__tests__/SectionRow.test.tsx

@@ -1,56 +0,0 @@
-import { renderWithTheme } from '../../../../helpers/test-utils'
-import { SectionRow } from '../SectionRow'
-import { getPageMock } from '../../../../helpers/mocks'
-import { ArticleSlice } from '../../../../helpers/global-types'
-
-describe('SectionRow', () => {
-  test('SectionRow with title', () => {
-    const { asFragment } = renderWithTheme(SectionRow, {
-      slice: getPageMock.page.body[0].children[1] as ArticleSlice,
-      sectionURL: getPageMock.page.body[0].link.url,
-      collection: getPageMock.page.body[0],
-    })
-    expect(asFragment()).toMatchSnapshot()
-  })
-
-  test('SectionRow without title', () => {
-    const { asFragment } = renderWithTheme(SectionRow, {
-      slice: getPageMock.page.body[0].children[1] as ArticleSlice,
-      sectionURL: getPageMock.page.body[0].link.url,
-      collection: getPageMock.page.body[0],
-      showTitle: false,
-    })
-    expect(asFragment()).toMatchSnapshot()
-  })
-
-  test('SectionRow isDarkBackground', () => {
-    const { asFragment } = renderWithTheme(SectionRow, {
-      slice: getPageMock.page.body[0].children[1] as ArticleSlice,
-      sectionURL: getPageMock.page.body[0].link.url,
-      collection: getPageMock.page.body[0],
-      isDarkBackground: true,
-    })
-    expect(asFragment()).toMatchSnapshot()
-  })
-
-  test('SectionRow without extra space', () => {
-    const { asFragment } = renderWithTheme(SectionRow, {
-      slice: getPageMock.page.body[0].children[1] as ArticleSlice,
-      sectionURL: getPageMock.page.body[0].link.url,
-      collection: getPageMock.page.body[0],
-      addTopSpace: true,
-    })
-    expect(asFragment()).toMatchSnapshot()
-  })
-
-  test('SectionRow alternative titlebar', () => {
-    const { asFragment } = renderWithTheme(SectionRow, {
-      slice: getPageMock.page.body[0].children[1] as ArticleSlice,
-      sectionURL: getPageMock.page.body[0].link.url,
-      collection: getPageMock.page.body[0],
-      titleBarStylePreset: 'inkContrast',
-      titleBarColour: 'transparent',
-    })
-    expect(asFragment()).toMatchSnapshot()
-  })
-})