@reykjavik/hanna-react 0.10.55 → 0.10.56

package/AccordionList.jsx

@@ -0,0 +1,61 @@
+"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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __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 hooks_1 = require("@hugsmidjan/react/hooks");
+const getBemClass_1 = __importDefault(require("@hugsmidjan/react/utils/getBemClass"));
+const seenEffect_1 = require("./utils/seenEffect");
+const AccordionListItem = (props) => {
+    const { title, content, id, disabled = false, defaultOpen, ssr } = props;
+    const [open, setOpen] = (0, react_1.useState)(defaultOpen);
+    (0, react_1.useEffect)(() => setOpen(defaultOpen), [defaultOpen]);
+    const domid = (0, hooks_1.useDomid)();
+    const isBrowser = (0, hooks_1.useIsBrowserSide)(ssr);
+    const itemDisabled = (isBrowser && disabled) || !content;
+    return (<div className={(0, getBemClass_1.default)('AccordionList__item', [itemDisabled && 'disabled'])} id={id} data-start-open={defaultOpen || undefined} data-sprinkled={isBrowser}>
+      <h3 className="AccordionList__title">
+        {isBrowser ? (<button type="button" className="AccordionList__button" aria-controls={domid} aria-expanded={open || undefined} onClick={() => {
+                setOpen(!open);
+            }} disabled={itemDisabled}>
+            {title}
+          </button>) : (title)}
+      </h3>
+      <div id={isBrowser && domid} className="AccordionList__content" hidden={isBrowser && (!open || itemDisabled)}>
+        {content}
+      </div>
+    </div>);
+};
+// ---------------------------------------------------------------------------
+const AccordionList = (props) => {
+    const { items, ssr, wide, defaultOpen, startSeen } = props;
+    const [ref] = (0, seenEffect_1.useSeenEffect)(startSeen);
+    return (<div className={(0, getBemClass_1.default)('AccordionList', [wide && 'wide'])} ref={ref}>
+      {items.map((item, i) => (<AccordionListItem key={i} {...item} ssr={ssr} defaultOpen={defaultOpen && defaultOpen.includes(i)}/>))}
+    </div>);
+};
+exports.default = AccordionList;

package/ActionCards.jsx

@@ -0,0 +1,15 @@
+"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 = __importDefault(require("react"));
+const CardList_1 = require("./_abstract/CardList");
+const seenEffect_1 = require("./utils/seenEffect");
+const ActionCards = (props) => {
+    const [ref] = (0, seenEffect_1.useSeenEffect)(props.startSeen);
+    return (<div className="ActionCards" ref={ref}>
+      <CardList_1.CardList {...props} bemPrefix="ActionCards"/>
+    </div>);
+};
+exports.default = ActionCards;

package/Alert.jsx

