@scottish-government/designsystem-react 0.11.0 → 0.12.0

package/@types/components/PageHeader.d.ts

@@ -1,6 +1,7 @@
 declare namespace SGDS.Component {
     interface PageHeader extends React.AllHTMLAttributes<HTMLHeadingElement> {
         label?: string,
-        title: string
+        title: string,
+        titleId?: string
     }
 }

package/CHANGELOG.md

@@ -6,6 +6,14 @@ Changes are grouped under the labels: `Added`, `Changed`, `Deprecated`, `Fixed`,
 `Removed` and `Security`.
 
 ---
+## [0.12.0] - 2025-11-12
+
+### Added
+- type definitions included in /dist
+- optional 'titleId' prop added to PageHeader
+## Fixed
+- include SGDS 'skip-links' script in SkipLinks
+
 ## [0.11.0] - 2025-10-22
 
 ### Added

package/dist/common/AbstractNotificationBanner.d.ts

@@ -0,0 +1,9 @@
+declare const AbstractNotificationBanner: {
+    ({ children, className, hasColourIcon, hasInverseIcon, icon, isDismissable, title, ...props }: SGDS.Common.AbstractNotificationBanner): import("react").JSX.Element;
+    displayName: string;
+    Buttons: {
+        ({ children }: SGDS.Common.AbstractNotificationBanner.Buttons): import("react").JSX.Element;
+        displayName: string;
+    };
+};
+export default AbstractNotificationBanner;

package/dist/common/ActionLink.d.ts

@@ -0,0 +1,5 @@
+declare const ActionLink: {
+    ({ children, describedby, href, linkComponent, onclick }: SGDS.Common.ActionLink): string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("react").ReactPortal | Iterable<import("react").ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+    displayName: string;
+};
+export default ActionLink;

package/dist/common/ConditionalWrapper.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Wraps all children in a specified HTML tag if a condition is met.
+ */
+declare const ConditionalWrapper: {
+    ({ condition, wrapper, children }: SGDS.Common.ConditionalWrapper): any;
+    displayName: string;
+};
+export default ConditionalWrapper;

package/dist/common/FileIcon.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare const FileIcon: {
+    ({ ariaLabel, className, icon }: SGDS.Common.FileIcon): React.JSX.Element;
+    displayName: string;
+};
+export default FileIcon;

package/dist/common/HintText.d.ts

@@ -0,0 +1,5 @@
+declare const HintText: {
+    ({ children, id, text, ...props }: SGDS.Common.HintText): import("react").JSX.Element;
+    displayName: string;
+};
+export default HintText;

package/dist/common/Icon.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare const Icon: {
+    ({ ariaLabel, className, isFilled, icon, iconSize }: SGDS.Common.Icon): React.JSX.Element;
+    displayName: string;
+};
+export default Icon;

package/dist/common/ScreenReaderText.d.ts

@@ -0,0 +1,5 @@
+declare const ScreenReaderText: {
+    ({ children, ...props }: SGDS.Common.ScreenReaderText): import("react").JSX.Element;
+    displayName: string;
+};
+export default ScreenReaderText;

package/dist/common/WrapperTag.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Wraps all children in a specified HTML tag.
+ */
+declare const WrapperTag: {
+    ({ children, tagName, ...props }: SGDS.Common.WrapperTag): import("react").JSX.Element;
+    displayName: string;
+};
+export default WrapperTag;

package/dist/components/Accordion/Accordion.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+declare const Accordion: {
+    ({ children, className, headingLevel, hideOpenAll, isSmall, ...props }: SGDS.Component.Accordion): React.JSX.Element;
+    displayName: string;
+    Item: {
+        ({ children, className, id: rawId, isOpen, heading, title, ...props }: SGDS.Component.Accordion.Item): React.JSX.Element;
+        displayName: string;
+    };
+};
+export default Accordion;

package/dist/components/AspectBox/AspectBox.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare const AspectBox: {
+    ({ children, className, ratio, ...props }: SGDS.Component.AspectBox): React.JSX.Element;
+    displayName: string;
+};
+export default AspectBox;

