@scottish-government/designsystem-react 0.7.0 → 0.8.0-beta.0

package/dist/components/summary-list/summary-list.jsx

@@ -1,75 +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.Item = exports.Action = exports.Answer = void 0;
-const conditional_wrapper_1 = __importDefault(require("../../common/conditional-wrapper"));
-const wrapper_tag_1 = __importDefault(require("../../common/wrapper-tag"));
-function escapedNewLineToLineBreakTag(string) {
-    if (typeof string === 'string') {
-        // @ts-ignore
-        return string.split('\n').map((item, index) => {
-            return (index === 0) ? item : [<br key={index}/>, item];
-        });
-    }
-}
-function convertToSlug(string) {
-    return string.toLowerCase()
-        .replace(/[^\w ]+/g, "")
-        .replace(/ +/g, "-");
-}
-const Answer = ({ value }) => {
-    const processedValue = escapedNewLineToLineBreakTag(value.toString());
-    return (<q className="ds_summary-list__answer">{processedValue}</q>);
-};
-exports.Answer = Answer;
-const Action = ({ describedby, href, onclick, title, }) => {
-    let tagName = 'button';
-    if (href) {
-        tagName = 'a';
-    }
-    return (<wrapper_tag_1.default aria-describedby={describedby} className="ds_link" href={href} onClick={onclick} tagName={tagName} type={tagName === 'button' ? 'button' : undefined}>
-            {title}
-        </wrapper_tag_1.default>);
-};
-exports.Action = Action;
-const Item = ({ actions, index = 1, title, value }) => {
-    let values = [];
-    if (Array.isArray(value)) {
-        values = value;
-    }
-    else {
-        values = [value || ''];
-    }
-    const describedById = `q${index + 1}-${convertToSlug(title)}`;
-    return (<li className="ds_summary-list__item">
-            <span className="ds_summary-list__key" id={describedById}>{title}</span>
-            <span className="ds_summary-list__value">
-                <conditional_wrapper_1.default condition={values.length > 1} wrapper={(children) => <ul className="ds_no-bullets">{children}</ul>}>
-                    {values && values.map((value, index) => (<conditional_wrapper_1.default condition={values.length > 1} wrapper={(children) => <li>{children}</li>} key={'answer' + index}>
-                            <exports.Answer value={value}/>
-                        </conditional_wrapper_1.default>))}
-                </conditional_wrapper_1.default>
-            </span>
-            {actions &&
-            <div className="ds_summary-list__actions">
-                    {actions && actions.map((action, index) => (<exports.Action describedby={describedById} href={action.href} onclick={action.onclick} title={action.title} key={'summarylistaction' + index}/>))}
-                </div>}
-        </li>);
-};
-exports.Item = Item;
-const SummaryList = ({ className, items, noBorder, ...props }) => {
-    return (<ol className={[
-            'ds_summary-list',
-            noBorder && 'ds_summary-list--no-border',
-            className
-        ].join(' ')} {...props}>
-            {items && items.map((item, index) => (<exports.Item actions={item.actions} title={item.title} value={item.value} index={index} key={'summarylistitem' + index}/>))}
-        </ol>);
-};
-SummaryList.displayName = 'SummaryList';
-exports.Action.displayName = 'SummaryListAction';
-exports.Answer.displayName = 'SumaryListAnswer';
-exports.Item.displayName = 'SummaryListItem';
-exports.default = SummaryList;

package/dist/components/table/table.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 react_1 = require("react");
-// @ts-ignore
-const table_1 = __importDefault(require("@scottish-government/design-system/src/components/table/table"));
-const Table = ({ children, className, smallscreen, ...props }) => {
-    const ref = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        if (ref.current) {
-            new table_1.default().init();
-        }
-    }, [ref]);
-    return (<table className={[
-            'ds_table',
-            className
-        ].join(' ')} data-smallscreen={smallscreen} ref={ref} {...props}>
-            {children}
-        </table>);
-};
-Table.displayName = 'Table';
-exports.default = Table;

package/dist/components/tabs/tabs.jsx

