@scottish-government/designsystem-react 0.10.2 → 0.12.0

package/dist/components/SearchFacets/SearchFacets.jsx

@@ -0,0 +1,101 @@
+"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"));
+const Icon_1 = __importDefault(require("../../common/Icon"));
+const icons_1 = require("../../../src/images/icons");
+const FacetsItem = ({ accessibleName, joinContent, onClick, title, ...props }) => {
+    accessibleName = accessibleName ? accessibleName : title;
+    return (<dd className="ds_facet-wrapper" {...props}>
+            {joinContent &&
+            <span aria-hidden="true">{joinContent}</span>}
+            <span className="ds_facet">
+                {title}
+                <button type="button" onClick={onClick} aria-label={`Remove '${accessibleName}' filter`} className="ds_facet__button">
+                    <Icon_1.default className="ds_facet__button-icon" aria-hidden="true" role="img" icon="Cancel"/>
+                </button>
+            </span>
+        </dd>);
+};
+const FacetsGroup = ({ children, joinContent = 'or', title, ...props }) => {
+    return (<div className="ds_facet-group" {...props}>
+            <dt className="ds_facet__group-title">
+                {title.trim()}:
+            </dt>
+            {react_1.Children.map(children, (child, index) => {
+            const thisChild = child;
+            return react_1.default.cloneElement(thisChild, { joinContent: index > 0 ? joinContent : undefined, key: 'facet' + index });
+        })}
+        </div>);
+};
+const Facets = ({ children, className, ...props }) => {
+    let facetCount = 0;
+    function processChild(item) {
+        if (item.type.displayName === 'Facets.Item') {
+            facetCount = facetCount + 1;
+        }
+        else if (item.type.displayName === 'Facets.Group') {
+            react_1.Children.forEach(item.props.children, child => {
+                processChild(child);
+            });
+        }
+    }
+    react_1.Children.forEach(children, child => {
+        processChild(child);
+    });
+    return (<div className={[
+            "ds_facets",
+            className
+        ].join(' ')} {...props}>
+            <p className="visually-hidden">There {facetCount === 1 ? 'is' : 'are'} {facetCount} search {facetCount === 1 ? 'filter' : 'filters'} applied</p>
+            <dl className="ds_facets__list">
+                {children}
+            </dl>
+            {facetCount > 0 &&
+            <button className="ds_button  ds_button--secondary  ds_button--has-icon  ds_facets__clear-button" type="button">
+                    Clear all filters
+                    <icons_1.Cancel className="ds_facet__button-icon"/>
+                </button>}
+        </div>);
+};
+Facets.displayName = 'Facets';
+FacetsItem.displayName = 'Facets.Item';
+FacetsGroup.displayName = 'Facets.Group';
+Facets.Item = FacetsItem;
+Facets.Group = FacetsGroup;
+exports.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/SearchFilters/SearchFilters.jsx

@@ -0,0 +1,63 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FilterPanel = void 0;
+const Accordion_1 = __importDefault(require("../Accordion/Accordion"));
+const Button_1 = __importDefault(require("../Button/Button"));
+const SkipLinks_1 = __importDefault(require("../SkipLinks/SkipLinks"));
+const ConditionalWrapper_1 = __importDefault(require("../../common/ConditionalWrapper"));
+const CheckboxGroup_1 = __importDefault(require("../Checkbox/CheckboxGroup"));
+const FilterPanel = ({ activeFilterCount = 0, children, isScrollable = false, legend, heading = 'Filter', ...props }) => {
+    const headingWithCount = <>
+        {heading}
+        {activeFilterCount > 0 && <div className="ds_search-filters__filter-count">({activeFilterCount} selected)</div>}
+    </>;
+    return (<Accordion_1.default.Item heading={headingWithCount} {...props}>
+            <fieldset>
+                <legend className="visually-hidden">{legend}</legend>
+
+                <ConditionalWrapper_1.default condition={isScrollable} wrapper={(children) => <div className="ds_search-filters__scrollable">{children}</div>}>
+                    {children}
+                </ConditionalWrapper_1.default>
+            </fieldset>
+        </Accordion_1.default.Item>);
+};
+exports.FilterPanel = FilterPanel;
+const FilterCheckboxGroup = ({ children, ...props }) => {
+    return (<CheckboxGroup_1.default className="ds_search-filters__checkboxes" isSmall {...props}>
+            {children}
+        </CheckboxGroup_1.default>);
+};
+const Filters = ({ children, searchResultsContainerId = 'search-results', ...props }) => {
+    return (<div className="ds_search-filters" {...props}>
+            <div className="ds_details  ds_no-margin" data-module="ds-details">
+                <input id="filters-toggle" type="checkbox" className="ds_details__toggle  visually-hidden"/>
+                <label htmlFor="filters-toggle" className="ds_details__summary">
+                    Search filters
+                </label>
+
+                <SkipLinks_1.default isStatic>
+                    <SkipLinks_1.default.Link fragmentId={searchResultsContainerId}>Skip to results</SkipLinks_1.default.Link>
+                </SkipLinks_1.default>
+
+                <div className="ds_details__text">
+                    <form id="filters">
+                        <h2 className="ds_search-filters__title  ds_h4">Filter by</h2>
+
+                        <Accordion_1.default className="ds_!_margin-top--0" isSmall hideOpenAll>
+                            {children}
+                        </Accordion_1.default>
+
+                        <Button_1.default isSmall width="max" className="ds_no-margin">Apply filter</Button_1.default>
+                    </form>
+                </div>
+            </div>
+        </div>);
+};
+Filters.Panel = exports.FilterPanel;
+Filters.CheckboxGroup = FilterCheckboxGroup;
+FilterCheckboxGroup.displayName = 'Filters.CheckboxGroup';
+exports.FilterPanel.displayName = 'Filters.Panel';
+exports.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/SearchResult/SearchResult.jsx

