/** * Nunjucks macro option variants * * @satisfies {MacroExample[]} */ export const variants: ({ description: string; context?: undefined; } | { description: string; context: { colour: string; }; })[]; /** * Nunjucks macro option examples * (with typed keys) * * @type {Record} */ export const examples: Record; /** * Nunjucks macro option examples * * @satisfies {{ [example: string]: MacroExample }} */ declare const fixtures: { default: { context: { logo: { href: string; }; service: { text: string; href: string; }; search: { input: { placeholder: string; }; label: { visuallyHiddenText: string; }; }; navigation: { items: { text: string; href: string; }[]; }; }; options: { width: false; }; screenshot: { viewports: ("mobile" | "tablet" | "desktop" | "large-desktop")[]; }; }; "linked logo": { context: { logo: { href: string; }; }; options: { width: false; }; variants: ({ description: string; context?: undefined; } | { description: string; context: { colour: string; }; })[]; screenshot: { states: ("focus" | "hover")[]; selector: string; viewports: "desktop"[]; }; }; "unlinked logo": { options: { width: false; }; variants: ({ description: string; context?: undefined; } | { description: string; context: { colour: string; }; })[]; }; "with account (logged in)": { context: { account: { items: ({ href: string; text: string; icon: boolean; action?: undefined; } | { action: string; text: string; href?: undefined; icon?: undefined; })[]; }; }; options: { width: false; }; variants: ({ description: string; context?: undefined; } | { description: string; context: { colour: string; }; })[]; screenshot: { viewports: ("mobile" | "desktop")[]; }; }; "with account inline (logged in)": { context: { inline: boolean; logo: { href: string; }; account: { items: ({ href: string; text: string; icon: boolean; action?: undefined; } | { action: string; text: string; href?: undefined; icon?: undefined; })[]; }; }; options: { width: false; }; variants: ({ description: string; context?: undefined; } | { description: string; context: { colour: string; }; })[]; }; "with account (logged out)": { context: { account: { items: { href: string; text: string; }[]; }; }; options: { width: false; }; variants: ({ description: string; context?: undefined; } | { description: string; context: { colour: string; }; })[]; screenshot: { viewports: ("mobile" | "desktop")[]; }; }; "with account inline (logged out)": { context: { inline: boolean; logo: { href: string; }; account: { items: { href: string; text: string; }[]; }; }; options: { width: false; }; variants: ({ description: string; context?: undefined; } | { description: string; context: { colour: string; }; })[]; }; "with navigation": { context: { logo: { href: string; }; navigation: { items: ({ href: string; text: string; active?: undefined; } | { href: string; text: string; active: boolean; })[]; }; }; options: { width: false; }; variants: ({ description: string; context?: undefined; } | { description: string; context: { colour: string; }; })[]; }; "with navigation (unlinked item)": { context: { logo: { href: string; }; navigation: { items: ({ href: string; text: string; current?: undefined; } | { text: string; current: boolean; href?: undefined; })[]; }; }; options: { width: false; }; variants: ({ description: string; context?: undefined; } | { description: string; context: { colour: string; }; })[]; }; "with navigation (empty items)": { context: { logo: { href: string; }; account: { items: (boolean | { href: string; text: string; icon: boolean; action?: undefined; } | { action: string; text: string; href?: undefined; icon?: undefined; })[]; }; navigation: { items: (boolean | { text: string; href: string; })[]; }; }; options: { width: false; }; variants: ({ description: string; context?: undefined; } | { description: string; context: { colour: string; }; })[]; }; "with navigation (justified)": { context: { logo: { href: string; }; navigation: { justified: boolean; items: ({ href: string; text: string; active?: undefined; } | { href: string; text: string; active: boolean; })[]; }; }; options: { width: false; }; variants: ({ description: string; context?: undefined; } | { description: string; context: { colour: string; }; })[]; screenshot: { viewports: "desktop"[]; }; }; "with navigation (overflow)": { context: { logo: { href: string; }; service: { text: string; href: string; }; search: { input: { placeholder: string; }; label: { visuallyHiddenText: string; }; }; navigation: { items: ({ href: string; text: string; active?: undefined; } | { href: string; text: string; active: boolean; })[]; }; }; options: { width: false; }; variants: ({ description: string; context?: undefined; } | { description: string; context: { colour: string; }; })[]; screenshot: { name: string; states: "click"[]; selector: string; viewports: ("mobile" | "tablet" | "desktop" | "large-desktop" | "xlarge-desktop")[]; }; }; "with navigation (overflow, white)": { context: { logo: { href: string; }; service: { text: string; href: string; }; search: { input: { placeholder: string; }; label: { visuallyHiddenText: string; }; }; navigation: { colour: string; items: ({ href: string; text: string; active?: undefined; } | { href: string; text: string; active: boolean; })[]; }; }; options: { width: false; }; variants: ({ description: string; context?: undefined; } | { description: string; context: { colour: string; }; })[]; screenshot: { viewports: "desktop"[]; }; }; "with search": { context: { search: boolean; }; options: { width: false; }; variants: ({ description: string; context?: undefined; } | { description: string; context: { colour: string; }; })[]; screenshot: { states: "focus"[]; selector: string; viewports: "desktop"[]; }; }; "with search inline": { context: { inline: boolean; search: boolean; }; options: { width: false; }; variants: ({ description: string; context?: undefined; } | { description: string; context: { colour: string; }; })[]; }; "with service name": { context: { logo: { href: string; }; service: { text: string; }; }; options: { width: false; }; variants: ({ description: string; context?: undefined; } | { description: string; context: { colour: string; }; })[]; screenshot: { viewports: "desktop"[]; }; }; "with service name as separate link": { context: { logo: { href: string; }; service: { text: string; href: string; }; }; options: { width: false; }; variants: ({ description: string; context?: undefined; } | { description: string; context: { colour: string; }; })[]; }; "with service name, account inline (logged in)": { context: { inline: boolean; service: { text: string; href: string; }; account: { items: { action: string; text: string; }[]; }; }; options: { width: false; }; variants: ({ description: string; context?: undefined; } | { description: string; context: { colour: string; }; })[]; }; "with service name, account inline (logged out)": { context: { inline: boolean; service: { text: string; href: string; }; account: { items: { action: string; text: string; }[]; }; }; options: { width: false; }; variants: ({ description: string; context?: undefined; } | { description: string; context: { colour: string; }; })[]; }; "with service name (linked)": { context: { logo: { href: string; }; service: { text: string; href: string; }; }; options: { width: false; }; variants: ({ description: string; context?: undefined; } | { description: string; context: { colour: string; }; })[]; screenshot: { name: string; states: ("focus" | "hover")[]; selector: string; viewports: "desktop"[]; }[]; }; "with service name (linked with logo)": { context: { service: { text: string; href: string; }; }; options: { width: false; }; variants: ({ description: string; context?: undefined; } | { description: string; context: { colour: string; }; })[]; screenshot: { states: ("focus" | "hover")[]; selector: string; viewports: "desktop"[]; }; }; "with service name (linked with logo, empty)": { context: { service: { text: null; href: string; }; }; options: { hidden: true; width: false; }; }; "with service name (linked and long), search": { context: { logo: { href: string; }; service: { text: string; href: string; }; search: boolean; }; options: { width: false; }; variants: ({ description: string; context?: undefined; } | { description: string; context: { colour: string; }; })[]; screenshot: { viewports: "desktop"[]; }; }; "with service name, search, account (logged in, complex), navigation": { context: { service: { href: string; text: string; }; search: { input: { placeholder: string; }; label: { visuallyHiddenText: string; }; }; account: { items: ({ href: string; text: string; icon: boolean; action?: undefined; } | { text: string; href?: undefined; icon?: undefined; action?: undefined; } | { href: string; text: string; icon?: undefined; action?: undefined; } | { action: string; text: string; href?: undefined; icon?: undefined; })[]; }; navigation: { items: { href: string; text: string; }[]; }; }; options: { width: false; }; variants: ({ description: string; context?: undefined; } | { description: string; context: { colour: string; }; })[]; screenshot: { viewports: ("mobile" | "tablet" | "desktop" | "large-desktop")[]; }; }; "with service name, search, account, navigation": { context: { service: { text: string; href: string; }; search: { input: { placeholder: string; }; label: { visuallyHiddenText: string; }; }; account: { items: ({ text: string; icon: boolean; action?: undefined; } | { action: string; text: string; icon?: undefined; })[]; }; navigation: { items: { href: string; text: string; }[]; }; }; options: { width: false; }; variants: ({ description: string; context?: undefined; } | { description: string; context: { colour: string; }; })[]; }; "with organisation name": { context: { logo: { href: string; }; organisation: { name: string; }; }; options: { width: false; }; variants: ({ description: string; context?: undefined; } | { description: string; context: { colour: string; }; })[]; screenshot: { viewports: "desktop"[]; }; }; "with organisation name (and descriptor)": { context: { logo: { href: string; }; organisation: { name: string; descriptor: string; }; }; options: { width: false; }; variants: ({ description: string; context?: undefined; } | { description: string; context: { colour: string; }; })[]; screenshot: { viewports: "desktop"[]; }; }; "with organisation name (split with descriptor)": { context: { logo: { href: string; }; organisation: { name: string; split: string; descriptor: string; }; }; options: { width: false; }; variants: ({ description: string; context?: undefined; } | { description: string; context: { colour: string; }; })[]; screenshot: { states: ("focus" | "hover")[]; selector: string; viewports: "desktop"[]; }; }; "with organisation name (split with descriptor), search": { context: { logo: { href: string; }; organisation: { name: string; split: string; descriptor: string; }; search: { label: { visuallyHiddenText: string; }; }; }; options: { width: false; }; variants: ({ description: string; context?: undefined; } | { description: string; context: { colour: string; }; })[]; screenshot: { viewports: "desktop"[]; }; }; "white linked logo, ARIA label": { context: { colour: string; logo: { ariaLabel: string; href: string; }; }; options: { hidden: true; width: false; }; }; "white linked logo, custom": { context: { colour: string; logo: { href: string; src: string; alt: string; }; }; options: { width: false; }; screenshot: { states: "focus"[]; selector: string; viewports: "desktop"[]; }; }; }; import type { MacroExample } from '#lib'; export {}; //# sourceMappingURL=fixtures.d.mts.map