@nnc-digital/nnc-design-system 1.0.0-alpha39 → 1.0.0-alpha40

package/build/library/structure/SearchHeader/SearchHeader.types.d.ts

@@ -0,0 +1,2 @@
+export interface SearchHeaderProps {
+}

package/build/library/structure/SearchResultsList/NoResultsMessage.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const NoResultsMessage: React.FunctionComponent;
+export default NoResultsMessage;

package/build/library/structure/SearchResultsList/SearchResultsList.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SearchResultsListProps } from './SearchResultsList.types';
+declare const SearchResultsList: React.FunctionComponent<SearchResultsListProps>;
+export default SearchResultsList;

package/build/library/structure/SearchResultsList/SearchResultsList.test.d.ts

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

package/build/library/structure/SearchResultsList/SearchResultsList.types.d.ts

@@ -0,0 +1,46 @@
+import { SignpostLinkProp } from '../../components/SignpostLinksList/SignpostLinksList.types';
+export interface SearchResultsListProps {
+    /**
+     * What you searched for
+     */
+    searchTerm: string;
+    /**
+     * Array of results
+     */
+    results: Array<SearchResultProps>;
+    /**
+     * The total number of results
+     */
+    totalResults?: number;
+    /**
+     * The current page number
+     */
+    pageNumber?: number;
+}
+export interface SearchResultProps {
+    /**
+     * Search result title
+     */
+    title: string;
+    /**
+     * Link to page
+     */
+    link: string;
+    /**
+     * Summary of page
+     */
+    summary: string;
+    /**
+     * If it contains signposting links include them here
+     */
+    signpostLinksArray?: Array<SignpostLinkProp>;
+    /**
+     * Optional override for the top line of text
+     */
+    TopLineText?: string;
+    /**
+     * If there is a service area tied to the result
+     */
+    service?: string;
+    promoted?: boolean;
+}

package/build/library/structure/Searchbar/Searchbar.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SearchbarProps } from './Searchbar.types';
+declare const Searchbar: React.FunctionComponent<SearchbarProps>;
+export default Searchbar;

package/build/library/structure/Searchbar/Searchbar.test.d.ts

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

package/build/library/structure/Searchbar/Searchbar.types.d.ts

@@ -0,0 +1,48 @@
+export interface SearchbarProps {
+    /**
+     * ID passed to the Autocomplete component
+     */
+    id?: string;
+    /**
+     * The searched for term
+     */
+    searchTerm?: string;
+    /**
+     * Placeholder text
+     */
+    placeholder?: string;
+    /**
+     * Whether or not this is the light version of the search
+     */
+    isLight?: boolean;
+    /**
+     * If used on it's own (eg search results page) then will be slightly larger
+     */
+    isLarge?: boolean;
+    /**
+     * Array of suggestion strings for autocomplete input
+     */
+    suggestions?: string[];
+    /**
+     * The minimum number of characters that need to be typed before matches in the suggestions list are looked for
+     */
+    minimumMatchLength?: number;
+    /**
+     * The maximum number of matched suggestions shown in the dropdown list
+     */
+    maximumMatchesShown?: number;
+    /**
+    * Where to post the form submission to and what params to use
+    */
+    submitInfo?: SubmitInfoProps;
+}
+export interface SubmitInfoProps {
+    /**
+     * Where we're posting the form to eg /search or /news
+     */
+    postTo: string;
+    /**
+     * Any additional parameters to send
+     */
+    params: object;
+}

package/build/library/structure/SectionLinks/SectionLinks.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { SectionLinksProps } from './SectionLinks.types';
+/**
+ * Display a list of links for a section with optional images
+ */
+declare const SectionLinks: React.FunctionComponent<SectionLinksProps>;
+export default SectionLinks;

package/build/library/structure/SectionLinks/SectionLinks.storydata.d.ts

