@scottish-government/designsystem-react 0.11.0 → 0.11.1

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

@@ -0,0 +1,62 @@
+"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 Icon_1 = __importDefault(require("../Icon"));
+const ScreenReaderText_1 = __importDefault(require("../ScreenReaderText"));
+const Buttons = ({ children }) => {
+    return (<div className="ds_button-group">{children}</div>);
+};
+const AbstractNotificationBanner = ({ children, className, hasColourIcon, hasInverseIcon, icon, isDismissable, title = 'Information', ...props }) => {
+    let content = [];
+    let buttons;
+    react_1.Children.forEach(children, (child) => {
+        const thisChild = child;
+        if (thisChild && thisChild.type === Buttons) {
+            buttons = thisChild;
+        }
+        else {
+            content.push(thisChild);
+        }
+    });
+    return (<div className={[
+            'ds_notification',
+            className
+        ].join(' ')} data-module="ds-notification" {...props}>
+            <div className="ds_wrapper">
+                <div className={[
+            'ds_notification__content',
+            isDismissable && 'ds_notification__content--has-close'
+        ].join(' ')}>
+                    <h2 className="visually-hidden">{title}</h2>
+
+                    {icon &&
+            <span className={[
+                    'ds_notification__icon',
+                    hasInverseIcon && 'ds_notification__icon--inverse',
+                    hasColourIcon && 'ds_notification__icon--colour'
+                ].join(' ')} aria-hidden="true">
+                            <Icon_1.default icon={icon}/>
+                        </span>}
+
+                    <div className="ds_notification__text">
+                        {content}
+                    </div>
+
+                    {isDismissable &&
+            <button type="button" className="ds_notification__close js-close-notification">
+                            <ScreenReaderText_1.default>Close this notification</ScreenReaderText_1.default>
+                            <Icon_1.default isFilled icon="Close" aria-hidden="true"/>
+                        </button>}
+
+                    {buttons}
+                </div>
+            </div>
+        </div>);
+};
+AbstractNotificationBanner.displayName = 'AbstractNotificationBanner';
+AbstractNotificationBanner.Buttons = Buttons;
+Buttons.displayName = 'Buttons';
+exports.default = AbstractNotificationBanner;

package/dist/common/AbstractNotificationBanner/index.d.ts

@@ -0,0 +1 @@
+export { default } from './AbstractNotificationBanner';

package/dist/common/AbstractNotificationBanner/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var AbstractNotificationBanner_1 = require("./AbstractNotificationBanner");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(AbstractNotificationBanner_1).default; } });

package/dist/common/ActionLink/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/ActionLink/ActionLink.jsx

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const ActionLink = ({ children, describedby, href, linkComponent, onclick }) => {
+    const CLASSNAME = 'ds_link';
+    function processChildren(children) {
+        if (linkComponent) {
+            return linkComponent({ className: CLASSNAME, href, children, onClick: onclick, 'aria-describedby': describedby });
+        }
+        else if (href) {
+            return <a aria-describedby={describedby} onClick={onclick} href={href} className={CLASSNAME}>{children}</a>;
+        }
+        else {
+            return <button type="button" aria-describedby={describedby} onClick={onclick} className={CLASSNAME}>{children}</button>;
+        }
+    }
+    return (processChildren(children));
+};
+ActionLink.displayName = 'ActionLink';
+exports.default = ActionLink;

package/dist/common/ActionLink/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ActionLink';

package/dist/common/ActionLink/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var ActionLink_1 = require("./ActionLink");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ActionLink_1).default; } });

package/dist/common/ConditionalWrapper/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/ConditionalWrapper/ConditionalWrapper.jsx

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * Wraps all children in a specified HTML tag if a condition is met.
+ */
+const ConditionalWrapper = ({ condition, wrapper, children }) => condition ? wrapper(children) : children;
+ConditionalWrapper.displayName = 'ConditionalWrapper';
+exports.default = ConditionalWrapper;

package/dist/common/ConditionalWrapper/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ConditionalWrapper';

package/dist/common/ConditionalWrapper/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var ConditionalWrapper_1 = require("./ConditionalWrapper");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ConditionalWrapper_1).default; } });

