@guardian/support-dotcom-components 1.0.7 → 1.0.11

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

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

package/dist/shared/src/types/props/design.d.ts

@@ -0,0 +1,287 @@
+import * as z from 'zod';
+export declare const hexColourSchema: z.ZodObject<{
+    r: z.ZodEffects<z.ZodString, string, string>;
+    g: z.ZodEffects<z.ZodString, string, string>;
+    b: z.ZodEffects<z.ZodString, string, string>;
+    kind: z.ZodLiteral<"hex">;
+}, "strip", z.ZodTypeAny, {
+    b: string;
+    g: string;
+    kind: "hex";
+    r: string;
+}, {
+    b: string;
+    g: string;
+    kind: "hex";
+    r: string;
+}>;
+export declare const configurableDesignSchema: z.ZodObject<{
+    visual: z.ZodOptional<z.ZodDiscriminatedUnion<"kind", [z.ZodObject<{
+        mobileUrl: z.ZodString;
+        tabletDesktopUrl: z.ZodString;
+        wideUrl: z.ZodString;
+        altText: z.ZodString;
+        kind: z.ZodLiteral<"Image">;
+    }, "strip", z.ZodTypeAny, {
+        kind: "Image";
+        mobileUrl: string;
+        wideUrl: string;
+        altText: string;
+        tabletDesktopUrl: string;
+    }, {
+        kind: "Image";
+        mobileUrl: string;
+        wideUrl: string;
+        altText: string;
+        tabletDesktopUrl: string;
+    }>, z.ZodObject<{
+        buttonColour: z.ZodOptional<z.ZodObject<{
+            r: z.ZodEffects<z.ZodString, string, string>;
+            g: z.ZodEffects<z.ZodString, string, string>;
+            b: z.ZodEffects<z.ZodString, string, string>;
+            kind: z.ZodLiteral<"hex">;
+        }, "strip", z.ZodTypeAny, {
+            b: string;
+            g: string;
+            kind: "hex";
+            r: string;
+        }, {
+            b: string;
+            g: string;
+            kind: "hex";
+            r: string;
+        }>>;
+        kind: z.ZodLiteral<"ChoiceCards">;
+    }, "strip", z.ZodTypeAny, {
+        kind: "ChoiceCards";
+        buttonColour?: {
+            b: string;
+            g: string;
+            kind: "hex";
+            r: string;
+        } | undefined;
+    }, {
+        kind: "ChoiceCards";
+        buttonColour?: {
+            b: string;
+            g: string;
+            kind: "hex";
+            r: string;
+        } | undefined;
+    }>]>>;
+    colours: z.ZodObject<{
+        basic: z.ZodObject<{
+            background: z.ZodObject<{
+                r: z.ZodEffects<z.ZodString, string, string>;
+                g: z.ZodEffects<z.ZodString, string, string>;
+                b: z.ZodEffects<z.ZodString, string, string>;
+                kind: z.ZodLiteral<"hex">;
+            }, "strip", z.ZodTypeAny, {
+                b: string;
+                g: string;
+                kind: "hex";
+                r: string;
+            }, {
+                b: string;
+                g: string;
+                kind: "hex";
+                r: string;
+            }>;
+            bodyText: z.ZodObject<{
+                r: z.ZodEffects<z.ZodString, string, string>;
+                g: z.ZodEffects<z.ZodString, string, string>;
+                b: z.ZodEffects<z.ZodString, string, string>;
+                kind: z.ZodLiteral<"hex">;
+            }, "strip", z.ZodTypeAny, {
+                b: string;
+                g: string;
+                kind: "hex";
+                r: string;
+            }, {
+                b: string;
+                g: string;
+                kind: "hex";
+                r: string;
+            }>;
+        }, "strip", z.ZodTypeAny, {
+            background: {
+                b: string;
+                g: string;
+                kind: "hex";
+                r: string;
+            };
+            bodyText: {
+                b: string;
+                g: string;
+                kind: "hex";
+                r: string;
+            };
+        }, {
+            background: {
+                b: string;
+                g: string;
+                kind: "hex";
+                r: string;
+            };
+            bodyText: {
+                b: string;
+                g: string;
+                kind: "hex";
+                r: string;
+            };
+        }>;
+    }, "strip", z.ZodTypeAny, {
+        basic: {
+            background: {
+                b: string;
+                g: string;
+                kind: "hex";
+                r: string;
+            };
+            bodyText: {
+                b: string;
+                g: string;
+                kind: "hex";
+                r: string;
+            };
+        };
+    }, {
+        basic: {
+            background: {
+                b: string;
+                g: string;
+                kind: "hex";
+                r: string;
+            };
+            bodyText: {
+                b: string;
+                g: string;
+                kind: "hex";
+                r: string;
+            };
+        };
+    }>;
+}, "strip", z.ZodTypeAny, {
+    colours: {
+        basic: {
+            background: {
+                b: string;
+                g: string;
+                kind: "hex";
+                r: string;
+            };
+            bodyText: {
+                b: string;
+                g: string;
+                kind: "hex";
+                r: string;
+            };
+        };
+    };
+    visual?: {
+        kind: "Image";
+        mobileUrl: string;
+        wideUrl: string;
+        altText: string;
+        tabletDesktopUrl: string;
+    } | {
+        kind: "ChoiceCards";
+        buttonColour?: {
+            b: string;
+            g: string;
+            kind: "hex";
+            r: string;
+        } | undefined;
+    } | undefined;
+}, {
+    colours: {
+        basic: {
+            background: {
+                b: string;
+                g: string;
+                kind: "hex";
+                r: string;
+            };
+            bodyText: {
+                b: string;
+                g: string;
+                kind: "hex";
+                r: string;
+            };
+        };
+    };
+    visual?: {
+        kind: "Image";
+        mobileUrl: string;
+        wideUrl: string;
+        altText: string;
+        tabletDesktopUrl: string;
+    } | {
+        kind: "ChoiceCards";
+        buttonColour?: {
+            b: string;
+            g: string;
+            kind: "hex";
+            r: string;
+        } | undefined;
+    } | undefined;
+}>;
+type HexChar = '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | 'A' | 'B' | 'C' | 'D' | 'E' | 'F';
+type HexValue = `${HexChar}${HexChar}`;
+export interface HexColour {
+    r: HexValue;
+    g: HexValue;
+    b: HexValue;
+    kind: 'hex';
+}
+export declare const hexColourToString: (h: HexColour) => string;
+interface CtaStateDesign {
+    text: HexColour;
+    background: HexColour;
+    border?: HexColour;
+}
+export interface CtaDesign {
+    default: CtaStateDesign;
+    hover: CtaStateDesign;
+}
+export type GuardianRoundel = 'default' | 'brand' | 'inverse';
+interface TickerDesign {
+    text: HexColour;
+    filledProgress: HexColour;
+    progressBarBackground: HexColour;
+    goalMarker: HexColour;
+}
+interface BannerDesignImage {
+    kind: 'Image';
+    mobileUrl: string;
+    tabletDesktopUrl: string;
+    wideUrl: string;
+    altText: string;
+}
+interface ChoiceCardsDesign {
+    kind: 'ChoiceCards';
+    buttonColour?: HexColour;
+}
+type Visual = BannerDesignImage | ChoiceCardsDesign;
+export interface ConfigurableDesign {
+    visual?: Visual;
+    colours: {
+        basic: {
+            background: HexColour;
+            bodyText: HexColour;
+            headerText: HexColour;
+            articleCountText: HexColour;
+        };
+        highlightedText: {
+            text: HexColour;
+            highlight: HexColour;
+        };
+        primaryCta: CtaDesign;
+        secondaryCta: CtaDesign;
+        closeButton: CtaDesign;
+        guardianRoundel: GuardianRoundel;
+        ticker: TickerDesign;
+    };
+}
+export {};
+//# sourceMappingURL=design.d.ts.map