@@ -0,0 +1,2 @@
+import { PageLinkProp } from './SectionLinks.types';
+export declare const pageLinksArray: PageLinkProp[];

package/build/library/structure/SectionLinks/SectionLinks.test.d.ts

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

package/build/library/structure/SectionLinks/SectionLinks.types.d.ts

@@ -0,0 +1,52 @@
+export interface SectionLinksProps {
+    /**
+     * The title of the section
+     */
+    sectionTitle: string;
+    /**
+     * If there is only one section then do not display the title
+     */
+    displayTitle?: boolean;
+    /**
+     * A url slug for the section title
+     */
+    sectionSlug: string;
+    /**
+     * An array of page links that sit under this section
+     */
+    pageLinksArray: Array<PageLinkProp>;
+    /**
+     * Should the section links have images
+     */
+    hasImages?: boolean;
+}
+export interface PageLinkProp {
+    /**
+     * Title of the page
+     */
+    title: string;
+    /**
+     * Summary of the page
+     */
+    summary: string;
+    /**
+     * URL of the page
+     */
+    url: string;
+    /**
+     * Is the link to an external website?
+     */
+    isExternal?: boolean;
+    /**
+     * The small image url
+     */
+    imageSmall?: string | null;
+    /**
+     * The large image url
+     */
+    imageLarge?: string | null;
+    /**
+     * The image alt text
+     */
+    imageAltText?: string | null;
+}

package/build/library/structure/SectionLinksMobileContents/SectionLinksMobileContents.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SectionLinksMobileContentsProps } from './SectionLinksMobileContents.types';
+declare const SectionLinksMobileContents: React.FunctionComponent<SectionLinksMobileContentsProps>;
+export default SectionLinksMobileContents;

package/build/library/structure/SectionLinksMobileContents/SectionLinksMobileContents.types.d.ts

@@ -0,0 +1,16 @@
+export interface SectionLinksMobileContentsProps {
+    /**
+    * An array of the SectionLinksMobileContents, each with a title and a URL not including the current page users are on
+    */
+    sectionLinksArray: Array<SectionProp>;
+}
+export interface SectionProp {
+    /**
+    * Title of the section
+    */
+    title: string;
+    /**
+    * ID slug of the section
+    */
+    id: string;
+}

package/build/library/structure/SectionLinksSidebar/SectionLinksSidebar.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SectionLinksSidebarProps } from './SectionLinksSidebar.types';
+declare const SectionLinksSidebar: React.FunctionComponent<SectionLinksSidebarProps>;
+export default SectionLinksSidebar;

package/build/library/structure/SectionLinksSidebar/SectionLinksSidebar.test.d.ts

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

package/build/library/structure/SectionLinksSidebar/SectionLinksSidebar.types.d.ts

@@ -0,0 +1,34 @@
+export interface SectionLinksSidebarProps {
+    /**
+     * Title
+     */
+    Title: string;
+    /**
+     * An array of sections
+     */
+    Sections: Array<SectionsProps>;
+}
+export interface SectionsProps {
+    /**
+     * The optional section title
+     */
+    SectionTitle?: string;
+    /**
+     * The array of section links
+     */
+    SectionLinks: Array<LinksProp>;
+}
+export interface LinksProp {
+    /**
+     * Title of the page
+     */
+    title: string;
+    /**
+     * URL of the page
+     */
+    url: string;
+    /**
+     * Is this the current page
+     */
+    isCurrent?: boolean;
+}

package/build/library/structure/ServicesLinksBoxed/ServicesLinksBoxed.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ServiceLinksBoxedProps } from './ServicesLinksBoxed.types';
+declare const ServiceLinksBoxed: React.FunctionComponent<ServiceLinksBoxedProps>;
+export default ServiceLinksBoxed;

package/build/library/structure/ServicesLinksBoxed/ServicesLinksBoxed.storydata.d.ts