@@ -1,99 +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 tabs_1 = __importDefault(require("@scottish-government/design-system/src/components/tabs/tabs"));
-const slugify_1 = __importDefault(require("../../utils/slugify"));
-const TabItem = ({ bordered, children, className, id, tabLabel, ...props }) => {
-    return (<div className={[
-            'ds_tabs__content',
-            bordered && 'ds_tabs__content--bordered',
-            className
-        ].join(' ')} id={id} {...props}>
-            {children}
-        </div>);
-};
-const TabListItem = ({ title, href }) => {
-    return (<li className="ds_tabs__tab">
-            <a className="ds_tabs__tab-link" href={href}>{title}</a>
-        </li>);
-};
-const Tabs = ({ baseId = 'tabs', bordered = true, children, className, headerLevel = 'h2', manual = false, title = 'Contents', ...props }) => {
-    const ref = (0, react_1.useRef)(null);
-    const headingId = `${baseId}-heading`;
-    (0, react_1.useEffect)(() => {
-        if (ref.current) {
-            new tabs_1.default(ref.current).init();
-        }
-    }, [ref]);
-    const processedItems = react_1.Children.map(children, child => {
-        if ((0, react_1.isValidElement)(child) && child.type === TabItem) {
-            let thisChild = child;
-            return react_1.default.cloneElement(thisChild, {
-                bordered: bordered,
-                id: thisChild.props.id || `${baseId}-${(0, slugify_1.default)(thisChild.props.tabLabel)}`,
-            });
-        }
-    });
-    const tabListItems = react_1.Children.map(processedItems, child => {
-        if ((0, react_1.isValidElement)(child) && child.type === TabItem) {
-            return react_1.default.createElement(TabListItem, { title: child.props.tabLabel, href: `#${child.props.id}` });
-        }
-    });
-    return (<div className={[
-            'ds_tabs',
-            manual && 'ds_tabs--manual',
-            className
-        ].join(' ')} ref={ref} {...props}>
-            <wrapper_tag_1.default id={headingId} className="ds_tabs__title" tagName={headerLevel}>
-                {title}
-            </wrapper_tag_1.default>
-
-            <ul className="ds_tabs__list" aria-labelledby={headingId}>
-                {tabListItems}
-            </ul>
-
-            {processedItems}
-        </div>);
-};
-Tabs.displayName = 'Tabs';
-TabItem.displayName = 'Tabs.Item';
-Tabs.Item = TabItem;
-exports.default = Tabs;

package/dist/components/tag/tag.jsx

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const Tag = ({ className, colour, title, ...props }) => {
-    return (<span className={[
-            'ds_tag',
-            className,
-            colour && `ds_tag--${colour}`,
-        ].join(' ')} {...props}>
-            {title}
-        </span>);
-};
-Tag.displayName = 'Tag';
-exports.default = Tag;

package/dist/components/task-list/task-list.jsx

@@ -1,95 +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 conditional_wrapper_1 = __importDefault(require("../../common/conditional-wrapper"));
-const hint_text_1 = __importDefault(require("../../common/hint-text"));
-const screen_reader_text_1 = __importDefault(require("../../common/screen-reader-text"));
-const tag_1 = __importDefault(require("../tag/tag"));
-const TaskItem = ({ children, className, href, id, isComplete = false, statusText, tagColour = 'grey', title, ...props }) => {
-    if (isComplete) {
-        tagColour = 'green';
-    }
-    return (<li className={[
-            'ds_task-list__task',
-            className
-        ].join(' ')} id={id} {...props}>
-            <div className="ds_task-list__task-details">
-                <h3 className="ds_task-list__task-heading">
-                <conditional_wrapper_1.default condition={typeof href !== 'undefined'} wrapper={(children) => <a className="ds_task-list__task-link" href={href}>{children}</a>}>
-                    {title}
-                    {statusText && <screen_reader_text_1.default>({statusText})</screen_reader_text_1.default>}
-                </conditional_wrapper_1.default>
-                </h3>
-                <hint_text_1.default className="ds_task-list__task-summary">{children}</hint_text_1.default>
-            </div>
-
-            {typeof statusText !== 'undefined' &&
-            <tag_1.default aria-hidden="true" colour={tagColour} title={statusText}/>}
-        </li>);
-};
-/**
- * @param {Object} props
- * @param {string} props.intro - Intro text
- * @param {string} props.title - The title of the task group
- * @returns {JSX.Element} - The element
- */
-const TaskGroup = ({ children, className, intro, title, ...props }) => {
-    return (<li className={[
-            'ds_task-list-group__section',
-            className
-        ].join(' ')} {...props}>
-            <h2 className="ds_task-list-heading">{title}</h2>
-            {intro && <p className="ds_task-list-intro">{intro}</p>}
-            <ul className="ds_task-list">
-                {children}
-            </ul>
-        </li>);
-};
-const TaskList = ({ children, className, headingId = 'task-list', title, ...props }) => {
-    let taskCount = 0;
-    let incompleteTaskIds = [];
-    let completedTasksCount = 0;
-    function processChild(item) {
-        if (item.type.displayName === 'TaskList.Item') {
-            taskCount = taskCount + 1;
-            if (item.props.isComplete) {
-                completedTasksCount = completedTasksCount + 1;
-            }
-            else {
-                incompleteTaskIds.push(item.props.id);
-            }
-        }
-        else if (item.type.displayName === 'TaskList.Group') {
-            react_1.Children.forEach(item.props.children, child => {
-                processChild(child);
-            });
-        }
-    }
-    function firstIncompleteTaskLink() {
-        if (incompleteTaskIds.length > 0) {
-            return (<p><a href={'#' + incompleteTaskIds[0]} className="js-task-list-skip-link">Skip to first incomplete section</a></p>);
-        }
-    }
-    react_1.Children.forEach(children, child => {
-        processChild(child);
-    });
-    return (<div className={className} {...props}>
-            <h2 id={`${headingId}-status`} className="ds_task-list-status-heading">{title}</h2>
-            <nav aria-labelledby={`${headingId}-status`} className="ds_task-list-status">
-                <p>You have completed {completedTasksCount} of {taskCount} sections.</p>
-                {firstIncompleteTaskLink()}
-            </nav>
-            <ul className="ds_task-list">
-                {children}
-            </ul>
-        </div>);
-};
-TaskList.displayName = 'TaskList';
-TaskItem.displayName = 'TaskList.Item';
-TaskGroup.displayName = 'TaskList.Group';
-TaskList.Item = TaskItem;
-TaskList.Group = TaskGroup;
-exports.default = TaskList;