package/dist/common/FileIcon/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/FileIcon/FileIcon.jsx

@@ -0,0 +1,46 @@
+"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 = __importDefault(require("react"));
+const FileIcons = __importStar(require("../../images/documents"));
+const FileIcon = ({ ariaLabel = '', className, icon }) => {
+    const FileIconComponent = FileIcons[icon];
+    return (<FileIconComponent aria-label={ariaLabel} className={className}/>);
+};
+FileIcon.displayName = 'FileIcon';
+exports.default = FileIcon;

package/dist/common/FileIcon/index.d.ts

@@ -0,0 +1 @@
+export { default } from './FileIcon';

package/dist/common/FileIcon/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var FileIcon_1 = require("./FileIcon");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(FileIcon_1).default; } });

package/dist/common/HintText/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/HintText/HintText.jsx

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const HintText = ({ children, id, text, ...props }) => {
+    return (<p className="ds_hint-text" dangerouslySetInnerHTML={text ? { __html: text } : undefined} id={id} {...props}>
+            {!text ? children : null}
+        </p>);
+};
+HintText.displayName = 'HintText';
+exports.default = HintText;

package/dist/common/HintText/index.d.ts

@@ -0,0 +1 @@
+export { default } from './HintText';

package/dist/common/HintText/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var HintText_1 = require("./HintText");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(HintText_1).default; } });

package/dist/common/Icon/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/Icon/Icon.jsx

@@ -0,0 +1,51 @@
+"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 = __importDefault(require("react"));
+const Icons = __importStar(require("../../images/icons"));
+const Icon = ({ ariaLabel, className, isFilled, icon, iconSize }) => {
+    const IconComponent = Icons[icon];
+    return (<IconComponent aria-hidden={ariaLabel ? undefined : true} aria-label={ariaLabel} className={[
+            'ds_icon',
+            className,
+            isFilled && 'ds_icon--fill',
+            iconSize && `ds_icon--${iconSize}`
+        ].join(' ')}/>);
+};
+Icon.displayName = 'Icon';
+exports.default = Icon;

package/dist/common/Icon/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Icon';

package/dist/common/Icon/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var Icon_1 = require("./Icon");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Icon_1).default; } });

package/dist/common/ScreenReaderText/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/ScreenReaderText/ScreenReaderText.jsx

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const ScreenReaderText = ({ children, ...props }) => {
+    return (<span className="visually-hidden" {...props}>
+            {children}
+        </span>);
+};
+ScreenReaderText.displayName = 'ScreenReaderText';
+exports.default = ScreenReaderText;

package/dist/common/ScreenReaderText/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ScreenReaderText';

package/dist/common/ScreenReaderText/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var ScreenReaderText_1 = require("./ScreenReaderText");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ScreenReaderText_1).default; } });

package/dist/common/WrapperTag/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/common/WrapperTag/WrapperTag.jsx

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * Wraps all children in a specified HTML tag.
+ */
+const WrapperTag = ({ children, tagName = 'div', ...props }) => {
+    const TagName = tagName;
+    return <TagName {...props}>{children}</TagName>;
+};
+WrapperTag.displayName = 'WrapperTag';
+exports.default = WrapperTag;

package/dist/common/WrapperTag/index.d.ts

@@ -0,0 +1 @@
+export { default } from './WrapperTag';

package/dist/common/WrapperTag/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var WrapperTag_1 = require("./WrapperTag");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(WrapperTag_1).default; } });

package/dist/common/index.d.ts

@@ -0,0 +1,8 @@
+export { default as AbstractNotificationBanner } from "./AbstractNotificationBanner/AbstractNotificationBanner";
+export { default as ActionLink } from "./ActionLink/ActionLink";
+export { default as ConditionalWrapper } from "./ConditionalWrapper/ConditionalWrapper";
+export { default as FileIcon } from "./FileIcon/FileIcon";
+export { default as HintText } from "./HintText/HintText";
+export { default as Icon } from "./Icon/Icon";
+export { default as ScreenReaderText } from "./ScreenReaderText/ScreenReaderText";
+export { default as WrapperTag } from "./WrapperTag/WrapperTag";

