@times-components/ts-components 1.98.2-alpha.9 → 1.98.2

package/src/components/opta/football/fixtures-ticker/OptaFootballFixturesTicker.stories.tsx

@@ -38,7 +38,7 @@ storiesOf('Typescript Component/In Article/Football/Fixtures', module)
 
 storiesOf('Typescript Component/In Article/Football/Fixtures', module)
   .addDecorator(withKnobs)
-  .add('Fixtures Ticker dark mode and link', () => {
+  .add('Fixtures Ticker buttons and link', () => {
     const selComp = select('Competition', competitons, '8');
     return (
       <OptaFootballFixturesTicker
@@ -50,6 +50,7 @@ storiesOf('Typescript Component/In Article/Football/Fixtures', module)
         days_before={number('days before (of current day)', 100)}
         round={text('round(s)', '')}
         fixturesPageUrl="https://www.thetimes.co.uk/sport/football/euro-2024"
+        showButtons
       />
     );
   });

package/src/components/opta/football/fixtures-ticker/OptaFootballFixturesTicker.tsx

@@ -25,6 +25,7 @@ export const OptaFootballFixturesTicker: React.FC<{
   days_before?: number;
   round?: string;
   isApp?: boolean;
+  showButtons?: boolean;
   fixturesPageUrl?: string;
 }> = React.memo(
   ({
@@ -36,6 +37,7 @@ export const OptaFootballFixturesTicker: React.FC<{
     days_before,
     round,
     isApp,
+    showButtons,
     fixturesPageUrl
   }) => {
     const ref = React.createRef<HTMLDivElement>();
@@ -93,7 +95,7 @@ export const OptaFootballFixturesTicker: React.FC<{
 
     return (
       <>
-        <WidgetContainer isApp={isApp} ref={ref} />
+        <WidgetContainer isApp={isApp} showButtons={showButtons} ref={ref} />
 
         {!isReady && (
           <PlaceholderContainer height={80}>

package/src/components/opta/football/fixtures-ticker/__tests__/__snapshots__/OptaFootballFixturesTicker.test.tsx.snap

@@ -3,7 +3,7 @@
 exports[`OptaFootballFixturesTicker with flags should render correctly 1`] = `
 <DocumentFragment>
   <div
-    class="sc-htpNat sc-ifAKCX hQSDgw"
+    class="sc-htpNat sc-ifAKCX brWdln"
   />
   <div
     class="sc-bwzfXH uxFfR"
@@ -17,7 +17,7 @@ exports[`OptaFootballFixturesTicker with flags should render correctly 1`] = `
 exports[`OptaFootballFixturesTicker with flags should render correctly 2`] = `
 <DocumentFragment>
   <div
-    class="sc-htpNat sc-ifAKCX hQSDgw"
+    class="sc-htpNat sc-ifAKCX brWdln"
   >
     <div>
       Widget
@@ -29,7 +29,7 @@ exports[`OptaFootballFixturesTicker with flags should render correctly 2`] = `
 exports[`OptaFootballFixturesTicker without flags should render correctly 1`] = `
 <DocumentFragment>
   <div
-    class="sc-htpNat sc-ifAKCX hQSDgw"
+    class="sc-htpNat sc-ifAKCX brWdln"
   />
   <div
     class="sc-bwzfXH uxFfR"
@@ -43,7 +43,7 @@ exports[`OptaFootballFixturesTicker without flags should render correctly 1`] =
 exports[`OptaFootballFixturesTicker without flags should render correctly 2`] = `
 <DocumentFragment>
   <div
-    class="sc-htpNat sc-ifAKCX hQSDgw"
+    class="sc-htpNat sc-ifAKCX brWdln"
   >
     <div>
       Widget
@@ -55,7 +55,7 @@ exports[`OptaFootballFixturesTicker without flags should render correctly 2`] =
 exports[`OptaFootballFixturesTicker without flags should render correctly with fixturesPageUrl 1`] = `
 <DocumentFragment>
   <div
-    class="sc-htpNat sc-ifAKCX hQSDgw"
+    class="sc-htpNat sc-ifAKCX brWdln"
   />
   <div
     class="sc-bwzfXH uxFfR"
@@ -69,7 +69,7 @@ exports[`OptaFootballFixturesTicker without flags should render correctly with f
 exports[`OptaFootballFixturesTicker without flags should render correctly with fixturesPageUrl 2`] = `
 <DocumentFragment>
   <div
-    class="sc-htpNat sc-ifAKCX hQSDgw"
+    class="sc-htpNat sc-ifAKCX brWdln"
   >
     <div>
       Widget
@@ -81,7 +81,7 @@ exports[`OptaFootballFixturesTicker without flags should render correctly with f
 exports[`OptaFootballFixturesTicker without flags should render correctly with isApp property 1`] = `
 <DocumentFragment>
   <div
-    class="sc-htpNat sc-ifAKCX dAhuBS"
+    class="sc-htpNat sc-ifAKCX eAWYad"
   />
   <div
     class="sc-bwzfXH uxFfR"
@@ -95,7 +95,7 @@ exports[`OptaFootballFixturesTicker without flags should render correctly with i
 exports[`OptaFootballFixturesTicker without flags should render correctly with isApp property 2`] = `
 <DocumentFragment>
   <div
-    class="sc-htpNat sc-ifAKCX dAhuBS"
+    class="sc-htpNat sc-ifAKCX eAWYad"
   >
     <div>
       Widget

package/src/components/opta/football/fixtures-ticker/styles.ts

@@ -41,6 +41,7 @@ export const WidgetContainerOverride = styled(WidgetContainerBase)`
 
 export const WidgetContainer = styled(WidgetContainerBase)<{
   isApp?: boolean;
+  showButtons?: boolean;
 }>`
   .Opta {
     font-family: Roboto !important;
@@ -52,18 +53,26 @@ export const WidgetContainer = styled(WidgetContainerBase)<{
     height: 80px !important;
   }
 
-  @media (max-width: ${breakpoints.small}px) {
-    .Opta-Scroller {
-      display: none !important;
+  ${({ showButtons }) =>
+    !showButtons &&
+    `
+    @media (max-width: ${breakpoints.small}px) {
+      .Opta-Scroller {
+        display: none !important;
+      }
     }
-  }
+  `}
 
   @media (max-width: ${breakpoints.small}px) {
     .Opta-Window {
-      left: 0 !important;
+      left: ${({ showButtons }) => (showButtons ? '30px' : '0')} !important;
       right: 0 !important;
-      overflow-x: auto !important;
-      position: relative !important;
+      ${({ showButtons }) =>
+        showButtons
+          ? 'width: calc(100% - 60px) !important;'
+          : `
+        overflow-x: auto !important;
+        position: relative !important;`}
     }
   }
 

package/src/index.ts

@@ -21,9 +21,8 @@ export {
 } from './components/article-flag/ArticleFlag';
 export { Timelines } from './components/in-article-timelines/Timelines';
 export { SaveStar } from './components/save-star/SaveStar';
-export { Breadcrumb } from './components/breadcrumb';
 
-// Newsletter Components.
+// Newsletter Components
 export {
   AutoNewsletterPuff
 } from './components/newsletter-puff/AutoNewsletterPuff';
@@ -34,7 +33,7 @@ export {
   PreviewNewsletterPuff
 } from './components/newsletter-puff/preview-newsletter-puff/PreviewNewsletterPuff';
 
-// Sport Components.
+// Sport Components
 export {
   OptaCricketScorecard
 } from './components/opta/cricket/scorecard/OptaCricketScorecard';

package/tsconfig.json

@@ -9,7 +9,6 @@
     "declaration": true,
     "inlineSourceMap": true,
     "esModuleInterop": true /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */,
-    "resolveJsonModule": true /* Import JSON files */ ,
 
     "strict": true /* Enable all strict type-checking options. */,
 

package/dist/assets/BreadcrumbIcon.d.ts

@@ -1,2 +0,0 @@
-declare const BreadcrumbIcon: (props: any) => JSX.Element;
-export default BreadcrumbIcon;

package/dist/assets/BreadcrumbIcon.js

@@ -1,5 +0,0 @@
-import * as React from 'react';
-const BreadcrumbIcon = (props) => (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none" }, props),
-    React.createElement("path", { fill: props.color, d: "m6.667 4-.94.94L8.78 8l-3.053 3.06.94.94 4-4-4-4Z" })));
-export default BreadcrumbIcon;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnJlYWRjcnVtYkljb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvYXNzZXRzL0JyZWFkY3J1bWJJY29uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMvQixNQUFNLGNBQWMsR0FBRyxDQUFDLEtBQVUsRUFBRSxFQUFFLENBQUMsQ0FDckMsMkNBQ0UsS0FBSyxFQUFDLDRCQUE0QixFQUNsQyxLQUFLLEVBQUUsRUFBRSxFQUNULE1BQU0sRUFBRSxFQUFFLEVBQ1YsSUFBSSxFQUFDLE1BQU0sSUFDUCxLQUFLO0lBRVQsOEJBQ0UsSUFBSSxFQUFFLEtBQUssQ0FBQyxLQUFLLEVBQ2pCLENBQUMsRUFBQyxtREFBbUQsR0FDckQsQ0FDRSxDQUNQLENBQUM7QUFDRixlQUFlLGNBQWMsQ0FBQyJ9

package/dist/assets/index.d.ts

@@ -1 +0,0 @@
-export { default as BreadcrumbIcon } from './BreadcrumbIcon';

package/dist/assets/index.js

@@ -1,2 +0,0 @@
-export { default as BreadcrumbIcon } from './BreadcrumbIcon';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvYXNzZXRzL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxJQUFJLGNBQWMsRUFBRSxNQUFNLGtCQUFrQixDQUFDIn0=

package/dist/components/breadcrumb/__tests__/index.test.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom';

package/dist/components/breadcrumb/__tests__/index.test.js

@@ -1,40 +0,0 @@
-import React from 'react';
-import '@testing-library/jest-dom';
-import { render, fireEvent } from '@testing-library/react';
-import { Breadcrumb } from '../index';
-import { breadcrumbItems } from '../fixtures/breadcrumbs.json';
-import { TrackingContextProvider } from '../../../helpers/tracking/TrackingContextProvider';
-describe('Render Breadcrumbs', () => {
-    const renderBreadcrumb = (analyticsStream) => render(React.createElement(TrackingContextProvider, { context: {
-            component: 'breadcrumb',
-            attrs: {}
-        }, analyticsStream: analyticsStream },
-        React.createElement(Breadcrumb, { data: breadcrumbItems })));
-    it('should render a snapshot', () => {
-        const { asFragment } = renderBreadcrumb();
-        expect(asFragment()).toMatchSnapshot();
-    });
-    it('should render the component', () => {
-        const { getByText } = renderBreadcrumb();
-        const getBreadcrumb = getByText('Tennis');
-        expect(getBreadcrumb).toBeInTheDocument();
-    });
-    it('items should have link with href', () => {
-        const { getAllByRole } = renderBreadcrumb();
-        const title = getAllByRole('link')[0];
-        expect(title).toHaveAttribute('href', '/sport');
-    });
-    it('last breadcrumb should be selected', () => {
-        const { getAllByRole } = renderBreadcrumb();
-        const title = getAllByRole('link')[2];
-        expect(title).toHaveAttribute('aria-current', 'page');
-    });
-    it('calls analyticsStream when you click', () => {
-        const analyticsStream = jest.fn();
-        const { getByText } = renderBreadcrumb(analyticsStream);
-        const breadcrumb = getByText('Tennis');
-        fireEvent.click(breadcrumb);
-        expect(analyticsStream).toHaveBeenCalledTimes(1);
-    });
-});
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXgudGVzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2JyZWFkY3J1bWIvX190ZXN0c19fL2luZGV4LnRlc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLDJCQUEyQixDQUFDO0FBQ25DLE9BQU8sRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDM0QsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUN0QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDL0QsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sbURBQW1ELENBQUM7QUFFNUYsUUFBUSxDQUFDLG9CQUFvQixFQUFFLEdBQUcsRUFBRTtJQUNsQyxNQUFNLGdCQUFnQixHQUFHLENBQUMsZUFBc0MsRUFBRSxFQUFFLENBQ2xFLE1BQU0sQ0FDSixvQkFBQyx1QkFBdUIsSUFDdEIsT0FBTyxFQUFFO1lBQ1AsU0FBUyxFQUFFLFlBQVk7WUFDdkIsS0FBSyxFQUFFLEVBQUU7U0FDVixFQUNELGVBQWUsRUFBRSxlQUFlO1FBRWhDLG9CQUFDLFVBQVUsSUFBQyxJQUFJLEVBQUUsZUFBZSxHQUFJLENBQ2IsQ0FDM0IsQ0FBQztJQUNKLEVBQUUsQ0FBQywwQkFBMEIsRUFBRSxHQUFHLEVBQUU7UUFDbEMsTUFBTSxFQUFFLFVBQVUsRUFBRSxHQUFHLGdCQUFnQixFQUFFLENBQUM7UUFDMUMsTUFBTSxDQUFDLFVBQVUsRUFBRSxDQUFDLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDekMsQ0FBQyxDQUFDLENBQUM7SUFFSCxFQUFFLENBQUMsNkJBQTZCLEVBQUUsR0FBRyxFQUFFO1FBQ3JDLE1BQU0sRUFBRSxTQUFTLEVBQUUsR0FBRyxnQkFBZ0IsRUFBRSxDQUFDO1FBQ3pDLE1BQU0sYUFBYSxHQUFHLFNBQVMsQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUMxQyxNQUFNLENBQUMsYUFBYSxDQUFDLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUM1QyxDQUFDLENBQUMsQ0FBQztJQUVILEVBQUUsQ0FBQyxrQ0FBa0MsRUFBRSxHQUFHLEVBQUU7UUFDMUMsTUFBTSxFQUFFLFlBQVksRUFBRSxHQUFHLGdCQUFnQixFQUFFLENBQUM7UUFDNUMsTUFBTSxLQUFLLEdBQUcsWUFBWSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ3RDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxlQUFlLENBQUMsTUFBTSxFQUFFLFFBQVEsQ0FBQyxDQUFDO0lBQ2xELENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLG9DQUFvQyxFQUFFLEdBQUcsRUFBRTtRQUM1QyxNQUFNLEVBQUUsWUFBWSxFQUFFLEdBQUcsZ0JBQWdCLEVBQUUsQ0FBQztRQUM1QyxNQUFNLEtBQUssR0FBRyxZQUFZLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDdEMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLGVBQWUsQ0FBQyxjQUFjLEVBQUUsTUFBTSxDQUFDLENBQUM7SUFDeEQsQ0FBQyxDQUFDLENBQUM7SUFFSCxFQUFFLENBQUMsc0NBQXNDLEVBQUUsR0FBRyxFQUFFO1FBQzlDLE1BQU0sZUFBZSxHQUFHLElBQUksQ0FBQyxFQUFFLEVBQUUsQ0FBQztRQUNsQyxNQUFNLEVBQUUsU0FBUyxFQUFFLEdBQUcsZ0JBQWdCLENBQUMsZUFBZSxDQUFDLENBQUM7UUFDeEQsTUFBTSxVQUFVLEdBQUcsU0FBUyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQ3ZDLFNBQVMsQ0FBQyxLQUFLLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDNUIsTUFBTSxDQUFDLGVBQWUsQ0FBQyxDQUFDLHFCQUFxQixDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ25ELENBQUMsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyxDQUFDLENBQUMifQ==

package/dist/components/breadcrumb/fixtures/breadcrumbs.json

@@ -1,27 +0,0 @@
-{
-    "breadcrumbItems": [
-        {
-            "title": "Sport",
-            "url": "/sport"
-        },
-        {
-            "title": "Tennis",
-            "url": "/sport/tennis"
-        },
-        {
-            "title": "Australian Open",
-            "url": "/australian open"
-        }
-    ],
-    "breadcrumbItemsForTrackingDemo": [
-        {
-            "title": "Sport"
-        },
-        {
-            "title": "Tennis"
-        },
-        {
-            "title": "Australian Open"
-        }
-    ]
-}

package/dist/components/breadcrumb/index.d.ts

@@ -1,9 +0,0 @@
-declare type BreadcrumbsItem = {
-    title: string;
-    url?: string;
-};
-declare type BreadcrumbProps = {
-    data: BreadcrumbsItem[];
-};
-export declare const Breadcrumb: ({ data }: BreadcrumbProps) => JSX.Element;
-export {};

package/dist/components/breadcrumb/index.js

@@ -1,28 +0,0 @@
-import React from 'react';
-import { Breadcrumbs, BreadcrumbItem, IconContainer, styleMap } from './styles';
-import { BreadcrumbIcon } from '../../assets';
-import { TrackingContextProvider } from '../../helpers/tracking/TrackingContextProvider';
-export const Breadcrumb = ({ data }) => {
-    const clickEvent = (title) => ({
-        object: 'Breadcrumb',
-        action: 'Clicked',
-        attrs: {
-            event_navigation_action: 'navigation',
-            event_navigation_name: 'header:selection',
-            event_navigation_browsing_method: 'click',
-            article_parent_name: `breadcrumb : ${title}`
-        }
-    });
-    const handleClick = (fireAnalyticsEvent, title) => {
-        fireAnalyticsEvent && fireAnalyticsEvent(clickEvent(title));
-    };
-    const getBreadcrumbSeparator = (index, arr) => index < arr.length - 1;
-    return (React.createElement(TrackingContextProvider, null, ({ fireAnalyticsEvent }) => (React.createElement(Breadcrumbs, { "aria-label": "breadcrumbs" }, data.map((breadcrumbItem, breadcrumbIndex, breadcrumbArr) => {
-        const showSeparator = getBreadcrumbSeparator(breadcrumbIndex, breadcrumbArr);
-        return showSeparator ? (React.createElement(React.Fragment, null,
-            React.createElement(BreadcrumbItem, { key: breadcrumbItem.title, "aria-current": "false", href: breadcrumbItem.url, selected: false, onClick: () => handleClick(fireAnalyticsEvent, breadcrumbItem.title) }, breadcrumbItem.title),
-            React.createElement(IconContainer, null,
-                React.createElement(BreadcrumbIcon, { color: styleMap.colors.inkNonEssential })))) : (React.createElement(BreadcrumbItem, { "aria-current": "page", key: breadcrumbItem.title, href: breadcrumbItem.url, selected: true, onClick: () => handleClick(fireAnalyticsEvent, breadcrumbItem.title) }, breadcrumbItem.title));
-    })))));
-};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9icmVhZGNydW1iL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLFdBQVcsRUFBRSxjQUFjLEVBQUUsYUFBYSxFQUFFLFFBQVEsRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUNoRixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzlDLE9BQU8sRUFFTCx1QkFBdUIsRUFDeEIsTUFBTSxnREFBZ0QsQ0FBQztBQVd4RCxNQUFNLENBQUMsTUFBTSxVQUFVLEdBQUcsQ0FBQyxFQUFFLElBQUksRUFBbUIsRUFBRSxFQUFFO0lBQ3RELE1BQU0sVUFBVSxHQUFHLENBQUMsS0FBYSxFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQ3JDLE1BQU0sRUFBRSxZQUFZO1FBQ3BCLE1BQU0sRUFBRSxTQUFTO1FBQ2pCLEtBQUssRUFBRTtZQUNMLHVCQUF1QixFQUFFLFlBQVk7WUFDckMscUJBQXFCLEVBQUUsa0JBQWtCO1lBQ3pDLGdDQUFnQyxFQUFFLE9BQU87WUFDekMsbUJBQW1CLEVBQUUsZ0JBQWdCLEtBQUssRUFBRTtTQUM3QztLQUNGLENBQUMsQ0FBQztJQUVILE1BQU0sV0FBVyxHQUFHLENBQ2xCLGtCQUFrRCxFQUNsRCxLQUFhLEVBQ2IsRUFBRTtRQUNGLGtCQUFrQixJQUFJLGtCQUFrQixDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDO0lBQzlELENBQUMsQ0FBQztJQUVGLE1BQU0sc0JBQXNCLEdBQUcsQ0FBQyxLQUFhLEVBQUUsR0FBVSxFQUFFLEVBQUUsQ0FDM0QsS0FBSyxHQUFHLEdBQUcsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDO0lBRXpCLE9BQU8sQ0FDTCxvQkFBQyx1QkFBdUIsUUFDckIsQ0FBQyxFQUFFLGtCQUFrQixFQUFFLEVBQUUsRUFBRSxDQUFDLENBQzNCLG9CQUFDLFdBQVcsa0JBQVksYUFBYSxJQUNsQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsY0FBYyxFQUFFLGVBQWUsRUFBRSxhQUFhLEVBQUUsRUFBRTtRQUMzRCxNQUFNLGFBQWEsR0FBRyxzQkFBc0IsQ0FDMUMsZUFBZSxFQUNmLGFBQWEsQ0FDZCxDQUFDO1FBQ0YsT0FBTyxhQUFhLENBQUMsQ0FBQyxDQUFDLENBQ3JCO1lBQ0Usb0JBQUMsY0FBYyxJQUNiLEdBQUcsRUFBRSxjQUFjLENBQUMsS0FBSyxrQkFDWixPQUFPLEVBQ3BCLElBQUksRUFBRSxjQUFjLENBQUMsR0FBRyxFQUN4QixRQUFRLEVBQUUsS0FBSyxFQUNmLE9BQU8sRUFBRSxHQUFHLEVBQUUsQ0FDWixXQUFXLENBQUMsa0JBQWtCLEVBQUUsY0FBYyxDQUFDLEtBQUssQ0FBQyxJQUd0RCxjQUFjLENBQUMsS0FBSyxDQUNOO1lBQ2pCLG9CQUFDLGFBQWE7Z0JBQ1osb0JBQUMsY0FBYyxJQUFDLEtBQUssRUFBRSxRQUFRLENBQUMsTUFBTSxDQUFDLGVBQWUsR0FBSSxDQUM1QyxDQUNmLENBQ0osQ0FBQyxDQUFDLENBQUMsQ0FDRixvQkFBQyxjQUFjLG9CQUNBLE1BQU0sRUFDbkIsR0FBRyxFQUFFLGNBQWMsQ0FBQyxLQUFLLEVBQ3pCLElBQUksRUFBRSxjQUFjLENBQUMsR0FBRyxFQUN4QixRQUFRLEVBQUUsSUFBSSxFQUNkLE9BQU8sRUFBRSxHQUFHLEVBQUUsQ0FDWixXQUFXLENBQUMsa0JBQWtCLEVBQUUsY0FBYyxDQUFDLEtBQUssQ0FBQyxJQUd0RCxjQUFjLENBQUMsS0FBSyxDQUNOLENBQ2xCLENBQUM7SUFDSixDQUFDLENBQUMsQ0FDVSxDQUNmLENBQ3VCLENBQzNCLENBQUM7QUFDSixDQUFDLENBQUMifQ==

package/dist/components/breadcrumb/styles.d.ts

@@ -1,13 +0,0 @@
-export declare const styleMap: {
-    colors: {
-        blue070: string;
-        inkContrast: string;
-        inkSubtle: string;
-        inkNonEssential: string;
-    };
-};
-export declare const BreadcrumbItem: import("styled-components").StyledComponent<"a", any, {
-    selected: boolean;
-}, never>;
-export declare const Breadcrumbs: import("styled-components").StyledComponent<"nav", any, {}, never>;
-export declare const IconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/breadcrumb/styles.js

@@ -1,39 +0,0 @@
-import styled from 'styled-components';
-export const styleMap = {
-    colors: {
-        blue070: '#006699',
-        inkContrast: '#01000d',
-        inkSubtle: '#696969',
-        inkNonEssential: '#aaaaaa'
-    }
-};
-export const BreadcrumbItem = styled.a `
-color: inherit;
-text-decoration: none;
-display: inline-grid;
-font-family: Roboto-Regular;
-font-size: 12px;
-font-weight: 500;
-line-height: 1.250;
-letter-spacing: 0%;
-font-stretch: normal
-display: inline-grid;
-background-color: transparent;
-min-height: 32px;
-border: none;
-place-content: center;
-color: ${({ selected }) => selected ? styleMap.colors.inkContrast : styleMap.colors.inkSubtle};
-&:hover {
-  color: ${styleMap.colors.blue070}
-};
-`;
-export const Breadcrumbs = styled.nav `
-  display: flex;
-`;
-export const IconContainer = styled.div `
-  height: 32px;
-  display: flex;
-  align-items: center;
-  padding-inline: 8px;
-`;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYnJlYWRjcnVtYi9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxNQUFNLE1BQU0sbUJBQW1CLENBQUM7QUFFdkMsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHO0lBQ3RCLE1BQU0sRUFBRTtRQUNOLE9BQU8sRUFBRSxTQUFTO1FBQ2xCLFdBQVcsRUFBRSxTQUFTO1FBQ3RCLFNBQVMsRUFBRSxTQUFTO1FBQ3BCLGVBQWUsRUFBRSxTQUFTO0tBQzNCO0NBQ0YsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRyxNQUFNLENBQUMsQ0FBQyxDQUF1Qjs7Ozs7Ozs7Ozs7Ozs7O1NBZXBELENBQUMsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFLENBQ3hCLFFBQVEsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsU0FBUzs7V0FFekQsUUFBUSxDQUFDLE1BQU0sQ0FBQyxPQUFPOztDQUVqQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7O0NBRXBDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTs7Ozs7Q0FLdEMsQ0FBQyJ9

package/src/assets/BreadcrumbIcon.tsx

@@ -1,16 +0,0 @@
-import * as React from 'react';
-const BreadcrumbIcon = (props: any) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={16}
-    height={16}
-    fill="none"
-    {...props}
-  >
-    <path
-      fill={props.color}
-      d="m6.667 4-.94.94L8.78 8l-3.053 3.06.94.94 4-4-4-4Z"
-    />
-  </svg>
-);
-export default BreadcrumbIcon;

package/src/assets/icons.stories.mdx

@@ -1 +0,0 @@
-overrides={{size: "sizing050"}}

package/src/assets/index.tsx

@@ -1 +0,0 @@
-export { default as BreadcrumbIcon } from './BreadcrumbIcon';

package/src/components/breadcrumb/__tests__/__snapshots__/index.test.tsx.snap

@@ -1,64 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Render Breadcrumbs should render a snapshot 1`] = `
-<DocumentFragment>
-  <nav
-    aria-label="breadcrumbs"
-    class="sc-bwzfXH jIEWCi"
-  >
-    <a
-      aria-current="false"
-      class="sc-bdVaJa gZsChJ"
-      href="/sport"
-    >
-      Sport
-    </a>
-    <div
-      class="sc-htpNat jVxkgC"
-    >
-      <svg
-        color="#aaaaaa"
-        fill="none"
-        height="16"
-        width="16"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <path
-          d="m6.667 4-.94.94L8.78 8l-3.053 3.06.94.94 4-4-4-4Z"
-          fill="#aaaaaa"
-        />
-      </svg>
-    </div>
-    <a
-      aria-current="false"
-      class="sc-bdVaJa gZsChJ"
-      href="/sport/tennis"
-    >
-      Tennis
-    </a>
-    <div
-      class="sc-htpNat jVxkgC"
-    >
-      <svg
-        color="#aaaaaa"
-        fill="none"
-        height="16"
-        width="16"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <path
-          d="m6.667 4-.94.94L8.78 8l-3.053 3.06.94.94 4-4-4-4Z"
-          fill="#aaaaaa"
-        />
-      </svg>
-    </div>
-    <a
-      aria-current="page"
-      class="sc-bdVaJa gItCja"
-      href="/australian open"
-    >
-      Australian Open
-    </a>
-  </nav>
-</DocumentFragment>
-`;

package/src/components/breadcrumb/__tests__/index.test.tsx

@@ -1,51 +0,0 @@
-import React from 'react';
-import '@testing-library/jest-dom';
-import { render, fireEvent } from '@testing-library/react';
-import { Breadcrumb } from '../index';
-import { breadcrumbItems } from '../fixtures/breadcrumbs.json';
-import { TrackingContextProvider } from '../../../helpers/tracking/TrackingContextProvider';
-
-describe('Render Breadcrumbs', () => {
-  const renderBreadcrumb = (analyticsStream?: (event: any) => void) =>
-    render(
-      <TrackingContextProvider
-        context={{
-          component: 'breadcrumb',
-          attrs: {}
-        }}
-        analyticsStream={analyticsStream}
-      >
-        <Breadcrumb data={breadcrumbItems} />
-      </TrackingContextProvider>
-    );
-  it('should render a snapshot', () => {
-    const { asFragment } = renderBreadcrumb();
-    expect(asFragment()).toMatchSnapshot();
-  });
-
-  it('should render the component', () => {
-    const { getByText } = renderBreadcrumb();
-    const getBreadcrumb = getByText('Tennis');
-    expect(getBreadcrumb).toBeInTheDocument();
-  });
-
-  it('items should have link with href', () => {
-    const { getAllByRole } = renderBreadcrumb();
-    const title = getAllByRole('link')[0];
-    expect(title).toHaveAttribute('href', '/sport');
-  });
-
-  it('last breadcrumb should be selected', () => {
-    const { getAllByRole } = renderBreadcrumb();
-    const title = getAllByRole('link')[2];
-    expect(title).toHaveAttribute('aria-current', 'page');
-  });
-
-  it('calls analyticsStream when you click', () => {
-    const analyticsStream = jest.fn();
-    const { getByText } = renderBreadcrumb(analyticsStream);
-    const breadcrumb = getByText('Tennis');
-    fireEvent.click(breadcrumb);
-    expect(analyticsStream).toHaveBeenCalledTimes(1);
-  });
-});

package/src/components/breadcrumb/breadcrumb.stories.mdx

@@ -1,47 +0,0 @@
-import { Meta, Story, Props } from '@storybook/addon-docs'
-import { Breadcrumb } from './index.tsx';
-import { breadcrumbItems, breadcrumbItemsForTrackingDemo } from './fixtures/breadcrumbs.json';
-import { TrackingContextProvider } from '@times-components/ts-newskit/src';
-import analyticsStream from "../../fixtures/analytics-actions/analytics-actions";
-
-<Meta
-  title="Components/Navigation/Breadcrumb"
-  component={Breadcrumb}
-/>
-
-# Breadcrumb component
-The `Breadcrumb` component displays your hierarchical position on the website.
-
-This takes in a `data` prop, as below, to display the links in their order within the data object.
-
-## Props
-<Props of={Breadcrumb} />
-
-## Code Example
-`<Breadcrumb data={data} />`
-
-An example of the `data` structure can be found in the 'Controls' section on the 'Canvas' tab, where you can customise the data being fed to the Breadcrumb component.
-
-## View Component
-Please click the 'Canvas' tab for a better viewing experience, where you can update the props and review at the different breakpoints by clicking the preview icon and selecting from our list of pre-defined breakpoints (XS, SM, MD, LG and XL).
-
-export const BreadcrumbStory = ({ data }) => (
-  <TrackingContextProvider
-      analyticsStream={analyticsStream}
-      context={{
-        component: 'breadcrumb',
-        attrs: {
-        }
-      }}
-    >
-    <Breadcrumb {...{ data }} />
-  </TrackingContextProvider>
-);
-
-<Story name="Breadcrumb" args={{ data: breadcrumbItems }}>
-  {BreadcrumbStory.bind({})}
-</Story>
-
-<Story name="Breadcrumb - tracking demo" args={{ data: breadcrumbItemsForTrackingDemo }}>
-  {BreadcrumbStory.bind({})}
-</Story>

package/src/components/breadcrumb/fixtures/breadcrumbs.json

@@ -1,27 +0,0 @@
-{
-    "breadcrumbItems": [
-      {
-        "title": "Sport",
-        "url": "/sport"
-      },
-      {
-        "title": "Tennis",
-        "url": "/sport/tennis"
-      },
-      {
-        "title": "Australian Open",
-        "url": "/australian open"
-      }
-    ],
-    "breadcrumbItemsForTrackingDemo" : [
-      {
-        "title": "Sport"
-      },
-      {
-        "title": "Tennis"
-      },
-      {
-        "title": "Australian Open"
-      }
-    ]
-}