@scottish-government/designsystem-react 0.10.2 → 0.11.1

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

@@ -2,13 +2,14 @@ declare namespace SGDS.Component {
     namespace Accordion {
         interface Item extends React.AllHTMLAttributes<HTMLElement> {
             id?: string,
+            heading: string | React.ReactNode
             isOpen?: boolean,
-            title: string
         }
     }
 
     interface Accordion extends React.AllHTMLAttributes<HTMLElement> {
         headingLevel?: SGDS.HeadingLevel,
-        hideOpenAll?: boolean
+        hideOpenAll?: boolean,
+        isSmall?: boolean
     }
 }

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

@@ -0,0 +1,5 @@
+declare namespace SGDS.Component {
+    interface ButtonGroup extends React.AllHTMLAttributes<HTMLElement> {
+        isInline?: boolean
+    }
+}

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/@types/components/RadioButton.d.ts

@@ -2,13 +2,13 @@ declare namespace SGDS.Component {
     namespace RadioButton {
         interface Group extends React.AllHTMLAttributes<HTMLElement> {
             isInline?: boolean,
-            name: string,
+            name?: string,
             isSmall?: boolean
         }
     }
 
     interface RadioButton extends CheckboxRadioBase<HTMLInputElement> {
         id: string,
-        name: string
+        name?: string
     }
 }

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

@@ -0,0 +1,18 @@
+declare namespace SGDS.Component {
+    namespace SearchFacets {
+        interface Group extends React.AllHTMLAttributes<HTMLElement> {
+            joinContent?: string,
+            title: string
+        }
+
+        interface Item extends React.AllHTMLAttributes<HTMLElement> {
+            accessibleName?: string
+            joinContent?: string
+            title: string
+        }
+    }
+
+    interface SearchFacets extends React.AllHTMLAttributes<HTMLElement> {
+        headingId?: string
+    }
+}

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

@@ -0,0 +1,14 @@
+declare namespace SGDS.Component {
+    namespace SearchFilters {
+        interface Panel extends  React.AllHTMLAttributes<HTMLElement> {
+            activeFilterCount?: number,
+            heading: string | React.ReactNode
+            isScrollable?: boolean,
+            legend: string,
+        }
+    }
+
+    interface SearchFilters extends React.AllHTMLAttributes<HTMLElement> {
+        searchResultsContainerId?: string
+    }
+}

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

@@ -0,0 +1,30 @@
+declare namespace SGDS.Component {
+    namespace SearchResult {
+        interface Content extends React.AllHTMLAttributes<HTMLElement> {
+
+        }
+
+        interface Context extends React.AllHTMLAttributes<HTMLDListElement> {
+            title: string
+        }
+
+        interface ContextItem extends React.AllHTMLAttributes<HTMLElement> {
+
+        }
+
+        interface Media extends React.AllHTMLAttributes<HTMLElement> {
+
+        }
+
+        interface Meta extends React.AllHTMLAttributes<HTMLElement> {
+        }
+    }
+
+    interface SearchResult extends React.AllHTMLAttributes<HTMLElement> {
+        href: string,
+        isPromoted?: boolean,
+        linkComponent?: SGDS.LinkComponent,
+        promotedTitle?: string,
+        title: string
+    }
+}

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

@@ -0,0 +1,9 @@
+declare namespace SGDS.Component {
+    interface SearchSort extends React.AllHTMLAttributes<HTMLElement> {
+        children: React.ReactNode;
+        className?: string;
+        id?: string;
+        label?: string;
+        onApply?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    }
+}

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

@@ -13,6 +13,6 @@ declare namespace SGDS.Component {
     }
 
     interface SideNavigation extends React.AllHTMLAttributes<HTMLElement> {
-
+        ariaLabel?: string
     }
 }

package/CHANGELOG.md

@@ -6,13 +6,45 @@ Changes are grouped under the labels: `Added`, `Changed`, `Deprecated`, `Fixed`,
 `Removed` and `Security`.
 
 ---
+## [0.12.0] - 2025-11-12
 
-## [0.9.0] - 2025-09-17
-## Added
+### 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
+- SearchResult, SearchFilters, SearchFacets, SearchSort components
+- ButtonGroup component
+### Changed
+- Accordion.Item now uses a new `heading` prop for its heading content, which allows both string and ReactNode
+- add "ariaLabel" property to SideNavigation to make the aria label editable
+### Deprecated
+- Accordion.Item `title` prop replaced with `heading`
+### Fixed
+- decorators added to many storybook components for correct rendering
+
+## [0.10.2] - 2025-09-18
+### Fixed
+- correction to handling of subcomponents in Storybook
+
+## [0.10.1] - 2025-09-18
+### Fixed
+- correction to white space on PageMetadata
+
+## [0.10.0] - 2025-09-18
+### Added
 - Storybook now added for all components. `npm run storybook`
 - CategoryList component
 - CategoryItem component
-## Changed
+- useTracking hook, to add DS tracking attributes
+### Changed
+- Accordion uses useContext instead of cloneElement to pass props (headingLevel) to its children
+- CheckboxGroup uses useContext instead of cloneElement to pass props (isSmall) to its children
+- RadioGroup use useContext instead of cloneElement to pass props (isSmall, name) to its children
 - 'text' prop removed from ErrorMessage. Use children instead.
 - Many boolean prop names updated for clarity/consistency
   - AbstractNotificationBanner (used by NotificationBanner and CookieBanner): close -> isDismissable
@@ -36,13 +68,15 @@ Changes are grouped under the labels: `Added`, `Changed`, `Deprecated`, `Fixed`,
   - Tabs: bordered -> isBorderless (logic inverted), manual -> isManual
   - TextInput: currency -> isCurrency
 
+## [0.9.0] - skipped due to user error with the CI script
+
 ## [0.8.0] - 2025-08-18
-## Added
+### Added
 - ActionLink component, centralising behaviour used in actions in both SummaryCard and SummaryList
 - SiteFooter component
 - Add support for the SkipLinks 'static' variant
 
-## Changed
+### Changed
 
 Two headline changes:
 

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; } });