@newskit-render/my-account 0.0.0-e7417826d → 0.0.0-e74abe310

package/dist/esm/Components/Elements/LoadingSpinner/LoadingSpinner.js

@@ -0,0 +1,24 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from 'react';
+import { Stack, styled } from 'newskit'; // or use SvgProps?
+import { IconSpinner } from '../Icons';
+var StyledSpinnerAnimation = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  @keyframes rotate {\n    from {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  animation: rotate 1s infinite linear;\n  border-radius: 50%;\n  z-index: 1;\n"], ["\n  @keyframes rotate {\n    from {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  animation: rotate 1s infinite linear;\n  border-radius: 50%;\n  z-index: 1;\n"])));
+export var LoadingSpinner = function (props) { return (React.createElement(Stack, { flow: "horizontal-center", stackDistribution: "center", height: "min-content", "data-testid": "loading-spinner-container" },
+    React.createElement(StyledSpinnerAnimation, { "data-testid": "spinner-animation" },
+        React.createElement(IconSpinner, __assign({ overrides: { size: 'iconSize105' } }, props, { "data-testid": "spinner-icon" }))))); };
+var templateObject_1;
+//# sourceMappingURL=LoadingSpinner.js.map

package/dist/esm/Components/Elements/LoadingSpinner/LoadingSpinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingSpinner.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/LoadingSpinner/LoadingSpinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,MAAM,EAAoB,MAAM,SAAS,CAAA,CAAC,mBAAmB;AAC7E,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAEtC,IAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,0RAAA,uNAaxC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAA+B,UAAC,KAAK,IAAK,OAAA,CACnE,oBAAC,KAAK,IACJ,IAAI,EAAC,mBAAmB,EACxB,iBAAiB,EAAC,QAAQ,EAC1B,MAAM,EAAC,aAAa,iBACR,2BAA2B;IAEvC,oBAAC,sBAAsB,mBAAa,mBAAmB;QACrD,oBAAC,WAAW,aACV,SAAS,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,IAC9B,KAAK,mBACG,cAAc,IAC1B,CACqB,CACnB,CACT,EAfoE,CAepE,CAAA"}

package/dist/esm/Components/Elements/LoadingSpinner/index.d.ts

@@ -0,0 +1 @@
+export * from './LoadingSpinner';

package/dist/esm/Components/Elements/LoadingSpinner/index.js

@@ -0,0 +1,2 @@
+export * from './LoadingSpinner';
+//# sourceMappingURL=index.js.map

package/dist/esm/Components/Elements/LoadingSpinner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/LoadingSpinner/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA"}

package/dist/esm/Components/Elements/NewsletterCard/NewsletterCard.js

@@ -60,7 +60,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { Block, styled, CardComposable, CardContent, Headline, TextBlock, Switch, getMediaQueryFromTheme, useInstrumentation, EventTrigger, } from 'newskit';
 import fetch from 'cross-fetch';
 import { Image, createClickEvent } from '@newskit-render/shared-components';
@@ -70,9 +70,10 @@ var StyledHeaderBlockWrapper = styled(Block)(templateObject_1 || (templateObject
 }, getMediaQueryFromTheme('sm'));
 var StyledTitleBlockWrapper = styled(Block)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  span {\n    display: block;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  span {\n    display: block;\n  }\n"])));
 var StyledFrequencyWrapper = styled(TextBlock)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  text-transform: uppercase;\n"], ["\n  text-transform: uppercase;\n"])));
-var StyledCardContentWrapper = styled(CardContent)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  grid-row-start: 1;\n  grid-row-end: span 3;\n\n  .switch-block {\n    align-self: end;\n  }\n"], ["\n  grid-row-start: 1;\n  grid-row-end: span 3;\n\n  .switch-block {\n    align-self: end;\n  }\n"])));
-var StyledSwitchWrapper = styled(Block)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  z-index: 0;\n"], ["\n  z-index: 0;\n"])));
-var StyledButton = styled.button(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  width: auto;\n  height: auto;\n  background: transparent;\n  border: none;\n  margin: 0;\n  padding: 0;\n\n  input {\n    display: none;\n  }\n"], ["\n  width: auto;\n  height: auto;\n  background: transparent;\n  border: none;\n  margin: 0;\n  padding: 0;\n\n  input {\n    display: none;\n  }\n"])));
+var StyledCardContentWrapper = styled(CardContent)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  grid-row-start: 1;\n  grid-row-end: span 3;\n\n  .switch-block {\n    align-self: end;\n    margin-top: auto;\n    flex-shrink: 0;\n  }\n"], ["\n  grid-row-start: 1;\n  grid-row-end: span 3;\n\n  .switch-block {\n    align-self: end;\n    margin-top: auto;\n    flex-shrink: 0;\n  }\n"])));
+var StyledDescription = styled(TextBlock)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: normal;\n  min-height: 0;\n  flex-shrink: 1;\n  word-break: break-word;\n"], ["\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: normal;\n  min-height: 0;\n  flex-shrink: 1;\n  word-break: break-word;\n"])));
+var StyledSwitchWrapper = styled(Block)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  z-index: 0;\n"], ["\n  z-index: 0;\n"])));
+var StyledButton = styled.button(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  width: auto;\n  height: auto;\n  background: transparent;\n  border: none;\n  margin: 0;\n  padding: 0;\n\n  input {\n    display: none;\n  }\n"], ["\n  width: auto;\n  height: auto;\n  background: transparent;\n  border: none;\n  margin: 0;\n  padding: 0;\n\n  input {\n    display: none;\n  }\n"])));
 var NewslettersSubscriptionTypes;
 (function (NewslettersSubscriptionTypes) {
     NewslettersSubscriptionTypes["unsubscribe"] = "unsubscribe";
@@ -140,6 +141,29 @@ export var NewsletterCard = function (_a) {
             }
         });
     }); };
+    useEffect(function () {
+        var handleResize = function () {
+            // Force reflow in Safari during zoom
+            window.requestAnimationFrame(function () {
+                // Trigger a reflow by accessing offsetHeight
+                void document.body.offsetHeight;
+            });
+        };
+        var userAgent = (navigator === null || navigator === void 0 ? void 0 : navigator.userAgent) || '';
+        var isSafari = /^((?!chrome|android).)*safari/i.test(userAgent);
+        if (isSafari && (window === null || window === void 0 ? void 0 : window.addEventListener)) {
+            window.addEventListener('resize', handleResize);
+            // Also listen for zoom events specifically
+            window.addEventListener('wheel', handleResize, { passive: true });
+            return function () {
+                if (window === null || window === void 0 ? void 0 : window.removeEventListener) {
+                    window.removeEventListener('resize', handleResize);
+                    window.removeEventListener('wheel', handleResize);
+                }
+            };
+        }
+        return;
+    }, []);
     return (React.createElement(CardComposable, __assign({ overrides: cardOverrides }, rest),
         React.createElement(StyledCardContentWrapper, { rowGap: cardContentOverrides.rowGap, rows: cardContentOverrides.rows, overrides: cardContentOverrides.overrides },
             React.createElement(StyledHeaderBlockWrapper, { imageVisible: imageVisible },
@@ -147,11 +171,11 @@ export var NewsletterCard = function (_a) {
                     React.createElement(Headline, { overrides: headlineOverrides.content, headingAs: "span" }, title),
                     React.createElement(StyledFrequencyWrapper, { stylePreset: frequencyOverrides.stylePreset, typographyPreset: frequencyOverrides.typographyPreset }, frequency)),
                 React.createElement(Image, { src: imageSrc, alt: title, width: "80", height: "80" })),
-            React.createElement(TextBlock, { stylePreset: textOverrides.stylePreset, typographyPreset: textOverrides.typographyPreset }, description),
+            React.createElement(StyledDescription, { stylePreset: textOverrides.stylePreset, typographyPreset: textOverrides.typographyPreset }, description),
             React.createElement(StyledSwitchWrapper, { className: "switch-block", "data-testid": "switch-wrapper" },
                 React.createElement(StyledButton, { onClick: handleSubscribeBtnClick, "aria-label": switchButtonProps.label ||
                         "subscribe/unsubscribe button for the ".concat(title, " newsletter") },
                     React.createElement(Switch, { checked: isSubscribed, label: switchButtonProps.label, "aria-label": title, size: switchButtonProps.size, overrides: switchButtonProps.overrides }))))));
 };
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
 //# sourceMappingURL=NewsletterCard.js.map

package/dist/esm/Components/Elements/NewsletterCard/NewsletterCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"NewsletterCard.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/NewsletterCard/NewsletterCard.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"NewsletterCard.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/NewsletterCard/NewsletterCard.tsx"],"names":[],"mappings":"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"}

package/dist/esm/Components/Elements/OfferCard/OfferCard.d.ts

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

package/dist/esm/Components/Elements/OfferCard/OfferCard.js

@@ -0,0 +1,48 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { CardContent, TextBlock, Button, CardActions, Divider, GridLayout, Block, } from 'newskit';
+import { Ribbon, StrikedThroughTextBlock, StylesCardComposable } from './styled';
+import { replaceBaseURL } from '../../../helpers';
+export var OfferCard = function (_a) {
+    var title = _a.title, titleOverrides = _a.titleOverrides, description = _a.description, descriptionOverrides = _a.descriptionOverrides, offerLabel = _a.offerLabel, offerLabelOverrides = _a.offerLabelOverrides, currentPrice = _a.currentPrice, currentPriceOverrides = _a.currentPriceOverrides, newPrice = _a.newPrice, newsPriceOverrides = _a.newsPriceOverrides, ribbonText = _a.ribbonText, ribbonTextOverrides = _a.ribbonTextOverrides, ribbonOverrides = _a.ribbonOverrides, buttonText = _a.buttonText, buttonHref = _a.buttonHref, _b = _a.baseUrl, baseUrl = _b === void 0 ? '' : _b, buttonOverrides = _a.buttonOverrides, buttonEventContext = _a.buttonEventContext, containerOverrides = _a.containerOverrides, rest = __rest(_a, ["title", "titleOverrides", "description", "descriptionOverrides", "offerLabel", "offerLabelOverrides", "currentPrice", "currentPriceOverrides", "newPrice", "newsPriceOverrides", "ribbonText", "ribbonTextOverrides", "ribbonOverrides", "buttonText", "buttonHref", "baseUrl", "buttonOverrides", "buttonEventContext", "containerOverrides"]);
+    return (React.createElement(StylesCardComposable, __assign({ "data-testid": "offer-card-container" }, containerOverrides, { overrides: __assign({ paddingBlock: 'space040', paddingInline: 'space040', maxWidth: '600px' }, containerOverrides === null || containerOverrides === void 0 ? void 0 : containerOverrides.overrides) }, rest),
+        ribbonText && (React.createElement(Ribbon, __assign({ "data-testid": "offer-card-container-ribbon" }, ribbonOverrides),
+            React.createElement(Block, { className: "ribbon-body" },
+                React.createElement(TextBlock, __assign({ typographyPreset: "editorialRegularDisplay003", stylePreset: "inkInverse" }, ribbonTextOverrides), ribbonText)))),
+        React.createElement(CardContent, { rowGap: "space050", overrides: { paddingBlock: 'space020', paddingInline: 'space020' } },
+            React.createElement(TextBlock, __assign({ "data-testid": "offer-card-title", typographyPreset: "utilityHeading050", stylePreset: "inkDark010" }, titleOverrides), title),
+            offerLabel && typeof offerLabel === 'string' && (React.createElement(TextBlock, __assign({ "data-testid": "offer-card-offer-label", typographyPreset: "editorialRegularHeadline070", stylePreset: "inkDark010" }, offerLabelOverrides), offerLabel)),
+            typeof offerLabel !== 'string' ? offerLabel : null,
+            React.createElement(GridLayout, { columnGap: "space020", columns: "auto auto", justifyContent: "space-between" },
+                currentPrice && (React.createElement(StrikedThroughTextBlock, __assign({ "data-testid": "offer-card-current-price", typographyPreset: "editorialRegularDisplay003", stylePreset: "inkSubtle" }, currentPriceOverrides), currentPrice)),
+                newPrice && (React.createElement(TextBlock, __assign({ "data-testid": "offer-card-new-price", typographyPreset: "editorialRegularDisplay003" }, newsPriceOverrides, { stylePreset: "inkDark010" }), newPrice))),
+            React.createElement(Divider, { overrides: { marginBlockStart: 'space010' } }),
+            description && (React.createElement(TextBlock, __assign({ "data-testid": "offer-card-description", typographyPreset: "editorialRegularDisplay003", stylePreset: "inkBase" }, descriptionOverrides), description))),
+        React.createElement(CardActions, { columns: "1fr", overrides: {
+                paddingBlockStart: 'space050',
+            } }, buttonText && (React.createElement(Button, __assign({ "data-testid": "offer-card-action", overrides: { width: '100%' } }, buttonOverrides, (buttonHref
+            ? { href: replaceBaseURL(baseUrl, buttonHref) }
+            : {}), { eventContext: buttonEventContext }), buttonText)))));
+};
+//# sourceMappingURL=OfferCard.js.map

package/dist/esm/Components/Elements/OfferCard/OfferCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OfferCard.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/OfferCard/OfferCard.tsx"],"names":[],"mappings":"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"}

package/dist/esm/Components/Elements/OfferCard/index.d.ts

@@ -0,0 +1,2 @@
+import { OfferCard } from './OfferCard';
+export default OfferCard;

package/dist/esm/Components/Elements/OfferCard/index.js

@@ -0,0 +1,3 @@
+import { OfferCard } from './OfferCard';
+export default OfferCard;
+//# sourceMappingURL=index.js.map

package/dist/esm/Components/Elements/OfferCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/OfferCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,eAAe,SAAS,CAAA"}

package/dist/esm/Components/Elements/OfferCard/styled.d.ts

@@ -0,0 +1,43 @@
+import { MQ } from 'newskit';
+export declare const StrikedThroughTextBlock: import("@emotion/styled").StyledComponent<import("newskit").TextBlockProps & import("react").RefAttributes<HTMLParagraphElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export interface RibbonProps {
+    ribbonColor?: MQ<string>;
+    cornerColor?: MQ<string>;
+}
+export declare const Ribbon: import("@emotion/styled").StyledComponent<import("newskit").BlockProps & import("react").RefAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme;
+} & RibbonProps, {}, {}>;
+export declare const StylesCardComposable: import("@emotion/styled").StyledComponent<{
+    rowGap?: import("newskit").MQ<string> | undefined;
+    columnGap?: import("newskit").MQ<string> | undefined;
+    rows?: import("newskit").MQ<string> | undefined;
+    columns?: import("newskit").MQ<string> | undefined;
+    justifyContent?: import("newskit").MQ<string> | undefined;
+    alignContent?: import("newskit").MQ<string> | undefined;
+    justifyItems?: import("newskit").MQ<string> | undefined;
+    alignItems?: import("newskit").MQ<string> | undefined;
+    areas?: import("newskit").MQ<string> | undefined;
+    inline?: import("newskit").MQ<boolean> | undefined;
+    autoColumns?: import("newskit").MQ<string> | undefined;
+    autoRows?: import("newskit").MQ<string> | undefined;
+    autoFlow?: import("newskit").MQ<string> | undefined;
+    children?: React.ReactNode | import("newskit/cjs/grid-layout/types").GridLayoutRenderProps;
+    as?: React.ElementType<any> | undefined;
+    overrides?: ({
+        width?: import("newskit").MQ<string> | undefined;
+        minWidth?: import("newskit").MQ<string> | undefined;
+        maxWidth?: import("newskit").MQ<string> | undefined;
+        height?: import("newskit").MQ<string> | undefined;
+        minHeight?: import("newskit").MQ<string> | undefined;
+        maxHeight?: import("newskit").MQ<string> | undefined;
+    } & import("newskit/cjs/utils/logical-properties").LogicalProps) | undefined;
+} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "children"> & {
+    overrides?: {
+        stylePreset?: import("newskit").MQ<string> | undefined;
+        transitionPreset?: import("newskit").TransitionToken | import("newskit").TransitionToken[] | undefined;
+    } | undefined;
+} & import("react").RefAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

package/dist/esm/Components/Elements/OfferCard/styled.js

@@ -0,0 +1,19 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { Block, CardComposable, getColorCssFromTheme, getShadowCssFromTheme, styled, TextBlock, } from 'newskit';
+export var StrikedThroughTextBlock = styled(TextBlock)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  text-decoration: line-through;\n"], ["\n  text-decoration: line-through;\n"])));
+export var Ribbon = styled(Block)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 150px;\n  height: 150px;\n  overflow: hidden;\n  position: absolute;\n  top: -4px;\n  right: -4px;\n\n  & .ribbon-body {\n    ", ";\n    position: absolute;\n    display: block;\n    width: 225px;\n    padding: 15px 0;\n    ", "\n    text-align: center;\n    left: -14px;\n    top: 30px;\n    transform: rotate(45deg);\n  }\n  &:before {\n    position: absolute;\n    z-index: -1;\n    content: '';\n    display: block;\n    border: 2px solid;\n    ", ";\n    top: 0;\n    left: 0;\n  }\n  &:after {\n    position: absolute;\n    z-index: -1;\n    content: '';\n    display: block;\n    border: 2px solid;\n    ", ";\n    bottom: 0;\n    right: 0;\n  }\n"], ["\n  width: 150px;\n  height: 150px;\n  overflow: hidden;\n  position: absolute;\n  top: -4px;\n  right: -4px;\n\n  & .ribbon-body {\n    ", ";\n    position: absolute;\n    display: block;\n    width: 225px;\n    padding: 15px 0;\n    ", "\n    text-align: center;\n    left: -14px;\n    top: 30px;\n    transform: rotate(45deg);\n  }\n  &:before {\n    position: absolute;\n    z-index: -1;\n    content: '';\n    display: block;\n    border: 2px solid;\n    ", ";\n    top: 0;\n    left: 0;\n  }\n  &:after {\n    position: absolute;\n    z-index: -1;\n    content: '';\n    display: block;\n    border: 2px solid;\n    ", ";\n    bottom: 0;\n    right: 0;\n  }\n"])), function (_a) {
+    var ribbonColor = _a.ribbonColor;
+    return getColorCssFromTheme('backgroundColor', ribbonColor ? ribbonColor : 'interactivePrimary030');
+}, getShadowCssFromTheme('box-shadow', 'shadow010'), function (_a) {
+    var cornerColor = _a.cornerColor;
+    return getColorCssFromTheme('borderColor', cornerColor ? cornerColor : 'interactivePrimary050');
+}, function (_a) {
+    var cornerColor = _a.cornerColor;
+    return getColorCssFromTheme('borderColor', cornerColor ? cornerColor : 'interactivePrimary050');
+});
+export var StylesCardComposable = styled(CardComposable)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  border: 1px solid;\n  ", "\n  ", "\n  backdrop-filter: blur(20px); /* blur does not exist in newskit */\n"], ["\n  border: 1px solid;\n  ", "\n  ", "\n  backdrop-filter: blur(20px); /* blur does not exist in newskit */\n"])), getColorCssFromTheme('borderColor', 'interface020'), getShadowCssFromTheme('box-shadow', 'shadow030'));
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=styled.js.map

