@reykjavik/hanna-react 0.10.55 → 0.10.58

package/AccordionList.js

@@ -0,0 +1,52 @@
+"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 (react_1.default.createElement("div", { className: (0, getBemClass_1.default)('AccordionList__item', [itemDisabled && 'disabled']), id: id, "data-start-open": defaultOpen || undefined, "data-sprinkled": isBrowser },
+        react_1.default.createElement("h3", { className: "AccordionList__title" }, isBrowser ? (react_1.default.createElement("button", { type: "button", className: "AccordionList__button", "aria-controls": domid, "aria-expanded": open || undefined, onClick: () => {
+                setOpen(!open);
+            }, disabled: itemDisabled }, title)) : (title)),
+        react_1.default.createElement("div", { id: isBrowser && domid, className: "AccordionList__content", hidden: isBrowser && (!open || itemDisabled) }, content)));
+};
+// ---------------------------------------------------------------------------
+const AccordionList = (props) => {
+    const { items, ssr, wide, defaultOpen, startSeen } = props;
+    const [ref] = (0, seenEffect_1.useSeenEffect)(startSeen);
+    return (react_1.default.createElement("div", { className: (0, getBemClass_1.default)('AccordionList', [wide && 'wide']), ref: ref }, items.map((item, i) => (react_1.default.createElement(AccordionListItem, Object.assign({ key: i }, item, { ssr: ssr, defaultOpen: defaultOpen && defaultOpen.includes(i) }))))));
+};
+exports.default = AccordionList;

package/ActionCards.js

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

package/Alert.js

@@ -0,0 +1,121 @@
+"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 (react_1.default.createElement("div", Object.assign({ className: (0, getBemClass_1.default)('Alert', [
+            !!exports.alertTypes[type] && type,
+            closable && 'closable',
+        ]), role: "alert", hidden: !open || undefined }, autoClosingProps),
+        childrenHTML ? (react_1.default.createElement("div", { dangerouslySetInnerHTML: { __html: childrenHTML } })) : (children),
+        ' ',
+        showCloseButton && (react_1.default.createElement(Button_1.default, Object.assign({ bem: "Alert__close" }, (closeUrl != null ? { href: closeUrl } : { type: 'button' }), { onClick: (e) => {
+                closeAlert(e);
+            }, "aria-label": closeLabelLong, title: closeLabelLong || closeLabel }), closeLabel))));
+};
+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.js

@@ -0,0 +1,31 @@
+"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 (react_1.default.createElement("div", { className: "ArticleCarouselCard", "data-color": color && constants_1.colorFamilies[color], "data-color-theme": !color ? theme && constants_1.themeOptions[theme] : undefined },
+        react_1.default.createElement(Link_1.Link, { className: "ArticleCarouselCard__link", href: href },
+            ' ',
+            react_1.default.createElement(Image_1.default, Object.assign({ placeholder: true, className: (0, getBemClass_1.default)('ArticleCarouselCard__illustration', photo && 'photo') }, imageProps)),
+            react_1.default.createElement("h3", { className: "ArticleCarouselCard__title" }, title),
+            ' '),
+        ' ',
+        date && react_1.default.createElement("span", { className: "ArticleCarouselCard__date" }, date),
+        react_1.default.createElement("div", { className: "ArticleCarouselCard__summary" }, summary),
+        moreLabel && (react_1.default.createElement(Link_1.Link, { className: "ArticleCarouselCard__morelink", href: href, "aria-label": title },
+            ' ',
+            moreLabel,
+            ' '))));
+};
+exports.ArticleCarouselCard = ArticleCarouselCard;

package/ArticleCarousel.js

@@ -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 (react_1.default.createElement(_AbstractCarousel_1.default, { bem: "ArticleCarousel", title: title, items: items, Component: _ArticleCarouselCard_1.ArticleCarouselCard, ComponentProps: { moreLabel }, ssr: ssr, startSeen: startSeen }));
+};
+exports.default = ArticleCarousel;

package/ArticleMeta.js

@@ -0,0 +1,43 @@
+"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 (react_1.default.createElement("div", { className: "ArticleMeta" }, items.map(({ label, href }, i) => (react_1.default.createElement(react_1.Fragment, { key: i },
+        href == null ? (react_1.default.createElement("span", { className: "ArticleMeta__item" },
+            " ",
+            label,
+            " ")) : (react_1.default.createElement(Link_1.Link, { className: "ArticleMeta__item", href: href },
+            ' ',
+            label,
+            ' ')),
+        ' ')))));
+};
+exports.default = ArticleMeta;

package/Attention.js

@@ -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) => (react_1.default.createElement("div", { className: (0, getBemClass_1.default)('Attention', props.small && 'small') }, props.children));
+exports.default = Attention;

package/BasicTable.js