@@ -0,0 +1,9 @@
+export declare const serviceLinksArray: {
+    title: string;
+    url: string;
+    iconKey: string;
+    quickLinksArray: {
+        title: string;
+        url: string;
+    }[];
+}[];

package/build/library/structure/ServicesLinksBoxed/ServicesLinksBoxed.test.d.ts

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

package/build/library/structure/ServicesLinksBoxed/ServicesLinksBoxed.types.d.ts

@@ -0,0 +1,53 @@
+export interface ServiceLinksBoxedProps {
+    /**
+     * An array of all the top level service landing pages
+     */
+    serviceLinksArray: Array<PageLinkProp>;
+    /**
+     * Id of container
+     */
+    serviceId?: string;
+}
+export interface PageLinkProp {
+    /**
+     * Title of the page
+     */
+    title: string;
+    /**
+     * URL of the page
+     */
+    url: string;
+    /**
+     * The key of the icon
+     */
+    iconKey?: string;
+    /**
+     * Array of quick links for the service
+     */
+    quickLinksArray?: Array<QuickLinkProp>;
+    quickLinksShow?: boolean;
+}
+export interface QuickLinkProp {
+    /**
+     * Title of the page
+     */
+    title: string;
+    /**
+     * URL of the page
+     */
+    url: string;
+}
+export interface MemorialQuickLinkProp {
+    /**
+     * The key of the icon
+     */
+    iconKey?: string;
+    /**
+     * An array of Quick Links
+     */
+    link: Array<QuickLinkProp>;
+    /**
+     * Some summary text
+     */
+    summary: string;
+}

package/build/library/structure/ServicesLinksList/ServicesLinksList.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ServicesLinksListProps } from './ServicesLinksList.types';
+declare const ServicesLinksList: React.FunctionComponent<ServicesLinksListProps>;
+export default ServicesLinksList;

package/build/library/structure/ServicesLinksList/ServicesLinksList.test.d.ts

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

package/build/library/structure/ServicesLinksList/ServicesLinksList.types.d.ts

@@ -0,0 +1,68 @@
+export interface ServicesLinksListProps {
+    /**
+     * An array of all the top level service landing pages
+     */
+    serviceLinksArray: Array<PageLinkProp>;
+    /**
+     * Display a white background on each block
+     */
+    hasBackground?: boolean;
+    /**
+     * Hide the header
+     */
+    hideHeader?: boolean;
+    /**
+     * Show everything in a single column
+     */
+    oneCol?: boolean;
+    /**
+     * Id of container
+     */
+    serviceId?: string;
+    /**
+     * Should the view be boxed
+     */
+    isBoxed?: boolean;
+}
+export interface PageLinkProp {
+    /**
+     * Title of the page
+     */
+    title: string;
+    /**
+     * URL of the page
+     */
+    url: string;
+    /**
+     * The key of the icon
+     */
+    iconKey?: string;
+    /**
+     * Array of quick links for the service
+     */
+    quickLinksArray?: Array<QuickLinkProp>;
+}
+export interface QuickLinkProp {
+    /**
+     * Title of the page
+     */
+    title: string;
+    /**
+     * URL of the page
+     */
+    url: string;
+}
+export interface MemorialQuickLinkProp {
+    /**
+     * The key of the icon
+     */
+    iconKey?: string;
+    /**
+     * An array of Quick Links
+     */
+    link: Array<QuickLinkProp>;
+    /**
+     * Some summary text
+     */
+    summary: string;
+}

package/build/library/structure/SignpostLinks/SignpostLinks.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { SignpostLinksProps } from "./SignpostLinks.types";
+declare const SignpostLinks: React.FC<SignpostLinksProps>;
+export default SignpostLinks;

package/build/library/structure/SignpostLinks/SignpostLinks.types.d.ts