package/dist/esm/Components/Elements/OfferCard/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/OfferCard/styled.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EACL,KAAK,EACL,cAAc,EACd,oBAAoB,EACpB,qBAAqB,EAErB,MAAM,EACN,SAAS,GACV,MAAM,SAAS,CAAA;AAEhB,MAAM,CAAC,IAAM,uBAAuB,GAAG,MAAM,CAAC,SAAS,CAAC,yGAAA,sCAEvD,IAAA,CAAA;AAKD,MAAM,CAAC,IAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,8tBAAa,2IAS1C,EAIC,gGAKD,EAAgD,+NAYhD,EAIC,gKAUD,EAIC,yCAIN,KA3CK,UAAC,EAAe;QAAb,WAAW,iBAAA;IACd,OAAA,oBAAoB,CAClB,iBAAiB,EACjB,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,uBAAuB,CACpD;AAHD,CAGC,EAKD,qBAAqB,CAAC,YAAY,EAAE,WAAW,CAAC,EAYhD,UAAC,EAAe;QAAb,WAAW,iBAAA;IACd,OAAA,oBAAoB,CAClB,aAAa,EACb,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,uBAAuB,CACpD;AAHD,CAGC,EAUD,UAAC,EAAe;QAAb,WAAW,iBAAA;IACd,OAAA,oBAAoB,CAClB,aAAa,EACb,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,uBAAuB,CACpD;AAHD,CAGC,CAIN,CAAA;AAED,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,cAAc,CAAC,kLAAA,4BAEtD,EAAmD,MACnD,EAAgD,yEAEnD,KAHG,oBAAoB,CAAC,aAAa,EAAE,cAAc,CAAC,EACnD,qBAAqB,CAAC,YAAY,EAAE,WAAW,CAAC,CAEnD,CAAA"}

