@reykjavik/hanna-react 0.10.71 → 0.10.72

package/HeroBlock.js

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.HeroBlock = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const assets_1 = require("@reykjavik/hanna-utils/assets");
-const _Image_1 = tslib_1.__importDefault(require("./_abstract/_Image"));
+const _Image_1 = require("./_abstract/_Image");
 const seenEffect_1 = require("./utils/seenEffect");
 const ButtonPrimary_1 = tslib_1.__importDefault(require("./ButtonPrimary"));
 const ButtonTertiary_1 = tslib_1.__importDefault(require("./ButtonTertiary"));
@@ -14,11 +15,12 @@ const HeroBlock = (props) => {
     const [ref] = (0, seenEffect_1.useSeenEffect)(startSeen);
     return (react_1.default.createElement("div", { className: "HeroBlock", ref: ref },
         react_1.default.createElement("h1", { className: "HeroBlock__title" }, title),
-        react_1.default.createElement(_Image_1.default, Object.assign({ className: "HeroBlock__image" }, imgProps)),
+        react_1.default.createElement(_Image_1.Image, Object.assign({ className: "HeroBlock__image" }, imgProps)),
         react_1.default.createElement("div", { className: "HeroBlock__summary" }, summary),
         hasButtons && (react_1.default.createElement("div", { className: "HeroBlock__buttons" },
             primaryButton && react_1.default.createElement(ButtonPrimary_1.default, Object.assign({}, primaryButton)),
             ' ',
             secondaryButton && react_1.default.createElement(ButtonTertiary_1.default, Object.assign({}, secondaryButton))))));
 };
-exports.default = HeroBlock;
+exports.HeroBlock = HeroBlock;
+exports.default = exports.HeroBlock;

package/IframeBlock.d.ts