@@ -0,0 +1,93 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const ConditionalWrapper_1 = __importDefault(require("../../common/ConditionalWrapper"));
+const AspectBox_1 = __importDefault(require("../AspectBox/AspectBox"));
+const PageMetadata_1 = __importDefault(require("../PageMetadata/PageMetadata"));
+const SearchResultLinkHrefContext = (0, react_1.createContext)('');
+const SearchResultContent = ({ children }) => {
+    const otherChildren = [];
+    let imageChild = null;
+    // assign to slots
+    react_1.Children.forEach(children, (child) => {
+        const thisChild = child;
+        if (thisChild && thisChild.type === SearchResultMedia) {
+            imageChild = thisChild;
+        }
+        else {
+            otherChildren.push(thisChild);
+        }
+    });
+    return (imageChild ?
+        (<div className="ds_search-result__has-media">
+                {imageChild}
+                <div className="ds_search-result__summary">{otherChildren}</div>
+            </div>)
+        :
+            (<div className="ds_search-result__summary">
+                {otherChildren}
+            </div>));
+};
+const SearchResultContext = ({ children, title = 'Part of' }) => {
+    return (<dl className="ds_search-result__context">
+            <dt className="ds_search-result__context-key">{title}:</dt>
+            {children}
+        </dl>);
+};
+const SearchResultContextItem = ({ children }) => {
+    return (<dd className="ds_search-result__context-value">
+            {children}
+        </dd>);
+};
+const SearchResultMedia = ({ children }) => {
+    return (<div className="ds_search-result__media-wrapper">
+            <a className="ds_search-result__media-link" href={(0, react_1.useContext)(SearchResultLinkHrefContext)} tabIndex={-1} aria-hidden="true">
+                <AspectBox_1.default className="ds_search-result__media" ratio="1:1">
+                    {children}
+                </AspectBox_1.default>
+            </a>
+        </div>);
+};
+const SearchResultMeta = ({ children }) => {
+    return (<PageMetadata_1.default className="ds_search-result__metadata" isInline>
+            {children}
+        </PageMetadata_1.default>);
+};
+const SearchResult = ({ children, href, isPromoted, linkComponent, promotedTitle = 'Recommended', title, ...props }) => {
+    const LINK_CLASS = 'ds_search-result__link';
+    return (<div className={[
+            'ds_search-result',
+            isPromoted ? 'ds_search-result--promoted' : ''
+        ].join(' ')} {...props}>
+            <ConditionalWrapper_1.default condition={!!isPromoted} wrapper={(children) => <div className="ds_search-result--promoted-content">
+                    <header className="ds_search-result--promoted-title">{promotedTitle}</header>
+                    {children}
+                </div>}>
+                <SearchResultLinkHrefContext value={href}>
+                    <h3 className="ds_search-result__title">
+                        {linkComponent ?
+            linkComponent({ className: LINK_CLASS, children: title, href }) :
+            <a className={LINK_CLASS} href={href}>{title}</a>}
+                    </h3>
+
+                    {children}
+                </SearchResultLinkHrefContext>
+            </ConditionalWrapper_1.default>
+        </div>);
+};
+SearchResult.Content = SearchResultContent;
+SearchResult.Context = SearchResultContext;
+SearchResult.ContextItem = SearchResultContextItem;
+SearchResult.Media = SearchResultMedia;
+SearchResult.Meta = SearchResultMeta;
+SearchResult.MetaItem = PageMetadata_1.default.Item;
+SearchResultContent.displayName = 'SearchResult.Content';
+SearchResultContext.displayName = 'SearchResult.Context';
+SearchResultContextItem.displayName = 'SearchResult.ContextItem';
+SearchResultMedia.displayName = 'SearchResult.Media';
+SearchResultMeta.displayName = 'SearchResult.Meta';
+SearchResult.MetaItem.displayName = 'SearchResult.MetaItem';
+exports.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/SearchSort/SearchSort.jsx

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const Button_1 = __importDefault(require("../Button/Button"));
+const Select_1 = __importDefault(require("../Select/Select"));
+const Option = ({ children, value }) => {
+    return (<option value={value}>
+            {children}
+        </option>);
+};
+const SearchSort = ({ children, className, id = 'sort-by', label = 'Sort by', onApply, ...props }) => {
+    return (<div className={[
+            'ds_sort-options',
+            className
+        ].join(' ')} {...props}>
+            <Select_1.default id={id} label={label}>
+                {children}
+            </Select_1.default>
+
+            <Button_1.default onClick={onApply} isSmall buttonStyle="secondary" type="submit">Apply sort</Button_1.default>
+        </div>);
+};
+SearchSort.displayName = 'SearchSort';
+Option.displayName = 'SearchSort.Option';
+SearchSort.Option = Option;
+exports.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/SequentialNavigation/SequentialNavigation.jsx

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const SeqNavLink = ({ children, href, isPrev, linkComponent, textLabel }) => {
-    console.log(textLabel);
     const LINK_CLASSES = [
         'ds_sequential-nav__button',
         isPrev ? 'ds_sequential-nav__button--left' : 'ds_sequential-nav__button--right'

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/SideNavigation/SideNavigation.jsx

@@ -25,14 +25,14 @@ const SideNavigationItem = function ({ children, href, isCurrent = false, linkCo
             {children}
         </li>);
 };
-const SideNavigation = function ({ children, className, ...props }) {
+const SideNavigation = function ({ ariaLabel = 'Sections', children, className, ...props }) {
     const ref = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         if (ref.current && children) {
             new side_navigation_1.default(ref.current).init();
         }
     }, [ref]);
-    return (<nav aria-label="Sections" className={[
+    return (<nav aria-label={ariaLabel} className={[
             'ds_side-navigation',
             className
         ].join(' ')} data-module="ds-side-navigation" ref={ref} {...props}>

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;

package/dist/components/Tabs/Tabs.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+declare const Tabs: {
+    ({ baseId, children, className, headingLevel, isBorderless, isManual, title, ...props }: SGDS.Component.Tabs): React.JSX.Element;
+    displayName: string;
+    Item: {
+        ({ isBorderless, children, className, id, tabLabel, ...props }: SGDS.Component.Tabs.Item): React.JSX.Element;
+        displayName: string;
+    };
+};
+export default Tabs;

package/dist/components/Tag/Tag.d.ts

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

package/dist/components/TaskList/TaskList.d.ts

@@ -0,0 +1,13 @@
+declare const TaskList: {
+    ({ children, className, headingId, title, ...props }: SGDS.Component.TaskList): import("react").JSX.Element;
+    displayName: string;
+    Item: {
+        ({ children, className, href, id, isComplete, linkComponent, statusText, tagColour, title, ...props }: SGDS.Component.TaskList.Item): import("react").JSX.Element;
+        displayName: string;
+    };
+    Group: {
+        ({ children, className, intro, title, ...props }: SGDS.Component.TaskList.Group): import("react").JSX.Element;
+        displayName: string;
+    };
+};
+export default TaskList;

package/dist/components/TextInput/TextInput.d.ts

@@ -0,0 +1,5 @@
+declare const TextInput: {
+    ({ buttonIcon, buttonText, children, className, countThreshold, width, isCurrency, currencySymbol, errorMessage, hasButton, hasError, hintText, id, label, maxlength, name, onBlur, onChange, placeholder, type, value, ...props }: SGDS.Component.TextInput): import("react").JSX.Element;
+    displayName: string;
+};
+export default TextInput;

package/dist/components/Textarea/Textarea.d.ts

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

package/dist/components/WarningText/WarningText.d.ts

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

package/dist/hooks/useTracking.d.ts

@@ -0,0 +1 @@
+export default function (): void;

package/dist/images/documents/audio.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+declare const SvgAudio: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+export default SvgAudio;