package/dist/components/BackToTop/BackToTop.d.ts

@@ -0,0 +1,5 @@
+declare const BackToTop: {
+    ({ className, href, ...props }: SGDS.Component.BackToTop): import("react").JSX.Element;
+    displayName: string;
+};
+export default BackToTop;

package/dist/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,9 @@
+declare const Breadcrumbs: {
+    ({ children, ...props }: SGDS.Component.Breadcrumbs): import("react").JSX.Element;
+    displayName: string;
+    Item: {
+        ({ children, isHidden, href, linkComponent, ...props }: SGDS.Component.Breadcrumbs.Item): import("react").JSX.Element;
+        displayName: string;
+    };
+};
+export default Breadcrumbs;

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,5 @@
+declare const Button: {
+    ({ buttonStyle, children, className, icon, hasLinkStyle, href, isIconLeft, isIconOnly, isSmall, type, width, ...props }: SGDS.Component.Button): import("react").JSX.Element;
+    displayName: string;
+};
+export default Button;

package/dist/components/ButtonGroup/ButtonGroup.d.ts

@@ -0,0 +1,5 @@
+declare const ButtonGroup: {
+    ({ children, className, isInline, ...props }: SGDS.Component.ButtonGroup): import("react").JSX.Element;
+    displayName: string;
+};
+export default ButtonGroup;

package/dist/components/CategoryItem/CategoryItem.d.ts

@@ -0,0 +1,5 @@
+declare const CategoryItem: {
+    ({ children, className, headingLevel, href, linkComponent, tagName, title, ...props }: SGDS.Component.CategoryItem): import("react").JSX.Element;
+    displayName: string;
+};
+export default CategoryItem;

package/dist/components/CategoryList/CategoryList.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare const CategoryList: {
+    ({ children, className, isGrid, isOrdered, ...props }: SGDS.Component.CategoryList): React.JSX.Element;
+    displayName: string;
+};
+export default CategoryList;

package/dist/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,5 @@
+declare const Checkbox: {
+    ({ checked, hintText, id, isSmall, isExclusive, label, name, onBlur, onChange }: SGDS.Component.Checkbox): import("react").JSX.Element;
+    displayName: string;
+};
+export default Checkbox;

package/dist/components/Checkbox/CheckboxGroup.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const CheckboxGroup: {
+    ({ children, className, isSmall, ...props }: SGDS.Component.Checkbox.Group): React.JSX.Element;
+    displayName: string;
+};
+export default CheckboxGroup;

package/dist/components/ConfirmationMessage/ConfirmationMessage.d.ts

@@ -0,0 +1,5 @@
+declare const ConfirmationMessage: {
+    ({ ariaLive, children, className, headingLevel, title, ...props }: SGDS.Component.ConfirmationMessage): import("react").JSX.Element;
+    displayName: string;
+};
+export default ConfirmationMessage;

package/dist/components/ContentsNav/ContentsNav.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+declare const ContentsNav: {
+    ({ ariaLabel, children, className, title, ...props }: SGDS.Component.ContentsNav): React.JSX.Element;
+    displayName: string;
+    Item: {
+        ({ children, isCurrent, href, linkComponent }: SGDS.Component.ContentsNav.ContentsNavItem): React.JSX.Element;
+        displayName: string;
+    };
+};
+export default ContentsNav;

package/dist/components/CookieBanner/CookieBanner.d.ts

@@ -0,0 +1,9 @@
+declare const CookieBanner: {
+    ({ children, className, title, ...props }: SGDS.Common.AbstractNotificationBanner): import("react").JSX.Element;
+    displayName: string;
+    Buttons: {
+        ({ children }: SGDS.Common.AbstractNotificationBanner.Buttons): import("react").JSX.Element;
+        displayName: string;
+    };
+};
+export default CookieBanner;

package/dist/components/DatePicker/DatePicker.d.ts

@@ -0,0 +1,5 @@
+declare const DatePicker: {
+    ({ className, dateSelectCallback, disabledDates, errorMessage, hasError, hintText, id, iconPath, label, maxDate, minDate, multiple, name, onBlur, onChange, value, width, ...props }: SGDS.Component.DatePicker): import("react").JSX.Element;
+    displayName: string;
+};
+export default DatePicker;

