@nnc-digital/nnc-design-system 1.0.0-alpha8 → 1.0.0-beta1

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

@@ -1,31 +1,30 @@
-/// <reference types="react" />
-export interface CookieBannerProps {
-    /**
-     * Title of cookie banner
-     */
-    title: string;
-    /**
-     * Paragraph about cookies
-     */
-    paragraph: React.ReactNode;
-    /**
-     * Accept all button text
-     */
-    acceptButtonText: string;
-    /**
-     * Confirmation of acceptance text
-     */
-    acceptConfirmationText?: string;
-    /**
-     * Reject all button text
-     */
-    rejectButtonText: string;
-    /**
-     * Confirmation of rejection text
-     */
-    rejectConfirmationText?: string;
-    /**
-     * gets called on accept - lets you do extra things - like set the 🍪
-     */
-    acceptCallback?: Function;
-}
+export interface CookieBannerProps {
+    /**
+     * Title of cookie banner
+     */
+    title: string;
+    /**
+     * Paragraph about cookies
+     */
+    paragraph: React.ReactNode;
+    /**
+     * Accept all button text
+     */
+    acceptButtonText: string;
+    /**
+     * Confirmation of acceptance text
+     */
+    acceptConfirmationText?: string;
+    /**
+     * Reject all button text
+     */
+    rejectButtonText: string;
+    /**
+     * Confirmation of rejection text
+     */
+    rejectConfirmationText?: string;
+    /**
+     * gets called on accept - lets you do extra things - like set the 🍪
+     */
+    acceptCallback?: Function;
+}

package/build/library/structure/CookieBanner/CookieClear.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-interface CookieClearProps {
-}
-declare const CookieBanner: React.FunctionComponent<CookieClearProps>;
-export default CookieBanner;
+import React from 'react';
+interface CookieClearProps {
+}
+declare const CookieBanner: React.FunctionComponent<CookieClearProps>;
+export default CookieBanner;

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

@@ -1,7 +1,7 @@
-import React from "react";
-import { DisplayDateProps } from "./DisplayDate.types";
-/**
- * Form element - hint text
- */
-declare const DisplayDate: React.FC<DisplayDateProps>;
-export default DisplayDate;
+import React from 'react';
+import { DisplayDateProps } from './DisplayDate.types';
+/**
+ * Display the date
+ */
+declare const DisplayDate: React.FunctionComponent<DisplayDateProps>;
+export default DisplayDate;

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

@@ -1,18 +1,18 @@
-export interface DisplayDateProps {
-    /**
-     * The text in the hint
-     */
-    text: string;
-    /**
-     * The format for the date - default it timestamp
-     */
-    format: string;
-    /**
-     * Text before the date (no spaces included on render in case you need a colon: before the date)
-     */
-    preText?: string;
-    /**
-     * Text after the date
-     */
-    postText?: string;
-}
+export interface DisplayDateProps {
+    /**
+     * The text in the hint
+     */
+    text: string;
+    /**
+     * The format for the date - default it timestamp
+     */
+    format: string;
+    /**
+     * Text before the date (no spaces included on render in case you need a colon: before the date)
+     */
+    preText?: string;
+    /**
+     * Text after the date
+     */
+    postText?: string;
+}

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

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

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

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

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

@@ -1,24 +1,24 @@
-export interface FooterProps {
-    /**
-     * An array of links for the bottom of the footer, for things like cookie and privacy policies
-     */
-    footerLinksArray?: Array<FooterLinkProp>;
-    /**
-     * The year for the copyright
-     */
-    year?: string;
-}
-export interface FooterLinkProp {
-    /**
-    * Title of the link
-    */
-    title: string;
-    /**
-    * URL of the link
-    */
-    url: string;
-    /**
-    * Is the link to an external website?
-    */
-    isExternal?: boolean;
-}
+export interface FooterProps {
+    /**
+     * An array of links for the bottom of the footer, for things like cookie and privacy policies
+     */
+    footerLinksArray?: Array<FooterLinkProp>;
+    /**
+     * The year for the copyright
+     */
+    year?: string;
+}
+export interface FooterLinkProp {
+    /**
+    * Title of the link
+    */
+    title: string;
+    /**
+    * URL of the link
+    */
+    url: string;
+    /**
+    * Is the link to an external website?
+    */
+    isExternal?: boolean;
+}

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