@@ -0,0 +1,123 @@
+"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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __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 });
+exports.alertTypes = exports.defaultAlertTexts = void 0;
+const react_1 = __importStar(require("react"));
+const hooks_1 = require("@hugsmidjan/react/hooks");
+const getBemClass_1 = __importDefault(require("@hugsmidjan/react/utils/getBemClass"));
+const i18n_1 = require("@reykjavik/hanna-utils/i18n");
+const Button_1 = __importDefault(require("./_abstract/Button"));
+const env_1 = require("./utils/env");
+// FIXME: Eventually import from @reykjavik/hanna-styles/constants
+const AlertCloseTransitionDuration = 400;
+const useAutoClosing = (autoClose) => {
+    const [temp, setTemp] = (0, react_1.useState)(0);
+    if (!autoClose) {
+        return { autoClosing: false };
+    }
+    const thaw = () => setTemp((temp) => temp + 1);
+    const freeze = () => setTemp((temp) => temp - 1);
+    return {
+        autoClosing: temp === 0,
+        autoClosingProps: Object.assign({ onMouseEnter: freeze, onMouseLeave: thaw, onFocus: freeze, onBlur: thaw }, (env_1.isPreact
+            ? {
+                onfocusin: (e) => e.currentTarget !== e.target && freeze(),
+                onfocusout: (e) => e.currentTarget !== e.target && thaw(),
+            }
+            : undefined)),
+    };
+};
+exports.defaultAlertTexts = {
+    en: { closeLabel: 'Hide' },
+    is: { closeLabel: 'Fela' },
+};
+exports.alertTypes = {
+    info: 1,
+    success: 1,
+    warning: 1,
+    error: 1,
+    critical: 1,
+};
+const Alert = (props) => {
+    const { type, childrenHTML, children, onClose, closeUrl, closable = !!(onClose || closeUrl != null), ssr, onClosed, } = props;
+    const autoClose = props.autoClose && props.autoClose > 0 ? props.autoClose : 0;
+    const closing = (0, react_1.useRef)();
+    const [open, setOpen] = (0, react_1.useState)(!!ssr);
+    const isBrowser = (0, hooks_1.useIsBrowserSide)(ssr);
+    const showCloseButton = closable && (isBrowser || closeUrl != null);
+    const { closeLabel, closeLabelLong } = (0, i18n_1.getTexts)(props, exports.defaultAlertTexts);
+    (0, hooks_1.useOnMount)(() => {
+        setOpen(true);
+    });
+    const closeAlert = (0, react_1.useCallback)((event) => {
+        const ret = onClose &&
+            // @ts-expect-error  (@deprecated `event` parameter will be removed in v0.9)
+            onClose(event);
+        if (ret !== false) {
+            setOpen(false);
+            if (closing.current) {
+                clearTimeout(closing.current);
+                closing.current = undefined;
+            }
+            closing.current = setTimeout(() => {
+                onClosed && onClosed();
+            }, AlertCloseTransitionDuration);
+        }
+    }, [onClose, onClosed]);
+    const { autoClosing, autoClosingProps } = useAutoClosing(autoClose);
+    (0, react_1.useEffect)(() => {
+        if (autoClosing) {
+            let autoCloseTimeout;
+            autoCloseTimeout = setTimeout(() => {
+                closeAlert();
+            }, autoClose * 1000);
+            return () => {
+                if (autoCloseTimeout) {
+                    clearTimeout(autoCloseTimeout);
+                    autoCloseTimeout = undefined;
+                }
+                if (closing.current) {
+                    clearTimeout(closing.current);
+                    closing.current = undefined;
+                }
+            };
+        }
+    }, [closeAlert, autoClosing, autoClose]);
+    return (<div className={(0, getBemClass_1.default)('Alert', [
+            !!exports.alertTypes[type] && type,
+            closable && 'closable',
+        ])} role="alert" hidden={!open || undefined} {...autoClosingProps}>
+      {childrenHTML ? (<div dangerouslySetInnerHTML={{ __html: childrenHTML }}/>) : (children)}{' '}
+      {showCloseButton && (<Button_1.default bem="Alert__close" {...(closeUrl != null ? { href: closeUrl } : { type: 'button' })} onClick={(e) => {
+                closeAlert(e);
+            }} aria-label={closeLabelLong} title={closeLabelLong || closeLabel}>
+          {closeLabel}
+        </Button_1.default>)}
+    </div>);
+};
+exports.default = Alert;

package/ArticleCarousel/_ArticleCarouselCard.d.ts

@@ -23,5 +23,5 @@ export declare type ArticleCarouselCardProps = {
     image: ArticleCarouselImageProps | undefined;
 });
 export declare const ArticleCarouselCard: (props: ArticleCarouselCardProps & {
-    moreLabel?: string | undefined;
+    moreLabel?: string;
 }) => JSX.Element;

package/ArticleCarousel/_ArticleCarouselCard.jsx

@@ -0,0 +1,32 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArticleCarouselCard = void 0;
+const react_1 = __importDefault(require("react"));
+const getBemClass_1 = __importDefault(require("@hugsmidjan/react/utils/getBemClass"));
+const assets_1 = require("@reykjavik/hanna-utils/assets");
+const Image_1 = __importDefault(require("../_abstract/Image"));
+const Link_1 = require("../_abstract/Link");
+const constants_1 = require("../constants");
+const ArticleCarouselCard = (props) => {
+    const { date, title, summary, href, moreLabel, color, theme, illustration, image } = props;
+    const photo = image === null || image === void 0 ? void 0 : image.photo;
+    const imageProps = illustration ? { src: (0, assets_1.getIllustrationUrl)(illustration) } : image;
+    return (<div className="ArticleCarouselCard" data-color={color && constants_1.colorFamilies[color]} data-color-theme={!color ? theme && constants_1.themeOptions[theme] : undefined} // color takes precedence over "theme"
+    >
+      <Link_1.Link className="ArticleCarouselCard__link" href={href}>
+        {' '}
+        <Image_1.default placeholder className={(0, getBemClass_1.default)('ArticleCarouselCard__illustration', photo && 'photo')} {...imageProps}/>
+        <h3 className="ArticleCarouselCard__title">{title}</h3>{' '}
+      </Link_1.Link>{' '}
+      {date && <span className="ArticleCarouselCard__date">{date}</span>}
+      <div className="ArticleCarouselCard__summary">{summary}</div>
+      {moreLabel && (<Link_1.Link className="ArticleCarouselCard__morelink" href={href} aria-label={title}>
+          {' '}
+          {moreLabel}{' '}
+        </Link_1.Link>)}
+    </div>);
+};
+exports.ArticleCarouselCard = ArticleCarouselCard;