package/dist/esm/Components/Elements/OfferCard/types.d.ts

@@ -0,0 +1,25 @@
+import { ButtonProps, CardComposableProps, EventContext, TextBlockProps } from 'newskit';
+import { RibbonProps } from './styled';
+import { ReactNode } from 'react';
+export interface OfferCardProps extends CardComposableProps {
+    id: string;
+    title: string;
+    titleOverrides?: TextBlockProps;
+    currentPrice?: string;
+    currentPriceOverrides?: TextBlockProps;
+    newPrice?: string;
+    newsPriceOverrides?: TextBlockProps;
+    description?: string | string[] | React.ReactNode;
+    descriptionOverrides?: TextBlockProps;
+    offerLabel?: ReactNode;
+    offerLabelOverrides?: TextBlockProps;
+    ribbonText?: string;
+    ribbonTextOverrides?: TextBlockProps;
+    ribbonOverrides?: RibbonProps;
+    buttonText?: string;
+    buttonHref?: string;
+    baseUrl?: string;
+    buttonOverrides?: ButtonProps;
+    buttonEventContext?: EventContext;
+    containerOverrides?: CardComposableProps;
+}

package/dist/esm/Components/Elements/OfferCard/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/Components/Elements/OfferCard/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/OfferCard/types.ts"],"names":[],"mappings":""}

