@reykjavik/hanna-react 0.10.70 → 0.10.72

package/Gallery/_GalleryItem.js

@@ -1,22 +1,23 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.GalleryItem = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
-const _Button_1 = tslib_1.__importDefault(require("../_abstract/_Button"));
-const _Image_1 = tslib_1.__importDefault(require("../_abstract/_Image"));
-const _GalleryModalContext_1 = tslib_1.__importDefault(require("./_GalleryModalContext"));
+const _Button_1 = require("../_abstract/_Button");
+const _Image_1 = require("../_abstract/_Image");
+const _GalleryModalContext_1 = require("./_GalleryModalContext");
 const GalleryItem = (props) => {
     const { caption, description, largeImageSrc } = props, image = tslib_1.__rest(props, ["caption", "description", "largeImageSrc"]);
-    const { setCurrentImage } = (0, react_1.useContext)(_GalleryModalContext_1.default);
+    const { setCurrentImage } = (0, react_1.useContext)(_GalleryModalContext_1.GalleryModalContext);
     return (react_1.default.createElement("figure", { className: "GalleryItem" },
         react_1.default.createElement("figcaption", { className: "GalleryItem__caption" }, caption),
-        largeImageSrc ? (react_1.default.createElement(_Button_1.default, { bem: "GalleryItem__button", href: largeImageSrc, onClick: (e) => {
+        largeImageSrc ? (react_1.default.createElement(_Button_1.Button, { bem: "GalleryItem__button", href: largeImageSrc, onClick: (e) => {
                 e.preventDefault();
                 setCurrentImage(Object.assign(Object.assign({}, image), { caption, description, largeImageSrc }));
             } },
             ' ',
-            react_1.default.createElement(_Image_1.default, Object.assign({ className: "GalleryItem__image" }, image)),
-            ' ')) : (react_1.default.createElement(_Image_1.default, Object.assign({ className: "GalleryItem__image" }, image))),
+            react_1.default.createElement(_Image_1.Image, Object.assign({ className: "GalleryItem__image" }, image)),
+            ' ')) : (react_1.default.createElement(_Image_1.Image, Object.assign({ className: "GalleryItem__image" }, image))),
         description && react_1.default.createElement("div", { className: "GalleryItem__description" }, description)));
 };
-exports.default = GalleryItem;
+exports.GalleryItem = GalleryItem;

package/Gallery/_GalleryModal.d.ts

@@ -2,5 +2,5 @@ import { GalleryI18n } from '../Gallery';
 declare type GalleryModalProps = {
     texts: Readonly<GalleryI18n>;
 };
-declare const GalleryModal: (props: GalleryModalProps) => JSX.Element | null;
-export default GalleryModal;
+export declare const GalleryModal: (props: GalleryModalProps) => JSX.Element | null;
+export {};

package/Gallery/_GalleryModal.js

@@ -1,16 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.GalleryModal = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const react_transition_group_1 = require("react-transition-group");
 const object_1 = require("@hugsmidjan/qj/object");
 const CarouselPaging_1 = tslib_1.__importDefault(require("@hugsmidjan/react/CarouselPaging"));
 const Modal_1 = tslib_1.__importDefault(require("@hugsmidjan/react/Modal"));
-const _GalleryModalContext_1 = tslib_1.__importDefault(require("./_GalleryModalContext"));
-const _GalleryModalItem_1 = tslib_1.__importDefault(require("./_GalleryModalItem"));
+const _GalleryModalContext_1 = require("./_GalleryModalContext");
+const _GalleryModalItem_1 = require("./_GalleryModalItem");
 const GalleryModal = (props) => {
     const { texts } = props;
-    const { currentImage, items, setCurrentImage } = (0, react_1.useContext)(_GalleryModalContext_1.default);
+    const { currentImage, items, setCurrentImage } = (0, react_1.useContext)(_GalleryModalContext_1.GalleryModalContext);
     const [image, setImage] = (0, react_1.useState)(currentImage);
     const [animated, setAnimated] = (0, react_1.useState)(false);
     const updateImage = (index) => {
@@ -48,10 +49,10 @@ const GalleryModal = (props) => {
             react_1.default.createElement(react_transition_group_1.CSSTransition, { in: animated, timeout: 200, onEntered: () => {
                     setAnimated(!animated);
                 }, classNames: "GalleryModalItem--" },
-                react_1.default.createElement(_GalleryModalItem_1.default, Object.assign({}, image))),
+                react_1.default.createElement(_GalleryModalItem_1.GalleryModalItem, Object.assign({}, image))),
             react_1.default.createElement(CarouselPaging_1.default, { bem: "GalleryModalPager", itemCount: items.length, current: imageIndex, setCurrent: updateImage, texts: {
                     next: texts.modalNextLabel,
                     prev: texts.modalPrevLabel,
                 } }))));
 };