package/dist/components/Details/Details.d.ts

@@ -0,0 +1,5 @@
+declare const Details: {
+    ({ children, className, summary, ...props }: SGDS.Component.Details): import("react").JSX.Element;
+    displayName: string;
+};
+export default Details;

package/dist/components/ErrorMessage/ErrorMessage.d.ts

@@ -0,0 +1,5 @@
+declare const ErrorMessage: {
+    ({ children, className, id, ...props }: SGDS.Component.ErrorMessage): import("react").JSX.Element;
+    displayName: string;
+};
+export default ErrorMessage;

package/dist/components/ErrorSummary/ErrorSummary.d.ts

@@ -0,0 +1,9 @@
+declare const ErrorSummary: {
+    ({ children, className, title, ...props }: SGDS.Component.ErrorSummary): import("react").JSX.Element;
+    displayName: string;
+    Item: {
+        ({ children, fragmentId, linkComponent }: SGDS.Component.ErrorSummary.Item): import("react").JSX.Element;
+        displayName: string;
+    };
+};
+export default ErrorSummary;

package/dist/components/FileDownload/FileDownload.d.ts

@@ -0,0 +1,5 @@
+declare const FileDownload: {
+    ({ className, cover, icon, isHighlighted, fileSize, fileType, fileUrl, title, ...props }: SGDS.Component.FileDownload): import("react").JSX.Element;
+    displayName: string;
+};
+export default FileDownload;

package/dist/components/HideThisPage/HideThisPage.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare const HideThisPage: {
+    ({ className, escapeUrl, ...props }: SGDS.Component.HideThisPage): React.JSX.Element;
+    displayName: string;
+};
+export default HideThisPage;

package/dist/components/InsetText/InsetText.d.ts

@@ -0,0 +1,5 @@
+declare const InsetText: {
+    ({ children, className, ...props }: SGDS.Component.InsetText): import("react").JSX.Element;
+    displayName: string;
+};
+export default InsetText;

package/dist/components/NotificationBanner/NotificationBanner.d.ts

@@ -0,0 +1,9 @@
+declare const NotificationBanner: {
+    ({ children, className, hasColourIcon, hasIcon, hasInverseIcon, isDismissable, title, ...props }: SGDS.Common.AbstractNotificationBanner): import("react").JSX.Element;
+    displayName: string;
+    Buttons: {
+        ({ children }: SGDS.Common.AbstractNotificationBanner.Buttons): import("react").JSX.Element;
+        displayName: string;
+    };
+};
+export default NotificationBanner;

package/dist/components/NotificationPanel/NotificationPanel.d.ts

@@ -0,0 +1,5 @@
+declare const NotificationPanel: {
+    ({ ariaLive, children, className, headingLevel, title, ...props }: SGDS.Component.NotificationPanel): import("react").JSX.Element;
+    displayName: string;
+};
+export default NotificationPanel;

package/dist/components/PageHeader/PageHeader.d.ts

@@ -0,0 +1,5 @@
+declare const PageHeader: {
+    ({ children, className, label, title, titleId, ...props }: SGDS.Component.PageHeader): import("react").JSX.Element;
+    displayName: string;
+};
+export default PageHeader;