@@ -0,0 +1,34 @@
+"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 (react_1.default.createElement(TableWrapper_1.default, { modifier: [
+            'BasicTable',
+            modifier && 'BasicTable--' + modifier,
+            fullWidth && 'BasicTable--fullwidth',
+            align === 'right' && !fullWidth && 'BasicTable--align--' + align,
+        ], wrapperRef: ref },
+        react_1.default.createElement(Table_1.default, Object.assign({ className: (0, getBemClass_1.default)('BasicTable', [
+                props.compact && 'compact',
+                modifier && modifier,
+            ]) }, {
+            cols,
+            caption,
+            thead,
+            tfoot,
+        }, tbodyProps))));
+};
+exports.default = BasicTable;

package/Bling.js

@@ -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 (react_1.default.createElement("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.js

@@ -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 = () => react_1.default.createElement("div", { className: "BlockBreak" });
+exports.default = BlockBreak;

package/BlockQuote.js

@@ -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) => react_1.default.createElement(_Quote_1._Quote, Object.assign({ bem: "BlockQuote" }, props));
+exports.default = BlockQuote;

package/BreadCrumbs.js

@@ -0,0 +1,33 @@
+"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 ? (react_1.default.createElement(Link_1.Link, { className: "BreadCrumbs__item", href: link.href, "aria-current": current || undefined }, link.label)) : (react_1.default.createElement("span", { className: "BreadCrumbs__item", "aria-current": current || undefined }, link.label));
+};
+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 (react_1.default.createElement("nav", { className: "BreadCrumbs", "aria-label": title },
+        react_1.default.createElement("span", { className: "BreadCrumbs__title" },
+            title,
+            ":"),
+        ' ',
+        ancestors.map((link, i) => {
+            return (react_1.default.createElement(react_1.default.Fragment, { key: i },
+                react_1.default.createElement(BreadCrumbs__item, { link: link }),
+                ' ',
+                react_1.default.createElement("span", { className: "BreadCrumbs__separator", "aria-label": "" }, ">"),
+                ' '));
+        }),
+        react_1.default.createElement(BreadCrumbs__item, { link: current, current: true })));
+};
+exports.default = BreadCrumbs;

package/ButtonBack.js

@@ -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) => (react_1.default.createElement(Button_1.default, Object.assign({ bem: "ButtonBack" }, props)));
+exports.default = ButtonBack;

package/ButtonBar.js

@@ -0,0 +1,21 @@
+"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 (react_1.default.createElement("div", { className: (0, getBemClass_1.default)('ButtonBar', align === 'right' && 'align--right') }, children));
+};
+exports.ButtonBar = ButtonBar;
+exports.ButtonBar.Split = () => react_1.default.createElement("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.js

@@ -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) => (react_1.default.createElement(Button_1.default, Object.assign({ bem: "ButtonPrimary" }, props)));
+exports.default = ButtonPrimary;

package/ButtonSecondary.js

@@ -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) => (react_1.default.createElement(Button_1.default, Object.assign({ bem: "ButtonSecondary" }, props)));
+exports.default = ButtonSecondary;

package/ButtonTertiary.js

@@ -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 react_1.default.createElement(Button_1.default, Object.assign({ 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 – 0.10.58
+
+_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.js

@@ -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) => (react_1.default.createElement(_AbstractCarousel_1.default, Object.assign({}, props, { bem: undefined, modifier: undefined, title: undefined })));
+exports.default = Carousel;

package/CarouselStepper.js

@@ -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) => (react_1.default.createElement(CarouselStepper_1.default, Object.assign({}, props, { bem: undefined, modifier: undefined })));
+exports.default = CarouselStepper;

package/CenterColumn.js

@@ -0,0 +1,12 @@
+"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 ? (react_1.default.createElement("div", { className: "CenterColumn" }, children)) : (react_1.default.createElement(SeenEffect_1.default, { className: "CenterColumn", startSeen: startSeen, effectType: effectType }, children));
+};
+exports.default = CenterColumn;

package/Checkbox.js

@@ -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) => (react_1.default.createElement(TogglerInput_1.default, Object.assign({ bem: "Checkbox" }, props, { type: "checkbox" })));
+exports.default = Checkbox;

package/CheckboxButtonsGroup.js

@@ -0,0 +1,19 @@
+"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 TogglerGroupField_1 = __importDefault(require("./_abstract/TogglerGroupField"));
+const TogglerInput_1 = __importDefault(require("./_abstract/TogglerInput"));
+const CheckboxButton = (props) => (react_1.default.createElement(TogglerInput_1.default, Object.assign({ bem: "CheckboxButton" }, props, { type: "checkbox" })));
+const CheckboxButtonsGroup = (props) => {
+    if (props.layout) {
+        console.warn('`CheckboxButtonsGroupProps.layout` is deprecated.');
+    }
+    if (props.columns) {
+        console.warn('`CheckboxButtonsGroupProps.columns` is deprecated.');
+    }
+    return (react_1.default.createElement(TogglerGroupField_1.default, Object.assign({}, props, { bem: "CheckboxButtonsGroup", Toggler: CheckboxButton })));
+};
+exports.default = CheckboxButtonsGroup;