-exports.default = GalleryModal;
+exports.GalleryModal = GalleryModal;

package/Gallery/_GalleryModalContext.d.ts

@@ -5,5 +5,5 @@ declare type ModalContextProps = {
     setCurrentImage: (item: GalleryItemProps | undefined) => void;
     currentImage: GalleryItemProps | undefined;
 } & GalleryProps;
-declare const GalleryModalContext: React.Context<ModalContextProps>;
-export default GalleryModalContext;
+export declare const GalleryModalContext: React.Context<ModalContextProps>;
+export {};

package/Gallery/_GalleryModalContext.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.GalleryModalContext = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const GalleryModalContext = react_1.default.createContext({});
-exports.default = GalleryModalContext;
+exports.GalleryModalContext = react_1.default.createContext({});

package/Gallery/_GalleryModalItem.d.ts

@@ -1,3 +1,2 @@
 import { GalleryItemProps } from './_GalleryItem';
-declare const GalleryModalItem: (props: GalleryItemProps) => JSX.Element;
-export default GalleryModalItem;
+export declare const GalleryModalItem: (props: GalleryItemProps) => JSX.Element;

package/Gallery/_GalleryModalItem.js

@@ -1,14 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.GalleryModalItem = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const _Image_1 = tslib_1.__importDefault(require("../_abstract/_Image"));
+const _Image_1 = require("../_abstract/_Image");
 const GalleryModalItem = (props) => {
     const { caption, description } = props, image = tslib_1.__rest(props, ["caption", "description"]);
     return (react_1.default.createElement("div", { className: "GalleryModalItem" },
         (caption || description) && (react_1.default.createElement("div", { className: "GalleryModalItem__text" },
             react_1.default.createElement("div", { className: "GalleryModalItem__caption" }, caption),
             react_1.default.createElement("div", { className: "GalleryModalItem__description" }, description))),
-        react_1.default.createElement(_Image_1.default, { className: "GalleryModalItem__image", src: image.largeImageSrc || image.src })));
+        react_1.default.createElement(_Image_1.Image, { className: "GalleryModalItem__image", src: image.largeImageSrc || image.src })));
 };
-exports.default = GalleryModalItem;
+exports.GalleryModalItem = GalleryModalItem;

package/Gallery.d.ts

@@ -13,5 +13,5 @@ export declare type GalleryProps = {
     lang?: string;
     ssr?: SSRSupport;
 } & SeenProp;
-declare const Gallery: (props: GalleryProps) => JSX.Element;
+export declare const Gallery: (props: GalleryProps) => JSX.Element;
 export default Gallery;

package/Gallery.js