package/dist/components/text-input/text-input.jsx

@@ -1,58 +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 character_count_1 = __importDefault(require("@scottish-government/design-system/src/forms/character-count/character-count"));
-const button_1 = __importDefault(require("../button/button"));
-const conditional_wrapper_1 = __importDefault(require("../../common/conditional-wrapper"));
-const error_message_1 = __importDefault(require("../error-message/error-message"));
-const hint_text_1 = __importDefault(require("../../common/hint-text"));
-const TextInput = ({ buttonIcon, buttonText, children, className, countThreshold, width, currency, currencySymbol, error, errorMessage, hasButton = false, hintText, id, label, maxlength, name, onBlur, onChange, placeholder, type = 'text', value, ...props }) => {
-    const errorMessageId = `error-message-${id}`;
-    const hintTextId = `hint-text-${id}`;
-    const ref = (0, react_1.useRef)(null);
-    const inputWrapperClasses = `${hasButton ? 'ds_input__wrapper  ds_input__wrapper--has-icon' : ''} ${currency ? 'ds_currency-wrapper' : ''}`;
-    const describedbys = [];
-    if (hintText) {
-        describedbys.push(hintTextId);
-    }
-    ;
-    if (errorMessage) {
-        describedbys.push(errorMessageId);
-    }
-    ;
-    (0, react_1.useEffect)(() => {
-        if (ref.current) {
-            new character_count_1.default(ref.current).init();
-        }
-    }, [ref]);
-    function handleBlur(event) {
-        if (typeof onBlur === 'function') {
-            onBlur(event);
-        }
-    }
-    function handleChange(event) {
-        if (typeof onChange === 'function') {
-            onChange(event);
-        }
-    }
-    return (<conditional_wrapper_1.default condition={typeof maxlength !== 'undefined' && maxlength > 0} wrapper={(children) => <div ref={ref} data-threshold={countThreshold} data-module="ds-character-count">{children}</div>}>
-            <label className="ds_label" htmlFor={id}>{label}</label>
-            {hintText && <hint_text_1.default id={hintTextId} text={hintText}/>}
-            {errorMessage && <error_message_1.default id={errorMessageId} text={errorMessage}/>}
-            <conditional_wrapper_1.default condition={hasButton || typeof currency !== 'undefined' && currency} wrapper={(children) => <div className={inputWrapperClasses} data-symbol={currencySymbol}>{children}</div>}>
-                <input aria-describedby={describedbys.join(' ')} aria-invalid={error} className={[
-            'ds_input',
-            className,
-            error ? 'ds_input--error' : '',
-            width ? `ds_input--${width}` : '',
-        ].join(' ')} defaultValue={value} id={id} maxLength={maxlength} name={name || id} onBlur={handleBlur} onChange={handleChange} placeholder={placeholder} type={type} {...props}/>
-                {hasButton && (buttonText || buttonIcon) && <button_1.default iconOnly icon={buttonIcon}>{buttonText}</button_1.default>}
-            </conditional_wrapper_1.default>
-        </conditional_wrapper_1.default>);
-};
-TextInput.displayName = 'TextInput';
-exports.default = TextInput;

package/dist/components/textarea/textarea.jsx