@@ -24,5 +24,5 @@ export declare type IframeBlockProps = {
  * <script src="https://styles.reykjavik.is/assets/scripts/iframeResizer.contentWindow@4.js"></script>
  * ```
  */
-declare const IframeBlock: (props: IframeBlockProps) => JSX.Element;
+export declare const IframeBlock: (props: IframeBlockProps) => JSX.Element;
 export default IframeBlock;

package/IframeBlock.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.IframeBlock = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
@@ -26,4 +27,5 @@ const IframeBlock = (props) => {
         // allow undefined to suppress scrolling attribute
         scrolling: scrolling === true ? 'yes' : scrolling === false ? 'no' : scrolling }));
 };
-exports.default = IframeBlock;
+exports.IframeBlock = IframeBlock;
+exports.default = exports.IframeBlock;

package/Illustration.d.ts

@@ -1,13 +1,10 @@
+import { EitherObj } from '@reykjavik/hanna-utils';
 import { Illustration as IllustrationName } from '@reykjavik/hanna-utils/assets';
 import { ImageProps } from './_abstract/_Image';
-declare type IllustrationProps = {
-    children?: undefined;
-} & ({
+declare type IllustrationProps = EitherObj<{
     type: IllustrationName;
-    image?: undefined;
-} | {
+}, {
     image: ImageProps;
-    type?: undefined;
-});
-declare const Illustration: (props: IllustrationProps) => JSX.Element;
+}>;
+export declare const Illustration: (props: IllustrationProps) => JSX.Element;
 export default Illustration;

package/Illustration.js

@@ -1,11 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Illustration = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const assets_1 = require("@reykjavik/hanna-utils/assets");
-const _Image_1 = tslib_1.__importDefault(require("./_abstract/_Image"));
+const _Image_1 = require("./_abstract/_Image");
 const Illustration = (props) => {
     const imgProps = props.type ? { src: (0, assets_1.getIllustrationUrl)(props.type) } : props.image;
-    return react_1.default.createElement(_Image_1.default, Object.assign({ className: "Illustration" }, imgProps));
+    return react_1.default.createElement(_Image_1.Image, Object.assign({ className: "Illustration" }, imgProps));
 };
-exports.default = Illustration;
+exports.Illustration = Illustration;
+exports.default = exports.Illustration;

package/ImageCards.d.ts

@@ -6,5 +6,5 @@ export declare type ImageCardProps = ImageCardsItemProps;
 export declare type ImageCardsProps = ImageCardListProps & CardListSummaryProps & {
     background?: boolean;
 } & SeenProp;
-declare const ImageCards: (props: ImageCardsProps) => JSX.Element;
+export declare const ImageCards: (props: ImageCardsProps) => JSX.Element;
 export default ImageCards;

package/ImageCards.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImageCards = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
@@ -11,4 +12,5 @@ const ImageCards = (props) => {
     return (react_1.default.createElement("div", { className: (0, getBemClass_1.default)('ImageCards', background && 'background'), ref: ref },
         react_1.default.createElement(_CardList_1.CardList, Object.assign({}, cardListProps, { bemPrefix: "ImageCards", imgPlaceholder: props.imgPlaceholder || true }))));
 };
-exports.default = ImageCards;
+exports.ImageCards = ImageCards;
+exports.default = exports.ImageCards;

package/InfoBlock.d.ts

@@ -9,5 +9,5 @@ export declare type InfoBlockProps = {
 }, {
     extraInfo?: string | JSX.Element;
 }> & SeenProp;
-declare const InfoBlock: (props: InfoBlockProps) => JSX.Element;
+export declare const InfoBlock: (props: InfoBlockProps) => JSX.Element;
 export default InfoBlock;

package/InfoBlock.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.InfoBlock = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const seenEffect_1 = require("./utils/seenEffect");
@@ -13,4 +14,5 @@ const InfoBlock = (props) => {
         'extraInfo' in props && (react_1.default.createElement("div", { className: "InfoBlock__extrainfo" }, props.extraInfo)),
         'attention' in props && (react_1.default.createElement("div", { className: "InfoBlock__attention" }, props.attention))));
 };
-exports.default = InfoBlock;
+exports.InfoBlock = InfoBlock;
+exports.default = exports.InfoBlock;

package/InfoHero.d.ts

@@ -13,5 +13,5 @@ export declare type InfoHeroProps = {
     image?: ImageProps;
     blingType?: BlingOptions;
 };
-declare const InfoHero: (props: InfoHeroProps) => JSX.Element;
+export declare const InfoHero: (props: InfoHeroProps) => JSX.Element;
 export default InfoHero;

package/InfoHero.js

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.InfoHero = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
-const _Blings_1 = tslib_1.__importDefault(require("./_abstract/_Blings"));
-const _Image_1 = tslib_1.__importDefault(require("./_abstract/_Image"));
-const breakOnNL_1 = tslib_1.__importDefault(require("./_abstract/breakOnNL"));
+const _Blings_1 = require("./_abstract/_Blings");
+const _Image_1 = require("./_abstract/_Image");
+const breakOnNL_1 = require("./_abstract/breakOnNL");
 const ButtonTertiary_1 = tslib_1.__importDefault(require("./ButtonTertiary"));
 const constants_1 = require("./constants");
 const blingOptions = {
@@ -76,10 +77,11 @@ const InfoHero = (props) => {
         react_1.default.createElement("div", { className: "InfoHero__content" },
             react_1.default.createElement("h1", { className: "InfoHero__title" }, title),
             titleBlurb && react_1.default.createElement("div", { className: "InfoHero__titleblurb" }, titleBlurb),
-            subTitle && react_1.default.createElement("div", { className: "InfoHero__subtitle" }, (0, breakOnNL_1.default)(subTitle)),
+            subTitle && react_1.default.createElement("div", { className: "InfoHero__subtitle" }, (0, breakOnNL_1.breakOnNL)(subTitle)),
             blurb && react_1.default.createElement("div", { className: "InfoHero__blurb" }, blurb),
             showButtons && (react_1.default.createElement("div", { className: "InfoHero__buttons" }, buttons.map((buttonProps, i) => (react_1.default.createElement(ButtonTertiary_1.default, Object.assign({ key: i }, buttonProps))))))),
-        react_1.default.createElement(_Image_1.default, Object.assign({ className: "InfoHero__image", altText: title }, image, { placeholder: true })),
-        react_1.default.createElement(_Blings_1.default, { blings: blings, mirror: alignment === 'right' })));
+        react_1.default.createElement(_Image_1.Image, Object.assign({ className: "InfoHero__image", altText: title }, image, { placeholder: true })),
+        react_1.default.createElement(_Blings_1.Blings, { blings: blings, mirror: alignment === 'right' })));
 };
-exports.default = InfoHero;
+exports.InfoHero = InfoHero;
+exports.default = exports.InfoHero;

package/IslandBlock.d.ts

@@ -21,5 +21,5 @@ declare type IslandContentBlocks = {
     image?: undefined;
 };
 export declare type IslandBlockProps = IslandBaseBlockProps & (IslandContentBlocks | IslandImageBlock) & SeenProp;
-declare const IslandBlock: (props: IslandBlockProps) => JSX.Element;
+export declare const IslandBlock: (props: IslandBlockProps) => JSX.Element;
 export default IslandBlock;

package/IslandBlock.js

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.IslandBlock = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const assets_1 = require("@reykjavik/hanna-utils/assets");
-const _Block_1 = tslib_1.__importDefault(require("./_abstract/_Block"));
+const _Block_1 = require("./_abstract/_Block");
 const constants_1 = require("./constants");
 const IslandBlock = (props) => {
     const { align, content, shapes, image, startSeen } = props;
@@ -14,6 +15,7 @@ const IslandBlock = (props) => {
             content,
             image: shapes ? { src: (0, assets_1.getFormheimurUrl)(shapes), inline: true } : image || {},
         };
-    return (react_1.default.createElement(_Block_1.default, Object.assign({ bem: "IslandBlock", modifier: 'align--' + alignment }, blockProps, { startSeen: startSeen })));
+    return (react_1.default.createElement(_Block_1.Block, Object.assign({ bem: "IslandBlock", modifier: 'align--' + alignment }, blockProps, { startSeen: startSeen })));
 };
-exports.default = IslandBlock;
+exports.IslandBlock = IslandBlock;
+exports.default = exports.IslandBlock;

package/IslandPageBlock.d.ts

@@ -20,5 +20,5 @@ export declare type IslandPageBlockProps = BlockItem & IslandPageImageProps & {
     align?: Alignment;
     background?: Background;
 } & SeenProp;
-declare const IslandPageBlock: (props: IslandPageBlockProps) => JSX.Element;
+export declare const IslandPageBlock: (props: IslandPageBlockProps) => JSX.Element;
 export default IslandPageBlock;

package/IslandPageBlock.js

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.IslandPageBlock = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const assets_1 = require("@reykjavik/hanna-utils/assets");
-const _Block_1 = tslib_1.__importDefault(require("./_abstract/_Block"));
+const _Block_1 = require("./_abstract/_Block");
 const constants_1 = require("./constants");
 const backgrounds = {
     none: undefined,
@@ -14,6 +15,7 @@ const IslandPageBlock = (props) => {
     const { title, summary, buttons, illustration, image, align, background, startSeen } = props;
     const alignment = align && constants_1.aligns[align] ? align : 'right';
     const bg = backgrounds[background || 'none'];
-    return (react_1.default.createElement(_Block_1.default, { bem: "IslandPageBlock", modifier: ['align--' + alignment, bg && 'background--' + bg], content: { title, summary, buttons }, image: illustration ? { src: (0, assets_1.getIllustrationUrl)(illustration) } : image || {}, startSeen: startSeen }));
+    return (react_1.default.createElement(_Block_1.Block, { bem: "IslandPageBlock", modifier: ['align--' + alignment, bg && 'background--' + bg], content: { title, summary, buttons }, image: illustration ? { src: (0, assets_1.getIllustrationUrl)(illustration) } : image || {}, startSeen: startSeen }));
 };
-exports.default = IslandPageBlock;
+exports.IslandPageBlock = IslandPageBlock;
+exports.default = exports.IslandPageBlock;

package/LabeledTextBlock.d.ts

@@ -7,5 +7,5 @@ export declare type LabeledTextBlockProps = {
     wide?: boolean;
     buttons?: Array<ButtonProps>;
 } & SeenProp;
-declare const LabeledTextBlock: (props: LabeledTextBlockProps) => JSX.Element;
+export declare const LabeledTextBlock: (props: LabeledTextBlockProps) => JSX.Element;
 export default LabeledTextBlock;

package/LabeledTextBlock.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.LabeledTextBlock = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
@@ -14,4 +15,5 @@ const LabeledTextBlock = (props) => {
             summary,
             buttons.map((button, i) => (react_1.default.createElement(ButtonTertiary_1.default, Object.assign({ key: i }, button)))))));
 };
-exports.default = LabeledTextBlock;
+exports.LabeledTextBlock = LabeledTextBlock;
+exports.default = exports.LabeledTextBlock;

package/Layout.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { SSRSupport } from '@hugsmidjan/react/hooks';
 import { BemPropsModifier } from '@hugsmidjan/react/types';
-import { HannaColorTheme } from '@reykjavik/hanna-css';
+import type { HannaColorTheme } from '@reykjavik/hanna-css';
 import { EitherObj } from '@reykjavik/hanna-utils';
 import { DefaultTexts } from '@reykjavik/hanna-utils/i18n';
 export declare type LayoutI18n = {
@@ -28,5 +28,5 @@ declare type LayoutProps = {
 }, {
     children: ReactNode;
 }>;
-declare const Layout: (props: LayoutProps) => JSX.Element;
+export declare const Layout: (props: LayoutProps) => JSX.Element;
 export default Layout;

package/Layout.js

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaultLayoutTexts = void 0;
+exports.Layout = exports.defaultLayoutTexts = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const hooks_1 = require("@hugsmidjan/react/hooks");
 const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
 const assets_1 = require("@reykjavik/hanna-utils/assets");
 const i18n_1 = require("@reykjavik/hanna-utils/i18n");
-const _Image_1 = tslib_1.__importDefault(require("./_abstract/_Image"));
+const _Image_1 = require("./_abstract/_Image");
 const _Link_1 = require("./_abstract/_Link");
 const useMenuToggling_1 = require("./utils/useMenuToggling");
 const useScrollbarWidthCSSVar_1 = require("./utils/useScrollbarWidthCSSVar");
@@ -37,7 +37,7 @@ const Layout = (props) => {
             react_1.default.createElement("div", { className: "Layout__header", role: "banner" },
                 react_1.default.createElement(_Link_1.Link, { className: "Layout__header__logo", href: logoLink },
                     ' ',
-                    react_1.default.createElement(_Image_1.default, { className: undefined, inline: true, src: (0, assets_1.getAssetUrl)('reykjavik-logo.svg') }),
+                    react_1.default.createElement(_Image_1.Image, { className: undefined, inline: true, src: (0, assets_1.getAssetUrl)('reykjavik-logo.svg') }),
                     ' ',
                     siteName,
                     ' '),
@@ -53,4 +53,5 @@ const Layout = (props) => {
                 isMenuActive && (react_1.default.createElement("button", { className: "Layout__nav__closebutton", onClick: closeMenu, "aria-label": txt.closeMenuLabelLong, type: "button" }, txt.closeMenuLabel)))),
             react_1.default.createElement("div", { className: "Layout__footer", role: "complementary" }, footerChildren))));
 };
-exports.default = Layout;
+exports.Layout = Layout;
+exports.default = exports.Layout;

package/MainMenu.d.ts

@@ -44,5 +44,5 @@ export declare type MainMenuProps = {
     lang?: string;
     ssr?: SSRSupport;
 };
-declare const MainMenu: (props: MainMenuProps) => JSX.Element | null;
+export declare const MainMenu: (props: MainMenuProps) => JSX.Element | null;
 export default MainMenu;

package/MainMenu.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaultMainMenuTexts = void 0;
+exports.MainMenu = exports.defaultMainMenuTexts = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const focusElm_1 = tslib_1.__importDefault(require("@hugsmidjan/qj/focusElm"));
@@ -27,6 +27,9 @@ const MainMenu = (props) => {
     const [activePanel, _setActivePanel] = (0, react_1.useState)(() => isBrowser && findActivePanel(megaPanels, props.activePanelId));
     const [laggyActivePanel, setLaggyActivePanel] = (0, useShortState_1.default)();
     const setActivePanel = (0, react_1.useCallback)((newActive, setFocus = true) => {
+        if (!isBrowser) {
+            return;
+        }
         const htmlElmDataset = document.documentElement.dataset;
         // const menuElm = menuElmRef.current as HTMLElement;
         _setActivePanel((activePanel) => {
@@ -62,7 +65,7 @@ const MainMenu = (props) => {
             }
             return newActive;
         });
-    }, [setLaggyActivePanel]);
+    }, [setLaggyActivePanel, isBrowser]);
     (0, useFormatMonitor_1.useFormatMonitor)((media) => {
         if (media.leftTopmenu) {
             setActivePanel(undefined);
@@ -82,7 +85,7 @@ const MainMenu = (props) => {
     }, [props.activePanelId, megaPanels, setActivePanel]);
     (0, react_1.useEffect)(() => {
         const menuElm = menuElmRef.current;
-        if (!hasActivePanel || !menuElm) {
+        if (!isBrowser || !hasActivePanel || !menuElm) {
             return;
         }
         const escHandler = (e) => {
@@ -101,7 +104,7 @@ const MainMenu = (props) => {
             document.removeEventListener('keydown', escHandler);
             document.removeEventListener('click', clickHandler, true);
         };
-    }, [hasActivePanel, setActivePanel]);
+    }, [hasActivePanel, setActivePanel, isBrowser]);
     if (menuItems.length === 0) {
         return null;
     }
@@ -113,7 +116,7 @@ const MainMenu = (props) => {
             }
             const { label, labelLong, lang, controlsId, onClick } = item;
             const pressed = (activePanel && controlsId === activePanel.id) || undefined;
-            return (react_1.default.createElement("li", { key: i, className: (0, getBemClass_1.default)('MainMenu__item', item.modifier), "aria-current": item.current || undefined }, onClick || (!!item.megaPanel && (isBrowser || item.href != null)) ? (
+            return (react_1.default.createElement("li", { key: i, className: (0, getBemClass_1.default)('MainMenu__item', item.modifier), "aria-current": item.current || undefined }, onClick || (!!item.megaPanel && (isBrowser || !item.href)) ? (
             // only print script-driven buttons in the browser
             react_1.default.createElement("button", { className: "MainMenu__link", onClick: () => {
                     item.megaPanel && setActivePanel(item.megaPanel);
@@ -137,4 +140,5 @@ const MainMenu = (props) => {
                 }),
                 auxiliaryPanel && react_1.default.createElement(_Auxiliary_1.AuxiliaryPanel, Object.assign({}, auxiliaryPanel)))))));
 };
-exports.default = MainMenu;
+exports.MainMenu = MainMenu;
+exports.default = exports.MainMenu;

package/MiniMetrics.d.ts

@@ -4,5 +4,5 @@ export declare type MiniMetricsProps = {
     text: string;
     moreButton: ButtonProps;
 } & SeenProp;
-declare const MiniMetrics: (props: MiniMetricsProps) => JSX.Element;
+export declare const MiniMetrics: (props: MiniMetricsProps) => JSX.Element;
 export default MiniMetrics;

package/MiniMetrics.js

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.MiniMetrics = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const _Button_1 = tslib_1.__importDefault(require("./_abstract/_Button"));
+const _Button_1 = require("./_abstract/_Button");
 const SeenEffect_1 = tslib_1.__importDefault(require("./SeenEffect"));
 const MiniMetrics = (props) => {
     const { text, moreButton, startSeen } = props;
@@ -10,6 +11,7 @@ const MiniMetrics = (props) => {
         react_1.default.createElement("strong", { className: "MiniMetrics__text" }, text),
         " ",
         '\n',
-        react_1.default.createElement(_Button_1.default, Object.assign({ bem: "MiniMetrics__more" }, moreButton))));
+        react_1.default.createElement(_Button_1.Button, Object.assign({ bem: "MiniMetrics__more" }, moreButton))));
 };
-exports.default = MiniMetrics;
+exports.MiniMetrics = MiniMetrics;
+exports.default = exports.MiniMetrics;

package/Modal.d.ts

@@ -4,5 +4,5 @@ export declare type ModalProps = Omit<_ModalProps, 'bem' | 'bodyWrap' | 'modifie
     modifier?: 'w6' | 'w8' | 'w10';
     bling?: ReactElement;
 };
-declare const Modal: (props: ModalProps) => JSX.Element;
+export declare const Modal: (props: ModalProps) => JSX.Element;
 export default Modal;

package/Modal.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Modal = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const Modal_1 = tslib_1.__importDefault(require("@hugsmidjan/react/Modal"));
@@ -14,4 +15,5 @@ const Modal = (props) => {
         // eslint-disable-next-line react/no-children-prop
         children: undefined })));
 };
-exports.default = Modal;
+exports.Modal = Modal;
+exports.default = exports.Modal;

package/NameCard.d.ts

@@ -60,5 +60,5 @@ export declare type NameCardProps = {
     /** @deprecated Use `contactInfo` instead  (will be removed in v0.11) */
     tel?: string | Array<string>;
 };
-declare const NameCard: (props: NameCardProps) => JSX.Element;
+export declare const NameCard: (props: NameCardProps) => JSX.Element;
 export default NameCard;

package/NameCard.js

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.NameCard = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
 const i18n_1 = require("@reykjavik/hanna-utils/i18n");
-const _Button_1 = tslib_1.__importDefault(require("./_abstract/_Button"));
-const breakOnNL_1 = tslib_1.__importDefault(require("./_abstract/breakOnNL"));
+const _Button_1 = require("./_abstract/_Button");
+const breakOnNL_1 = require("./_abstract/breakOnNL");
 const formatDate = (date) => {
     return typeof date === 'string'
         ? date
@@ -21,7 +22,7 @@ const _telToContactInfo = (tel) => {
         value: tel,
     }));
 };
-const renderContent = (content) => typeof content === 'string' ? (0, breakOnNL_1.default)(content) : content;
+const renderContent = (content) => typeof content === 'string' ? (0, breakOnNL_1.breakOnNL)(content) : content;
 const defaultTexts = {
     en: {
         updatedLabel: 'Updated on',
@@ -75,11 +76,12 @@ const NameCard = (props) => {
     return (react_1.default.createElement("div", { className: "NameCard" },
         react_1.default.createElement("div", { className: "NameCard__name" }, name),
         contactInfo.length > 0 && (react_1.default.createElement("p", { className: "NameCard__contactinfo" }, cleanContactInfo.map((item, i) => (react_1.default.createElement(react_1.default.Fragment, null,
-            typeof item === 'string' ? (react_1.default.createElement("span", { className: "NameCard__contactinfo__item" }, item)) : (react_1.default.createElement(_Button_1.default, { key: i, bem: "NameCard__contactinfo__item", href: item.href, "aria-label": item.longLabel, title: item.longLabel }, item.label)),
+            typeof item === 'string' ? (react_1.default.createElement("span", { className: "NameCard__contactinfo__item" }, item)) : (react_1.default.createElement(_Button_1.Button, { key: i, bem: "NameCard__contactinfo__item", href: item.href, "aria-label": item.longLabel, title: item.longLabel }, item.label)),
             ' '))))),
         location && react_1.default.createElement("p", { className: "NameCard__location" }, renderContent(location)),
         hours && react_1.default.createElement("p", { className: "NameCard__hours" }, renderContent(hours)),
         aboutText && react_1.default.createElement("p", { className: "NameCard__abouttext" }, renderContent(aboutText)),
         renderMeta()));
 };
-exports.default = NameCard;
+exports.NameCard = NameCard;
+exports.default = exports.NameCard;

package/NameCards.d.ts

@@ -2,5 +2,5 @@ import { NameCardProps } from './NameCard';
 declare type NameCardsProps = {
     items: Array<NameCardProps>;
 };
-declare const NameCards: (props: NameCardsProps) => JSX.Element;
+export declare const NameCards: (props: NameCardsProps) => JSX.Element;
 export default NameCards;

package/NameCards.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.NameCards = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const NameCard_1 = tslib_1.__importDefault(require("./NameCard"));
@@ -7,4 +8,5 @@ const NameCards = (props) => {
     const { items } = props;
     return (react_1.default.createElement("div", { className: "NameCards" }, items.map((item, i) => (react_1.default.createElement(NameCard_1.default, Object.assign({ key: i }, item))))));
 };
-exports.default = NameCards;
+exports.NameCards = NameCards;
+exports.default = exports.NameCards;

package/NewsHero.d.ts

@@ -10,5 +10,5 @@ export declare type NewsHeroProps = {
     image?: ImageProps;
     blingType?: BlingOptions;
 } & SeenProp;
-declare const NewsHero: (props: NewsHeroProps) => JSX.Element;
+export declare const NewsHero: (props: NewsHeroProps) => JSX.Element;
 export default NewsHero;

package/NewsHero.js

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.NewsHero = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
 const hanna_utils_1 = require("@reykjavik/hanna-utils");
-const _Blings_1 = tslib_1.__importDefault(require("./_abstract/_Blings"));
-const _Image_1 = tslib_1.__importDefault(require("./_abstract/_Image"));
+const _Blings_1 = require("./_abstract/_Blings");
+const _Image_1 = require("./_abstract/_Image");
 const seenEffect_1 = require("./utils/seenEffect");
 const ShareButtons_1 = tslib_1.__importDefault(require("./ShareButtons"));
 const blingOptions = {
@@ -84,6 +85,7 @@ const NewsHero = (props) => {
             meta && react_1.default.createElement("span", { className: "NewsHero__meta" }, meta),
             react_1.default.createElement("div", { className: "NewsHero__summary" }, summary),
             sharing === true ? react_1.default.createElement(ShareButtons_1.default, null) : sharing && sharing()),
-        image ? (react_1.default.createElement(_Image_1.default, Object.assign({ className: "NewsHero__image" }, image))) : (react_1.default.createElement(_Blings_1.default, { blings: blings }))));
+        image ? (react_1.default.createElement(_Image_1.Image, Object.assign({ className: "NewsHero__image" }, image))) : (react_1.default.createElement(_Blings_1.Blings, { blings: blings }))));
 };
-exports.default = NewsHero;
+exports.NewsHero = NewsHero;
+exports.default = exports.NewsHero;

package/PageFilter.d.ts

@@ -12,5 +12,5 @@ export declare type PageFilterProps = {
 }, {
     children: React.ReactNode;
 }> & SeenProp;
-declare const PageFilter: (props: PageFilterProps) => JSX.Element;
+export declare const PageFilter: (props: PageFilterProps) => JSX.Element;
 export default PageFilter;

package/PageFilter.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.PageFilter = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
@@ -15,4 +16,5 @@ const PageFilter = (props) => {
         react_1.default.createElement("div", { className: "PageFilter__buttons" }, buttonRow),
         footnote && react_1.default.createElement(Footnote_1.default, null, footnote)));
 };
-exports.default = PageFilter;
+exports.PageFilter = PageFilter;
+exports.default = exports.PageFilter;

package/PageHeading.d.ts

@@ -6,5 +6,5 @@ export declare type PageHeadingProps = {
     small?: boolean;
     children: ReactNode;
 } & SeenProp;
-declare const PageHeading: (props: PageHeadingProps) => JSX.Element;
+export declare const PageHeading: (props: PageHeadingProps) => JSX.Element;
 export default PageHeading;

package/PageHeading.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.PageHeading = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
@@ -12,4 +13,5 @@ const PageHeading = (props) => {
             align === 'right' && 'align--' + align,
         ]), ref: ref }, children));
 };
-exports.default = PageHeading;
+exports.PageHeading = PageHeading;
+exports.default = exports.PageHeading;

package/Picture.d.ts

@@ -3,5 +3,5 @@ export declare type PictureProps = ImagePropsLinked & {
     contain?: boolean;
     className?: string;
 };
-declare const Picture: (props: PictureProps) => JSX.Element;
+export declare const Picture: (props: PictureProps) => JSX.Element;
 export default Picture;

package/Picture.js

@@ -1,11 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Picture = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
-const _Image_1 = tslib_1.__importDefault(require("./_abstract/_Image"));
+const _Image_1 = require("./_abstract/_Image");
 const Picture = (props) => {
     const { contain, className } = props;
-    return (react_1.default.createElement(_Image_1.default, Object.assign({}, props, { className: (0, getBemClass_1.default)('Picture', contain && 'contain', className) })));
+    return (react_1.default.createElement(_Image_1.Image, Object.assign({}, props, { className: (0, getBemClass_1.default)('Picture', contain && 'contain', className) })));
 };
-exports.default = Picture;
+exports.Picture = Picture;
+exports.default = exports.Picture;

package/ProcessOverview.d.ts

@@ -9,5 +9,5 @@ export declare type ProcessOverviewProps = {
     transparent?: boolean;
     narrow?: boolean;
 };
-declare const ProcessOverview: (props: ProcessOverviewProps) => JSX.Element;
+export declare const ProcessOverview: (props: ProcessOverviewProps) => JSX.Element;
 export default ProcessOverview;