@@ -1,12 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Gallery = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const i18n_1 = require("@reykjavik/hanna-utils/i18n");
-const _AbstractCarousel_1 = tslib_1.__importDefault(require("./_abstract/_AbstractCarousel"));
-const _GalleryItem_1 = tslib_1.__importDefault(require("./Gallery/_GalleryItem"));
-const _GalleryModal_1 = tslib_1.__importDefault(require("./Gallery/_GalleryModal"));
-const _GalleryModalContext_1 = tslib_1.__importDefault(require("./Gallery/_GalleryModalContext"));
+const _AbstractCarousel_1 = require("./_abstract/_AbstractCarousel");
+const _GalleryItem_1 = require("./Gallery/_GalleryItem");
+const _GalleryModal_1 = require("./Gallery/_GalleryModal");
+const _GalleryModalContext_1 = require("./Gallery/_GalleryModalContext");
 const defaultTexts = {
     en: {
         modalNextLabel: 'Next image',
@@ -23,8 +24,9 @@ const Gallery = (props) => {
     const { items, ssr, startSeen } = props;
     const texts = (0, i18n_1.getTexts)(props, defaultTexts);
     const [modalImage, setModalImage] = (0, react_1.useState)(undefined);
-    return (react_1.default.createElement(_GalleryModalContext_1.default.Provider, { value: { items, setCurrentImage: setModalImage, currentImage: modalImage } },
-        react_1.default.createElement(_AbstractCarousel_1.default, { bem: "Gallery", items: items, Component: _GalleryItem_1.default, ssr: ssr, startSeen: startSeen }),
-        react_1.default.createElement(_GalleryModal_1.default, Object.assign({}, modalImage, { texts: texts }))));
+    return (react_1.default.createElement(_GalleryModalContext_1.GalleryModalContext.Provider, { value: { items, setCurrentImage: setModalImage, currentImage: modalImage } },
+        react_1.default.createElement(_AbstractCarousel_1.AbstractCarousel, { bem: "Gallery", items: items, Component: _GalleryItem_1.GalleryItem, ssr: ssr, startSeen: startSeen }),
+        react_1.default.createElement(_GalleryModal_1.GalleryModal, Object.assign({}, modalImage, { texts: texts }))));
 };
-exports.default = Gallery;
+exports.Gallery = Gallery;
+exports.default = exports.Gallery;

package/GridBlocks.d.ts

@@ -22,5 +22,5 @@ export declare type GridBlocksProp1s = {
     blocks: Array<GridBlockItem>;
     twocol?: boolean;
 };
-declare const GridBlocks: (props: GridBlocksProps) => JSX.Element;
+export declare const GridBlocks: (props: GridBlocksProps) => JSX.Element;
 export default GridBlocks;

package/GridBlocks.js

@@ -1,10 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.GridBlocks = 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 assets_1 = require("@reykjavik/hanna-utils/assets");
-const _Image_1 = tslib_1.__importDefault(require("./_abstract/_Image"));
+const _Image_1 = require("./_abstract/_Image");
 const _Link_1 = require("./_abstract/_Link");
 const seenEffect_1 = require("./utils/seenEffect");
 const ButtonTertiary_1 = tslib_1.__importDefault(require("./ButtonTertiary"));
@@ -14,7 +15,7 @@ const GridBlocks = (props) => {
     return (react_1.default.createElement("div", { className: (0, getBemClass_1.default)('GridBlocks', [twocol && 'twocol']), ref: ref }, blocks.map(({ title, summary, href, links = [], icon, image }, i) => {
         const imageProps = icon ? { src: (0, assets_1.getEfnistaknUrl)(icon) } : image;
         return (react_1.default.createElement("div", { key: i, className: "GridBlocks__item" },
-            imageProps && react_1.default.createElement(_Image_1.default, Object.assign({ className: "GridBlocks__illustration" }, imageProps)),
+            imageProps && react_1.default.createElement(_Image_1.Image, Object.assign({ className: "GridBlocks__illustration" }, imageProps)),
             react_1.default.createElement("div", { className: "GridBlocks__textwrap" },
                 react_1.default.createElement("h3", { className: "GridBlocks__item__title" }, href != null ? (react_1.default.createElement(_Link_1.Link, { className: "GridBlocks__item__titlelink", href: href }, title)) : (title)),
                 react_1.default.createElement("div", { className: "GridBlocks__item__summary" }, summary),
@@ -24,4 +25,5 @@ const GridBlocks = (props) => {
                 })))));
     })));
 };
-exports.default = GridBlocks;
+exports.GridBlocks = GridBlocks;
+exports.default = exports.GridBlocks;

package/Heading.d.ts

@@ -14,8 +14,9 @@ export declare type HeadingProps = {
     /**
      * Make an exception and render a `<h1/>` element.
      *
-     * This prop is ignore if the `Tag` prop is defined. */
+     * This prop is ignore if the `Tag` prop is defined.
+     */
     forceH1?: boolean;
 } & ComponentLayoutProps;
-declare const Heading: (props: HeadingProps) => JSX.Element;
+export declare const Heading: (props: HeadingProps) => JSX.Element;
 export default Heading;

