@guardian/support-dotcom-components 2.9.1 → 3.1.0

package/dist/shared/{src/types → types}/props/banner.d.ts

@@ -1,4 +1,3 @@
-import { JSX } from '@emotion/react/jsx-runtime';
 import { ArticleCounts, Cta, SecondaryCta, SeparateArticleCount, TickerSettings, Tracking } from './shared';
 import { z } from 'zod';
 import { Prices } from '../prices';
@@ -103,7 +102,7 @@ export declare const bannerContentSchema: z.ZodObject<{
         type: import("./shared").SecondaryCtaType.ContributionsReminder;
     } | undefined;
 }>;
-export interface BannerProps extends JSX.IntrinsicAttributes {
+export interface BannerProps {
     tracking: Tracking;
     bannerChannel: BannerChannel;
     content?: BannerContent;
@@ -411,17 +410,17 @@ export declare const bannerSchema: z.ZodObject<{
             altText: z.ZodString;
             kind: z.ZodLiteral<"Image">;
         }, "strip", z.ZodTypeAny, {
-            kind: "Image";
             mobileUrl: string;
             tabletUrl: string;
             desktopUrl: string;
             altText: string;
-        }, {
             kind: "Image";
+        }, {
             mobileUrl: string;
             tabletUrl: string;
             desktopUrl: string;
             altText: string;
+            kind: "Image";
         }>, z.ZodObject<{
             buttonColour: z.ZodOptional<z.ZodNullable<z.ZodObject<{
                 r: z.ZodEffects<z.ZodString, string, string>;
@@ -431,13 +430,13 @@ export declare const bannerSchema: z.ZodObject<{
             }, "strip", z.ZodTypeAny, {
                 b: string;
                 g: string;
-                kind: "hex";
                 r: string;
+                kind: "hex";
             }, {
                 b: string;
                 g: string;
-                kind: "hex";
                 r: string;
+                kind: "hex";
             }>>>;
             buttonTextColour: z.ZodOptional<z.ZodNullable<z.ZodObject<{
                 r: z.ZodEffects<z.ZodString, string, string>;
@@ -447,13 +446,13 @@ export declare const bannerSchema: z.ZodObject<{
             }, "strip", z.ZodTypeAny, {
                 b: string;
                 g: string;
-                kind: "hex";
                 r: string;
+                kind: "hex";
             }, {
                 b: string;
                 g: string;
-                kind: "hex";
                 r: string;
+                kind: "hex";
             }>>>;
             buttonBorderColour: z.ZodOptional<z.ZodNullable<z.ZodObject<{
                 r: z.ZodEffects<z.ZodString, string, string>;
@@ -463,13 +462,13 @@ export declare const bannerSchema: z.ZodObject<{
             }, "strip", z.ZodTypeAny, {
                 b: string;
                 g: string;
-                kind: "hex";
                 r: string;
+                kind: "hex";
             }, {
                 b: string;
                 g: string;
-                kind: "hex";
                 r: string;
+                kind: "hex";
             }>>>;
             buttonSelectColour: z.ZodOptional<z.ZodNullable<z.ZodObject<{
                 r: z.ZodEffects<z.ZodString, string, string>;
@@ -479,13 +478,13 @@ export declare const bannerSchema: z.ZodObject<{
             }, "strip", z.ZodTypeAny, {
                 b: string;
                 g: string;
-                kind: "hex";
                 r: string;
+                kind: "hex";
             }, {
                 b: string;
                 g: string;
-                kind: "hex";
                 r: string;
+                kind: "hex";
             }>>>;
             buttonSelectTextColour: z.ZodOptional<z.ZodNullable<z.ZodObject<{
                 r: z.ZodEffects<z.ZodString, string, string>;
@@ -495,13 +494,13 @@ export declare const bannerSchema: z.ZodObject<{
             }, "strip", z.ZodTypeAny, {
                 b: string;
                 g: string;
-                kind: "hex";
                 r: string;
+                kind: "hex";
             }, {
                 b: string;
                 g: string;
-                kind: "hex";
                 r: string;
+                kind: "hex";
             }>>>;
             buttonSelectBorderColour: z.ZodOptional<z.ZodNullable<z.ZodObject<{
                 r: z.ZodEffects<z.ZodString, string, string>;
@@ -511,13 +510,13 @@ export declare const bannerSchema: z.ZodObject<{
             }, "strip", z.ZodTypeAny, {
                 b: string;
                 g: string;
-                kind: "hex";
                 r: string;
+                kind: "hex";
             }, {
                 b: string;
                 g: string;
-                kind: "hex";
                 r: string;
+                kind: "hex";
             }>>>;
             kind: z.ZodLiteral<"ChoiceCards">;
         }, "strip", z.ZodTypeAny, {
@@ -525,76 +524,76 @@ export declare const bannerSchema: z.ZodObject<{
             buttonColour?: {
                 b: string;
                 g: string;
-                kind: "hex";
                 r: string;
+                kind: "hex";
             } | null | undefined;
             buttonTextColour?: {
                 b: string;
                 g: string;
-                kind: "hex";
                 r: string;
+                kind: "hex";
             } | null | undefined;
             buttonBorderColour?: {
                 b: string;
                 g: string;
-                kind: "hex";
                 r: string;
+                kind: "hex";
             } | null | undefined;
             buttonSelectColour?: {
                 b: string;
                 g: string;
-                kind: "hex";
                 r: string;
+                kind: "hex";
             } | null | undefined;
             buttonSelectTextColour?: {
                 b: string;
                 g: string;
-                kind: "hex";
                 r: string;
+                kind: "hex";
             } | null | undefined;
             buttonSelectBorderColour?: {
                 b: string;
                 g: string;
-                kind: "hex";
                 r: string;
+                kind: "hex";
             } | null | undefined;
         }, {
             kind: "ChoiceCards";
             buttonColour?: {
                 b: string;
                 g: string;
-                kind: "hex";
                 r: string;
+                kind: "hex";
             } | null | undefined;
             buttonTextColour?: {
                 b: string;
                 g: string;
-                kind: "hex";
                 r: string;
+                kind: "hex";
             } | null | undefined;
             buttonBorderColour?: {
                 b: string;
                 g: string;
-                kind: "hex";
                 r: string;
+                kind: "hex";
             } | null | undefined;
             buttonSelectColour?: {
                 b: string;
                 g: string;
-                kind: "hex";
                 r: string;
+                kind: "hex";
             } | null | undefined;
             buttonSelectTextColour?: {
                 b: string;
                 g: string;
-                kind: "hex";
                 r: string;
+                kind: "hex";
             } | null | undefined;
             buttonSelectBorderColour?: {
                 b: string;
                 g: string;
-                kind: "hex";
                 r: string;
+                kind: "hex";
             } | null | undefined;
         }>]>>>;
         colours: z.ZodObject<{
@@ -607,13 +606,13 @@ export declare const bannerSchema: z.ZodObject<{
                 }, "strip", z.ZodTypeAny, {
                     b: string;
                     g: string;
-                    kind: "hex";
                     r: string;
+                    kind: "hex";
                 }, {
                     b: string;
                     g: string;
-                    kind: "hex";
                     r: string;
+                    kind: "hex";
                 }>;
                 bodyText: z.ZodObject<{
                     r: z.ZodEffects<z.ZodString, string, string>;
@@ -623,39 +622,39 @@ export declare const bannerSchema: z.ZodObject<{
                 }, "strip", z.ZodTypeAny, {
                     b: string;
                     g: string;
-                    kind: "hex";
                     r: string;
+                    kind: "hex";
                 }, {
                     b: string;
                     g: string;
-                    kind: "hex";
                     r: string;
+                    kind: "hex";
                 }>;
             }, "strip", z.ZodTypeAny, {
                 background: {
                     b: string;
                     g: string;
-                    kind: "hex";
                     r: string;
+                    kind: "hex";
                 };
                 bodyText: {
                     b: string;
                     g: string;
-                    kind: "hex";
                     r: string;
+                    kind: "hex";
                 };
             }, {
                 background: {
                     b: string;
                     g: string;
-                    kind: "hex";
                     r: string;
+                    kind: "hex";
                 };
                 bodyText: {
                     b: string;
                     g: string;
-                    kind: "hex";
                     r: string;
+                    kind: "hex";
                 };
             }>;
         }, "strip", z.ZodTypeAny, {
@@ -663,14 +662,14 @@ export declare const bannerSchema: z.ZodObject<{
                 background: {
                     b: string;
                     g: string;
-                    kind: "hex";
                     r: string;
+                    kind: "hex";
                 };
                 bodyText: {
                     b: string;
                     g: string;
-                    kind: "hex";
                     r: string;
+                    kind: "hex";
                 };
             };
         }, {
@@ -678,14 +677,14 @@ export declare const bannerSchema: z.ZodObject<{
                 background: {
                     b: string;
                     g: string;
-                    kind: "hex";
                     r: string;
+                    kind: "hex";
                 };
                 bodyText: {
                     b: string;
                     g: string;
-                    kind: "hex";
                     r: string;
+                    kind: "hex";
                 };
             };
         }>;
@@ -695,60 +694,60 @@ export declare const bannerSchema: z.ZodObject<{
                 background: {
                     b: string;
                     g: string;
-                    kind: "hex";
                     r: string;
+                    kind: "hex";
                 };
                 bodyText: {
                     b: string;
                     g: string;
-                    kind: "hex";
                     r: string;
+                    kind: "hex";
                 };
             };
         };
         visual?: {
-            kind: "Image";
             mobileUrl: string;
             tabletUrl: string;
             desktopUrl: string;
             altText: string;
+            kind: "Image";
         } | {
             kind: "ChoiceCards";
             buttonColour?: {
                 b: string;
                 g: string;
-                kind: "hex";
                 r: string;
+                kind: "hex";
             } | null | undefined;
             buttonTextColour?: {
                 b: string;
                 g: string;
-                kind: "hex";
                 r: string;
+                kind: "hex";
             } | null | undefined;
             buttonBorderColour?: {
                 b: string;
                 g: string;
-                kind: "hex";
                 r: string;
+                kind: "hex";
             } | null | undefined;
             buttonSelectColour?: {
                 b: string;
                 g: string;
-                kind: "hex";
                 r: string;
+                kind: "hex";
             } | null | undefined;
             buttonSelectTextColour?: {
                 b: string;
                 g: string;
-                kind: "hex";
                 r: string;
+                kind: "hex";
             } | null | undefined;
             buttonSelectBorderColour?: {
                 b: string;
                 g: string;
-                kind: "hex";
                 r: string;
+                kind: "hex";
             } | null | undefined;
         } | null | undefined;
     }, {
@@ -757,60 +756,60 @@ export declare const bannerSchema: z.ZodObject<{
                 background: {
                     b: string;
                     g: string;
-                    kind: "hex";
                     r: string;
+                    kind: "hex";
                 };
                 bodyText: {
                     b: string;
                     g: string;
-                    kind: "hex";
                     r: string;
+                    kind: "hex";
                 };
             };
         };
         visual?: {
-            kind: "Image";
             mobileUrl: string;
             tabletUrl: string;
             desktopUrl: string;
             altText: string;
+            kind: "Image";
         } | {
             kind: "ChoiceCards";
             buttonColour?: {
                 b: string;
                 g: string;
-                kind: "hex";
                 r: string;
+                kind: "hex";
             } | null | undefined;
             buttonTextColour?: {
                 b: string;
                 g: string;
-                kind: "hex";
                 r: string;
+                kind: "hex";
             } | null | undefined;
             buttonBorderColour?: {
                 b: string;
                 g: string;
-                kind: "hex";
                 r: string;
+                kind: "hex";
             } | null | undefined;
             buttonSelectColour?: {
                 b: string;
                 g: string;
-                kind: "hex";
                 r: string;
+                kind: "hex";
             } | null | undefined;
             buttonSelectTextColour?: {
                 b: string;
                 g: string;
-                kind: "hex";
                 r: string;
+                kind: "hex";
             } | null | undefined;
             buttonSelectBorderColour?: {
                 b: string;
                 g: string;
-                kind: "hex";
                 r: string;
+                kind: "hex";
             } | null | undefined;
         } | null | undefined;
     }>>>;
@@ -899,60 +898,60 @@ export declare const bannerSchema: z.ZodObject<{
                 background: {
                     b: string;
                     g: string;
-                    kind: "hex";
                     r: string;
+                    kind: "hex";
                 };
                 bodyText: {
                     b: string;
                     g: string;
-                    kind: "hex";
                     r: string;
+                    kind: "hex";
                 };
             };
         };
         visual?: {
-            kind: "Image";
             mobileUrl: string;
             tabletUrl: string;
             desktopUrl: string;
             altText: string;
+            kind: "Image";
         } | {
             kind: "ChoiceCards";
             buttonColour?: {
                 b: string;
                 g: string;
-                kind: "hex";
                 r: string;
+                kind: "hex";
             } | null | undefined;
             buttonTextColour?: {
                 b: string;
                 g: string;
-                kind: "hex";
                 r: string;
+                kind: "hex";
             } | null | undefined;
             buttonBorderColour?: {
                 b: string;
                 g: string;
-                kind: "hex";
                 r: string;
+                kind: "hex";
             } | null | undefined;
             buttonSelectColour?: {
                 b: string;
                 g: string;
-                kind: "hex";
                 r: string;
+                kind: "hex";
             } | null | undefined;
             buttonSelectTextColour?: {
                 b: string;
                 g: string;
-                kind: "hex";
                 r: string;
+                kind: "hex";
             } | null | undefined;
             buttonSelectBorderColour?: {
                 b: string;
                 g: string;
-                kind: "hex";
                 r: string;
+                kind: "hex";
             } | null | undefined;
         } | null | undefined;
     } | null | undefined;
@@ -1041,60 +1040,60 @@ export declare const bannerSchema: z.ZodObject<{
                 background: {
                     b: string;
                     g: string;
-                    kind: "hex";
                     r: string;
+                    kind: "hex";
                 };
                 bodyText: {
                     b: string;
                     g: string;
-                    kind: "hex";
                     r: string;
+                    kind: "hex";
                 };
             };
         };
         visual?: {
-            kind: "Image";
             mobileUrl: string;
             tabletUrl: string;
             desktopUrl: string;
             altText: string;
+            kind: "Image";
         } | {
             kind: "ChoiceCards";
             buttonColour?: {
                 b: string;
                 g: string;
-                kind: "hex";
                 r: string;
+                kind: "hex";
             } | null | undefined;
             buttonTextColour?: {
                 b: string;
                 g: string;
-                kind: "hex";
                 r: string;
+                kind: "hex";
             } | null | undefined;
             buttonBorderColour?: {
                 b: string;
                 g: string;
-                kind: "hex";
                 r: string;
+                kind: "hex";
             } | null | undefined;
             buttonSelectColour?: {
                 b: string;
                 g: string;
-                kind: "hex";
                 r: string;
+                kind: "hex";
             } | null | undefined;
             buttonSelectTextColour?: {
                 b: string;
                 g: string;
-                kind: "hex";
                 r: string;
+                kind: "hex";
             } | null | undefined;
             buttonSelectBorderColour?: {
                 b: string;
                 g: string;
-                kind: "hex";
                 r: string;
+                kind: "hex";
             } | null | undefined;
         } | null | undefined;
     } | null | undefined;

package/dist/shared/types/props/banner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../../../../src/shared/types/props/banner.ts"],"names":[],"mappings":"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"}