@@ -1,7 +1,7 @@
-import React from 'react';
-import { FullWidthContainerProps } from './FullWidthContainer.types';
-/**
- * A Full Width Container with optional padding and background
- */
-declare const FullWidthContainer: React.FunctionComponent<FullWidthContainerProps>;
-export default FullWidthContainer;
+import React from 'react';
+import { FullWidthContainerProps } from './FullWidthContainer.types';
+/**
+ * A Full Width Container with optional padding and background
+ */
+declare const FullWidthContainer: React.FunctionComponent<FullWidthContainerProps>;
+export default FullWidthContainer;

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

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

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

@@ -1,15 +1,15 @@
-import React from 'react';
-export interface FullWidthContainerProps {
-    /**
-     * Show background colour when true
-     */
-    hasBackground?: boolean;
-    /**
-     * Show top and bottom padding when true
-     */
-    hasPadding?: boolean;
-    /**
-     * The FullWidthContainer contents
-     */
-    children?: React.ReactNode;
-}
+import React from 'react';
+export interface FullWidthContainerProps {
+    /**
+     * Show background colour when true
+     */
+    hasBackground?: boolean;
+    /**
+     * Show top and bottom padding when true
+     */
+    hasPadding?: boolean;
+    /**
+     * The FullWidthContainer contents
+     */
+    children?: React.ReactNode;
+}

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

@@ -1,7 +1,7 @@
-import React from 'react';
-import { HeaderProps } from './Header.types';
-/**
- * The header that should appear at the top of every page.
- */
-declare const Header: React.FunctionComponent<HeaderProps>;
-export default Header;
+import React from 'react';
+import { HeaderProps } from './Header.types';
+/**
+ * The header that should appear at the top of every page.
+ */
+declare const Header: React.FunctionComponent<HeaderProps>;
+export default Header;

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

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

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

@@ -1,31 +1,30 @@
-/// <reference types="react" />
-export interface HeaderProps {
-    /**
-     * Hide the searchbar, set to true on the search page so there aren't two search inputs.
-     */
-    hideSearchBar?: boolean;
-    /**
-     * Link to the root of the website that will be used on the logo
-     */
-    homeLink?: string;
-    /**
-     * Set to true to include a link to /news in the header
-     */
-    hasNewsLink?: boolean;
-    /**
-     * Link to the list of all services displayed at top right (#all-services anchor added to this)
-     */
-    allServicesLink?: string;
-    /**
-     * This flag is used to alter the all-services link to an in-page anchor if true
-     */
-    isHomepage?: boolean;
-    /**
-     * Array of suggestions for the autocomplete input in the search bar
-     */
-    searchSuggestions?: string[];
-    /**
-     * The Header contents
-     */
-    children?: React.ReactNode;
-}
+export interface HeaderProps {
+    /**
+     * Hide the searchbar, set to true on the search page so there aren't two search inputs.
+     */
+    hideSearchBar?: boolean;
+    /**
+     * Link to the root of the website that will be used on the logo
+     */
+    homeLink?: string;
+    /**
+     * Set to true to include a link to /news in the header
+     */
+    hasNewsLink?: boolean;
+    /**
+     * Link to the list of all services displayed at top right (#all-services anchor added to this)
+     */
+    allServicesLink?: string;
+    /**
+     * This flag is used to alter the all-services link to an in-page anchor if true
+     */
+    isHomepage?: boolean;
+    /**
+     * Array of suggestions for the autocomplete input in the search bar
+     */
+    searchSuggestions?: string[];
+    /**
+     * The Header contents
+     */
+    children?: React.ReactNode;
+}

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

@@ -1,8 +1,8 @@
-import React from 'react';
-import { HeroImageProps } from './HeroImage.types';
-/**
- * Hero image banner with optional text and call to action with varying presentation of text area.
- * For optional use at the top of a service landing page, if set in the CMS.
- */
-declare const HeroImage: React.FunctionComponent<HeroImageProps>;
-export default HeroImage;
+import React from 'react';
+import { HeroImageProps } from './HeroImage.types';
+/**
+ * Hero image banner with optional text and call to action with varying presentation of text area.
+ * For optional use at the top of a service landing page, if set in the CMS.
+ */
+declare const HeroImage: React.FunctionComponent<HeroImageProps>;
+export default HeroImage;

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