package/dist/shared/src/types/props/design.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"design.d.ts","sourceRoot":"","sources":["../../../../../../shared/src/types/props/design.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,CAAC,MAAM,KAAK,CAAC;AAazB,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;EAK1B,CAAC;AAiBH,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EASnC,CAAC;AAEH,KAAK,OAAO,GACN,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,CAAC;AAEV,KAAK,QAAQ,GAAG,GAAG,OAAO,GAAG,OAAO,EAAE,CAAC;AAEvC,MAAM,WAAW,SAAS;IACtB,CAAC,EAAE,QAAQ,CAAC;IACZ,CAAC,EAAE,QAAQ,CAAC;IACZ,CAAC,EAAE,QAAQ,CAAC;IACZ,IAAI,EAAE,KAAK,CAAC;CACf;AAED,eAAO,MAAM,iBAAiB,MAAO,SAAS,KAAG,MAA+B,CAAC;AAEjF,UAAU,cAAc;IACpB,IAAI,EAAE,SAAS,CAAC;IAChB,UAAU,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,SAAS,CAAC;CACtB;AACD,MAAM,WAAW,SAAS;IACtB,OAAO,EAAE,cAAc,CAAC;IACxB,KAAK,EAAE,cAAc,CAAC;CACzB;AAED,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAE9D,UAAU,YAAY;IAClB,IAAI,EAAE,SAAS,CAAC;IAChB,cAAc,EAAE,SAAS,CAAC;IAC1B,qBAAqB,EAAE,SAAS,CAAC;IACjC,UAAU,EAAE,SAAS,CAAC;CACzB;AAED,UAAU,iBAAiB;IACvB,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,iBAAiB;IACvB,IAAI,EAAE,aAAa,CAAC;IACpB,YAAY,CAAC,EAAE,SAAS,CAAC;CAC5B;AACD,KAAK,MAAM,GAAG,iBAAiB,GAAG,iBAAiB,CAAC;AAEpD,MAAM,WAAW,kBAAkB;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE;QACL,KAAK,EAAE;YACH,UAAU,EAAE,SAAS,CAAC;YACtB,QAAQ,EAAE,SAAS,CAAC;YACpB,UAAU,EAAE,SAAS,CAAC;YACtB,gBAAgB,EAAE,SAAS,CAAC;SAC/B,CAAC;QACF,eAAe,EAAE;YACb,IAAI,EAAE,SAAS,CAAC;YAChB,SAAS,EAAE,SAAS,CAAC;SACxB,CAAC;QACF,UAAU,EAAE,SAAS,CAAC;QACtB,YAAY,EAAE,SAAS,CAAC;QACxB,WAAW,EAAE,SAAS,CAAC;QACvB,eAAe,EAAE,eAAe,CAAC;QACjC,MAAM,EAAE,YAAY,CAAC;KACxB,CAAC;CACL"}