package/ArticleCarousel.jsx

@@ -0,0 +1,13 @@
+"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 = __importDefault(require("react"));
+const _AbstractCarousel_1 = __importDefault(require("./_abstract/_AbstractCarousel"));
+const _ArticleCarouselCard_1 = require("./ArticleCarousel/_ArticleCarouselCard");
+const ArticleCarousel = (props) => {
+    const { title, items, moreLabel, ssr, startSeen } = props;
+    return (<_AbstractCarousel_1.default bem="ArticleCarousel" title={title} items={items} Component={_ArticleCarouselCard_1.ArticleCarouselCard} ComponentProps={{ moreLabel }} ssr={ssr} startSeen={startSeen}/>);
+};
+exports.default = ArticleCarousel;

package/ArticleMeta.jsx

@@ -0,0 +1,42 @@
+"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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const Link_1 = require("./_abstract/Link");
+const ArticleMeta = (props) => {
+    const { items } = props;
+    if (items.length === 0) {
+        return null;
+    }
+    return (<div className="ArticleMeta">
+      {items.map(({ label, href }, i) => (<react_1.Fragment key={i}>
+          {href == null ? (<span className="ArticleMeta__item"> {label} </span>) : (<Link_1.Link className="ArticleMeta__item" href={href}>
+              {' '}
+              {label}{' '}
+            </Link_1.Link>)}{' '}
+        </react_1.Fragment>))}
+    </div>);
+};
+exports.default = ArticleMeta;

package/Attention.jsx

@@ -0,0 +1,9 @@
+"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 = __importDefault(require("react"));
+const getBemClass_1 = __importDefault(require("@hugsmidjan/react/utils/getBemClass"));
+const Attention = (props) => (<div className={(0, getBemClass_1.default)('Attention', props.small && 'small')}>{props.children}</div>);
+exports.default = Attention;

package/BasicTable.jsx

@@ -0,0 +1,35 @@
+"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 = __importDefault(require("react"));
+const Table_1 = __importDefault(require("@hugsmidjan/react/Table"));
+const TableWrapper_1 = __importDefault(require("@hugsmidjan/react/TableWrapper"));
+const getBemClass_1 = __importDefault(require("@hugsmidjan/react/utils/getBemClass"));
+const seenEffect_1 = require("./utils/seenEffect");
+const BasicTable = (props) => {
+    const { cols, caption, thead, tfoot, align, fullWidth, startSeen } = props;
+    const tbodyProps = props.tbodies
+        ? { tbodies: props.tbodies }
+        : { tbody: props.tbody || [] };
+    const modifier = props.modifier;
+    const [ref] = (0, seenEffect_1.useSeenEffect)(startSeen);
+    return (<TableWrapper_1.default modifier={[
+            'BasicTable',
+            modifier && 'BasicTable--' + modifier,
+            fullWidth && 'BasicTable--fullwidth',
+            align === 'right' && !fullWidth && 'BasicTable--align--' + align,
+        ]} wrapperRef={ref}>
+      <Table_1.default className={(0, getBemClass_1.default)('BasicTable', [
+            props.compact && 'compact',
+            modifier && modifier,
+        ])} {...{
+        cols,
+        caption,
+        thead,
+        tfoot,
+    }} {...tbodyProps}/>
+    </TableWrapper_1.default>);
+};
+exports.default = BasicTable;

package/Bling.jsx

