@scottish-government/designsystem-react 0.7.0 → 0.7.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@scottish-government/designsystem-react",
   "description": "A React/JSX implementation of the Scottish Government Design System",
-  "version": "0.7.0",
+  "version": "0.7.1",
   "license": "MIT",
   "author": {
     "name": "Scottish Government Digital Design System team",

package/dist/common/abstract-notification-banner.jsx

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

package/dist/common/conditional-wrapper.jsx

@@ -1,8 +0,0 @@
-"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/file-icon.jsx

@@ -1,51 +0,0 @@
-"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 Component = react_1.default.createElement(FileIcons[icon], {
-        className: className,
-        'aria-label': ariaLabel
-    });
-    return (<>
-            {Component}
-        </>);
-};
-FileIcon.displayName = 'FileIcon';
-exports.default = FileIcon;

package/dist/common/hint-text.jsx

@@ -1,9 +0,0 @@
-"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/icon.jsx

@@ -1,57 +0,0 @@
-"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, fill, icon, iconSize }) => {
-    const Component = react_1.default.createElement(Icons[icon], {
-        'aria-hidden': ariaLabel ? undefined : true,
-        'aria-label': ariaLabel,
-        className: [
-            'ds_icon',
-            className,
-            fill && 'ds_icon--fill',
-            iconSize && `ds_icon--${iconSize}`
-        ].join(' ')
-    });
-    return (<>
-            {Component}
-        </>);
-};
-Icon.displayName = 'Icon';
-exports.default = Icon;

package/dist/common/screen-reader-text.jsx

@@ -1,9 +0,0 @@
-"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/wrapper-tag.jsx

@@ -1,11 +0,0 @@
-"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/components/accordion/accordion.jsx

@@ -1,102 +0,0 @@
-"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 wrapper_tag_1 = __importDefault(require("../../common/wrapper-tag"));
-// @ts-ignore
-const accordion_1 = __importDefault(require("@scottish-government/design-system/src/components/accordion/accordion"));
-let accordionItemCounter = 0;
-const AccordionItem = ({ children, className, headerLevel = 'h3', id: rawId, open = false, title, ...props }) => {
-    accordionItemCounter = accordionItemCounter + 1;
-    const processedId = rawId || `accordion-item-${accordionItemCounter}`;
-    return (<div className={[
-            'ds_accordion-item',
-            className
-        ].join(' ')} id={processedId} {...props}>
-            <input aria-labelledby={`panel-${processedId}-heading`} className={[
-            'ds_accordion-item__control',
-            'visually-hidden'
-        ].join(' ')} defaultChecked={open} id={`${processedId}-control`} type="checkbox"/>
-            <div className="ds_accordion-item__header">
-                <wrapper_tag_1.default id={`panel-${processedId}-heading`} className="ds_accordion-item__title" tagName={headerLevel}>
-                    {title}
-                </wrapper_tag_1.default>
-                <span className='ds_accordion-item__indicator'/>
-                <label className="ds_accordion-item__label" htmlFor={`${processedId}-control`}>
-                    <span className="visually-hidden">Show this section</span>
-                </label>
-            </div>
-            <div className="ds_accordion-item__body">
-                {children}
-            </div>
-        </div>);
-};
-const Accordion = ({ children, className, headerLevel = 'h3', hideOpenAll, ...props }) => {
-    const ref = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        if (ref.current) {
-            new accordion_1.default(ref.current).init();
-        }
-    }, [ref]);
-    if (!children) {
-        hideOpenAll = true;
-    }
-    function processChild(child) {
-        return react_1.default.cloneElement(child, { headerLevel: headerLevel });
-    }
-    return (<div className={[
-            'ds_accordion',
-            className
-        ].join(' ')} ref={ref} {...props}>
-            {!hideOpenAll && (<button className={[
-                'ds_accordion__open-all',
-                'ds_link',
-                'js-open-all'
-            ].join(' ')} type='button'>
-                    Open all
-                    {' '}
-                    <span className="visually-hidden">sections</span>
-                </button>)}
-
-            {react_1.Children.map(children, child => processChild(child))}
-        </div>);
-};
-Accordion.displayName = 'Accordion';
-AccordionItem.displayName = 'AccordionItem';
-Accordion.Item = AccordionItem;
-exports.default = Accordion;

package/dist/components/aspect-box/aspect-box.jsx