package/Heading.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Heading = 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,10 +13,12 @@ const sizes = {
 const Heading = (props) => {
     const { size = 'normal', align, wide, children } = props;
     const Tag = props.Tag || (props.forceH1 ? 'h1' : 'h2');
-    return (react_1.default.createElement(Tag, { className: (0, getBemClass_1.default)('Heading', [
+    const suppressWarning = process.env.NODE_ENV !== 'production' && Tag === 'h1' ? true : undefined;
+    return (react_1.default.createElement(Tag, { "data-dev-forcedH1": suppressWarning, className: (0, getBemClass_1.default)('Heading', [
             sizes[size],
             align === 'right' && 'align--' + align,
             !align && wide && 'wide',
         ]) }, children));
 };
-exports.default = Heading;
+exports.Heading = Heading;
+exports.default = exports.Heading;

package/HeroBlock.d.ts

@@ -15,5 +15,5 @@ export declare type HeroBlockProps = {
     primaryButton?: ButtonProps;
     secondaryButton?: ButtonProps;
 } & HeroBlockImageProps & SeenProp;
-declare const HeroBlock: (props: HeroBlockProps) => JSX.Element;
+export declare const HeroBlock: (props: HeroBlockProps) => JSX.Element;
 export default HeroBlock;

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

@@ -2,6 +2,8 @@ import { EitherObj } from '@reykjavik/hanna-utils';
 import { ResizerOptions } from 'iframe-resizer-react';
 export declare type IframeBlockProps = {
     src: string;
+    /** Accessible title attribute for the iframe (similar to alt="" on images) */
+    title: string;
     framed?: boolean;
     compact?: boolean;
     align?: 'right';
@@ -22,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"));
@@ -13,17 +14,18 @@ const iframe_resizer_react_1 = tslib_1.__importDefault(require("iframe-resizer-r
  * ```
  */
 const IframeBlock = (props) => {
-    const { src, framed, compact, scrolling, height = 'auto', align, checkOrigin = false, } = props;
+    const { title, src, framed, compact, scrolling, height = 'auto', align, checkOrigin = false, } = props;
     const className = (0, getBemClass_1.default)('IframeBlock', [
         framed && 'framed',
         compact && 'compact',
         align === 'right' && 'align--' + align,
     ]);
-    return height === 'auto' ? (react_1.default.createElement(iframe_resizer_react_1.default, { className: className, src: src, checkOrigin: checkOrigin })) : (react_1.default.createElement("iframe", { className: className, src: src, 
+    return height === 'auto' ? (react_1.default.createElement(iframe_resizer_react_1.default, { className: className, title: title, src: src, checkOrigin: checkOrigin })) : (react_1.default.createElement("iframe", { className: className, title: title, src: src, 
         // hidden tiger: pass negative height to disable iframe-resizer but not set height explicitly
         // (Silly hack, don't rely on this)
         height: height < 0 ? undefined : height, 
         // 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

@@ -1,10 +1,10 @@
 import { CardListSummaryProps, ImageCardListProps, ImageCardProps as _ImageCardProps } from './_abstract/_CardList';
 import { SeenProp } from './utils/seenEffect';
-/** @deprecated Use `ImageCard` instead.  (Will be removed in v0.11) */
-export declare type ImageCardProps = _ImageCardProps;
 export declare type ImageCardsItemProps = _ImageCardProps;
+/** @deprecated Use `ImageCardsItemProps` instead.  (Will be removed in v0.11) */
+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

@@ -1,17 +1,13 @@
+import { EitherObj } from '@reykjavik/hanna-utils';
 import { SeenProp } from './utils/seenEffect';
 export declare type InfoBlockProps = {
     title: string;
-    subtitle: string | JSX.Element;
+    subtitle?: string | JSX.Element;
     items: Array<string | JSX.Element>;
-} & ({
-    attention?: undefined;
-    extraInfo?: undefined;
-} | {
-    attention: string | JSX.Element;
-    extraInfo?: undefined;
-} | {
-    extraInfo: string | JSX.Element;
-    attention?: undefined;
-}) & SeenProp;
-declare const InfoBlock: (props: InfoBlockProps) => JSX.Element;
+} & EitherObj<{
+    attention?: string | JSX.Element;
+}, {
+    extraInfo?: string | JSX.Element;
+}> & SeenProp;
+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");
@@ -8,9 +9,10 @@ const InfoBlock = (props) => {
     const [ref] = (0, seenEffect_1.useSeenEffect)(startSeen);
     return (react_1.default.createElement("div", { className: "InfoBlock", ref: ref },
         react_1.default.createElement("h2", { className: "InfoBlock__title" }, title),
-        react_1.default.createElement("div", { className: "InfoBlock__subtitle" }, subtitle),
+        subtitle && react_1.default.createElement("div", { className: "InfoBlock__subtitle" }, subtitle),
         react_1.default.createElement("ul", { className: "InfoBlock__items" }, items.map((item, i) => (react_1.default.createElement("li", { key: i, className: "InfoBlock__item" }, item)))),
         '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;