@@ -0,0 +1,49 @@
+"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 = __importDefault(require("react"));
+const getBemClass_1 = __importDefault(require("@hugsmidjan/react/utils/getBemClass"));
+const assets_1 = require("@reykjavik/hanna-utils/assets");
+const useGetSVGtext_1 = require("./utils/useGetSVGtext");
+const colors = {
+    tertiary: true,
+    secondary: true,
+    primary: true,
+};
+const aligns = {
+    left: true,
+    'left-ish': true,
+    'left-center': true,
+    'right-center': true,
+    'right-ish': true,
+    right: true,
+};
+const valigns = {
+    up: true,
+    'up-ish': true,
+    center: true,
+    'down-ish': true,
+    down: true,
+};
+const parentOffset = {
+    top: true,
+    'top-ish': true,
+    center: true,
+    'bottom-ish': true,
+    bottom: true,
+};
+const Bling = (props) => {
+    const { align, vertical, color, overlay, type, blingUrl, parent, className } = props;
+    const imageUrl = type ? (0, assets_1.getBlingUrl)(type) : blingUrl;
+    const inlineSvg = (0, useGetSVGtext_1.useGetSVGtext)(imageUrl);
+    return (<div className={(0, getBemClass_1.default)('Bling', [
+            'align--' + (align && align in aligns ? align : 'left'),
+            vertical && vertical in valigns && 'vertical--' + vertical,
+            color && color in colors && 'color--' + color,
+            parent && parent in parentOffset && 'parent--' + parent,
+            overlay && 'overlay',
+        ], className)} data-bling-type={type} data-bling-image={!type ? blingUrl : undefined} dangerouslySetInnerHTML={inlineSvg && { __html: inlineSvg.code }}/>);
+};
+exports.default = Bling;

package/BlockBreak.jsx

@@ -0,0 +1,11 @@
+"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 = __importDefault(require("react"));
+/*
+  TODO: Add story
+*/
+const BlockBreak = () => <div className="BlockBreak"/>;
+exports.default = BlockBreak;

package/BlockQuote.jsx

@@ -0,0 +1,9 @@
+"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 = __importDefault(require("react"));
+const _Quote_1 = require("./_abstract/_Quote");
+const BlockQuote = (props) => <_Quote_1._Quote bem="BlockQuote" {...props}/>;
+exports.default = BlockQuote;

package/BreadCrumbs.jsx

@@ -0,0 +1,36 @@
+"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 = __importDefault(require("react"));
+const Link_1 = require("./_abstract/Link");
+const BreadCrumbs__item = (props) => {
+    const { link, current } = props;
+    return link.href != null ? (<Link_1.Link className="BreadCrumbs__item" href={link.href} aria-current={current || undefined}>
+      {link.label}
+    </Link_1.Link>) : (<span className="BreadCrumbs__item" aria-current={current || undefined}>
+      {link.label}
+    </span>);
+};
+const BreadCrumbs = (props) => {
+    const { title, trail } = props;
+    if (trail.length === 0) {
+        return null;
+    }
+    const ancestors = trail.slice(0, -1);
+    const current = trail[trail.length - 1];
+    return (<nav className="BreadCrumbs" aria-label={title}>
+      <span className="BreadCrumbs__title">{title}:</span>{' '}
+      {ancestors.map((link, i) => {
+            return (<react_1.default.Fragment key={i}>
+            <BreadCrumbs__item link={link}/>{' '}
+            <span className="BreadCrumbs__separator" aria-label="">
+              &gt;
+            </span>{' '}
+          </react_1.default.Fragment>);
+        })}
+      <BreadCrumbs__item link={current} current/>
+    </nav>);
+};
+exports.default = BreadCrumbs;

package/ButtonBack.jsx

@@ -0,0 +1,9 @@
+"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 = __importDefault(require("react"));
+const Button_1 = __importDefault(require("./_abstract/Button"));
+const ButtonBack = (props) => (<Button_1.default bem="ButtonBack" {...props}/>);
+exports.default = ButtonBack;

package/ButtonBar.jsx

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonBar__split = exports.ButtonBar = void 0;
+const react_1 = __importDefault(require("react"));
+const getBemClass_1 = __importDefault(require("@hugsmidjan/react/utils/getBemClass"));
+const ButtonBar = (props) => {
+    const { align, children } = props;
+    return (<div className={(0, getBemClass_1.default)('ButtonBar', align === 'right' && 'align--right')}>
+      {children}
+    </div>);
+};
+exports.ButtonBar = ButtonBar;
+exports.ButtonBar.Split = () => <span className="ButtonBar__split"/>;
+/**
+ * @deprecated Prefer using `ButtonBar.Split` instead.
+ *
+ * (This export token is only to aid discovery.)
+ */
+exports.ButtonBar__split = exports.ButtonBar.Split;
+exports.default = exports.ButtonBar;

package/ButtonPrimary.jsx

@@ -0,0 +1,9 @@
+"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 = __importDefault(require("react"));
+const Button_1 = __importDefault(require("./_abstract/Button"));
+const ButtonPrimary = (props) => (<Button_1.default bem="ButtonPrimary" {...props}/>);
+exports.default = ButtonPrimary;

package/ButtonSecondary.jsx