package/dist/common/index.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WrapperTag = exports.ScreenReaderText = exports.Icon = exports.HintText = exports.FileIcon = exports.ConditionalWrapper = exports.ActionLink = exports.AbstractNotificationBanner = void 0;
+var AbstractNotificationBanner_1 = require("./AbstractNotificationBanner/AbstractNotificationBanner");
+Object.defineProperty(exports, "AbstractNotificationBanner", { enumerable: true, get: function () { return __importDefault(AbstractNotificationBanner_1).default; } });
+var ActionLink_1 = require("./ActionLink/ActionLink");
+Object.defineProperty(exports, "ActionLink", { enumerable: true, get: function () { return __importDefault(ActionLink_1).default; } });
+var ConditionalWrapper_1 = require("./ConditionalWrapper/ConditionalWrapper");
+Object.defineProperty(exports, "ConditionalWrapper", { enumerable: true, get: function () { return __importDefault(ConditionalWrapper_1).default; } });
+var FileIcon_1 = require("./FileIcon/FileIcon");
+Object.defineProperty(exports, "FileIcon", { enumerable: true, get: function () { return __importDefault(FileIcon_1).default; } });
+var HintText_1 = require("./HintText/HintText");
+Object.defineProperty(exports, "HintText", { enumerable: true, get: function () { return __importDefault(HintText_1).default; } });
+var Icon_1 = require("./Icon/Icon");
+Object.defineProperty(exports, "Icon", { enumerable: true, get: function () { return __importDefault(Icon_1).default; } });
+var ScreenReaderText_1 = require("./ScreenReaderText/ScreenReaderText");
+Object.defineProperty(exports, "ScreenReaderText", { enumerable: true, get: function () { return __importDefault(ScreenReaderText_1).default; } });
+var WrapperTag_1 = require("./WrapperTag/WrapperTag");
+Object.defineProperty(exports, "WrapperTag", { enumerable: true, get: function () { return __importDefault(WrapperTag_1).default; } });

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/Accordion/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Accordion';

package/dist/components/Accordion/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var Accordion_1 = require("./Accordion");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Accordion_1).default; } });

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/AspectBox/index.d.ts

@@ -0,0 +1 @@
+export { default } from './AspectBox';

package/dist/components/AspectBox/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var AspectBox_1 = require("./AspectBox");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(AspectBox_1).default; } });

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/BackToTop/index.d.ts

@@ -0,0 +1 @@
+export { default } from './BackToTop';

package/dist/components/BackToTop/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var BackToTop_1 = require("./BackToTop");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(BackToTop_1).default; } });

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/Breadcrumbs/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Breadcrumbs';

package/dist/components/Breadcrumbs/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var Breadcrumbs_1 = require("./Breadcrumbs");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Breadcrumbs_1).default; } });

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/Button/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/Button/ButtonGroup.jsx

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const ButtonGroup = ({ children, className, isInline, ...props }) => {
+    return (<div className={[
+            "ds_button-group",
+            isInline ? "ds_button-group--inline" : undefined,
+            className
+        ].join(' ')} {...props}>
+            {children}
+        </div>);
+};
+ButtonGroup.displayName = 'ButtonGroup';
+exports.default = ButtonGroup;

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

@@ -0,0 +1,2 @@
+export { default } from './Button';
+export { default as ButtonGroup } from './ButtonGroup';

package/dist/components/Button/index.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonGroup = exports.default = void 0;
+var Button_1 = require("./Button");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Button_1).default; } });
+var ButtonGroup_1 = require("./ButtonGroup");
+Object.defineProperty(exports, "ButtonGroup", { enumerable: true, get: function () { return __importDefault(ButtonGroup_1).default; } });

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/CategoryItem/index.d.ts

@@ -0,0 +1 @@
+export { default } from './CategoryItem';

package/dist/components/CategoryItem/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var CategoryItem_1 = require("./CategoryItem");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(CategoryItem_1).default; } });

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/CategoryList/index.d.ts

@@ -0,0 +1 @@
+export { default } from './CategoryList';