package/dist/esm/Components/Elements/SectionListItem/GridListItem.d.ts

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

package/dist/esm/Components/Elements/SectionListItem/GridListItem.js

@@ -0,0 +1,70 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { Block, styled, CardComposable, CardContent, TextBlock, getMediaQueryFromTheme, useInstrumentation, EventTrigger, getColorCssFromTheme, Stack, } from 'newskit';
+import Link from 'next/link';
+import { createClickEvent, Image } from '@newskit-render/shared-components';
+import { replaceBaseURL } from '../../../helpers';
+var StyledHeaderBlockWrapper = styled(Stack)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  min-height: 65px;\n  width: 100%;\n\n  figure {\n    ", "\n  }\n\n  ", " {\n    min-height: auto;\n\n    figure {\n      display: block;\n    }\n  }\n"], ["\n  min-height: 65px;\n  width: 100%;\n\n  figure {\n    ", "\n  }\n\n  ", " {\n    min-height: auto;\n\n    figure {\n      display: block;\n    }\n  }\n"])), function (_a) {
+    var imageVisible = _a.imageVisible;
+    return imageVisible ? 'display: block' : 'display: none;';
+}, getMediaQueryFromTheme('sm'));
+var StyledTitleBlockWrapper = styled(Block)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  span {\n    display: block;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  span {\n    display: block;\n  }\n"])));
+var StyledCardContentWrapper = styled(CardContent)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  grid-row-start: 1;\n  grid-row-end: span 3;\n  border: 1px solid;\n  ", "\n\n  .switch-block {\n    align-self: end;\n  }\n  &:hover,\n  &:focus,\n  &:active {\n    ", "\n    cursor: pointer;\n  }\n"], ["\n  grid-row-start: 1;\n  grid-row-end: span 3;\n  border: 1px solid;\n  ", "\n\n  .switch-block {\n    align-self: end;\n  }\n  &:hover,\n  &:focus,\n  &:active {\n    ", "\n    cursor: pointer;\n  }\n"])), getColorCssFromTheme('borderColor', 'interface030'), getColorCssFromTheme('backgroundColor', 'interface020'));
+var StyledTextBlock = styled(TextBlock)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", "\n  ", "\n"], ["\n  ", "\n  ", "\n"])), function (_a) {
+    var textWrap = _a.textWrap;
+    return textWrap && "text-wrap: ".concat(textWrap, ";");
+}, function (_a) {
+    var width = _a.width;
+    return width && "width: ".concat(width, ";");
+});
+export var GridListItem = function (_a) {
+    var cardOverrides = _a.cardOverrides, containerOverrides = _a.containerOverrides, labelOverrides = _a.labelOverrides, subtitleOverrides = _a.subtitleOverrides, handleClick = _a.handleClick, label = _a.label, image = _a.image, href = _a.href, subtitle = _a.subtitle, ariaLabel = _a.ariaLabel, eventContext = _a.eventContext, baseUrl = _a.baseUrl, headerOverrides = _a.headerOverrides, imageOverrides = _a.imageOverrides, props = __rest(_a, ["cardOverrides", "containerOverrides", "labelOverrides", "subtitleOverrides", "handleClick", "label", "image", "href", "subtitle", "ariaLabel", "eventContext", "baseUrl", "headerOverrides", "imageOverrides"]);
+    var fireEvent = useInstrumentation().fireEvent;
+    /* istanbul ignore next */
+    var handleCardClick = function (event) {
+        if (handleClick) {
+            handleClick(event, {
+                id: props.id || '',
+                label: label || '',
+                eventContext: eventContext,
+            });
+        }
+        if (href)
+            fireEvent(createClickEvent('link', (eventContext === null || eventContext === void 0 ? void 0 : eventContext.event_navigation_name) || '', undefined, (eventContext === null || eventContext === void 0 ? void 0 : eventContext.article_parent_name) || '', (eventContext === null || eventContext === void 0 ? void 0 : eventContext.page_name) || '', 'navigation', (eventContext === null || eventContext === void 0 ? void 0 : eventContext.event_navigation_browsing_method) || EventTrigger.Click));
+    };
+    return (React.createElement(CardComposable, __assign({ overrides: cardOverrides, "data-testid": "list-item" }, props),
+        React.createElement(Link, { "data-testid": "list-item-link", legacyBehavior: true, href: replaceBaseURL(baseUrl || '', href) || '', tabIndex: href ? undefined : -1, "aria-disabled": !href, "aria-label": ariaLabel || '' },
+            React.createElement(StyledCardContentWrapper, __assign({ rowGap: 'space050' }, containerOverrides, { onClick: handleCardClick }),
+                React.createElement(StyledHeaderBlockWrapper, __assign({ stackDistribution: "space-between" }, headerOverrides),
+                    React.createElement(StyledTitleBlockWrapper, null,
+                        React.createElement(StyledTextBlock, __assign({ "data-testid": "list-item-label" }, labelOverrides), label)),
+                    image && (React.createElement(Image, __assign({ "data-testid": "list-item-image", src: image, alt: label || '', width: "80", height: "80" }, imageOverrides)))),
+                React.createElement(StyledTextBlock, __assign({ "data-testid": "list-item-subtitle" }, subtitleOverrides), subtitle)))));
+};
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=GridListItem.js.map