@@ -1,6 +1,6 @@
-import { HeroImageProps } from './HeroImage.types';
-export declare const HeroImageExampleBoxedData: HeroImageProps;
-export declare const HeroImageExampleGradientData: HeroImageProps;
-export declare const HeroImageExampleMicroSiteData: HeroImageProps;
-export declare const HeroImageExampleBoxedWithBreadcrumbData: HeroImageProps;
-export declare const HeroImageExampleBoxedWithCustomSearch: HeroImageProps;
+import { HeroImageProps } from './HeroImage.types';
+export declare const HeroImageExampleBoxedData: HeroImageProps;
+export declare const HeroImageExampleGradientData: HeroImageProps;
+export declare const HeroImageExampleMicroSiteData: HeroImageProps;
+export declare const HeroImageExampleBoxedWithBreadcrumbData: HeroImageProps;
+export declare const HeroImageExampleBoxedWithCustomSearch: HeroImageProps;

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

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

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

@@ -1,48 +1,52 @@
-import { CustomSearchProps } from '../../components/CustomSearch/CustomSearch.types';
-import { BreadcrumbProp } from '../Breadcrumbs/Breadcrumbs.types';
-export interface HeroImageProps {
-    /**
-     * Headline text, optional. Intention to use page title if missing.
-     */
-    headline?: string;
-    /**
-     * Any text after the headline and before the call to action, optional
-     */
-    content?: string;
-    /**
-     * URL of the hero image (min 400pix high)
-     */
-    imageLarge: string;
-    /**
-     * URL of the a smaller version of the image for lazy loading
-     */
-    imageSmall: string;
-    /**
-     * Optional alt text for the image - ideally the image should be decorative only and not require a long description
-     */
-    imageAltText?: string;
-    /**
-     * Optional call to action text
-     */
-    callToActionText?: string;
-    /**
-     * Optional call to action link URL
-     */
-    callToActionURL?: string;
-    /**
-     * Is the call to action a primary button
-     */
-    callToActionIsPrimary?: boolean;
-    /**
-     * Set to true to put the text and call to action on a white box, false to overlay on a darkened image
-     */
-    backgroundBox: boolean;
-    /**
-     * An optional breadcrumb. If not set then the breadcrumb is not shown
-     */
-    breadcrumb?: BreadcrumbProp;
-    /**
-     * An optional custom search
-     */
-    customSearch?: CustomSearchProps;
-}
+import { CustomSearchProps } from '../../components/CustomSearch/CustomSearch.types';
+import { BreadcrumbProp } from '../Breadcrumbs/Breadcrumbs.types';
+export interface HeroImageProps {
+    /**
+     * Headline text, optional. Intention to use page title if missing.
+     */
+    headline?: string;
+    /**
+     * Any text after the headline and before the call to action, optional
+     */
+    content?: string;
+    /**
+     * URL of the hero image (min 400pix high)
+     */
+    imageLarge?: string;
+    /**
+     * URL of the a smaller version of the image for lazy loading
+     */
+    imageSmall?: string;
+    /**
+     * URL of the hero video
+     */
+    heroVideoUrl?: string;
+    /**
+     * Optional alt text for the image - ideally the image should be decorative only and not require a long description
+     */
+    imageAltText?: string;
+    /**
+     * Optional call to action text
+     */
+    callToActionText?: string;
+    /**
+     * Optional call to action link URL
+     */
+    callToActionURL?: string;
+    /**
+     * Is the call to action a primary button
+     */
+    callToActionIsPrimary?: boolean;
+    /**
+     * Set to true to put the text and call to action on a white box, false to overlay on a darkened image
+     */
+    backgroundBox: boolean;
+    /**
+     * An optional breadcrumb. If not set then the breadcrumb is not shown
+     */
+    breadcrumb?: BreadcrumbProp;
+    /**
+     * An optional custom search
+     */
+    customSearch?: CustomSearchProps;
+}

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

@@ -1,7 +1,7 @@
-import React from 'react';
-import { HomeHeroProps } from './HomeHero.types';
-/**
- * The Hero that should appear at the top of the home page.
- */
-declare const HomeHero: React.FunctionComponent<HomeHeroProps>;
-export default HomeHero;
+import React from 'react';
+import { HomeHeroProps } from './HomeHero.types';
+/**
+ * The Hero that should appear at the top of the home page.
+ */
+declare const HomeHero: React.FunctionComponent<HomeHeroProps>;
+export default HomeHero;

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