@@ -1,79 +0,0 @@
-"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 aspect_box_fallback_1 = __importDefault(require("@scottish-government/design-system/src/components/aspect-box/aspect-box-fallback"));
-const AspectBox = ({ children, className, ratio, ...props }) => {
-    const ref = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        if (ref.current) {
-            new aspect_box_fallback_1.default(ref.current).init();
-        }
-    }, [ref]);
-    function processChild(child) {
-        if (['img', 'svg', 'picture'].includes(child.type)) {
-            return react_1.default.cloneElement(child, { className: 'ds_aspect-box__inner' });
-        }
-    }
-    let ratioClassName;
-    switch (ratio) {
-        case '1:1':
-        case 'square':
-            ratioClassName = 'ds_aspect-box--square';
-            break;
-        case '4:3':
-            ratioClassName = 'ds_aspect-box--43';
-            break;
-        case '21:9':
-            ratioClassName = 'ds_aspect-box--219';
-            break;
-        default:
-            ratioClassName = '';
-            break;
-    }
-    return (<div className={[
-            'ds_aspect-box',
-            ratioClassName,
-            className
-        ].join(' ')} ref={ref} {...props}>
-            {react_1.Children.map(children, child => processChild(child))}
-        </div>);
-};
-AspectBox.displayName = 'AspectBox';
-exports.default = AspectBox;

package/dist/components/back-to-top/back-to-top.jsx

@@ -1,27 +0,0 @@
-"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");
-// @ts-ignore
-const back_to_top_1 = __importDefault(require("@scottish-government/design-system/src/components/back-to-top/back-to-top"));
-const icon_1 = __importDefault(require("../../common/icon"));
-const BackToTop = ({ className, href = '#page-top', ...props }) => {
-    const ref = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        if (ref.current) {
-            new back_to_top_1.default(ref.current).init();
-        }
-    }, [ref]);
-    return (<div className={[
-            'ds_back-to-top',
-            className
-        ].join(' ')} ref={ref} {...props}>
-            <a href={href} className="ds_back-to-top__button">Back to top
-                <icon_1.default className="ds_back-to-top__icon" icon="ArrowUpward"/>
-            </a>
-       </div>);
-};
-BackToTop.displayName = 'BackToTop';
-exports.default = BackToTop;

package/dist/components/breadcrumbs/breadcrumbs.jsx

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const Breadcrumb = ({ hidden, href, title }) => {
-    return (<li className={[
-            'ds_breadcrumbs__item',
-            hidden && 'visually-hidden'
-        ].join(' ')}>
-
-            {href ? (<a className="ds_breadcrumbs__link" href={href}>
-                {title}
-            </a>) : (title)}
-        </li>);
-};
-/**
- * @param {boolean} hideLastItem
- * @param {Array} items
- * @param {Object} props - Properties for the element
- * @returns {JSX.Element} - The element
- */
-const Breadcrumbs = ({ hideLastItem, items, ...props }) => {
-    return (<nav aria-label="Breadcrumb" {...props}>
-            <ol className="ds_breadcrumbs">
-                {items && items.map((item, index) => (<Breadcrumb title={item.title} href={item.href} hidden={(hideLastItem) && index + 1 === items.length} key={'breadcrumb' + index}/>))}
-            </ol>
-        </nav>);
-};
-Breadcrumbs.displayName = 'Breadcrumbs';
-exports.default = Breadcrumbs;

package/dist/components/button/button.jsx

@@ -1,30 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const icon_1 = __importDefault(require("../../common/icon"));
-const screen_reader_text_1 = __importDefault(require("../../common/screen-reader-text"));
-const wrapper_tag_1 = __importDefault(require("../../common/wrapper-tag"));
-const Button = ({ buttonStyle, children, className, icon, iconLeft, iconOnly = false, href, small, styleAsLink, type = 'button', width, ...props }) => {
-    // determine which HTML tag to use
-    let tagName = 'button';
-    if (href) {
-        tagName = 'a';
-    }
-    return (<wrapper_tag_1.default tagName={tagName} className={[
-            !styleAsLink ? 'ds_button' : 'ds_link',
-            width && `ds_button--${width}`,
-            buttonStyle && `ds_button--${buttonStyle}`,
-            small && 'ds_button--small',
-            (icon && !iconOnly) ? 'ds_button--has-icon' : undefined,
-            iconLeft && 'ds_button--has-icon--left',
-            className
-        ].join(' ')} href={href} {...(tagName === 'button' ? { type: type } : {})} {...props}>
-            {iconOnly ? <screen_reader_text_1.default>{children}</screen_reader_text_1.default> : children}
-
-            {icon && <icon_1.default icon={icon}/>}
-        </wrapper_tag_1.default>);
-};
-Button.displayName = 'Button';
-exports.default = Button;

package/dist/components/checkbox/checkbox.jsx