package/dist/esm/Components/Elements/SectionListItem/GridListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridListItem.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SectionListItem/GridListItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,KAAK,EACL,MAAM,EACN,cAAc,EACd,WAAW,EACX,SAAS,EACT,sBAAsB,EACtB,kBAAkB,EAClB,YAAY,EACZ,oBAAoB,EACpB,KAAK,GACN,MAAM,SAAS,CAAA;AAChB,OAAO,IAAI,MAAM,WAAW,CAAA;AAE5B,OAAO,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAA;AAE3E,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD,IAAM,wBAAwB,GAAG,MAAM,CAAC,KAAK,CAAC,+NAA4B,2DAKpE,EACkD,aAGpD,EAA4B,gFAO/B,KAXK,UAAC,EAAgB;QAAd,YAAY,kBAAA;IACf,OAAA,YAAY,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB;AAAlD,CAAkD,EAGpD,sBAAsB,CAAC,IAAI,CAAC,CAO/B,CAAA;AAED,IAAM,uBAAuB,GAAG,MAAM,CAAC,KAAK,CAAC,6LAAA,0HAQ5C,IAAA,CAAA;AAED,IAAM,wBAAwB,GAAG,MAAM,CAAC,WAAW,CAAC,+QAAA,2EAIhD,EAAmD,8FAQjD,EAAuD,+BAG5D,KAXG,oBAAoB,CAAC,aAAa,EAAE,cAAc,CAAC,EAQjD,oBAAoB,CAAC,iBAAiB,EAAE,cAAc,CAAC,CAG5D,CAAA;AAED,IAAM,eAAe,GAAG,MAAM,CAAC,SAAS,CAAC,uFAGvC,MACE,EAAuD,MACvD,EAA0C,IAC7C,KAFG,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,QAAQ,IAAI,qBAAc,QAAQ,MAAG;AAArC,CAAqC,EACvD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,iBAAU,KAAK,MAAG;AAA3B,CAA2B,CAC7C,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAgC,UAAC,EAgBzD;IAfC,IAAA,aAAa,mBAAA,EACb,kBAAkB,wBAAA,EAClB,cAAc,oBAAA,EACd,iBAAiB,uBAAA,EACjB,WAAW,iBAAA,EACX,KAAK,WAAA,EACL,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,OAAO,aAAA,EACP,eAAe,qBAAA,EACf,cAAc,oBAAA,EACX,KAAK,cAfgD,gNAgBzD,CADS;IAEA,IAAA,SAAS,GAAK,kBAAkB,EAAE,UAAzB,CAAyB;IAE1C,0BAA0B;IAC1B,IAAM,eAAe,GAAG,UAAC,KAAuB;QAC9C,IAAI,WAAW,EAAE,CAAC;YAChB,WAAW,CAAC,KAAK,EAAE;gBACjB,EAAE,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE;gBAClB,KAAK,EAAE,KAAK,IAAI,EAAE;gBAClB,YAAY,EAAE,YAAY;aAC3B,CAAC,CAAA;QACJ,CAAC;QAED,IAAI,IAAI;YACN,SAAS,CACP,gBAAgB,CACd,MAAM,EACN,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,qBAAqB,KAAI,EAAE,EACzC,SAAS,EACT,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,mBAAmB,KAAI,EAAE,EACvC,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,KAAI,EAAE,EAC7B,YAAY,EACZ,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,gCAAgC,KAAI,YAAY,CAAC,KAAK,CACrE,CACF,CAAA;IACL,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,cAAc,aACb,SAAS,EAAE,aAAa,iBACZ,WAAW,IACnB,KAAK;QAET,oBAAC,IAAI,mBACS,gBAAgB,EAC5B,cAAc,QACd,IAAI,EAAE,cAAc,CAAC,OAAO,IAAI,EAAE,EAAE,IAAI,CAAC,IAAI,EAAE,EAC/C,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,mBAChB,CAAC,IAAI,gBACR,SAAS,IAAI,EAAE;YAE3B,oBAAC,wBAAwB,aACvB,MAAM,EAAE,UAAU,IACd,kBAAkB,IACtB,OAAO,EAAE,eAAe;gBAExB,oBAAC,wBAAwB,aACvB,iBAAiB,EAAC,eAAe,IAC7B,eAAe;oBAEnB,oBAAC,uBAAuB;wBACtB,oBAAC,eAAe,4BACF,iBAAiB,IACzB,cAAc,GAEjB,KAAK,CACU,CACM;oBACzB,KAAK,IAAI,CACR,oBAAC,KAAK,4BACQ,iBAAiB,EAC7B,GAAG,EAAE,KAAK,EACV,GAAG,EAAE,KAAK,IAAI,EAAE,EAChB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,IACP,cAAc,EAClB,CACH,CACwB;gBAC3B,oBAAC,eAAe,4BACF,oBAAoB,IAC5B,iBAAiB,GAEpB,QAAQ,CACO,CACO,CACtB,CACQ,CAClB,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/Components/Elements/SectionListItem/SectionListItem.d.ts

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