@@ -1,14 +1,14 @@
-/**
- * Example data for the HomeHero stories
- */
-export declare const HomeHeroCommon: {
-    searchSuggestions: string[];
-    imagesArray: {
-        image1440x810: string;
-        image144x81: string;
-    }[];
-};
-export declare const HomeHeroPromotedLinks: {
-    title: string;
-    url: string;
-}[];
+/**
+ * Example data for the HomeHero stories
+ */
+export declare const HomeHeroCommon: {
+    searchSuggestions: string[];
+    imagesArray: {
+        image1440x810: string;
+        image144x81: string;
+    }[];
+};
+export declare const HomeHeroPromotedLinks: {
+    title: string;
+    url: string;
+}[];

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

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

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

@@ -1,54 +1,54 @@
-export interface HomeHeroProps {
-    /**
-     * The line of text before the logo
-     */
-    topline?: string;
-    /**
-     * URL of an alternative logo to override the preset ones (520 x 150 px)
-     */
-    imageOverrideLogo?: string;
-    /**
-     * Alt text for overridden logo
-     */
-    imageOverrideLogoAltText?: string;
-    /**
-    * The line of text after the logo
-    */
-    strapline?: string;
-    /**
-     * The images for the hero, minimum of one
-     */
-    imagesArray: Array<HeroImageProp>;
-    /**
-     * The main promoted links, an array that should be from 1-4, preferably 3
-     */
-    promotedLinksArray: Array<PromotedLinkProp>;
-    /**
-     * Array of suggestion strings for autocomplete search input
-     */
-    searchSuggestions?: string[];
-}
-export interface HeroImageProp {
-    /**
-     * The url of the image
-     */
-    image1440x810: string;
-    /**
-     * The url of the image in 10x smaller for lazy loading
-     */
-    image144x81: string;
-    /**
-     * Optional alt text for the image - this should only be included if the image contains content that is important to users and not purely decorative
-     */
-    imageAltText?: string;
-}
-export interface PromotedLinkProp {
-    /**
-     * The title of the link
-     */
-    title: string;
-    /**
-     * The url of the link
-     */
-    url: string;
-}
+export interface HomeHeroProps {
+    /**
+     * The line of text before the logo
+     */
+    topline?: string;
+    /**
+     * URL of an alternative logo to override the preset ones (520 x 150 px)
+     */
+    imageOverrideLogo?: string;
+    /**
+     * Alt text for overridden logo
+     */
+    imageOverrideLogoAltText?: string;
+    /**
+    * The line of text after the logo
+    */
+    strapline?: string;
+    /**
+     * The images for the hero, minimum of one
+     */
+    imagesArray: Array<HeroImageProp>;
+    /**
+     * The main promoted links, an array that should be from 1-4, preferably 3
+     */
+    promotedLinksArray: Array<PromotedLinkProp>;
+    /**
+     * Array of suggestion strings for autocomplete search input
+     */
+    searchSuggestions?: string[];
+}
+export interface HeroImageProp {
+    /**
+     * The url of the image
+     */
+    image1440x810: string;
+    /**
+     * The url of the image in 10x smaller for lazy loading
+     */
+    image144x81: string;
+    /**
+     * Optional alt text for the image - this should only be included if the image contains content that is important to users and not purely decorative
+     */
+    imageAltText?: string;
+}
+export interface PromotedLinkProp {
+    /**
+     * The title of the link
+     */
+    title: string;
+    /**
+     * The url of the link
+     */
+    url: string;
+}

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

@@ -1,7 +1,7 @@
-import React from "react";
-import { MaxWidthContainerProps } from "./MaxWidthContainer.types";
-/**
- * A container for holding the main content of a page
- */
-declare const MaxWidthContainer: React.FC<MaxWidthContainerProps>;
-export default MaxWidthContainer;
+import React from 'react';
+import { MaxWidthContainerProps } from './MaxWidthContainer.types';
+/**
+ * A container for holding the main content of a page
+ */
+declare const MaxWidthContainer: React.FC<MaxWidthContainerProps>;
+export default MaxWidthContainer;