@@ -1,62 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CheckboxGroup = exports.Checkbox = void 0;
-const react_1 = require("react");
-// @ts-ignore
-const checkboxes_1 = __importDefault(require("@scottish-government/design-system/src/forms/checkbox/checkboxes"));
-const hint_text_1 = __importDefault(require("../../common/hint-text"));
-const Checkbox = ({ checked, hintText, id, exclusive, label, name, onBlur, onChange, small }) => {
-    const hintTextId = `hint-text-${id}`;
-    const behaviour = exclusive && 'exclusive';
-    function handleBlur(event) {
-        if (typeof onBlur === 'function') {
-            onBlur(event);
-        }
-    }
-    function handleChange(event) {
-        if (typeof onChange === 'function') {
-            onChange(event);
-        }
-    }
-    return (<>
-            {exclusive && <p className="ds_checkbox-separator">or</p>}
-            <div className={[
-            'ds_checkbox',
-            small && 'ds_checkbox--small'
-        ].join(' ')}>
-
-                <input aria-describedby={hintText ? hintTextId : undefined} className="ds_checkbox__input" data-behaviour={behaviour} defaultChecked={!!checked} id={id} name={name || id} onBlur={handleBlur} onChange={handleChange} type="checkbox"/>
-                <label className="ds_checkbox__label" htmlFor={id}>{label}</label>
-                {hintText && <hint_text_1.default id={hintTextId} text={hintText}/>}
-            </div>
-        </>);
-};
-exports.Checkbox = Checkbox;
-/**
- * @param {Object} props - Properties for the element
- * @param {Array} items - Checkboxes
- * @param {boolean} small - Use the small display style for all checkboxes
- * @returns {JSX.Element} - The element
- */
-const CheckboxGroup = ({ className, items, small, ...props }) => {
-    const ref = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        if (ref.current) {
-            new checkboxes_1.default(ref.current).init();
-        }
-    }, [ref]);
-    return (<div className={[
-            'ds_checkboxes',
-            'ds_field-group',
-            className
-        ].join(' ')} data-module="ds-checkboxes" ref={ref} {...props}>
-            {items && items.map((item, index) => (<exports.Checkbox exclusive={item.exclusive} checked={item.checked} hintText={item.hintText} id={item.id} key={'checkbox' + index} label={item.label} onBlur={item.onBlur} onChange={item.onChange} small={small || item.small}/>))}
-        </div>);
-};
-exports.CheckboxGroup = CheckboxGroup;
-exports.Checkbox.displayName = 'Checkbox';
-exports.CheckboxGroup.displayName = 'CheckboxGroup';
-exports.default = exports.CheckboxGroup;

package/dist/components/confirmation-message/confirmation-message.jsx

@@ -1,24 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const icon_1 = __importDefault(require("../../common/icon"));
-const wrapper_tag_1 = __importDefault(require("../../common/wrapper-tag"));
-const ConfirmationMessage = ({ ariaLive = 'polite', children, className, headerLevel = 'h3', title, ...props }) => {
-    return (<div aria-live={ariaLive} className={[
-            'ds_confirmation-message',
-            className
-        ].join(' ')} {...props}>
-            <icon_1.default className="ds_confirmation-message__icon" icon="CheckCircle" iconSize="24"/>
-
-            <wrapper_tag_1.default className="ds_confirmation-message__title" tagName={headerLevel}>
-                {title}
-            </wrapper_tag_1.default>
-            {children && <div className="ds_confirmation-message__body">
-                {children}
-            </div>}
-        </div>);
-};
-ConfirmationMessage.displayName = 'ConfirmationMessage';
-exports.default = ConfirmationMessage;

package/dist/components/contents-nav/contents-nav.jsx

@@ -1,33 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Link = void 0;
-const wrapper_tag_1 = __importDefault(require("../../common/wrapper-tag"));
-const Link = ({ current, href, title }) => {
-    // determine which HTML tag to use
-    const tagName = href && !current ? 'a' : 'span';
-    return (<li aria-current={current && 'page' || undefined} className="ds_contents-nav__item">
-            <wrapper_tag_1.default tagName={tagName} className={[
-            'ds_contents-nav__link',
-            current && 'ds_current'
-        ].join(' ')} href={!current ? href : undefined}>
-                {title}
-            </wrapper_tag_1.default>
-        </li>);
-};
-exports.Link = Link;
-const ContentsNav = function ({ className, items, label = 'Pages in this section', title = 'Contents', ...props }) {
-    return (<nav aria-label={label} className={[
-            'ds_contents-nav',
-            className
-        ].join(' ')} {...props}>
-            <h2 className="ds_contents-nav__title">{title}</h2>
-            <ul className="ds_contents-nav__list">
-                {items && items.map((item, index) => (<exports.Link current={item.current} href={item.href} title={item.title} key={'link' + index}/>))}
-            </ul>
-        </nav>);
-};
-ContentsNav.displayName = 'ContentsNav';
-exports.default = ContentsNav;

package/dist/components/cookie-banner/cookie-banner.jsx

@@ -1,21 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const abstract_notification_banner_1 = __importDefault(require("../../common/abstract-notification-banner"));
-const CookieBanner = ({ children, className, title, ...props }) => {
-    return (<>
-            <abstract_notification_banner_1.default className={[
-            'ds_notification--large',
-            'ds_notification--cookie',
-            'js-initial-cookie-content',
-            className
-        ].join(' ')} data-module="ds-cookie-notification" title={title} {...props}>
-                {children}
-            </abstract_notification_banner_1.default>
-        </>);
-};
-CookieBanner.displayName = 'CookieBanner';
-CookieBanner.Buttons = abstract_notification_banner_1.default.Buttons;
-exports.default = CookieBanner;