package/dist/esm/Components/Elements/SectionListItem/SectionListItem.js

@@ -0,0 +1,69 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import Link from 'next/link';
+import { GridLayout, TextBlock, Stack, StackChild, StructuredListItem, styled, getColorCssFromTheme, GridLayoutItem, StructuredListCell, useInstrumentation, EventTrigger, } from 'newskit';
+import { createClickEvent } from '@newskit-render/shared-components';
+import { ItemSubtitle } from '../ListItemComponents';
+var StyledGridContainer = styled(GridLayout)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  &:hover,\n  &:focus,\n  &:active {\n    ", "\n    cursor: ", ";\n  }\n"], ["\n  ", "\n  &:hover,\n  &:focus,\n  &:active {\n    ", "\n    cursor: ", ";\n  }\n"])), getColorCssFromTheme('borderColor', 'interface030'), function (_a) {
+    var isLink = _a.isLink;
+    return isLink ? getColorCssFromTheme('backgroundColor', 'interface020') : '';
+}, function (_a) {
+    var isLink = _a.isLink;
+    return (isLink ? 'pointer' : 'default');
+});
+export var SectionListItem = function (_a) {
+    var _b;
+    var title = _a.title, titleIcon = _a.titleIcon, titleOverrides = _a.titleOverrides, subtitle = _a.subtitle, id = _a.id, linkIcon = _a.linkIcon, href = _a.href, containerOverrides = _a.containerOverrides, itemOverrides = _a.itemOverrides, footer = _a.footer, ariaLabel = _a.ariaLabel, eventContext = _a.eventContext, subtitleOverrides = _a.subtitleOverrides, rest = __rest(_a, ["title", "titleIcon", "titleOverrides", "subtitle", "id", "linkIcon", "href", "containerOverrides", "itemOverrides", "footer", "ariaLabel", "eventContext", "subtitleOverrides"]);
+    var fireEvent = useInstrumentation().fireEvent;
+    /* istanbul ignore next */
+    var handleLinkClick = function () {
+        if (href)
+            fireEvent(createClickEvent('link', (eventContext === null || eventContext === void 0 ? void 0 : eventContext.event_navigation_name) || '', undefined, undefined, (eventContext === null || eventContext === void 0 ? void 0 : eventContext.page_name) || '', 'navigation', (eventContext === null || eventContext === void 0 ? void 0 : eventContext.event_navigation_browsing_method) || EventTrigger.Click));
+    };
+    return (React.createElement(Link, { legacyBehavior: true, href: href || '', tabIndex: href ? undefined : -1, "aria-disabled": !href, "aria-label": ariaLabel || '' },
+        React.createElement(StructuredListItem, { href: href || '', disabled: !href, hideIcon: true, overrides: {
+                stylePreset: 'inkBase',
+                paddingInline: 'space000',
+                paddingBlock: 'space000',
+            }, onClick: handleLinkClick },
+            React.createElement(StructuredListCell, { fullWidthSingleCell: true },
+                React.createElement(StyledGridContainer, __assign({}, containerOverrides, { "data-testid": id, isLink: Boolean(href) }, rest),
+                    React.createElement(GridLayoutItem, __assign({}, itemOverrides),
+                        React.createElement(Stack, { paddingBlock: "space000", flow: "vertical-stretch", stackDistribution: "center", spaceInline: "space030" },
+                            React.createElement(StackChild, null,
+                                React.createElement(Stack, { flow: "horizontal-center", stackDistribution: "flex-start" },
+                                    titleIcon,
+                                    React.createElement(TextBlock, { typographyPreset: "utilityHeading010" }, title))),
+                            React.createElement(StackChild, { marginBlockEnd: "space000" },
+                                React.createElement(ItemSubtitle, { subtitleOverrides: subtitleOverrides, subtitle: subtitle })))),
+                    linkIcon && (React.createElement(GridLayoutItem, { justifySelf: "flex-end" }, linkIcon)),
+                    footer && (React.createElement(GridLayoutItem, { paddingBlockStart: "space040" },
+                        React.createElement(TextBlock, __assign({ stylePreset: "inkSubtle", typographyPreset: "utilityBody010" }, (_b = footer.props) === null || _b === void 0 ? void 0 : _b.textOverrides, { "data-testid": footer.dataTestId }), footer === null || footer === void 0 ? void 0 : footer.content))))))));
+};
+var templateObject_1;
+//# sourceMappingURL=SectionListItem.js.map

