@hmlr/govuk-react-components-library 1.1.0 → 1.2.1

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import React$1, { HTMLAttributes, ElementType, ButtonHTMLAttributes, AnchorHTMLAttributes, TextareaHTMLAttributes, Component, ReactNode, SelectHTMLAttributes } from 'react';
 import { AccordionConfig } from 'govuk-frontend/dist/govuk/components/accordion/accordion';
-import { To } from 'react-router-dom';
+import { To } from 'react-router';
 import { ButtonConfig } from 'govuk-frontend/dist/govuk/components/button/button';
 import { ErrorSummaryConfig } from 'govuk-frontend/dist/govuk/components/error-summary/error-summary';
 
@@ -162,6 +162,26 @@ interface CardColumnProps {
     link: string;
     header: string;
     body: string;
+    /**
+     * Text colour of the card header in its resting state.
+     *
+     * Defaults to the GOV.UK brand colour via the CSS custom property set by
+     * govuk-functional-colour("brand") in the SCSS — so if you've overridden
+     * $govuk-functional-colours at the Sass level, this default will follow.
+     *
+     * Pass an explicit value only when you need a per-instance override that
+     * sits outside the govuk-frontend theming system.
+     */
+    textColor?: string;
+    /**
+     * Background colour applied to the card header on hover.
+     *
+     * Defaults to the GOV.UK header background colour via the CSS custom
+     * property set by govuk-functional-colour("header-background") in the SCSS.
+     *
+     * Pass an explicit value only when you need a per-instance override.
+     */
+    hoverColor?: string;
 }
 
 declare const CardColumn: React$1.FC<CardColumnProps>;
@@ -221,11 +241,36 @@ declare const CookieBanner: React$1.FC<CookieBannerProps & HTMLAttributes<HTMLDi
 interface DataNavigationProps {
     dataId: number;
     setDataFocus: (id: number) => void;
-    previousText: string;
+    previousText?: string;
     previousCondition: boolean;
-    nextText: string;
+    nextText?: string;
     nextCondition: boolean;
     dataDescription?: string;
+    /**
+     * Background colour of the navigation buttons in their resting state.
+     * Defaults to govuk-functional-colour("brand") (#1d70b8).
+     */
+    buttonColour?: string;
+    /**
+     * Text colour of the navigation buttons in their resting state.
+     * Defaults to govuk-colour("white") (#ffffff).
+     */
+    buttonTextColour?: string;
+    /**
+     * Shadow colour of the navigation buttons.
+     * Defaults to govuk-colour("black") (#0b0c0c).
+     */
+    buttonShadowColour?: string;
+    /**
+     * Background colour of the navigation buttons on hover.
+     * Defaults to govuk-functional-colour("focus") (#ffdd00).
+     */
+    buttonHoverColour?: string;
+    /**
+     * Text colour of the navigation buttons on hover.
+     * Defaults to govuk-functional-colour("focus-text") (#0b0c0c).
+     */
+    buttonHoverTextColour?: string;
 }
 
 declare const DataNavigation: React$1.FC<DataNavigationProps>;
@@ -273,6 +318,31 @@ interface DifferenceNavigationProps {
     totalDifferences: number;
     keyword?: string;
     plural?: string;
+    /**
+     * Background colour of the navigation buttons in their resting state.
+     * Defaults to govuk-functional-colour("brand") (#1d70b8).
+     */
+    buttonColour?: string;
+    /**
+     * Text colour of the navigation buttons in their resting state.
+     * Defaults to govuk-colour("white") (#ffffff).
+     */
+    buttonTextColour?: string;
+    /**
+     * Shadow colour of the navigation buttons.
+     * Defaults to govuk-colour("black") (#0b0c0c).
+     */
+    buttonShadowColour?: string;
+    /**
+     * Background colour of the navigation buttons on hover.
+     * Defaults to govuk-functional-colour("focus") (#ffdd00).
+     */
+    buttonHoverColour?: string;
+    /**
+     * Text colour of the navigation buttons on hover.
+     * Defaults to govuk-functional-colour("focus-text") (#0b0c0c).
+     */
+    buttonHoverTextColour?: string;
 }
 
 declare const DifferenceNavigation: React$1.FC<DifferenceNavigationProps>;
@@ -378,11 +448,18 @@ interface Meta {
     items?: MetaItem[];
     children?: React.ReactNode;
 }
+interface ContentLicence {
+    className?: string;
+    children: React.ReactNode;
+    reactListKey?: string | number;
+    [key: string]: unknown;
+}
 interface FooterProps extends HTMLAttributes<HTMLElement> {
     className?: string;
     containerClassName?: string;
     meta?: Meta;
     navigation?: NavigationItem$2[];
+    contentLicence?: ContentLicence;
 }
 
 declare const Footer: React$1.FC<FooterProps>;
@@ -416,7 +493,7 @@ interface HeaderProps extends HTMLAttributes<HTMLDivElement> {
 
 declare const Header: React$1.FC<HeaderProps>;
 
-declare function ConfigureOverallHeader($scope?: Document | Element): void;
+declare function ConfigureOverallHeader($scope?: Document | Element): Promise<void>;
 
 declare const Hint: React$1.FC<HintProps & React$1.HTMLAttributes<HTMLOrSVGElement>>;
 

package/dist/index.esm.css

@@ -1,4 +1,11 @@
 @charset "UTF-8";
+
+
+
+
+
+
+
 /*!
  * Bootstrap  v5.3.8 (https://getbootstrap.com/)
  * Copyright 2011-2025 The Bootstrap Authors
@@ -11860,26 +11867,26 @@ textarea.form-control-lg {
   }
 }
 .card-link {
-  color: #1d70b8;
+  color: var(--card-text-color, var(--govuk-link-colour, #1a65a6));
 }
-
-.card-link :hover {
-  color: #003078;
-  border-color: #fd0;
+.card-link:hover {
+  color: var(--card-hover-color, var(--govuk-link-hover-colour, #0f385c));
+  border-color: var(--govuk-focus-colour, #ffdd00);
 }
 
 .card-header {
   padding-bottom: 65px;
-  color: #005ea5;
+  color: var(--card-text-color, var(--govuk-brand-colour, #1d70b8));
+  transition-duration: 0.3s;
 }
 .card-header:hover {
-  color: #f8f8f8;
-  background-color: #005ea5;
-  transition-duration: 0.3s;
+  color: #ffffff;
+  background-color: var(--card-hover-color, #0b0c0c);
 }
 .card-header:active {
-  background-color: gold;
-  border-bottom: #000 groove;
+  color: var(--govuk-focus-text-colour, #0b0c0c);
+  background-color: var(--govuk-focus-colour, #ffdd00);
+  border-bottom: var(--govuk-focus-text-colour, #0b0c0c) groove;
   transition: ease-in-out;
 }