package/dist/components/PageHeader/PageHeader.jsx

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const PageHeader = ({ children, className, label, title, ...props }) => {
+const PageHeader = ({ children, className, label, title, titleId, ...props }) => {
     return (<header className={[
             'ds_page-header',
             className
         ].join(' ')} {...props}>
             {label && <span className="ds_page-header__label  ds_content-label">{label}</span>}
-            <h1 className="ds_page-header__title">{title}</h1>
+            <h1 id={titleId} className="ds_page-header__title">{title}</h1>
 
             {children}
         </header>);

package/dist/components/PageMetadata/PageMetadata.d.ts

@@ -0,0 +1,9 @@
+declare const Metadata: {
+    ({ children, className, isInline, ...props }: SGDS.Component.Metadata): import("react").JSX.Element;
+    displayName: string;
+    Item: {
+        ({ children, className, name, ...props }: SGDS.Component.Metadata.Item): import("react").JSX.Element;
+        displayName: string;
+    };
+};
+export default Metadata;

package/dist/components/Pagination/Pagination.d.ts

@@ -0,0 +1,7 @@
+export declare const Page: ({ ariaLabel, children, className, href, isCurrent, linkComponent, onClick }: SGDS.Component.Pagination.Page) => import("react").JSX.Element;
+export declare const Ellipsis: () => import("react").JSX.Element;
+declare const Pagination: {
+    ({ ariaLabel, className, onClick, padding, page, pattern, totalPages, linkComponent, ...props }: SGDS.Component.Pagination): import("react").JSX.Element;
+    displayName: string;
+};
+export default Pagination;

package/dist/components/PhaseBanner/PhaseBanner.d.ts

@@ -0,0 +1,5 @@
+declare const PhaseBanner: {
+    ({ children, className, phaseName, ...props }: SGDS.Component.PhaseBanner): import("react").JSX.Element;
+    displayName: string;
+};
+export default PhaseBanner;

package/dist/components/Question/Question.d.ts

@@ -0,0 +1,5 @@
+declare const Question: {
+    ({ children, className, errorMessage, hasError, hintText, legend, tagName, ...props }: SGDS.Component.Question): import("react").JSX.Element;
+    displayName: string;
+};
+export default Question;

package/dist/components/RadioButton/RadioButton.d.ts

@@ -0,0 +1,5 @@
+declare const RadioButton: {
+    ({ checked, hintText, id, isSmall, label, name, onBlur, onChange }: SGDS.Component.RadioButton): import("react").JSX.Element;
+    displayName: string;
+};
+export default RadioButton;

package/dist/components/RadioButton/RadioGroup.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare const RadioGroup: {
+    ({ children, className, isInline, isSmall, name, ...props }: SGDS.Component.RadioButton.Group): React.JSX.Element;
+    displayName: string;
+};
+export default RadioGroup;

package/dist/components/SearchFacets/SearchFacets.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+declare const Facets: {
+    ({ children, className, ...props }: SGDS.Component.SearchFacets): React.JSX.Element;
+    displayName: string;
+    Item: {
+        ({ accessibleName, joinContent, onClick, title, ...props }: SGDS.Component.SearchFacets.Item): React.JSX.Element;
+        displayName: string;
+    };
+    Group: {
+        ({ children, joinContent, title, ...props }: SGDS.Component.SearchFacets.Group): React.JSX.Element;
+        displayName: string;
+    };
+};
+export default Facets;

package/dist/components/SearchFilters/SearchFilters.d.ts

@@ -0,0 +1,16 @@
+export declare const FilterPanel: {
+    ({ activeFilterCount, children, isScrollable, legend, heading, ...props }: SGDS.Component.SearchFilters.Panel): import("react").JSX.Element;
+    displayName: string;
+};
+declare const Filters: {
+    ({ children, searchResultsContainerId, ...props }: SGDS.Component.SearchFilters): import("react").JSX.Element;
+    Panel: {
+        ({ activeFilterCount, children, isScrollable, legend, heading, ...props }: SGDS.Component.SearchFilters.Panel): import("react").JSX.Element;
+        displayName: string;
+    };
+    CheckboxGroup: {
+        ({ children, ...props }: any): import("react").JSX.Element;
+        displayName: string;
+    };
+};
+export default Filters;

package/dist/components/SearchResult/SearchResult.d.ts

@@ -0,0 +1,28 @@
+declare const SearchResult: {
+    ({ children, href, isPromoted, linkComponent, promotedTitle, title, ...props }: SGDS.Component.SearchResult): import("react").JSX.Element;
+    Content: {
+        ({ children }: SGDS.Component.SearchResult.Content): import("react").JSX.Element;
+        displayName: string;
+    };
+    Context: {
+        ({ children, title }: SGDS.Component.SearchResult.Context): import("react").JSX.Element;
+        displayName: string;
+    };
+    ContextItem: {
+        ({ children }: SGDS.Component.SearchResult.ContextItem): import("react").JSX.Element;
+        displayName: string;
+    };
+    Media: {
+        ({ children }: SGDS.Component.SearchResult.Media): import("react").JSX.Element;
+        displayName: string;
+    };
+    Meta: {
+        ({ children }: SGDS.Component.SearchResult.Meta): import("react").JSX.Element;
+        displayName: string;
+    };
+    MetaItem: {
+        ({ children, className, name, ...props }: SGDS.Component.Metadata.Item): import("react").JSX.Element;
+        displayName: string;
+    };
+};
+export default SearchResult;

package/dist/components/SearchSort/SearchSort.d.ts

@@ -0,0 +1,10 @@
+import { AllHTMLAttributes } from "react";
+declare const SearchSort: {
+    ({ children, className, id, label, onApply, ...props }: SGDS.Component.SearchSort): import("react").JSX.Element;
+    displayName: string;
+    Option: {
+        ({ children, value }: AllHTMLAttributes<HTMLOptionElement>): import("react").JSX.Element;
+        displayName: string;
+    };
+};
+export default SearchSort;

package/dist/components/Select/Select.d.ts

@@ -0,0 +1,5 @@
+declare const Select: {
+    ({ children, className, defaultValue, errorMessage, hasError, hintText, id, label, name, onBlur, onChange, placeholder, width, ...props }: SGDS.Component.Select): import("react").JSX.Element;
+    displayName: string;
+};
+export default Select;

package/dist/components/SequentialNavigation/SequentialNavigation.d.ts

@@ -0,0 +1,13 @@
+declare const SequentialNavigation: {
+    ({ ariaLabel, children, className, ...props }: SGDS.Component.SequentialNavigation): import("react").JSX.Element;
+    displayName: string;
+    Next: {
+        ({ children, href, linkComponent, textLabel }: SGDS.Component.SequentialNavigation.Link): import("react").JSX.Element;
+        displayName: string;
+    };
+    Previous: {
+        ({ children, href, linkComponent, textLabel }: SGDS.Component.SequentialNavigation.Link): import("react").JSX.Element;
+        displayName: string;
+    };
+};
+export default SequentialNavigation;

package/dist/components/SideNavigation/SideNavigation.d.ts

@@ -0,0 +1,13 @@
+declare const SideNavigation: {
+    ({ ariaLabel, children, className, ...props }: SGDS.Component.SideNavigation): import("react").JSX.Element;
+    displayName: string;
+    Item: {
+        ({ children, href, isCurrent, linkComponent, title }: SGDS.Component.SideNavigation.Item): import("react").JSX.Element;
+        displayName: string;
+    };
+    List: {
+        ({ children, isRoot }: SGDS.Component.SideNavigation.List): import("react").JSX.Element;
+        displayName: string;
+    };
+};
+export default SideNavigation;

package/dist/components/SiteFooter/SiteFooter.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+declare const SiteFooter: {
+    ({ children, className, ...props }: SGDS.Component.SiteFooter): React.JSX.Element;
+    Links: {
+        ({ children, ...props }: SGDS.Component.SiteFooter.Links): React.JSX.Element;
+        displayName: string;
+    };
+    Link: {
+        ({ children, href, linkComponent, ...props }: SGDS.Component.SiteFooter.Link): React.JSX.Element;
+        displayName: string;
+    };
+    License: {
+        ({ children, ...props }: SGDS.Component.SiteFooter.License): React.JSX.Element;
+        displayName: string;
+    };
+    Org: {
+        ({ href, title, children, ...props }: SGDS.Component.SiteFooter.Org): React.JSX.Element;
+        displayName: string;
+    };
+    displayName: string;
+};
+export default SiteFooter;

package/dist/components/SiteHeader/SiteHeader.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+declare const SiteHeader: {
+    ({ children, ...props }: SGDS.Component.SiteHeader): React.JSX.Element;
+    Brand: {
+        ({ children, homeUrl, linkComponent, siteTitle }: SGDS.Component.SiteHeader.Brand): React.JSX.Element;
+        displayName: string;
+    };
+    Navigation: {
+        ({ children }: any): any;
+        displayName: string;
+    };
+    Phase: {
+        ({ children }: any): any;
+        displayName: string;
+    };
+    Search: {
+        ({ children }: any): any;
+        displayName: string;
+    };
+    displayName: string;
+};
+export default SiteHeader;

package/dist/components/SiteHeader/SiteHeader.jsx

@@ -1,4 +1,3 @@
-'use client';
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;

package/dist/components/SiteNavigation/SiteNavigation.d.ts

@@ -0,0 +1,9 @@
+declare const SiteNavigation: {
+    ({ children, className, ...props }: SGDS.Component.SiteNavigation): import("react").JSX.Element;
+    displayName: string;
+    Item: {
+        ({ children, isCurrent, href, linkComponent }: SGDS.Component.SiteNavigation.Item): import("react").JSX.Element;
+        displayName: string;
+    };
+};
+export default SiteNavigation;

package/dist/components/SiteSearch/SiteSearch.d.ts

@@ -0,0 +1,5 @@
+declare const SiteSearch: {
+    ({ action, autocompleteEndpoint, autocompleteSuggestionMappingFunction, className, id, method, minLength, name, placeholder, ...props }: SGDS.Component.SiteSearch): import("react").JSX.Element;
+    displayName: string;
+};
+export default SiteSearch;

package/dist/components/SkipLinks/SkipLinks.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+declare const SkipLinks: {
+    ({ children, mainContentId, mainLinkText, isStatic, ...props }: SGDS.Component.SkipLinks): React.JSX.Element;
+    displayName: string;
+    Link: {
+        ({ children, fragmentId }: SGDS.Component.SkipLinks.Link): React.JSX.Element;
+        displayName: string;
+    };
+};
+export default SkipLinks;

package/dist/components/SkipLinks/SkipLinks.jsx

@@ -1,11 +1,53 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+// @ts-ignore
+const skip_links_1 = __importDefault(require("@scottish-government/design-system/src/components/skip-links/skip-links"));
 const Link = ({ children, fragmentId }) => {
     return (<li className="ds_skip-links__item">
             <a href={`#${fragmentId}`} className="ds_skip-links__link">{children}</a>
         </li>);
 };
 const SkipLinks = ({ children, mainContentId = 'main-content', mainLinkText = 'Skip to main content', isStatic, ...props }) => {
+    (0, react_1.useEffect)(() => {
+        skip_links_1.default.init();
+    });
     return (<div className={[
             'ds_skip-links',
             isStatic && 'ds_skip-links--static',

package/dist/components/SummaryCard/SummaryCard.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+declare const SummaryCard: {
+    ({ children, className, headingLevel, title, ...props }: SGDS.Component.SummaryCard): React.JSX.Element;
+    displayName: string;
+    Action: {
+        ({ children, describedby, href, linkComponent, onclick }: SGDS.Common.ActionLink): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | React.ReactPortal | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
+        displayName: string;
+    };
+};
+export default SummaryCard;

package/dist/components/SummaryList/SummaryList.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+declare const SummaryList: {
+    ({ children, className, isBorderless, ...props }: SGDS.Component.SummaryList): React.JSX.Element;
+    Action: {
+        ({ children, describedby, href, linkComponent, onclick }: SGDS.Common.ActionLink): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | React.ReactPortal | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
+        displayName: string;
+    };
+    Item: {
+        ({ children, title }: SGDS.Component.SummaryList.Item): React.JSX.Element;
+        displayName: string;
+    };
+    Value: {
+        ({ children }: SGDS.Component.SummaryList.Answer): React.JSX.Element;
+        displayName: string;
+    };
+    displayName: string;
+};
+export default SummaryList;

package/dist/components/Table/Table.d.ts

@@ -0,0 +1,5 @@
+declare const Table: {
+    ({ children, className, smallscreen, ...props }: SGDS.Component.Table): import("react").JSX.Element;
+    displayName: string;
+};
+export default Table;