package/dist/esm/Components/Elements/SectionListItem/SectionListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionListItem.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SectionListItem/SectionListItem.tsx"],"names":[],"mappings":"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"}

package/dist/esm/Components/Elements/SectionListItem/index.d.ts

@@ -0,0 +1,3 @@
+export * from './types';
+export * from './SectionListItem';
+export * from './GridListItem';

package/dist/esm/Components/Elements/SectionListItem/index.js

@@ -0,0 +1,4 @@
+export * from './types';
+export * from './SectionListItem';
+export * from './GridListItem';
+//# sourceMappingURL=index.js.map

package/dist/esm/Components/Elements/SectionListItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SectionListItem/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,mBAAmB,CAAA;AACjC,cAAc,gBAAgB,CAAA"}

package/dist/esm/Components/Elements/SectionListItem/types.d.ts

@@ -0,0 +1,37 @@
+import { EventContext } from '@newskit-render/shared-components';
+import { MQ, NewsKitIconProps, StackProps, TextBlockProps } from 'newskit';
+import { ItemFooterProps } from '../ListItemComponents';
+import { CancellationItem } from '../../../context/types';
+import { NewsletterViewProps } from '../NewsletterCard/NewsletterCard';
+import { HandleCardClick } from '../../Templates/CancellationStepperRender';
+import { GridLayoutProps } from '../../SharedTypes/GridLayoutProps';
+export interface SectionListItemProps {
+    title: string;
+    titleOverrides?: TextBlockProps;
+    ariaLabel?: string;
+    titleIcon?: React.ReactElement<NewsKitIconProps> | null;
+    subtitle?: string | string[] | React.ReactNode;
+    subtitleOverrides?: TextBlockProps;
+    href?: string;
+    linkIcon?: React.ReactElement<NewsKitIconProps> | null;
+    linkOverrides?: {
+        stylePreset: string;
+    };
+    itemOverrides?: {
+        column?: MQ<string>;
+    };
+    footer?: ItemFooterProps;
+    containerOverrides?: GridLayoutProps;
+    id?: string;
+    eventContext?: EventContext;
+    handleClick?: HandleCardClick;
+    headerOverrides?: StackProps & {
+        imageVisible?: boolean;
+    };
+    imageOverrides?: {
+        width?: number;
+        height?: number;
+        fill?: boolean;
+    };
+}
+export type GridListItemProps = Partial<NewsletterViewProps> & CancellationItem & Partial<SectionListItemProps>;

