@reykjavik/hanna-react 0.10.57 → 0.10.60

package/Gallery/_GalleryModalContext.js

@@ -1,8 +1,6 @@
 "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 tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
 const GalleryModalContext = react_1.default.createContext({});
 exports.default = GalleryModalContext;

package/Gallery/_GalleryModalItem.js

@@ -1,27 +1,14 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-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 Image_1 = __importDefault(require("../_abstract/Image"));
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const _Image_1 = tslib_1.__importDefault(require("../_abstract/_Image"));
 const GalleryModalItem = (props) => {
-    const { caption, description } = props, image = __rest(props, ["caption", "description"]);
+    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.default, { className: "GalleryModalItem__image", src: image.largeImageSrc || image.src })));
 };
 exports.default = GalleryModalItem;

package/Gallery.js

@@ -1,37 +1,12 @@
 "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 tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
 const i18n_1 = require("@reykjavik/hanna-utils/i18n");
-const _AbstractCarousel_1 = __importDefault(require("./_abstract/_AbstractCarousel"));
-const _GalleryItem_1 = __importDefault(require("./Gallery/_GalleryItem"));
-const _GalleryModal_1 = __importDefault(require("./Gallery/_GalleryModal"));
-const _GalleryModalContext_1 = __importDefault(require("./Gallery/_GalleryModalContext"));
+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 defaultTexts = {
     en: {
         modalNextLabel: 'Next image',

package/GridBlocks.d.ts

@@ -1,6 +1,6 @@
 import { Efnistakn } from '@reykjavik/hanna-utils/assets';
-import { ButtonProps } from './_abstract/Button';
-import { ImageProps } from './_abstract/Image';
+import { ButtonProps } from './_abstract/_Button';
+import { ImageProps } from './_abstract/_Image';
 import { SeenProp } from './utils/seenEffect';
 export declare type GridBlockItem = {
     title: string;

package/GridBlocks.js

@@ -1,24 +1,22 @@
 "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 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 = __importDefault(require("./_abstract/Image"));
-const Link_1 = require("./_abstract/Link");
+const _Image_1 = tslib_1.__importDefault(require("./_abstract/_Image"));
+const _Link_1 = require("./_abstract/_Link");
 const seenEffect_1 = require("./utils/seenEffect");
-const ButtonTertiary_1 = __importDefault(require("./ButtonTertiary"));
+const ButtonTertiary_1 = tslib_1.__importDefault(require("./ButtonTertiary"));
 const GridBlocks = (props) => {
     const { blocks, twocol, startSeen } = props;
     const [ref] = (0, seenEffect_1.useSeenEffect)(startSeen);
     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.default, 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("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),
                 react_1.default.createElement("ul", { className: "GridBlocks__links" }, links.map((link, i) => {
                     return (react_1.default.createElement("li", { key: i, className: "GridBlocks__link" },

package/Heading.d.ts

@@ -3,7 +3,7 @@ import { ComponentLayoutProps } from './constants';
 declare const sizes: {
     readonly small: "small";
     /** Default value */
-    readonly normal: "normal";
+    readonly normal: "";
     readonly large: "large";
 };
 declare type HeadingSize = keyof typeof sizes;

package/Heading.js

@@ -1,14 +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 getBemClass_1 = __importDefault(require("@hugsmidjan/react/utils/getBemClass"));
+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 sizes = {
     small: 'small',
     /** Default value */
-    normal: 'normal',
+    normal: '',
     large: 'large',
 };
 const Heading = (props) => {

package/HeroBlock.d.ts

@@ -1,6 +1,6 @@
 import { Illustration } from '@reykjavik/hanna-utils/assets';
-import { ButtonProps } from './_abstract/Button';
-import { ImageProps } from './_abstract/Image';
+import { ButtonProps } from './_abstract/_Button';
+import { ImageProps } from './_abstract/_Image';
 import { SeenProp } from './utils/seenEffect';
 declare type HeroBlockImageProps = {
     illustration: Illustration;

package/HeroBlock.js

@@ -1,14 +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 tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
 const assets_1 = require("@reykjavik/hanna-utils/assets");
-const Image_1 = __importDefault(require("./_abstract/Image"));
+const _Image_1 = tslib_1.__importDefault(require("./_abstract/_Image"));
 const seenEffect_1 = require("./utils/seenEffect");
-const ButtonPrimary_1 = __importDefault(require("./ButtonPrimary"));
-const ButtonTertiary_1 = __importDefault(require("./ButtonTertiary"));
+const ButtonPrimary_1 = tslib_1.__importDefault(require("./ButtonPrimary"));
+const ButtonTertiary_1 = tslib_1.__importDefault(require("./ButtonTertiary"));
 const HeroBlock = (props) => {
     const { title, summary, illustration, image, primaryButton, secondaryButton, startSeen, } = props;
     const hasButtons = Boolean(primaryButton || secondaryButton);
@@ -16,7 +14,7 @@ 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.default, 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)),

package/IframeBlock.d.ts

@@ -1,15 +1,19 @@
+import { ResizerOptions } from 'iframe-resizer-react';
 export declare type IframeBlockProps = {
     src: string;
     framed?: boolean;
     compact?: boolean;
     align?: 'right';
 } & ({
-    /** Default: 'auto' ... which initializes "iframe-resizer" script */
+    /** Default: `'auto'` ... which initializes "iframe-resizer" script */
     height?: 'auto';
     scrolling?: never;
+    /** Default: `false` ... Set to `true` for same-site only, or provide array of allowed domain-names */
+    checkOrigin?: ResizerOptions['checkOrigin'];
 } | {
     height: number;
     scrolling?: boolean | 'no' | 'yes';
+    checkOrigin?: never;
 });
 /**
  * When `height` is undefined or "auto", then Add the following code-snipped to the iframed page:

package/IframeBlock.js

@@ -1,11 +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 iframe_resizer_react_1 = __importDefault(require("iframe-resizer-react"));
+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 iframe_resizer_react_1 = tslib_1.__importDefault(require("iframe-resizer-react"));
 /**
  * When `height` is undefined or "auto", then Add the following code-snipped to the iframed page:
  *
@@ -15,13 +13,13 @@ const iframe_resizer_react_1 = __importDefault(require("iframe-resizer-react"));
  * ```
  */
 const IframeBlock = (props) => {
-    const { src, framed, compact, scrolling, height = 'auto', align } = props;
+    const { 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 })) : (react_1.default.createElement("iframe", { className: className, src: src, 
+    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, 
         // 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, 

package/Illustration.d.ts

@@ -1,5 +1,5 @@
 import { Illustration as IllustrationName } from '@reykjavik/hanna-utils/assets';
-import { ImageProps } from './_abstract/Image';
+import { ImageProps } from './_abstract/_Image';
 declare type IllustrationProps = {
     children?: undefined;
 } & ({

package/Illustration.js

@@ -1,13 +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"));
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
 const assets_1 = require("@reykjavik/hanna-utils/assets");
-const Image_1 = __importDefault(require("./_abstract/Image"));
+const _Image_1 = tslib_1.__importDefault(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.default, Object.assign({ className: "Illustration" }, imgProps));
 };
 exports.default = Illustration;

package/ImageCards.d.ts

@@ -1,4 +1,4 @@
-import { ImageCardListProps, ImageCardProps as ICP } from './_abstract/CardList';
+import { ImageCardListProps, ImageCardProps as ICP } from './_abstract/_CardList';
 import { SeenProp } from './utils/seenEffect';
 export declare type ImageCardProps = ICP;
 declare type _ImageCardProps = ImageCardListProps & {

package/ImageCards.js

@@ -1,27 +1,14 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-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 CardList_1 = require("./_abstract/CardList");
+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 _CardList_1 = require("./_abstract/_CardList");
 const seenEffect_1 = require("./utils/seenEffect");
 const ImageCards = (props) => {
-    const { background, startSeen } = props, cardListProps = __rest(props, ["background", "startSeen"]);
+    const { background, startSeen } = props, cardListProps = tslib_1.__rest(props, ["background", "startSeen"]);
     const [ref] = (0, seenEffect_1.useSeenEffect)(startSeen);
     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 }))));
+        react_1.default.createElement(_CardList_1.CardList, Object.assign({}, cardListProps, { bemPrefix: "ImageCards", imgPlaceholder: props.imgPlaceholder || true }))));
 };
 exports.default = ImageCards;

package/InfoBlock.js

@@ -1,9 +1,7 @@
 "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 tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
 const seenEffect_1 = require("./utils/seenEffect");
 const InfoBlock = (props) => {
     const { title, subtitle, items, startSeen } = props;

package/InfoHero.d.ts

@@ -1,5 +1,5 @@
-import { ButtonProps } from './_abstract/Button';
-import { ImageProps } from './_abstract/Image';
+import { ButtonProps } from './_abstract/_Button';
+import { ImageProps } from './_abstract/_Image';
 import { Alignment } from './constants';
 declare type BlingOptions = 'waves' | 'sunny-waves' | 'triangles' | 'circles';
 export declare type InfoHeroProps = {

package/InfoHero.js

@@ -1,14 +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 getBemClass_1 = __importDefault(require("@hugsmidjan/react/utils/getBemClass"));
-const _Blings_1 = __importDefault(require("./_abstract/_Blings"));
-const breakOnNL_1 = __importDefault(require("./_abstract/breakOnNL"));
-const Image_1 = __importDefault(require("./_abstract/Image"));
-const ButtonTertiary_1 = __importDefault(require("./ButtonTertiary"));
+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 ButtonTertiary_1 = tslib_1.__importDefault(require("./ButtonTertiary"));
 const constants_1 = require("./constants");
 const blingOptions = {
     waves: [
@@ -81,7 +79,7 @@ const InfoHero = (props) => {
             subTitle && react_1.default.createElement("div", { className: "InfoHero__subtitle" }, (0, breakOnNL_1.default)(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(_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' })));
 };
 exports.default = InfoHero;

package/IslandBlock.d.ts

@@ -1,6 +1,6 @@
 import { Formheimur } from '@reykjavik/hanna-utils/assets';
 import { BlockItem } from './_abstract/_Block';
-import { ImageProps } from './_abstract/Image';
+import { ImageProps } from './_abstract/_Image';
 import { SeenProp } from './utils/seenEffect';
 import { Alignment } from './constants';
 declare type IslandBaseBlockProps = {

package/IslandBlock.js

@@ -1,11 +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 tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
 const assets_1 = require("@reykjavik/hanna-utils/assets");
-const _Block_1 = __importDefault(require("./_abstract/_Block"));
+const _Block_1 = tslib_1.__importDefault(require("./_abstract/_Block"));
 const constants_1 = require("./constants");
 const IslandBlock = (props) => {
     const { align, content, shapes, image, startSeen } = props;

package/IslandPageBlock.d.ts

@@ -1,6 +1,6 @@
 import { Illustration } from '@reykjavik/hanna-utils/assets';
 import { BlockItem } from './_abstract/_Block';
-import { ImageProps } from './_abstract/Image';
+import { ImageProps } from './_abstract/_Image';
 import { SeenProp } from './utils/seenEffect';
 import { Alignment } from './constants';
 declare const backgrounds: {

package/IslandPageBlock.js

@@ -1,11 +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 tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
 const assets_1 = require("@reykjavik/hanna-utils/assets");
-const _Block_1 = __importDefault(require("./_abstract/_Block"));
+const _Block_1 = tslib_1.__importDefault(require("./_abstract/_Block"));
 const constants_1 = require("./constants");
 const backgrounds = {
     none: undefined,

package/LabeledTextBlock.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement } from 'react';
-import { ButtonProps } from './_abstract/Button';
+import { ButtonProps } from './_abstract/_Button';
 import { SeenProp } from './utils/seenEffect';
 export declare type LabeledTextBlockProps = {
     label: string;

package/LabeledTextBlock.js

@@ -1,12 +1,10 @@
 "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 tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
 const seenEffect_1 = require("./utils/seenEffect");
-const ButtonTertiary_1 = __importDefault(require("./ButtonTertiary"));
+const ButtonTertiary_1 = tslib_1.__importDefault(require("./ButtonTertiary"));
 const LabeledTextBlock = (props) => {
     const { label, summary, wide, buttons = [], startSeen } = props;
     const [ref] = (0, seenEffect_1.useSeenEffect)(startSeen);

package/Layout.js

@@ -1,16 +1,14 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.defaultLayoutTexts = void 0;
-const react_1 = __importDefault(require("react"));
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
 const hooks_1 = require("@hugsmidjan/react/hooks");
-const getBemClass_1 = __importDefault(require("@hugsmidjan/react/utils/getBemClass"));
+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 = __importDefault(require("./_abstract/Image"));
-const Link_1 = require("./_abstract/Link");
+const _Image_1 = tslib_1.__importDefault(require("./_abstract/_Image"));
+const _Link_1 = require("./_abstract/_Link");
 const useMenuToggling_1 = require("./utils/useMenuToggling");
 const useScrollbarWidthCSSVar_1 = require("./utils/useScrollbarWidthCSSVar");
 exports.defaultLayoutTexts = {
@@ -37,14 +35,14 @@ const Layout = (props) => {
         globalAlerts && (react_1.default.createElement("div", { className: "Layout__alerts", role: "alert" }, globalAlerts)),
         react_1.default.createElement("div", { className: "Layout__content" },
             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(_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.default, { inline: true, src: (0, assets_1.getAssetUrl)('reykjavik-logo.svg') }),
-                    " ",
                     siteName,
                     ' '),
                 ' ',
-                navChildren && (react_1.default.createElement(Link_1.Link, { className: "Layout__header__skiplink", href: "#pagenav", onClick: isMenuActive &&
+                navChildren && (react_1.default.createElement(_Link_1.Link, { className: "Layout__header__skiplink", href: "#pagenav", onClick: isMenuActive &&
                         ((e) => {
                             e.preventDefault();
                             toggleMenu();

package/MainMenu/_Auxiliary.js

@@ -1,12 +1,10 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AuxiliaryPanel = void 0;
-const react_1 = __importDefault(require("react"));
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
 const assets_1 = require("@reykjavik/hanna-utils/assets");
-const Link_1 = require("../_abstract/Link");
+const _Link_1 = require("../_abstract/_Link");
 const AuxiliaryPanel = (props) => {
     const { title, id, items, image } = props;
     const imageUrl = image ? (0, assets_1.getIllustrationUrl)(image) : image;
@@ -15,6 +13,6 @@ const AuxiliaryPanel = (props) => {
             : undefined },
         react_1.default.createElement("h3", { className: "AuxiliaryPanel__title" }, title),
         react_1.default.createElement("ul", { className: "AuxiliaryPanel__items" }, items.map((item, i) => (react_1.default.createElement("li", { key: i, className: "AuxiliaryPanel__item", "aria-current": item.current || undefined },
-            react_1.default.createElement(Link_1.Link, { className: "AuxiliaryPanel__link", href: item.href, target: item.target, lang: item.lang }, item.label)))))));
+            react_1.default.createElement(_Link_1.Link, { className: "AuxiliaryPanel__link", href: item.href, target: item.target, lang: item.lang }, item.label)))))));
 };
 exports.AuxiliaryPanel = AuxiliaryPanel;

package/MainMenu/_PrimaryPanel.js

@@ -1,12 +1,10 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PrimaryPanel = void 0;
-const react_1 = __importDefault(require("react"));
-const getBemClass_1 = __importDefault(require("@hugsmidjan/react/utils/getBemClass"));
-const Link_1 = require("../_abstract/Link");
+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 _Link_1 = require("../_abstract/_Link");
 const PrimaryPanel = (props) => {
     const { setActivePanel, panel, isParent, isActive, isBrowser, texts } = props;
     const { items } = panel;
@@ -19,7 +17,7 @@ const PrimaryPanel = (props) => {
             ' ',
             isBrowser && !isActive ? (react_1.default.createElement("button", { className: "MainMenu__mega__title-toggler", "aria-controls": panel.id, onClick: () => setActivePanel(panel, false), "aria-pressed": isActive, type: "button" }, panel.title)) : (panel.title)),
         react_1.default.createElement("ul", { className: "PrimaryPanel__items" }, items.map((item, i) => (react_1.default.createElement("li", { key: i, className: "PrimaryPanel__item", "aria-current": item.current || undefined },
-            react_1.default.createElement(Link_1.Link, { className: "PrimaryPanel__link", href: item.href, target: item.target, lang: item.lang },
+            react_1.default.createElement(_Link_1.Link, { className: "PrimaryPanel__link", href: item.href, target: item.target, lang: item.lang },
                 react_1.default.createElement("span", { className: "PrimaryPanel__linkTitle" }, item.label),
                 ' ',
                 react_1.default.createElement("small", { className: "PrimaryPanel__summary" }, item.summary),

package/MainMenu.js

@@ -1,40 +1,15 @@
 "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.defaultMainMenuTexts = void 0;
-const react_1 = __importStar(require("react"));
-const focusElm_1 = __importDefault(require("@hugsmidjan/qj/focusElm"));
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const focusElm_1 = tslib_1.__importDefault(require("@hugsmidjan/qj/focusElm"));
 const hooks_1 = require("@hugsmidjan/react/hooks");
-const useShortState_1 = __importDefault(require("@hugsmidjan/react/hooks/useShortState"));
-const getBemClass_1 = __importDefault(require("@hugsmidjan/react/utils/getBemClass"));
+const useShortState_1 = tslib_1.__importDefault(require("@hugsmidjan/react/hooks/useShortState"));
+const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
 const hanna_utils_1 = require("@reykjavik/hanna-utils");
 const i18n_1 = require("@reykjavik/hanna-utils/i18n");
-const Link_1 = require("./_abstract/Link");
+const _Link_1 = require("./_abstract/_Link");
 const _Auxiliary_1 = require("./MainMenu/_Auxiliary");
 const _PrimaryPanel_1 = require("./MainMenu/_PrimaryPanel");
 const useFormatMonitor_1 = require("./utils/useFormatMonitor");
@@ -146,7 +121,7 @@ const MainMenu = (props) => {
                     onItemClick && onItemClick(i, item);
                 }, ref: pressed && pressedLinkRef, "aria-pressed": pressed, "aria-controls": controlsId, "aria-label": labelLong, title: labelLong, lang: lang, type: "button" }, label)) : item.href != null ? (
             // always render links server-side
-            react_1.default.createElement(Link_1.Link, { className: "MainMenu__link", href: item.href, "aria-label": labelLong, title: labelLong, onClick: onItemClick && (() => onItemClick(i, item)), lang: lang }, label)) : undefined // skip rendering non-link menu items server side
+            react_1.default.createElement(_Link_1.Link, { className: "MainMenu__link", href: item.href, "aria-label": labelLong, title: labelLong, onClick: onItemClick && (() => onItemClick(i, item)), lang: lang }, label)) : undefined // skip rendering non-link menu items server side
             ));
         })),
         '\n\n',