@@ -0,0 +1,9 @@
+"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 = __importDefault(require("react"));
+const Button_1 = __importDefault(require("./_abstract/Button"));
+const ButtonSecondary = (props) => (<Button_1.default bem="ButtonSecondary" {...props}/>);
+exports.default = ButtonSecondary;

package/ButtonTertiary.jsx

@@ -0,0 +1,20 @@
+"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 = __importDefault(require("react"));
+const Button_1 = __importDefault(require("./_abstract/Button"));
+const sizes = {
+    normal: 'normal',
+    small: 'small',
+};
+const icons = {
+    none: 'none',
+    'go-back': 'go-back',
+};
+const ButtonTertiary = (props) => {
+    const { size = 'normal', icon = 'none' } = props;
+    return <Button_1.default bem="ButtonTertiary" {...props} size={sizes[size]} icon={icons[icon]}/>;
+};
+exports.default = ButtonTertiary;

package/CHANGELOG.md

@@ -4,6 +4,14 @@
 
 - ... <!-- Add new lines here. -->
 
+## 0.10.56
+
+_2022-06-13_
+
+- feat: `MainMenu` returns `null` instead of rendering an empty menu
+- feat: Add optional `group` prop to `SelectboxOptions` items
+- fix: Problems in CJS and ESM, dual module file-structure
+
 ## 0.10.53 – 0.10.55
 
 _2022-06-07_
@@ -16,7 +24,7 @@ _2022-06-07_
   `@reykjavik/hanna-utils/assets`)
 - feat(ts): Export `AuxiliaryPanelIllustrations` from `MainMenu`
 
-## 0.10.50 — 0.10.52
+## 0.10.50 – 0.10.52
 
 _2022-05-31_
 
@@ -59,7 +67,7 @@ _2022-05-12_
 
 - feat: Add optional prop `reqText` on `Checkbox`
 
-## 0.10.44 — 0.10.45
+## 0.10.44 – 0.10.45
 
 _2022-05-04_
 
@@ -80,7 +88,7 @@ _2022-04-27_
 - feat: `ContactBubble` toggling sets `html[data-contact-bubble]` styling flag
 - fix: Bundle missing dragging/animation library
 
-## 0.10.40 — 0.10.41
+## 0.10.40 – 0.10.41
 
 _2022-04-20_
 
@@ -139,7 +147,7 @@ _2022-03-22_
   browser (or React) snap value to something unexpected because of mismatching
   value and/or options.
 
-## 0.10.32 — 0.10.34
+## 0.10.32 – 0.10.34
 
 _2022-03-21_
 
@@ -239,7 +247,7 @@ _2022-02-15_
 
 - fix: `SiteSearchCurtain` not triggering with Preact
 
-## 0.10.19 — 0.10.20
+## 0.10.19 – 0.10.20
 
 _2022-02-08_
 

package/Carousel.jsx

@@ -0,0 +1,9 @@
+"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 = __importDefault(require("react"));
+const _AbstractCarousel_1 = __importDefault(require("./_abstract/_AbstractCarousel"));
+const Carousel = (props) => (<_AbstractCarousel_1.default {...props} bem={undefined} modifier={undefined} title={undefined}/>);
+exports.default = Carousel;

package/CarouselStepper.jsx

@@ -0,0 +1,9 @@
+"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 = __importDefault(require("react"));
+const CarouselStepper_1 = __importDefault(require("@hugsmidjan/react/CarouselStepper"));
+const CarouselStepper = (props) => (<CarouselStepper_1.default {...props} bem={undefined} modifier={undefined}/>);
+exports.default = CarouselStepper;

package/CenterColumn.jsx

@@ -0,0 +1,14 @@
+"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 = __importDefault(require("react"));
+const SeenEffect_1 = __importDefault(require("./SeenEffect"));
+const CenterColumn = (props) => {
+    const { children, startSeen, effectType } = props;
+    return startSeen == null ? (<div className="CenterColumn">{children}</div>) : (<SeenEffect_1.default className="CenterColumn" startSeen={startSeen} effectType={effectType}>
+      {children}
+    </SeenEffect_1.default>);
+};
+exports.default = CenterColumn;

package/Checkbox.jsx

@@ -0,0 +1,9 @@
+"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 = __importDefault(require("react"));
+const TogglerInput_1 = __importDefault(require("./_abstract/TogglerInput"));
+const Checkbox = (props) => (<TogglerInput_1.default bem="Checkbox" {...props} type="checkbox"/>);
+exports.default = Checkbox;