package/dist/esm/Components/Elements/SectionListItem/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/Components/Elements/SectionListItem/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SectionListItem/types.ts"],"names":[],"mappings":""}

package/dist/esm/Components/Elements/StandaloneLinkComponent/StandaloneLinkComponent.js

@@ -1,3 +1,14 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import React from 'react';
 import { Stack, StackChild, Block, toNewsKitIcon } from 'newskit';
 import { NextLink } from '@newskit-render/shared-components';
@@ -5,7 +16,7 @@ import { replaceBaseURL } from '../../../helpers';
 import { ArrowForwardIos as OutlinedArrowForwardIos } from '@emotion-icons/material-outlined/ArrowForwardIos';
 var IconOutlinedArrowForwardIos = toNewsKitIcon(OutlinedArrowForwardIos);
 export var StandaloneLinkComponent = function (_a) {
-    var children = _a.children, href = _a.href, baseUrl = _a.baseUrl, onClick = _a.onClick, target = _a.target, eventContext = _a.eventContext;
+    var children = _a.children, href = _a.href, baseUrl = _a.baseUrl, onClick = _a.onClick, target = _a.target, eventContext = _a.eventContext, overrides = _a.overrides, rest = __rest(_a, ["children", "href", "baseUrl", "onClick", "target", "eventContext", "overrides"]);
     return (React.createElement(Stack, { flow: { xs: 'vertical-center', md: 'vertical-right' } },
         React.createElement(StackChild, null,
             React.createElement(Block, { marginBlockEnd: { xs: 'space080' } },

package/dist/esm/Components/Elements/StandaloneLinkComponent/StandaloneLinkComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"StandaloneLinkComponent.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/StandaloneLinkComponent/StandaloneLinkComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAA;AAE5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD,OAAO,EAAE,eAAe,IAAI,uBAAuB,EAAE,MAAM,kDAAkD,CAAA;AAC7G,IAAM,2BAA2B,GAAG,aAAa,CAAC,uBAAuB,CAAC,CAAA;AAE1E,MAAM,CAAC,IAAM,uBAAuB,GAAkC,UAAC,EAOtE;QANC,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,OAAO,aAAA,EACP,MAAM,YAAA,EACN,YAAY,kBAAA;IAEZ,OAAO,CACL,oBAAC,KAAK,IAAC,IAAI,EAAE,EAAE,EAAE,EAAE,iBAAiB,EAAE,EAAE,EAAE,gBAAgB,EAAE;QAC1D,oBAAC,UAAU;YACT,oBAAC,KAAK,IAAC,cAAc,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE;gBACvC,oBAAC,QAAQ,IACP,IAAI,EAAE,cAAc,CAAC,OAAO,EAAE,IAAI,CAAC,EACnC,IAAI,EAAC,YAAY,EACjB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY;oBAEzB,QAAQ;oBACT,oBAAC,2BAA2B,IAC1B,SAAS,EAAE;4BACT,IAAI,EAAE,WAAW;4BACjB,WAAW,EAAE,2BAA2B;yBACzC,GACD,CACO,CACL,CACG,CACP,CACT,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"StandaloneLinkComponent.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/StandaloneLinkComponent/StandaloneLinkComponent.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAA;AAE5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD,OAAO,EAAE,eAAe,IAAI,uBAAuB,EAAE,MAAM,kDAAkD,CAAA;AAC7G,IAAM,2BAA2B,GAAG,aAAa,CAAC,uBAAuB,CAAC,CAAA;AAE1E,MAAM,CAAC,IAAM,uBAAuB,GAAkC,UAAC,EAStE;IARC,IAAA,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,OAAO,aAAA,EACP,MAAM,YAAA,EACN,YAAY,kBAAA,EACZ,SAAS,eAAA,EACN,IAAI,cAR8D,iFAStE,CADQ;IAEP,OAAO,CACL,oBAAC,KAAK,IAAC,IAAI,EAAE,EAAE,EAAE,EAAE,iBAAiB,EAAE,EAAE,EAAE,gBAAgB,EAAE;QAC1D,oBAAC,UAAU;YACT,oBAAC,KAAK,IAAC,cAAc,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE;gBACvC,oBAAC,QAAQ,IACP,IAAI,EAAE,cAAc,CAAC,OAAO,EAAE,IAAI,CAAC,EACnC,IAAI,EAAC,YAAY,EACjB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY;oBAEzB,QAAQ;oBACT,oBAAC,2BAA2B,IAC1B,SAAS,EAAE;4BACT,IAAI,EAAE,WAAW;4BACjB,WAAW,EAAE,2BAA2B;yBACzC,GACD,CACO,CACL,CACG,CACP,CACT,CAAA;AACH,CAAC,CAAA"}