@@ -1,54 +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 character_count_1 = __importDefault(require("@scottish-government/design-system/src/forms/character-count/character-count"));
-const conditional_wrapper_1 = __importDefault(require("../../common/conditional-wrapper"));
-const error_message_1 = __importDefault(require("../error-message/error-message"));
-const hint_text_1 = __importDefault(require("../../common/hint-text"));
-const Textarea = ({ className, countThreshold, error, errorMessage, hintText, id, label, maxlength, name, onBlur, onChange, placeholder, rows = 4, value, ...props }) => {
-    const errorMessageId = `error-message-${id}`;
-    const hintTextId = `hint-text-${id}`;
-    const ref = (0, react_1.useRef)(null);
-    const describedbys = [];
-    if (hintText) {
-        describedbys.push(hintTextId);
-    }
-    ;
-    if (errorMessage) {
-        describedbys.push(errorMessageId);
-    }
-    ;
-    (0, react_1.useEffect)(() => {
-        if (ref.current) {
-            new character_count_1.default(ref.current).init();
-        }
-    }, [ref]);
-    function handleBlur(event) {
-        if (typeof onBlur === 'function') {
-            onBlur(event);
-        }
-    }
-    function handleChange(event) {
-        if (typeof onChange === 'function') {
-            onChange(event);
-        }
-    }
-    return (<conditional_wrapper_1.default condition={typeof maxlength !== 'undefined' && maxlength > 0} wrapper={(children) => <div ref={ref} data-threshold={countThreshold} data-module="ds-character-count">{children}</div>}>
-            <label className="ds_label" htmlFor={id}>{label}</label>
-            {hintText && <hint_text_1.default id={hintTextId} text={hintText}/>}
-            {errorMessage && <error_message_1.default id={errorMessageId} text={errorMessage}/>}
-
-            <textarea aria-describedby={describedbys.join(' ')} aria-invalid={error} className={[
-            'ds_input',
-            error && 'ds_input--error',
-            className
-        ].join(' ')} defaultValue={value} id={id} maxLength={maxlength} name={name || id} onBlur={handleBlur} onChange={handleChange} placeholder={placeholder} rows={rows} {...props}/>
-
-        </conditional_wrapper_1.default>);
-};
-Textarea.displayName = 'Textarea';
-exports.default = Textarea;

package/dist/components/warning-text/warning-text.jsx

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const WarningText = ({ children, className, ...props }) => {
-    return (<div className={[
-            'ds_warning-text',
-            className
-        ].join(' ')} {...props}>
-            <strong className="ds_warning-text__icon" aria-hidden="true"></strong>
-            <strong className="visually-hidden">Warning</strong>
-            <div className="ds_warning-text__text">
-                {children}
-            </div>
-        </div>);
-};
-WarningText.displayName = 'WarningText';
-exports.default = WarningText;

package/dist/icons/ArrowUpward.jsx

@@ -1,41 +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;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const SvgArrowUpward = (props) => (<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#000000" role="img" {...props}>
-        <path d="M0 0h24v24H0V0z" fill="none"/>
-        <path d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"/>
-    </svg>);
-exports.default = SvgArrowUpward;

package/dist/icons/CalendarToday.jsx

@@ -1,41 +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;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const SvgCalendarToday = (props) => (<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#000000" role="img" {...props}>
-        <path d="M0 0h24v24H0z" fill="none"/>
-        <path d="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z"/>
-    </svg>);
-exports.default = SvgCalendarToday;

package/dist/icons/Cancel.jsx

@@ -1,40 +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;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const SvgCancel = (props) => (<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" role="img" {...props}>
-        <path d="m8.4 17 3.6-3.6 3.6 3.6 1.4-1.4-3.6-3.6L17 8.4 15.6 7 12 10.6 8.4 7 7 8.4l3.6 3.6L7 15.6 8.4 17Zm3.6 5c-1.4 0-2.7-.3-3.9-.8S5.8 20 4.9 19.1s-1.6-2-2.1-3.2S2 13.4 2 12s.3-2.7.8-3.9S4 5.8 4.9 4.9s2-1.6 3.2-2.1S10.6 2 12 2s2.7.3 3.9.8 2.3 1.2 3.2 2.1 1.6 2 2.1 3.2.8 2.5.8 3.9-.3 2.7-.8 3.9-1.2 2.3-2.1 3.2-2 1.6-3.2 2.1-2.5.8-3.9.8Z"/>
-    </svg>);
-exports.default = SvgCancel;

package/dist/icons/CheckCircle.jsx

@@ -1,41 +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;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const SvgCheckCircle = (props) => (<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#000000" role="img" {...props}>
-        <path d="M0 0h24v24H0z" fill="none"/>
-        <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"/>
-    </svg>);
-exports.default = SvgCheckCircle;

package/dist/icons/ChevronLeft.jsx

@@ -1,41 +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;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = __importStar(require("react"));
-const SvgChevronLeft = (props) => (<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#000000" role="img" {...props}>
-        <path d="M0 0h24v24H0z" fill="none"/>
-        <path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/>
-    </svg>);
-exports.default = SvgChevronLeft;