@times-components/ts-components 1.115.0 → 1.115.1-alpha.13

package/dist/components/article-cards/ArticleCard.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { ArticleCardsProps } from './types';
+export declare const ArticleCard: FC<ArticleCardsProps>;

package/dist/components/article-cards/ArticleCard.js

@@ -0,0 +1,38 @@
+import React, { Fragment } from 'react';
+import Card from './Card/Card';
+import { Container, Divider, Grid, Title } from './styles';
+export const ArticleCard = ({ element }) => {
+    const decodeBase64 = (value) => {
+        try {
+            const binaryString = atob(value);
+            const textDecoder = new TextDecoder('utf-8');
+            const binaryArray = Uint8Array.from(binaryString, char => char.charCodeAt(0));
+            return textDecoder.decode(binaryArray);
+        }
+        catch (error) {
+            // tslint:disable-next-line:no-console
+            console.error('Failed to decode base64 string:', value, error);
+            return value;
+        }
+    };
+    const decodedArticles = JSON.parse(atob(element.articles || '')).map((article) => ({
+        id: decodeBase64(article.id),
+        headline: decodeBase64(article.headline),
+        summary: decodeBase64(article.summary),
+        label: decodeBase64(article.label),
+        url: decodeBase64(article.url),
+        image: {
+            alt: decodeBase64(article.image.alt),
+            url: decodeBase64(article.image.url)
+        }
+    }));
+    const numOfArticles = decodedArticles.length;
+    return (React.createElement(Container, null,
+        React.createElement(Divider, null),
+        React.createElement(Title, null, element.title),
+        React.createElement(Grid, { columns: numOfArticles }, decodedArticles.map((article, index) => {
+            return (React.createElement(Fragment, { key: article.id },
+                React.createElement(Card, { article: article, sectionTitle: article.headline, numOfArticles: numOfArticles, isLeadingArticle: index === 0, isLastCard: index === numOfArticles - 1 })));
+        }))));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXJ0aWNsZUNhcmQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9hcnRpY2xlLWNhcmRzL0FydGljbGVDYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFNLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUM1QyxPQUFPLElBQUksTUFBTSxhQUFhLENBQUM7QUFDL0IsT0FBTyxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUczRCxNQUFNLENBQUMsTUFBTSxXQUFXLEdBQTBCLENBQUMsRUFBRSxPQUFPLEVBQUUsRUFBRSxFQUFFO0lBQ2hFLE1BQU0sWUFBWSxHQUFHLENBQUMsS0FBYSxFQUFVLEVBQUU7UUFDN0MsSUFBSTtZQUNGLE1BQU0sWUFBWSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUVqQyxNQUFNLFdBQVcsR0FBRyxJQUFJLFdBQVcsQ0FBQyxPQUFPLENBQUMsQ0FBQztZQUM3QyxNQUFNLFdBQVcsR0FBRyxVQUFVLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRSxJQUFJLENBQUMsRUFBRSxDQUN2RCxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUNuQixDQUFDO1lBRUYsT0FBTyxXQUFXLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1NBQ3hDO1FBQUMsT0FBTyxLQUFLLEVBQUU7WUFDZCxzQ0FBc0M7WUFDdEMsT0FBTyxDQUFDLEtBQUssQ0FBQyxpQ0FBaUMsRUFBRSxLQUFLLEVBQUUsS0FBSyxDQUFDLENBQUM7WUFDL0QsT0FBTyxLQUFLLENBQUM7U0FDZDtJQUNILENBQUMsQ0FBQztJQUVGLE1BQU0sZUFBZSxHQUFtQixJQUFJLENBQUMsS0FBSyxDQUNoRCxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsSUFBSSxFQUFFLENBQUMsQ0FDN0IsQ0FBQyxHQUFHLENBQUMsQ0FBQyxPQUFxQixFQUFFLEVBQUUsQ0FBQyxDQUFDO1FBQ2hDLEVBQUUsRUFBRSxZQUFZLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQztRQUM1QixRQUFRLEVBQUUsWUFBWSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUM7UUFDeEMsT0FBTyxFQUFFLFlBQVksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDO1FBQ3RDLEtBQUssRUFBRSxZQUFZLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQztRQUNsQyxHQUFHLEVBQUUsWUFBWSxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUM7UUFDOUIsS0FBSyxFQUFFO1lBQ0wsR0FBRyxFQUFFLFlBQVksQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQztZQUNwQyxHQUFHLEVBQUUsWUFBWSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDO1NBQ3JDO0tBQ0YsQ0FBQyxDQUFDLENBQUM7SUFFSixNQUFNLGFBQWEsR0FBRyxlQUFlLENBQUMsTUFBTSxDQUFDO0lBRTdDLE9BQU8sQ0FDTCxvQkFBQyxTQUFTO1FBQ1Isb0JBQUMsT0FBTyxPQUFHO1FBQ1gsb0JBQUMsS0FBSyxRQUFFLE9BQU8sQ0FBQyxLQUFLLENBQVM7UUFDOUIsb0JBQUMsSUFBSSxJQUFDLE9BQU8sRUFBRSxhQUFhLElBQ3pCLGVBQWUsQ0FBQyxHQUFHLENBQUMsQ0FBQyxPQUFPLEVBQUUsS0FBSyxFQUFFLEVBQUU7WUFDdEMsT0FBTyxDQUNMLG9CQUFDLFFBQVEsSUFBQyxHQUFHLEVBQUUsT0FBTyxDQUFDLEVBQUU7Z0JBQ3ZCLG9CQUFDLElBQUksSUFDSCxPQUFPLEVBQUUsT0FBTyxFQUNoQixZQUFZLEVBQUUsT0FBTyxDQUFDLFFBQVEsRUFDOUIsYUFBYSxFQUFFLGFBQWEsRUFDNUIsZ0JBQWdCLEVBQUUsS0FBSyxLQUFLLENBQUMsRUFDN0IsVUFBVSxFQUFFLEtBQUssS0FBSyxhQUFhLEdBQUcsQ0FBQyxHQUN2QyxDQUNPLENBQ1osQ0FBQztRQUNKLENBQUMsQ0FBQyxDQUNHLENBQ0csQ0FDYixDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=

package/dist/components/article-cards/Card/Card.d.ts

@@ -0,0 +1,3 @@
+import { ArticleCardProps } from '../types';
+declare const Card: (props: ArticleCardProps) => JSX.Element;
+export default Card;

package/dist/components/article-cards/Card/Card.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import { StyledCard, StyledContent, StyledDivider, StyledImg, StyledLink, StyledMedia, StyledPicture, StyledText, Hidden } from './styles';
+const Card = (props) => {
+    const { article, numOfArticles, isLeadingArticle, isLastCard } = props;
+    return (React.createElement(StyledCard, { "$numOfArticles": numOfArticles },
+        isLeadingArticle ? (React.createElement("a", { href: article.url, onClick: () => {
+                // tslint:disable-next-line:no-console
+                console.log(article.headline);
+            } },
+            React.createElement(StyledMedia, null,
+                React.createElement(StyledPicture, null,
+                    React.createElement(StyledImg, { src: article.image.url }))))) : (React.createElement(Hidden, { xs: true },
+            React.createElement("a", { href: article.url, onClick: () => {
+                    // tslint:disable-next-line:no-console
+                    console.log(article.url);
+                } },
+                React.createElement(StyledMedia, null,
+                    React.createElement(StyledPicture, null,
+                        React.createElement(StyledImg, { src: article.image.url })))))),
+        React.createElement(StyledContent, { "$numOfArticles": numOfArticles },
+            React.createElement(StyledLink, { "$numOfArticles": numOfArticles, href: article.url }, article.headline),
+            React.createElement(StyledText, { "$numOfArticles": numOfArticles }, article.summary),
+            !isLastCard && React.createElement(StyledDivider, null))));
+};
+export default Card;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2FydGljbGUtY2FyZHMvQ2FyZC9DYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUNMLFVBQVUsRUFDVixhQUFhLEVBQ2IsYUFBYSxFQUNiLFNBQVMsRUFDVCxVQUFVLEVBQ1YsV0FBVyxFQUNYLGFBQWEsRUFDYixVQUFVLEVBQ1YsTUFBTSxFQUNQLE1BQU0sVUFBVSxDQUFDO0FBR2xCLE1BQU0sSUFBSSxHQUFHLENBQUMsS0FBdUIsRUFBRSxFQUFFO0lBQ3ZDLE1BQU0sRUFBRSxPQUFPLEVBQUUsYUFBYSxFQUFFLGdCQUFnQixFQUFFLFVBQVUsRUFBRSxHQUFHLEtBQUssQ0FBQztJQUV2RSxPQUFPLENBQ0wsb0JBQUMsVUFBVSxzQkFBaUIsYUFBYTtRQUN0QyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUMsQ0FDbEIsMkJBQ0UsSUFBSSxFQUFFLE9BQU8sQ0FBQyxHQUFHLEVBQ2pCLE9BQU8sRUFBRSxHQUFHLEVBQUU7Z0JBQ1osc0NBQXNDO2dCQUN0QyxPQUFPLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQztZQUNoQyxDQUFDO1lBRUQsb0JBQUMsV0FBVztnQkFDVixvQkFBQyxhQUFhO29CQUNaLG9CQUFDLFNBQVMsSUFBQyxHQUFHLEVBQUUsT0FBTyxDQUFDLEtBQUssQ0FBQyxHQUFHLEdBQUksQ0FDdkIsQ0FDSixDQUNaLENBQ0wsQ0FBQyxDQUFDLENBQUMsQ0FDRixvQkFBQyxNQUFNLElBQUMsRUFBRTtZQUNSLDJCQUNFLElBQUksRUFBRSxPQUFPLENBQUMsR0FBRyxFQUNqQixPQUFPLEVBQUUsR0FBRyxFQUFFO29CQUNaLHNDQUFzQztvQkFDdEMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLENBQUM7Z0JBQzNCLENBQUM7Z0JBRUQsb0JBQUMsV0FBVztvQkFDVixvQkFBQyxhQUFhO3dCQUNaLG9CQUFDLFNBQVMsSUFBQyxHQUFHLEVBQUUsT0FBTyxDQUFDLEtBQUssQ0FBQyxHQUFHLEdBQUksQ0FDdkIsQ0FDSixDQUNaLENBQ0csQ0FDVjtRQUNELG9CQUFDLGFBQWEsc0JBQWlCLGFBQWE7WUFDMUMsb0JBQUMsVUFBVSxzQkFBaUIsYUFBYSxFQUFFLElBQUksRUFBRSxPQUFPLENBQUMsR0FBRyxJQUN6RCxPQUFPLENBQUMsUUFBUSxDQUNOO1lBQ2Isb0JBQUMsVUFBVSxzQkFBaUIsYUFBYSxJQUN0QyxPQUFPLENBQUMsT0FBTyxDQUNMO1lBQ1osQ0FBQyxVQUFVLElBQUksb0JBQUMsYUFBYSxPQUFHLENBQ25CLENBQ0wsQ0FDZCxDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsZUFBZSxJQUFJLENBQUMifQ==

package/dist/components/article-cards/Card/styles.d.ts

@@ -0,0 +1,19 @@
+interface HiddenProps {
+    xs?: boolean;
+    sm?: boolean;
+    md?: boolean;
+    lg?: boolean;
+}
+export declare const Hidden: import("styled-components").StyledComponent<"div", any, HiddenProps, never>;
+interface CardProps {
+    $numOfArticles: number;
+}
+export declare const StyledCard: import("styled-components").StyledComponent<"div", any, CardProps, never>;
+export declare const StyledMedia: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledPicture: import("styled-components").StyledComponent<"picture", any, {}, never>;
+export declare const StyledImg: import("styled-components").StyledComponent<"img", any, {}, never>;
+export declare const StyledContent: import("styled-components").StyledComponent<"div", any, CardProps, never>;
+export declare const StyledText: import("styled-components").StyledComponent<"span", any, CardProps, never>;
+export declare const StyledDivider: import("styled-components").StyledComponent<"hr", any, {}, never>;
+export declare const StyledLink: import("styled-components").StyledComponent<"a", any, CardProps, never>;
+export {};

package/dist/components/article-cards/Card/styles.js

@@ -0,0 +1,179 @@
+import styled from 'styled-components';
+export const Hidden = styled.div `
+  ${({ xs }) => xs &&
+    `
+    @media (max-width: 767px) {
+      display: none;
+}
+  `}
+
+  ${({ sm }) => sm &&
+    `
+    @media (min-width: 768px) and (max-width: 1023px) {
+      display: none;
+    }
+  `}
+
+  ${({ md }) => md &&
+    `
+    @media (min-width: 1024px) and (max-width: 1439px) {
+      display: none;
+    }
+  `}
+
+  ${({ lg }) => lg &&
+    `
+    @media (min-width: 1440px) {
+      display: none;
+    }
+  `}
+`;
+export const StyledCard = styled.div `
+  display: flex;
+  flex-direction: column;
+
+  @media (min-width: 768px) {
+    position: relative;
+
+    ${({ $numOfArticles }) => $numOfArticles > 1 &&
+    `
+      &::after {
+        content: '';
+        position: absolute;
+        top: 0;
+        right: -16px;
+        width: 1px;
+        height: 100%;
+        background-color: #e4e4e4;
+      }
+
+      &:nth-of-type(4n),
+      &:last-child {
+        &::after {
+          display: none;
+        }
+      }
+    `};
+  }
+
+  @media (min-width: 1024px) {
+    ${({ $numOfArticles }) => $numOfArticles === 1 &&
+    `
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+      grid-template-areas: 'media content';
+      column-gap: 32px;
+    `};
+  }
+`;
+export const StyledMedia = styled.div `
+  display: flex;
+  justify-content: center;
+`;
+export const StyledPicture = styled.picture `
+  display: block;
+  width: 100%;
+  height: auto;
+`;
+export const StyledImg = styled.img `
+  width: 100%;
+  height: auto;
+  object-fit: cover;
+  display: inline-block;
+`;
+export const StyledContent = styled.div `
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+
+  @media (max-width: 375px) {
+    &:nth-of-type(1) {
+      margin-block-start: 16px;
+    }
+
+    &:not(:nth-of-type(1)) {
+      margin-block-start: 0;
+    }
+  }
+
+  @media (min-width: 768px) {
+    margin-block-start: 16px;
+  }
+
+  @media (min-width: 1024px) {
+    ${({ $numOfArticles }) => $numOfArticles === 1 &&
+    `
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+    `};
+  }
+`;
+export const StyledText = styled.span `
+  color: rgb(105, 105, 105);
+  font-family: 'Times Digital W04 Regular';
+  font-size: 14px;
+  font-weight: 400;
+  padding: 0.5px 0px;
+  margin-block-start: 16px;
+  line-height: 21px;
+
+  @media (max-width: 767px) {
+    display: none;
+  }
+`;
+export const StyledDivider = styled.hr `
+  border-style: dashed;
+  border-color: rgb(204, 204, 204);
+  border-width: 1px 0px 0px;
+  margin-block: 20px;
+  width: 100%;
+
+  @media (min-width: 768px) {
+    display: none;
+  }
+`;
+export const StyledLink = styled.a `
+  font-weight: 700;
+  font-family: 'Times Modern';
+  font-size: 20px;
+  line-height: 22.5px;
+  text-decoration: none;
+  color: rgb(1, 0, 13);
+
+  @media (max-width: 1024px) {
+    ${({ $numOfArticles }) => $numOfArticles <= 2 &&
+    `
+      font-size: 24px;
+      line-height: 27px;
+    `};
+  }
+
+  @media (max-width: 768px) {
+    ${({ $numOfArticles }) => $numOfArticles >= 2 &&
+    `
+      font-size: 20px;
+      line-height: 22.5px;
+    `};
+  }
+
+  @media (min-width: 768px) and (max-width: 1024px) {
+    ${({ $numOfArticles }) => $numOfArticles === 1 &&
+    `
+      font-size: 28px;
+      line-height: 31.5px;
+    `};
+  }
+
+  @media (min-width: 1025px) {
+    font-size: 28px;
+    line-height: 31.5px;
+
+    ${({ $numOfArticles }) => $numOfArticles >= 3 &&
+    `
+      font-size: 20px;
+      line-height: 22.5px;
+    `};
+  }
+`;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYXJ0aWNsZS1jYXJkcy9DYXJkL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxtQkFBbUIsQ0FBQztBQVN2QyxNQUFNLENBQUMsTUFBTSxNQUFNLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBYTtJQUN6QyxDQUFDLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUNYLEVBQUU7SUFDRjs7OztHQUlEOztJQUVDLENBQUMsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLENBQ1gsRUFBRTtJQUNGOzs7O0dBSUQ7O0lBRUMsQ0FBQyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsQ0FDWCxFQUFFO0lBQ0Y7Ozs7R0FJRDs7SUFFQyxDQUFDLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxDQUNYLEVBQUU7SUFDRjs7OztHQUlEO0NBQ0YsQ0FBQztBQUtGLE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFXOzs7Ozs7O01BT3pDLENBQUMsRUFBRSxjQUFjLEVBQUUsRUFBRSxFQUFFLENBQ3ZCLGNBQWMsR0FBRyxDQUFDO0lBQ2xCOzs7Ozs7Ozs7Ozs7Ozs7OztLQWlCRDs7OztNQUlDLENBQUMsRUFBRSxjQUFjLEVBQUUsRUFBRSxFQUFFLENBQ3ZCLGNBQWMsS0FBSyxDQUFDO0lBQ3BCOzs7OztLQUtEOztDQUVKLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxXQUFXLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQTs7O0NBR3BDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsTUFBTSxDQUFDLE9BQU8sQ0FBQTs7OztDQUkxQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7O0NBS2xDLENBQUM7QUFDRixNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBVzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7TUFvQjVDLENBQUMsRUFBRSxjQUFjLEVBQUUsRUFBRSxFQUFFLENBQ3ZCLGNBQWMsS0FBSyxDQUFDO0lBQ3BCOzs7O0tBSUQ7O0NBRUosQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRyxNQUFNLENBQUMsSUFBSSxDQUFXOzs7Ozs7Ozs7Ozs7Q0FZL0MsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxNQUFNLENBQUMsRUFBRSxDQUFBOzs7Ozs7Ozs7O0NBVXJDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxVQUFVLEdBQUcsTUFBTSxDQUFDLENBQUMsQ0FBVzs7Ozs7Ozs7O01BU3ZDLENBQUMsRUFBRSxjQUFjLEVBQUUsRUFBRSxFQUFFLENBQ3ZCLGNBQWMsSUFBSSxDQUFDO0lBQ25COzs7S0FHRDs7OztNQUlDLENBQUMsRUFBRSxjQUFjLEVBQUUsRUFBRSxFQUFFLENBQ3ZCLGNBQWMsSUFBSSxDQUFDO0lBQ25COzs7S0FHRDs7OztNQUlDLENBQUMsRUFBRSxjQUFjLEVBQUUsRUFBRSxFQUFFLENBQ3ZCLGNBQWMsS0FBSyxDQUFDO0lBQ3BCOzs7S0FHRDs7Ozs7OztNQU9DLENBQUMsRUFBRSxjQUFjLEVBQUUsRUFBRSxFQUFFLENBQ3ZCLGNBQWMsSUFBSSxDQUFDO0lBQ25COzs7S0FHRDs7Q0FFSixDQUFDIn0=

package/dist/components/article-cards/__tests__/ArticleCard.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/article-cards/__tests__/ArticleCard.test.js

@@ -0,0 +1,34 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import { ArticleCard } from '../ArticleCard';
+jest.mock('../Card/Card', () => ({
+    __esModule: true,
+    default: ({ article, sectionTitle, isLeadingArticle, isLastCard }) => (React.createElement("div", { "data-testid": "card" },
+        React.createElement("h2", null, sectionTitle),
+        React.createElement("p", null, article.id),
+        React.createElement("p", null, isLeadingArticle ? 'Leading' : ''),
+        React.createElement("p", null, isLastCard ? 'Last' : '')))
+}));
+describe('ArticleCard Component', () => {
+    const mockElement = {
+        title: 'Test Title',
+        articles: btoa(JSON.stringify([
+            {
+                id: '1',
+                headline: 'Headline 1',
+                image: { alt: 'Alt Text 1', url: 'https://example.com/image1.jpg' }
+            },
+            {
+                id: '2',
+                headline: 'Headline 2',
+                image: { alt: 'Alt Text 1', url: 'https://example.com/image1.jpg' }
+            }
+        ]))
+    };
+    it('renders the correct number of articles', () => {
+        render(React.createElement(ArticleCard, { element: mockElement }));
+        const cards = screen.getAllByTestId('card');
+        expect(cards).toHaveLength(2);
+    });
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXJ0aWNsZUNhcmQudGVzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2FydGljbGUtY2FyZHMvX190ZXN0c19fL0FydGljbGVDYXJkLnRlc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRXhELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUU3QyxJQUFJLENBQUMsSUFBSSxDQUFDLGNBQWMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDO0lBQy9CLFVBQVUsRUFBRSxJQUFJO0lBQ2hCLE9BQU8sRUFBRSxDQUFDLEVBQ1IsT0FBTyxFQUNQLFlBQVksRUFDWixnQkFBZ0IsRUFDaEIsVUFBVSxFQU1YLEVBQUUsRUFBRSxDQUFDLENBQ0osNENBQWlCLE1BQU07UUFDckIsZ0NBQUssWUFBWSxDQUFNO1FBQ3ZCLCtCQUFJLE9BQU8sQ0FBQyxFQUFFLENBQUs7UUFDbkIsK0JBQUksZ0JBQWdCLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFLO1FBQzFDLCtCQUFJLFVBQVUsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUssQ0FDN0IsQ0FDUDtDQUNGLENBQUMsQ0FBQyxDQUFDO0FBRUosUUFBUSxDQUFDLHVCQUF1QixFQUFFLEdBQUcsRUFBRTtJQUNyQyxNQUFNLFdBQVcsR0FBaUM7UUFDaEQsS0FBSyxFQUFFLFlBQVk7UUFDbkIsUUFBUSxFQUFFLElBQUksQ0FDWixJQUFJLENBQUMsU0FBUyxDQUFDO1lBQ2I7Z0JBQ0UsRUFBRSxFQUFFLEdBQUc7Z0JBQ1AsUUFBUSxFQUFFLFlBQVk7Z0JBQ3RCLEtBQUssRUFBRSxFQUFFLEdBQUcsRUFBRSxZQUFZLEVBQUUsR0FBRyxFQUFFLGdDQUFnQyxFQUFFO2FBQ3BFO1lBQ0Q7Z0JBQ0UsRUFBRSxFQUFFLEdBQUc7Z0JBQ1AsUUFBUSxFQUFFLFlBQVk7Z0JBQ3RCLEtBQUssRUFBRSxFQUFFLEdBQUcsRUFBRSxZQUFZLEVBQUUsR0FBRyxFQUFFLGdDQUFnQyxFQUFFO2FBQ3BFO1NBQ0YsQ0FBQyxDQUNIO0tBQ0YsQ0FBQztJQUVGLEVBQUUsQ0FBQyx3Q0FBd0MsRUFBRSxHQUFHLEVBQUU7UUFDaEQsTUFBTSxDQUFDLG9CQUFDLFdBQVcsSUFBQyxPQUFPLEVBQUUsV0FBVyxHQUFJLENBQUMsQ0FBQztRQUM5QyxNQUFNLEtBQUssR0FBRyxNQUFNLENBQUMsY0FBYyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQzVDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDaEMsQ0FBQyxDQUFDLENBQUM7QUFDTCxDQUFDLENBQUMsQ0FBQyJ9

package/dist/components/article-cards/__tests__/Card.test.d.ts

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

package/dist/components/article-cards/__tests__/Card.test.js

@@ -0,0 +1,44 @@
+import React from 'react';
+import { render, screen, fireEvent } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import Card from '../Card/Card';
+describe('Card Component', () => {
+    const mockProps = {
+        article: {
+            id: '1',
+            url: 'https://example.com',
+            headline: 'Test Headline',
+            image: { url: 'https://example.com/image.jpg', alt: 'test' },
+            summary: 'Test Summary',
+            label: ''
+        },
+        numOfArticles: 3,
+        isLastCard: false,
+        sectionTitle: '',
+        isLeadingArticle: false
+    };
+    it('renders the article headline and summary', () => {
+        render(React.createElement(Card, Object.assign({}, mockProps)));
+        expect(screen.getByText('Test Headline')).toBeInTheDocument();
+        expect(screen.getByText('Test Summary')).toBeInTheDocument();
+    });
+    it('renders the article image with correct src', () => {
+        render(React.createElement(Card, Object.assign({}, mockProps)));
+        const image = screen.getByRole('img');
+        expect(image).toHaveAttribute('src', 'https://example.com/image.jpg');
+    });
+    it('renders the link with correct href', () => {
+        render(React.createElement(Card, Object.assign({}, mockProps)));
+        const link = screen.getAllByRole('link')[0];
+        expect(link).toHaveAttribute('href', 'https://example.com');
+    });
+    it('logs the headline when the link is clicked', () => {
+        const consoleLogSpy = jest.spyOn(console, 'log');
+        render(React.createElement(Card, Object.assign({}, mockProps)));
+        const link = screen.getAllByRole('link')[0];
+        fireEvent.click(link);
+        expect(consoleLogSpy).toHaveBeenCalledWith('https://example.com');
+        consoleLogSpy.mockRestore();
+    });
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC50ZXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYXJ0aWNsZS1jYXJkcy9fX3Rlc3RzX18vQ2FyZC50ZXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFbkUsT0FBTywyQkFBMkIsQ0FBQztBQUNuQyxPQUFPLElBQUksTUFBTSxjQUFjLENBQUM7QUFFaEMsUUFBUSxDQUFDLGdCQUFnQixFQUFFLEdBQUcsRUFBRTtJQUM5QixNQUFNLFNBQVMsR0FBcUI7UUFDbEMsT0FBTyxFQUFFO1lBQ1AsRUFBRSxFQUFFLEdBQUc7WUFDUCxHQUFHLEVBQUUscUJBQXFCO1lBQzFCLFFBQVEsRUFBRSxlQUFlO1lBQ3pCLEtBQUssRUFBRSxFQUFFLEdBQUcsRUFBRSwrQkFBK0IsRUFBRSxHQUFHLEVBQUUsTUFBTSxFQUFFO1lBQzVELE9BQU8sRUFBRSxjQUFjO1lBQ3ZCLEtBQUssRUFBRSxFQUFFO1NBQ1Y7UUFDRCxhQUFhLEVBQUUsQ0FBQztRQUNoQixVQUFVLEVBQUUsS0FBSztRQUNqQixZQUFZLEVBQUUsRUFBRTtRQUNoQixnQkFBZ0IsRUFBRSxLQUFLO0tBQ3hCLENBQUM7SUFFRixFQUFFLENBQUMsMENBQTBDLEVBQUUsR0FBRyxFQUFFO1FBQ2xELE1BQU0sQ0FBQyxvQkFBQyxJQUFJLG9CQUFLLFNBQVMsRUFBSSxDQUFDLENBQUM7UUFFaEMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1FBQzlELE1BQU0sQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUMvRCxDQUFDLENBQUMsQ0FBQztJQUVILEVBQUUsQ0FBQyw0Q0FBNEMsRUFBRSxHQUFHLEVBQUU7UUFDcEQsTUFBTSxDQUFDLG9CQUFDLElBQUksb0JBQUssU0FBUyxFQUFJLENBQUMsQ0FBQztRQUVoQyxNQUFNLEtBQUssR0FBRyxNQUFNLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3RDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxlQUFlLENBQUMsS0FBSyxFQUFFLCtCQUErQixDQUFDLENBQUM7SUFDeEUsQ0FBQyxDQUFDLENBQUM7SUFFSCxFQUFFLENBQUMsb0NBQW9DLEVBQUUsR0FBRyxFQUFFO1FBQzVDLE1BQU0sQ0FBQyxvQkFBQyxJQUFJLG9CQUFLLFNBQVMsRUFBSSxDQUFDLENBQUM7UUFFaEMsTUFBTSxJQUFJLEdBQUcsTUFBTSxDQUFDLFlBQVksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUM1QyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUMsZUFBZSxDQUFDLE1BQU0sRUFBRSxxQkFBcUIsQ0FBQyxDQUFDO0lBQzlELENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLDRDQUE0QyxFQUFFLEdBQUcsRUFBRTtRQUNwRCxNQUFNLGFBQWEsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sRUFBRSxLQUFLLENBQUMsQ0FBQztRQUNqRCxNQUFNLENBQUMsb0JBQUMsSUFBSSxvQkFBSyxTQUFTLEVBQUksQ0FBQyxDQUFDO1FBRWhDLE1BQU0sSUFBSSxHQUFHLE1BQU0sQ0FBQyxZQUFZLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDNUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUV0QixNQUFNLENBQUMsYUFBYSxDQUFDLENBQUMsb0JBQW9CLENBQUMscUJBQXFCLENBQUMsQ0FBQztRQUVsRSxhQUFhLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDOUIsQ0FBQyxDQUFDLENBQUM7QUFDTCxDQUFDLENBQUMsQ0FBQyJ9

package/dist/components/article-cards/__tests__/utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/article-cards/__tests__/utils.test.js

@@ -0,0 +1,51 @@
+import { tealiumTrackingHandler, replaceUrl, truncateText } from '../utils';
+describe('tealiumTrackingHandler', () => {
+    beforeEach(() => {
+        global.window = Object.create(window);
+        global.window.utag = {
+            link: jest.fn()
+        };
+    });
+    afterEach(() => {
+        jest.resetAllMocks();
+    });
+    it('calls utag.link with the correct parameters', () => {
+        const articleParentName = 'Test Article Parent';
+        const sectionDetails = 'Test Section';
+        tealiumTrackingHandler(articleParentName, sectionDetails);
+        expect(global.window.utag.link).toHaveBeenCalledWith({
+            event_navigation_action: 'navigation',
+            event_navigation_name: 'travel contents card selection',
+            event_navigation_browsing_method: 'click',
+            article_parent_name: articleParentName,
+            section_details: sectionDetails
+        });
+    });
+});
+describe('replaceUrl', () => {
+    it('returns an empty string if url is not provided', () => {
+        expect(replaceUrl('')).toBe('');
+    });
+    it('returns the pathname of a given URL', () => {
+        const url = 'https://example.com/path/to/resource';
+        expect(replaceUrl(url)).toBe('/path/to/resource');
+    });
+});
+describe('truncateText', () => {
+    it('returns the original text if it is shorter than or equal to the maxLength', () => {
+        const text = 'Short text';
+        const maxLength = 20;
+        expect(truncateText(text, maxLength)).toBe(text);
+    });
+    it('truncates text to the maxLength and appends ellipsis', () => {
+        const text = 'This is a longer piece of text that needs to be truncated.';
+        const maxLength = 20;
+        expect(truncateText(text, maxLength)).toBe('This is a longer...');
+    });
+    it('truncates text at the last space within the maxLength and appends ellipsis', () => {
+        const text = 'This is a longer piece of text that needs truncating.';
+        const maxLength = 25;
+        expect(truncateText(text, maxLength)).toBe('This is a longer piece...');
+    });
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbHMudGVzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2FydGljbGUtY2FyZHMvX190ZXN0c19fL3V0aWxzLnRlc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxVQUFVLEVBQUUsWUFBWSxFQUFFLE1BQU0sVUFBVSxDQUFDO0FBRTVFLFFBQVEsQ0FBQyx3QkFBd0IsRUFBRSxHQUFHLEVBQUU7SUFDdEMsVUFBVSxDQUFDLEdBQUcsRUFBRTtRQUNkLE1BQU0sQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUN0QyxNQUFNLENBQUMsTUFBTSxDQUFDLElBQUksR0FBRztZQUNuQixJQUFJLEVBQUUsSUFBSSxDQUFDLEVBQUUsRUFBRTtTQUNoQixDQUFDO0lBQ0osQ0FBQyxDQUFDLENBQUM7SUFFSCxTQUFTLENBQUMsR0FBRyxFQUFFO1FBQ2IsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ3ZCLENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLDZDQUE2QyxFQUFFLEdBQUcsRUFBRTtRQUNyRCxNQUFNLGlCQUFpQixHQUFHLHFCQUFxQixDQUFDO1FBQ2hELE1BQU0sY0FBYyxHQUFHLGNBQWMsQ0FBQztRQUV0QyxzQkFBc0IsQ0FBQyxpQkFBaUIsRUFBRSxjQUFjLENBQUMsQ0FBQztRQUUxRCxNQUFNLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsb0JBQW9CLENBQUM7WUFDbkQsdUJBQXVCLEVBQUUsWUFBWTtZQUNyQyxxQkFBcUIsRUFBRSxnQ0FBZ0M7WUFDdkQsZ0NBQWdDLEVBQUUsT0FBTztZQUN6QyxtQkFBbUIsRUFBRSxpQkFBaUI7WUFDdEMsZUFBZSxFQUFFLGNBQWM7U0FDaEMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQyxDQUFDLENBQUM7QUFDTCxDQUFDLENBQUMsQ0FBQztBQUVILFFBQVEsQ0FBQyxZQUFZLEVBQUUsR0FBRyxFQUFFO0lBQzFCLEVBQUUsQ0FBQyxnREFBZ0QsRUFBRSxHQUFHLEVBQUU7UUFDeEQsTUFBTSxDQUFDLFVBQVUsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUNsQyxDQUFDLENBQUMsQ0FBQztJQUVILEVBQUUsQ0FBQyxxQ0FBcUMsRUFBRSxHQUFHLEVBQUU7UUFDN0MsTUFBTSxHQUFHLEdBQUcsc0NBQXNDLENBQUM7UUFDbkQsTUFBTSxDQUFDLFVBQVUsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO0lBQ3BELENBQUMsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyxDQUFDLENBQUM7QUFFSCxRQUFRLENBQUMsY0FBYyxFQUFFLEdBQUcsRUFBRTtJQUM1QixFQUFFLENBQUMsMkVBQTJFLEVBQUUsR0FBRyxFQUFFO1FBQ25GLE1BQU0sSUFBSSxHQUFHLFlBQVksQ0FBQztRQUMxQixNQUFNLFNBQVMsR0FBRyxFQUFFLENBQUM7UUFDckIsTUFBTSxDQUFDLFlBQVksQ0FBQyxJQUFJLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDbkQsQ0FBQyxDQUFDLENBQUM7SUFFSCxFQUFFLENBQUMsc0RBQXNELEVBQUUsR0FBRyxFQUFFO1FBQzlELE1BQU0sSUFBSSxHQUFHLDREQUE0RCxDQUFDO1FBQzFFLE1BQU0sU0FBUyxHQUFHLEVBQUUsQ0FBQztRQUNyQixNQUFNLENBQUMsWUFBWSxDQUFDLElBQUksRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDO0lBQ3BFLENBQUMsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLDRFQUE0RSxFQUFFLEdBQUcsRUFBRTtRQUNwRixNQUFNLElBQUksR0FBRyx1REFBdUQsQ0FBQztRQUNyRSxNQUFNLFNBQVMsR0FBRyxFQUFFLENBQUM7UUFDckIsTUFBTSxDQUFDLFlBQVksQ0FBQyxJQUFJLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsMkJBQTJCLENBQUMsQ0FBQztJQUMxRSxDQUFDLENBQUMsQ0FBQztBQUNMLENBQUMsQ0FBQyxDQUFDIn0=

package/dist/components/article-cards/styles.d.ts

@@ -0,0 +1,6 @@
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Title: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const Grid: import("styled-components").StyledComponent<"div", any, {
+    columns: number;
+}, never>;
+export declare const Divider: import("styled-components").StyledComponent<"hr", any, {}, never>;

package/dist/components/article-cards/styles.js

@@ -0,0 +1,53 @@
+import styled from 'styled-components';
+export const Container = styled.div `
+  max-width: 1144px;
+  margin: 0 auto;
+  padding-block-end: 24px;
+  padding-inline: 10px;
+
+  @media (min-width: 1024px) {
+    padding: 20px;
+  }
+  @media (min-width: 768px) {
+    padding: 24px;
+  }
+`;
+export const Title = styled.span `
+  display: block;
+  margin-block: 24px;
+  font-family: 'Arial, sans-serif';
+  font-size: 24px;
+  font-weight: bold;
+
+  @media (min-width: 768px) {
+    font-size: 28px;
+    margin-bottom: 30px;
+  }
+
+  @media (min-width: 1024px) {
+    font-size: 32px;
+  }
+
+  @media (max-width: 767px) {
+    margin-block: 20px;
+  }
+`;
+export const Grid = styled.div `
+  display: grid;
+  grid-template-columns: repeat(${props => props.columns}, 1fr);
+  gap: 20px;
+
+  @media (max-width: 767px) {
+    grid-template-columns: 1fr;
+    gap: 0px;
+  }
+
+  @media (min-width: 768px) {
+    gap: 32px;
+  }
+`;
+export const Divider = styled.hr `
+  border: 2px solid #01000d;
+  align-self: stretch;
+`;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvYXJ0aWNsZS1jYXJkcy9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxNQUFNLE1BQU0sbUJBQW1CLENBQUM7QUFFdkMsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7Ozs7Ozs7OztDQVlsQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sS0FBSyxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUE7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Q0FtQi9CLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxJQUFJLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBcUI7O2tDQUVqQixLQUFLLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxPQUFPOzs7Ozs7Ozs7OztDQVd2RCxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUFHLE1BQU0sQ0FBQyxFQUFFLENBQUE7OztDQUcvQixDQUFDIn0=

package/dist/components/article-cards/types.d.ts

@@ -0,0 +1,25 @@
+export declare type ArticleProps = {
+    id: string;
+    image: {
+        alt: string;
+        url: string;
+    };
+    label: string;
+    headline: string;
+    summary: string;
+    url: string;
+};
+export interface ArticleCardProps {
+    article: ArticleProps;
+    sectionTitle: string;
+    numOfArticles: number;
+    isLeadingArticle: boolean;
+    isLastCard: boolean;
+}
+export interface ElementAttr {
+    articles: string;
+    title: string;
+}
+export interface ArticleCardsProps {
+    element: ElementAttr;
+}

package/dist/components/article-cards/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9hcnRpY2xlLWNhcmRzL3R5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==

package/dist/components/article-cards/utils.d.ts

@@ -0,0 +1,10 @@
+declare global {
+    interface Window {
+        utag: {
+            link: (params: Record<string, any>) => void;
+        };
+    }
+}
+export declare const tealiumTrackingHandler: (articleParentName: string, sectionDetails: string) => void;
+export declare const replaceUrl: (url: string) => string;
+export declare const truncateText: (text: string, maxLength: number) => string;

package/dist/components/article-cards/utils.js

@@ -0,0 +1,29 @@
+export const tealiumTrackingHandler = (articleParentName, sectionDetails) => {
+    global.window.utag.link({
+        event_navigation_action: 'navigation',
+        event_navigation_name: 'travel contents card selection',
+        event_navigation_browsing_method: 'click',
+        article_parent_name: `${articleParentName}`,
+        section_details: `${sectionDetails}`
+    });
+};
+// This function will replace all times.co.uk with .com
+export const replaceUrl = (url) => {
+    if (!url) {
+        return '';
+    }
+    const oldUrl = new URL(url);
+    return oldUrl.pathname;
+};
+export const truncateText = (text, maxLength) => {
+    if (text.length <= maxLength) {
+        return text;
+    }
+    let truncatedText = text.slice(0, maxLength);
+    const lastSpaceIndex = truncatedText.lastIndexOf(' ');
+    if (lastSpaceIndex > 0) {
+        truncatedText = truncatedText.slice(0, lastSpaceIndex);
+    }
+    return `${truncatedText}...`;
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXRpbHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9hcnRpY2xlLWNhcmRzL3V0aWxzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFBLE1BQU0sQ0FBQyxNQUFNLHNCQUFzQixHQUFHLENBQ3BDLGlCQUF5QixFQUN6QixjQUFzQixFQUN0QixFQUFFO0lBQ0YsTUFBTSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDO1FBQ3RCLHVCQUF1QixFQUFFLFlBQVk7UUFDckMscUJBQXFCLEVBQUUsZ0NBQWdDO1FBQ3ZELGdDQUFnQyxFQUFFLE9BQU87UUFDekMsbUJBQW1CLEVBQUUsR0FBRyxpQkFBaUIsRUFBRTtRQUMzQyxlQUFlLEVBQUUsR0FBRyxjQUFjLEVBQUU7S0FDckMsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyxDQUFDO0FBRUYsdURBQXVEO0FBQ3ZELE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRyxDQUFDLEdBQVcsRUFBVSxFQUFFO0lBQ2hELElBQUksQ0FBQyxHQUFHLEVBQUU7UUFDUixPQUFPLEVBQUUsQ0FBQztLQUNYO0lBRUQsTUFBTSxNQUFNLEdBQUcsSUFBSSxHQUFHLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDNUIsT0FBTyxNQUFNLENBQUMsUUFBUSxDQUFDO0FBQ3pCLENBQUMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFlBQVksR0FBRyxDQUFDLElBQVksRUFBRSxTQUFpQixFQUFFLEVBQUU7SUFDOUQsSUFBSSxJQUFJLENBQUMsTUFBTSxJQUFJLFNBQVMsRUFBRTtRQUM1QixPQUFPLElBQUksQ0FBQztLQUNiO0lBRUQsSUFBSSxhQUFhLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUM7SUFDN0MsTUFBTSxjQUFjLEdBQUcsYUFBYSxDQUFDLFdBQVcsQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUV0RCxJQUFJLGNBQWMsR0FBRyxDQUFDLEVBQUU7UUFDdEIsYUFBYSxHQUFHLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLGNBQWMsQ0FBQyxDQUFDO0tBQ3hEO0lBRUQsT0FBTyxHQUFHLGFBQWEsS0FBSyxDQUFDO0FBQy9CLENBQUMsQ0FBQyJ9

package/dist/components/opta/cricket/scorecard/OptaCricketScorecard.d.ts

@@ -3,4 +3,5 @@ export declare const OptaCricketScorecard: React.FC<{
     competition: string;
     match: string;
     full_width?: boolean;
+    height?: number;
 }>;

package/dist/components/opta/cricket/scorecard/OptaCricketScorecard.js

@@ -3,7 +3,7 @@ import { Placeholder } from '@times-components/image';
 import { initSettings, initStyleSheet, initScript, initElement, initComponent } from '../../utils/config';
 import { Container, PlaceholderContainer } from '../shared-styles';
 import { WidgetContainer } from './styles';
-export const OptaCricketScorecard = React.memo(({ competition, match, full_width }) => {
+export const OptaCricketScorecard = React.memo(({ competition, match, full_width, height }) => {
     const ref = React.createRef();
     const [isReady, setIsReady] = useState(false);
     useEffect(() => {
@@ -47,9 +47,9 @@ export const OptaCricketScorecard = React.memo(({ competition, match, full_width
             }
         });
     }, []);
-    return (React.createElement(Container, { border: isReady, fullWidth: full_width },
+    return (React.createElement(Container, { border: isReady, fullWidth: full_width, "$height": height },
         React.createElement(WidgetContainer, { ref: ref }),
-        !isReady && (React.createElement(PlaceholderContainer, null,
+        !isReady && (React.createElement(PlaceholderContainer, { height: height },
             React.createElement(Placeholder, null)))));
 });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0YUNyaWNrZXRTY29yZWNhcmQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9vcHRhL2NyaWNrZXQvc2NvcmVjYXJkL09wdGFDcmlja2V0U2NvcmVjYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFFbkQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRXRELE9BQU8sRUFDTCxZQUFZLEVBQ1osY0FBYyxFQUNkLFVBQVUsRUFDVixXQUFXLEVBQ1gsYUFBYSxFQUNkLE1BQU0sb0JBQW9CLENBQUM7QUFFNUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ25FLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFFM0MsTUFBTSxDQUFDLE1BQU0sb0JBQW9CLEdBSTVCLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRTtJQUNyRCxNQUFNLEdBQUcsR0FBRyxLQUFLLENBQUMsU0FBUyxFQUFrQixDQUFDO0lBRTlDLE1BQU0sQ0FBQyxPQUFPLEVBQUUsVUFBVSxDQUFDLEdBQUcsUUFBUSxDQUFVLEtBQUssQ0FBQyxDQUFDO0lBRXZELFNBQVMsQ0FBQyxHQUFHLEVBQUU7UUFDYixNQUFNLEtBQUssR0FBRyxTQUFTLENBQUM7UUFFeEIsWUFBWSxFQUFFLENBQUM7UUFDZixjQUFjLENBQUMsS0FBSyxDQUFDLENBQUM7UUFFdEIsVUFBVSxFQUFFLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRTtZQUNyQixJQUFJLEdBQUcsQ0FBQyxPQUFPLEVBQUU7Z0JBQ2YsR0FBRyxDQUFDLE9BQU8sQ0FBQyxTQUFTLEdBQUcsV0FBVyxDQUFDLGFBQWEsRUFBRTtvQkFDakQsS0FBSztvQkFDTCxNQUFNLEVBQUUsWUFBWTtvQkFDcEIsTUFBTSxFQUFFLEdBQUc7b0JBQ1gsV0FBVztvQkFDWCxLQUFLO29CQUNMLFFBQVEsRUFBRSxRQUFRO29CQUNsQixJQUFJLEVBQUUsSUFBSTtvQkFDVixpQkFBaUIsRUFBRSxJQUFJO29CQUN2QixXQUFXLEVBQUUsSUFBSTtvQkFDakIscUJBQXFCLEVBQUUsSUFBSTtvQkFDM0Isc0JBQXNCLEVBQUUsSUFBSTtvQkFDNUIsU0FBUyxFQUFFLElBQUk7b0JBQ2YsV0FBVyxFQUFFLFlBQVk7b0JBQ3pCLFVBQVUsRUFBRSxJQUFJO29CQUNoQixjQUFjLEVBQUUsS0FBSztvQkFDckIsU0FBUyxFQUFFLEtBQUs7b0JBQ2hCLGtCQUFrQixFQUFFLElBQUk7b0JBQ3hCLFVBQVUsRUFBRSxNQUFNO29CQUNsQixZQUFZLEVBQUUsSUFBSTtvQkFDbEIsZ0JBQWdCLEVBQUUsS0FBSztvQkFDdkIsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLFVBQVUsRUFBRSxJQUFJO29CQUNoQixnQkFBZ0IsRUFBRSxJQUFJO29CQUN0QixZQUFZLEVBQUUsSUFBSTtvQkFDbEIsWUFBWSxFQUFFLElBQUk7b0JBQ2xCLFFBQVEsRUFBRSxJQUFJO29CQUNkLGFBQWEsRUFBRSxNQUFNO29CQUNyQixXQUFXLEVBQUUsS0FBSztpQkFDbkIsQ0FBQyxDQUFDLFNBQVMsQ0FBQztnQkFFYixhQUFhLEVBQUUsQ0FBQztnQkFDaEIsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFDO2FBQ2xCO1FBQ0gsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFUCxPQUFPLENBQ0wsb0JBQUMsU0FBUyxJQUFDLE1BQU0sRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLFVBQVU7UUFDL0Msb0JBQUMsZUFBZSxJQUFDLEdBQUcsRUFBRSxHQUFHLEdBQUk7UUFFNUIsQ0FBQyxPQUFPLElBQUksQ0FDWCxvQkFBQyxvQkFBb0I7WUFDbkIsb0JBQUMsV0FBVyxPQUFHLENBQ00sQ0FDeEIsQ0FDUyxDQUNiLENBQUM7QUFDSixDQUFDLENBQUMsQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0YUNyaWNrZXRTY29yZWNhcmQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9vcHRhL2NyaWNrZXQvc2NvcmVjYXJkL09wdGFDcmlja2V0U2NvcmVjYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFFbkQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRXRELE9BQU8sRUFDTCxZQUFZLEVBQ1osY0FBYyxFQUNkLFVBQVUsRUFDVixXQUFXLEVBQ1gsYUFBYSxFQUNkLE1BQU0sb0JBQW9CLENBQUM7QUFFNUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ25FLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFFM0MsTUFBTSxDQUFDLE1BQU0sb0JBQW9CLEdBSzVCLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSxFQUFFLEVBQUU7SUFDN0QsTUFBTSxHQUFHLEdBQUcsS0FBSyxDQUFDLFNBQVMsRUFBa0IsQ0FBQztJQUU5QyxNQUFNLENBQUMsT0FBTyxFQUFFLFVBQVUsQ0FBQyxHQUFHLFFBQVEsQ0FBVSxLQUFLLENBQUMsQ0FBQztJQUV2RCxTQUFTLENBQUMsR0FBRyxFQUFFO1FBQ2IsTUFBTSxLQUFLLEdBQUcsU0FBUyxDQUFDO1FBRXhCLFlBQVksRUFBRSxDQUFDO1FBQ2YsY0FBYyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBRXRCLFVBQVUsRUFBRSxDQUFDLElBQUksQ0FBQyxHQUFHLEVBQUU7WUFDckIsSUFBSSxHQUFHLENBQUMsT0FBTyxFQUFFO2dCQUNmLEdBQUcsQ0FBQyxPQUFPLENBQUMsU0FBUyxHQUFHLFdBQVcsQ0FBQyxhQUFhLEVBQUU7b0JBQ2pELEtBQUs7b0JBQ0wsTUFBTSxFQUFFLFlBQVk7b0JBQ3BCLE1BQU0sRUFBRSxHQUFHO29CQUNYLFdBQVc7b0JBQ1gsS0FBSztvQkFDTCxRQUFRLEVBQUUsUUFBUTtvQkFDbEIsSUFBSSxFQUFFLElBQUk7b0JBQ1YsaUJBQWlCLEVBQUUsSUFBSTtvQkFDdkIsV0FBVyxFQUFFLElBQUk7b0JBQ2pCLHFCQUFxQixFQUFFLElBQUk7b0JBQzNCLHNCQUFzQixFQUFFLElBQUk7b0JBQzVCLFNBQVMsRUFBRSxJQUFJO29CQUNmLFdBQVcsRUFBRSxZQUFZO29CQUN6QixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsY0FBYyxFQUFFLEtBQUs7b0JBQ3JCLFNBQVMsRUFBRSxLQUFLO29CQUNoQixrQkFBa0IsRUFBRSxJQUFJO29CQUN4QixVQUFVLEVBQUUsTUFBTTtvQkFDbEIsWUFBWSxFQUFFLElBQUk7b0JBQ2xCLGdCQUFnQixFQUFFLEtBQUs7b0JBQ3ZCLFVBQVUsRUFBRSxJQUFJO29CQUNoQixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsZ0JBQWdCLEVBQUUsSUFBSTtvQkFDdEIsWUFBWSxFQUFFLElBQUk7b0JBQ2xCLFlBQVksRUFBRSxJQUFJO29CQUNsQixRQUFRLEVBQUUsSUFBSTtvQkFDZCxhQUFhLEVBQUUsTUFBTTtvQkFDckIsV0FBVyxFQUFFLEtBQUs7aUJBQ25CLENBQUMsQ0FBQyxTQUFTLENBQUM7Z0JBRWIsYUFBYSxFQUFFLENBQUM7Z0JBQ2hCLFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQzthQUNsQjtRQUNILENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBRVAsT0FBTyxDQUNMLG9CQUFDLFNBQVMsSUFBQyxNQUFNLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxVQUFVLGFBQVcsTUFBTTtRQUNoRSxvQkFBQyxlQUFlLElBQUMsR0FBRyxFQUFFLEdBQUcsR0FBSTtRQUU1QixDQUFDLE9BQU8sSUFBSSxDQUNYLG9CQUFDLG9CQUFvQixJQUFDLE1BQU0sRUFBRSxNQUFNO1lBQ2xDLG9CQUFDLFdBQVcsT0FBRyxDQUNNLENBQ3hCLENBQ1MsQ0FDYixDQUFDO0FBQ0osQ0FBQyxDQUFDLENBQUMifQ==

package/dist/components/opta/cricket/scorecard/OptaCricketScorecard.stories.js

@@ -14,8 +14,8 @@ const showcase = {
             type: 'story'
         },
         {
-            component: () => (React.createElement(OptaCricketScorecard, { competition: "3071", match: "55391" })),
-            name: 'Scorecard (1st inns)',
+            component: () => (React.createElement(OptaCricketScorecard, { competition: "3071", match: "55391", height: 905 })),
+            name: 'Scorecard (1st inns) with set height',
             type: 'story'
         }
     ],
@@ -23,4 +23,4 @@ const showcase = {
 };
 // @ts-ignore
 showcaseConverter(module, showcase);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0YUNyaWNrZXRTY29yZWNhcmQuc3Rvcmllcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL29wdGEvY3JpY2tldC9zY29yZWNhcmQvT3B0YUNyaWNrZXRTY29yZWNhcmQuc3Rvcmllcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRWhFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxxREFBcUQsQ0FBQztBQUNyRixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUU5RCxNQUFNLFFBQVEsR0FBRztJQUNmLFFBQVEsRUFBRTtRQUNSO1lBQ0UsU0FBUyxFQUFFLENBQUMsT0FBOEIsRUFBRSxFQUFFLENBQUMsQ0FDN0Msb0JBQUMsY0FBYyxRQUFFLE9BQU8sRUFBRSxDQUFrQixDQUM3QztZQUNELElBQUksRUFBRSxXQUFXO1NBQ2xCO1FBQ0Q7WUFDRSxTQUFTLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FDZixvQkFBQyxvQkFBb0IsSUFBQyxXQUFXLEVBQUMsTUFBTSxFQUFDLEtBQUssRUFBQyxPQUFPLEdBQUcsQ0FDMUQ7WUFDRCxJQUFJLEVBQUUsV0FBVztZQUNqQixJQUFJLEVBQUUsT0FBTztTQUNkO1FBQ0Q7WUFDRSxTQUFTLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FDZixvQkFBQyxvQkFBb0IsSUFBQyxXQUFXLEVBQUMsTUFBTSxFQUFDLEtBQUssRUFBQyxPQUFPLEdBQUcsQ0FDMUQ7WUFDRCxJQUFJLEVBQUUsc0JBQXNCO1lBQzVCLElBQUksRUFBRSxPQUFPO1NBQ2Q7S0FDRjtJQUNELElBQUksRUFBRSxtREFBbUQ7Q0FDMUQsQ0FBQztBQUVGLGFBQWE7QUFDYixpQkFBaUIsQ0FBQyxNQUFNLEVBQUUsUUFBUSxDQUFDLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiT3B0YUNyaWNrZXRTY29yZWNhcmQuc3Rvcmllcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL29wdGEvY3JpY2tldC9zY29yZWNhcmQvT3B0YUNyaWNrZXRTY29yZWNhcmQuc3Rvcmllcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRWhFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxxREFBcUQsQ0FBQztBQUNyRixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUU5RCxNQUFNLFFBQVEsR0FBRztJQUNmLFFBQVEsRUFBRTtRQUNSO1lBQ0UsU0FBUyxFQUFFLENBQUMsT0FBOEIsRUFBRSxFQUFFLENBQUMsQ0FDN0Msb0JBQUMsY0FBYyxRQUFFLE9BQU8sRUFBRSxDQUFrQixDQUM3QztZQUNELElBQUksRUFBRSxXQUFXO1NBQ2xCO1FBQ0Q7WUFDRSxTQUFTLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FDZixvQkFBQyxvQkFBb0IsSUFBQyxXQUFXLEVBQUMsTUFBTSxFQUFDLEtBQUssRUFBQyxPQUFPLEdBQUcsQ0FDMUQ7WUFDRCxJQUFJLEVBQUUsV0FBVztZQUNqQixJQUFJLEVBQUUsT0FBTztTQUNkO1FBQ0Q7WUFDRSxTQUFTLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FDZixvQkFBQyxvQkFBb0IsSUFBQyxXQUFXLEVBQUMsTUFBTSxFQUFDLEtBQUssRUFBQyxPQUFPLEVBQUMsTUFBTSxFQUFFLEdBQUcsR0FBSSxDQUN2RTtZQUNELElBQUksRUFBRSxzQ0FBc0M7WUFDNUMsSUFBSSxFQUFFLE9BQU87U0FDZDtLQUNGO0lBQ0QsSUFBSSxFQUFFLG1EQUFtRDtDQUMxRCxDQUFDO0FBRUYsYUFBYTtBQUNiLGlCQUFpQixDQUFDLE1BQU0sRUFBRSxRQUFRLENBQUMsQ0FBQyJ9

package/dist/components/opta/cricket/shared-styles.d.ts

@@ -1,6 +1,9 @@
 export declare const Container: import("styled-components").StyledComponent<"div", any, {
     border: boolean;
     fullWidth?: boolean | undefined;
+    $height?: number | undefined;
+}, never>;
+export declare const PlaceholderContainer: import("styled-components").StyledComponent<"div", any, {
+    height?: number | undefined;
 }, never>;
-export declare const PlaceholderContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const WidgetContainerBase: import("styled-components").StyledComponent<"div", any, {}, never>;