@@ -0,0 +1,32 @@
+export interface SignpostLinksProps {
+    /**
+     * Optional override for the top line of text
+     */
+    TopLineText?: string;
+    /**
+    * An array of the SignpostLinks
+    */
+    signpostLinksArray: Array<SignpostLinkProp>;
+    /**
+     * Optional, but recommended - a link to send the user to the other council's (West or North) specific service page, defaults to the homepage
+     */
+    otherCouncilLink?: string;
+}
+export interface SignpostLinkProp {
+    /**
+    * The number that represents the local area - based on the list of all local areas in alphabetical order
+    */
+    sovereignCode: number;
+    /**
+    * The name of the local area
+    */
+    areaName: string;
+    /**
+     * An optional override for the call to action text
+     */
+    cta_text?: string;
+    /**
+    * URL of this service on the local area's website
+    */
+    url: string;
+}

package/build/library/structure/SkipToMainContent/SkipToMainContent.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { SkipToMainContentProps } from "./SkipToMainContent.types";
+declare const SkipToMainContent: React.FC<SkipToMainContentProps>;
+export default SkipToMainContent;

package/build/library/structure/SkipToMainContent/SkipToMainContent.test.d.ts

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

package/build/library/structure/SkipToMainContent/SkipToMainContent.types.d.ts

@@ -0,0 +1,2 @@
+export interface SkipToMainContentProps {
+}

package/build/library/structure/Summary/Summary.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SummaryProps } from './Summary.types';
+declare const Summary: React.FunctionComponent<SummaryProps>;
+export default Summary;

package/build/library/structure/Summary/Summary.test.d.ts

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

package/build/library/structure/Summary/Summary.types.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export interface SummaryProps {
+    /**
+     * Should the summary have padding
+     */
+    hasPadding?: boolean;
+    /**
+     * Should the summary have a background colour
+     */
+    hasBackground?: boolean;
+    /**
+     * The contents of the summary
+     */
+    children?: React.ReactNode;
+}

package/build/themes/ThemeVars.types.d.ts

@@ -0,0 +1,60 @@
+export interface ThemeVars {
+    theme_name: string;
+    full_name: string;
+    cardinal_name: string;
+    is_memorial: boolean;
+    council_link?: string;
+    other_council_link?: string;
+    other_council_name?: string;
+    other_council_action?: string;
+    twitter_link?: string;
+    linkedin_link?: string;
+    facebook_link?: string;
+    instagram_link?: string;
+    youtube_link?: string;
+    breakpointsVals: ThemeBreakpointTypes;
+    breakpoints: ThemeBreakpointTypes;
+    fontstack: string;
+    colours: ThemeColourTypes;
+    fontSizes: ThemeSizeTypes;
+    border_width: string;
+    border_width_error: string;
+    border_width_thin: string;
+    border_radius: string;
+    border_radius_large: string;
+    spacingSizes: ThemeSizeTypes;
+    h1: string;
+    h2: string;
+    h3: string;
+    h4: string;
+}
+export interface ThemeBreakpointTypes {
+    s: string;
+    m: string;
+    l: string;
+    xl: string;
+}
+export interface ThemeColourTypes {
+    black: string;
+    grey_darkest: string;
+    grey_dark: string;
+    grey: string;
+    grey_light: string;
+    white: string;
+    action: string;
+    action_light: string;
+    action_dark: string;
+    positive: string;
+    negative: string;
+    visited?: string;
+    focus: string;
+    placeholder: string;
+    secondary?: string;
+}
+export interface ThemeSizeTypes {
+    extra_small: string;
+    small: string;
+    medium: string;
+    large: string;
+    x_large?: string;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nnc-digital/nnc-design-system",
-  "version": "1.0.0-alpha39",
+  "version": "1.0.0-alpha40",
   "description": "Design system for West & North Northamptonshire Councils, two unitary councils encompassing Wellingborough, Corby, Daventry, East Northants, Kettering, Northampton, Northamptonshire County and South Northants.",
   "main": "build/index.js",
   "repository": {