@reykjavik/hanna-react 0.10.58 → 0.10.59

package/ActionCards.d.ts

@@ -1,4 +1,4 @@
-import { TextCardListProps } from './_abstract/CardList';
+import { TextCardListProps } from './_abstract/_CardList';
 import { SeenProp } from './utils/seenEffect';
 export declare type ActionCardsProps = TextCardListProps & SeenProp;
 declare const ActionCards: (props: ActionCardsProps) => JSX.Element;

package/ActionCards.js

@@ -4,11 +4,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const CardList_1 = require("./_abstract/CardList");
+const _CardList_1 = require("./_abstract/_CardList");
 const seenEffect_1 = require("./utils/seenEffect");
 const ActionCards = (props) => {
     const [ref] = (0, seenEffect_1.useSeenEffect)(props.startSeen);
     return (react_1.default.createElement("div", { className: "ActionCards", ref: ref },
-        react_1.default.createElement(CardList_1.CardList, Object.assign({}, props, { bemPrefix: "ActionCards" }))));
+        react_1.default.createElement(_CardList_1.CardList, Object.assign({}, props, { bemPrefix: "ActionCards" }))));
 };
 exports.default = ActionCards;

package/Alert.js

@@ -31,7 +31,7 @@ const react_1 = __importStar(require("react"));
 const hooks_1 = require("@hugsmidjan/react/hooks");
 const getBemClass_1 = __importDefault(require("@hugsmidjan/react/utils/getBemClass"));
 const i18n_1 = require("@reykjavik/hanna-utils/i18n");
-const Button_1 = __importDefault(require("./_abstract/Button"));
+const _Button_1 = __importDefault(require("./_abstract/_Button"));
 const env_1 = require("./utils/env");
 // FIXME: Eventually import from @reykjavik/hanna-styles/constants
 const AlertCloseTransitionDuration = 400;
@@ -114,7 +114,7 @@ const Alert = (props) => {
         ]), role: "alert", hidden: !open || undefined }, autoClosingProps),
         childrenHTML ? (react_1.default.createElement("div", { dangerouslySetInnerHTML: { __html: childrenHTML } })) : (children),
         ' ',
-        showCloseButton && (react_1.default.createElement(Button_1.default, Object.assign({ bem: "Alert__close" }, (closeUrl != null ? { href: closeUrl } : { type: 'button' }), { onClick: (e) => {
+        showCloseButton && (react_1.default.createElement(_Button_1.default, Object.assign({ bem: "Alert__close" }, (closeUrl != null ? { href: closeUrl } : { type: 'button' }), { onClick: (e) => {
                 closeAlert(e);
             }, "aria-label": closeLabelLong, title: closeLabelLong || closeLabel }), closeLabel))));
 };

package/ArticleCards.d.ts

@@ -0,0 +1,6 @@
+import type { Resolve } from '@reykjavik/hanna-utils';
+import { ImageCardListProps, ImageCardProps } from './_abstract/_CardList';
+export declare type ArticleCardProps = ImageCardProps;
+export declare type ArticleCardsProps = Resolve<Pick<ImageCardListProps, 'cards' | 'imgPlaceholder'>>;
+declare const ArticleCards: (props: ArticleCardsProps) => JSX.Element;
+export default ArticleCards;

package/ArticleCards.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const _CardList_1 = require("./_abstract/_CardList");
+const ArticleCards = (props) => (react_1.default.createElement(_CardList_1.CardList, { bemPrefix: "ArticleCards", standalone: true, cards: props.cards, imgPlaceholder: props.imgPlaceholder || true }));
+exports.default = ArticleCards;

package/ArticleCarousel/_ArticleCarouselCard.d.ts

@@ -1,6 +1,6 @@
 import { HannaColorTheme } from '@reykjavik/hanna-css';
 import { Illustration } from '@reykjavik/hanna-utils/assets';
-import { ImageProps } from '../_abstract/Image';
+import { ImageProps } from '../_abstract/_Image';
 import { ColorFamily } from '../constants';
 export declare type ArticleCarouselImageProps = ImageProps & {
     photo?: boolean;

package/ArticleCarousel/_ArticleCarouselCard.js

@@ -7,23 +7,23 @@ exports.ArticleCarouselCard = void 0;
 const react_1 = __importDefault(require("react"));
 const getBemClass_1 = __importDefault(require("@hugsmidjan/react/utils/getBemClass"));
 const assets_1 = require("@reykjavik/hanna-utils/assets");
-const Image_1 = __importDefault(require("../_abstract/Image"));
-const Link_1 = require("../_abstract/Link");
+const _Image_1 = __importDefault(require("../_abstract/_Image"));
+const _Link_1 = require("../_abstract/_Link");
 const constants_1 = require("../constants");
 const ArticleCarouselCard = (props) => {
     const { date, title, summary, href, moreLabel, color, theme, illustration, image } = props;
     const photo = image === null || image === void 0 ? void 0 : image.photo;
     const imageProps = illustration ? { src: (0, assets_1.getIllustrationUrl)(illustration) } : image;
     return (react_1.default.createElement("div", { className: "ArticleCarouselCard", "data-color": color && constants_1.colorFamilies[color], "data-color-theme": !color ? theme && constants_1.themeOptions[theme] : undefined },
-        react_1.default.createElement(Link_1.Link, { className: "ArticleCarouselCard__link", href: href },
+        react_1.default.createElement(_Link_1.Link, { className: "ArticleCarouselCard__link", href: href },
             ' ',
-            react_1.default.createElement(Image_1.default, Object.assign({ placeholder: true, className: (0, getBemClass_1.default)('ArticleCarouselCard__illustration', photo && 'photo') }, imageProps)),
+            react_1.default.createElement(_Image_1.default, Object.assign({ placeholder: true, className: (0, getBemClass_1.default)('ArticleCarouselCard__illustration', photo && 'photo') }, imageProps)),
             react_1.default.createElement("h3", { className: "ArticleCarouselCard__title" }, title),
             ' '),
         ' ',
         date && react_1.default.createElement("span", { className: "ArticleCarouselCard__date" }, date),
         react_1.default.createElement("div", { className: "ArticleCarouselCard__summary" }, summary),
-        moreLabel && (react_1.default.createElement(Link_1.Link, { className: "ArticleCarouselCard__morelink", href: href, "aria-label": title },
+        moreLabel && (react_1.default.createElement(_Link_1.Link, { className: "ArticleCarouselCard__morelink", href: href, "aria-label": title },
             ' ',
             moreLabel,
             ' '))));

package/ArticleMeta.d.ts

@@ -4,6 +4,7 @@ export declare type ArticleMetaItem = {
 };
 export declare type ArticleMetaProps = {
     items: Array<ArticleMetaItem>;
+    small?: boolean;
 };
 declare const ArticleMeta: (props: ArticleMetaProps) => JSX.Element | null;
 export default ArticleMeta;

package/ArticleMeta.js

@@ -22,19 +22,23 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __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 Link_1 = require("./_abstract/Link");
+const getBemClass_1 = __importDefault(require("@hugsmidjan/react/utils/getBemClass"));
+const _Link_1 = require("./_abstract/_Link");
 const ArticleMeta = (props) => {
-    const { items } = props;
+    const { items, small } = props;
     if (items.length === 0) {
         return null;
     }
-    return (react_1.default.createElement("div", { className: "ArticleMeta" }, items.map(({ label, href }, i) => (react_1.default.createElement(react_1.Fragment, { key: i },
+    return (react_1.default.createElement("div", { className: (0, getBemClass_1.default)('ArticleMeta', small && 'small') }, items.map(({ label, href }, i) => (react_1.default.createElement(react_1.Fragment, { key: i },
         href == null ? (react_1.default.createElement("span", { className: "ArticleMeta__item" },
             " ",
             label,
-            " ")) : (react_1.default.createElement(Link_1.Link, { className: "ArticleMeta__item", href: href },
+            " ")) : (react_1.default.createElement(_Link_1.Link, { className: "ArticleMeta__item", href: href },
             ' ',
             label,
             ' ')),

package/BgBox.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { EffectProp, SeenProp } from './utils/seenEffect';
+export declare type BgBoxProps = {
+    className?: string;
+    children: ReactNode;
+} & SeenProp & EffectProp;
+declare const BgBox: (props: BgBoxProps) => JSX.Element;
+export default BgBox;

package/BgBox.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const getBemClass_1 = __importDefault(require("@hugsmidjan/react/utils/getBemClass"));
+const seenEffect_1 = require("./utils/seenEffect");
+const BgBox = (props) => {
+    const { className, children, effectType, startSeen } = props;
+    const [ref] = (0, seenEffect_1.useSeenEffect)(startSeen);
+    return (react_1.default.createElement("div", Object.assign({ className: (0, getBemClass_1.default)('BgBox', undefined, className), ref: ref }, (0, seenEffect_1.getEffectAttr)(effectType)), children));
+};
+exports.default = BgBox;

package/BreadCrumbs.js

@@ -4,10 +4,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const Link_1 = require("./_abstract/Link");
+const _Link_1 = require("./_abstract/_Link");
 const BreadCrumbs__item = (props) => {
     const { link, current } = props;
-    return link.href != null ? (react_1.default.createElement(Link_1.Link, { className: "BreadCrumbs__item", href: link.href, "aria-current": current || undefined }, link.label)) : (react_1.default.createElement("span", { className: "BreadCrumbs__item", "aria-current": current || undefined }, link.label));
+    return link.href != null ? (react_1.default.createElement(_Link_1.Link, { className: "BreadCrumbs__item", href: link.href, "aria-current": current || undefined }, link.label)) : (react_1.default.createElement("span", { className: "BreadCrumbs__item", "aria-current": current || undefined }, link.label));
 };
 const BreadCrumbs = (props) => {
     const { title, trail } = props;

package/ButtonBack.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { ButtonProps } from './_abstract/Button';
+import { ButtonProps } from './_abstract/_Button';
 export declare type ButtonBackProps = ButtonProps;
 declare const ButtonBack: (props: ButtonBackProps & {
     children?: ReactNode;

package/ButtonBack.js

@@ -4,6 +4,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const Button_1 = __importDefault(require("./_abstract/Button"));
-const ButtonBack = (props) => (react_1.default.createElement(Button_1.default, Object.assign({ bem: "ButtonBack" }, props)));
+const _Button_1 = __importDefault(require("./_abstract/_Button"));
+const ButtonBack = (props) => (react_1.default.createElement(_Button_1.default, Object.assign({ bem: "ButtonBack" }, props)));
 exports.default = ButtonBack;

package/ButtonPrimary.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { ButtonProps, ButtonVariantProps } from './_abstract/Button';
+import { ButtonProps, ButtonVariantProps } from './_abstract/_Button';
 export declare type ButtonPrimaryProps = ButtonProps & ButtonVariantProps;
 declare const ButtonPrimary: (props: ButtonPrimaryProps & {
     children?: ReactNode;

package/ButtonPrimary.js

@@ -4,6 +4,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const Button_1 = __importDefault(require("./_abstract/Button"));
-const ButtonPrimary = (props) => (react_1.default.createElement(Button_1.default, Object.assign({ bem: "ButtonPrimary" }, props)));
+const _Button_1 = __importDefault(require("./_abstract/_Button"));
+const ButtonPrimary = (props) => (react_1.default.createElement(_Button_1.default, Object.assign({ bem: "ButtonPrimary" }, props)));
 exports.default = ButtonPrimary;

package/ButtonSecondary.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { ButtonProps, ButtonVariantProps } from './_abstract/Button';
+import { ButtonProps, ButtonVariantProps } from './_abstract/_Button';
 export declare type ButtonSecondaryProps = ButtonProps & ButtonVariantProps;
 declare const ButtonSecondary: (props: ButtonSecondaryProps & {
     children?: ReactNode;

package/ButtonSecondary.js

@@ -4,6 +4,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const Button_1 = __importDefault(require("./_abstract/Button"));
-const ButtonSecondary = (props) => (react_1.default.createElement(Button_1.default, Object.assign({ bem: "ButtonSecondary" }, props)));
+const _Button_1 = __importDefault(require("./_abstract/_Button"));
+const ButtonSecondary = (props) => (react_1.default.createElement(_Button_1.default, Object.assign({ bem: "ButtonSecondary" }, props)));
 exports.default = ButtonSecondary;

package/ButtonTertiary.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { ButtonProps, ButtonVariantProps } from './_abstract/Button';
+import { ButtonProps, ButtonVariantProps } from './_abstract/_Button';
 declare type TertiarySize = Extract<ButtonVariantProps['size'], 'normal' | 'small'>;
 declare type TertiaryIcon = Extract<ButtonVariantProps['icon'], 'none' | 'go-back'>;
 export declare type ButtonTertiaryProps = ButtonProps & Omit<ButtonVariantProps, 'icon' | 'size'> & {

package/ButtonTertiary.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const Button_1 = __importDefault(require("./_abstract/Button"));
+const _Button_1 = __importDefault(require("./_abstract/_Button"));
 const sizes = {
     normal: 'normal',
     small: 'small',
@@ -15,6 +15,6 @@ const icons = {
 };
 const ButtonTertiary = (props) => {
     const { size = 'normal', icon = 'none' } = props;
-    return react_1.default.createElement(Button_1.default, Object.assign({ bem: "ButtonTertiary" }, props, { size: sizes[size], icon: icons[icon] }));
+    return react_1.default.createElement(_Button_1.default, Object.assign({ bem: "ButtonTertiary" }, props, { size: sizes[size], icon: icons[icon] }));
 };
 exports.default = ButtonTertiary;

package/CHANGELOG.md

@@ -4,6 +4,17 @@
 
 - ... <!-- Add new lines here. -->
 
+## 0.10.59
+
+_2022-06-20_
+
+- feat: Add component `ArticleCards`
+- feat: Add component `Picture`
+- feat: Add component `BgBox` for gray background wrapping
+- feat: Add prop `small` to `ArticleMeta`
+- fix: Suppress redundant className `.Heading--normal`
+- feat: Add prop `focalPoint` to all `ImageProps`
+
 ## 0.10.56 – 0.10.58
 
 _2022-06-13_

package/Checkbox.d.ts

@@ -1,4 +1,4 @@
-import { TogglerInputProps } from './_abstract/TogglerInput';
+import { TogglerInputProps } from './_abstract/_TogglerInput';
 export declare type CheckboxProps = TogglerInputProps;
 declare const Checkbox: (props: CheckboxProps) => JSX.Element;
 export default Checkbox;

package/Checkbox.js

@@ -4,6 +4,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const TogglerInput_1 = __importDefault(require("./_abstract/TogglerInput"));
-const Checkbox = (props) => (react_1.default.createElement(TogglerInput_1.default, Object.assign({ bem: "Checkbox" }, props, { type: "checkbox" })));
+const _TogglerInput_1 = __importDefault(require("./_abstract/_TogglerInput"));
+const Checkbox = (props) => (react_1.default.createElement(_TogglerInput_1.default, Object.assign({ bem: "Checkbox" }, props, { type: "checkbox" })));
 exports.default = Checkbox;

package/CheckboxButtonsGroup.d.ts

@@ -1,4 +1,4 @@
-import { TogglerGroupFieldOptions, TogglerGroupFieldProps } from './_abstract/TogglerGroupField';
+import { TogglerGroupFieldOptions, TogglerGroupFieldProps } from './_abstract/_TogglerGroupField';
 export declare type CheckboxButtonsGroupProps = TogglerGroupFieldProps & {
     value?: Array<string>;
     /** @deprecated (Will be removed in v0.9) */

package/CheckboxButtonsGroup.js

@@ -4,9 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const TogglerGroupField_1 = __importDefault(require("./_abstract/TogglerGroupField"));
-const TogglerInput_1 = __importDefault(require("./_abstract/TogglerInput"));
-const CheckboxButton = (props) => (react_1.default.createElement(TogglerInput_1.default, Object.assign({ bem: "CheckboxButton" }, props, { type: "checkbox" })));
+const _TogglerGroupField_1 = __importDefault(require("./_abstract/_TogglerGroupField"));
+const _TogglerInput_1 = __importDefault(require("./_abstract/_TogglerInput"));
+const CheckboxButton = (props) => (react_1.default.createElement(_TogglerInput_1.default, Object.assign({ bem: "CheckboxButton" }, props, { type: "checkbox" })));
 const CheckboxButtonsGroup = (props) => {
     if (props.layout) {
         console.warn('`CheckboxButtonsGroupProps.layout` is deprecated.');
@@ -14,6 +14,6 @@ const CheckboxButtonsGroup = (props) => {
     if (props.columns) {
         console.warn('`CheckboxButtonsGroupProps.columns` is deprecated.');
     }
-    return (react_1.default.createElement(TogglerGroupField_1.default, Object.assign({}, props, { bem: "CheckboxButtonsGroup", Toggler: CheckboxButton })));
+    return (react_1.default.createElement(_TogglerGroupField_1.default, Object.assign({}, props, { bem: "CheckboxButtonsGroup", Toggler: CheckboxButton })));
 };
 exports.default = CheckboxButtonsGroup;

package/CheckboxGroup.d.ts

@@ -1,4 +1,4 @@
-import { TogglerGroupFieldOption, TogglerGroupFieldOptions, TogglerGroupFieldProps } from './_abstract/TogglerGroupField';
+import { TogglerGroupFieldOption, TogglerGroupFieldOptions, TogglerGroupFieldProps } from './_abstract/_TogglerGroupField';
 export declare type CheckboxGroupProps = TogglerGroupFieldProps & {
     layout?: 'inline';
     value?: Array<string>;

package/CheckboxGroup.js

@@ -4,9 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const TogglerGroupField_1 = __importDefault(require("./_abstract/TogglerGroupField"));
+const _TogglerGroupField_1 = __importDefault(require("./_abstract/_TogglerGroupField"));
 const Checkbox_1 = __importDefault(require("./Checkbox"));
 const CheckboxGroup = (props) => {
-    return (react_1.default.createElement(TogglerGroupField_1.default, Object.assign({}, props, { bem: "CheckboxGroup", modifier: props.layout, Toggler: Checkbox_1.default })));
+    return (react_1.default.createElement(_TogglerGroupField_1.default, Object.assign({}, props, { bem: "CheckboxGroup", modifier: props.layout, Toggler: Checkbox_1.default })));
 };
 exports.default = CheckboxGroup;

package/CityBlock.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 types: {

package/ContactBubble.js

@@ -33,7 +33,7 @@ const hooks_1 = require("@hugsmidjan/react/hooks");
 const getBemClass_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");
 exports.defaultTexts = {
     is: {
         lang: 'is',
@@ -166,7 +166,7 @@ const ContactBubble = (props) => {
                 extraLabel && react_1.default.createElement("small", { key: "\uD83E\uDD21" }, extraLabel),
                 '\n',
             ];
-            return (react_1.default.createElement("li", { key: i, className: itemClass }, href && href !== '#' ? (react_1.default.createElement(Link_1.Link, { className: "ContactBubble__link", href: href, onClick: onClickHandler, target: target }, content)) : (react_1.default.createElement("button", { className: "ContactBubble__link", onClick: onClickHandler, type: "button" }, content))));
+            return (react_1.default.createElement("li", { key: i, className: itemClass }, href && href !== '#' ? (react_1.default.createElement(_Link_1.Link, { className: "ContactBubble__link", href: href, onClick: onClickHandler, target: target }, content)) : (react_1.default.createElement("button", { className: "ContactBubble__link", onClick: onClickHandler, type: "button" }, content))));
         })),
         '\n\n',
         isBrowser && (react_1.default.createElement("button", { className: "ContactBubble__closebtn", "aria-controls": domid, "aria-label": txt.closeBtnLong, onClick: () => closeBubble(), type: "button" }, txt.closeBtn))));

package/ContentImage.d.ts

@@ -1,4 +1,4 @@
-import { ImageProps } from './_abstract/Image';
+import { ImageProps } from './_abstract/_Image';
 export declare type ContentImageProps = {
     image?: ImageProps;
     caption?: string | JSX.Element;

package/ContentImage.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const Image_1 = __importDefault(require("./_abstract/Image"));
+const _Image_1 = __importDefault(require("./_abstract/_Image"));
 const ContentImage = (props) => {
     const { image, caption, credit } = props;
     return (react_1.default.createElement("figure", { className: "ContentImage" },
@@ -18,6 +18,6 @@ const ContentImage = (props) => {
                 " ",
                 credit,
                 " "))),
-        react_1.default.createElement(Image_1.default, Object.assign({ className: "ContentImage__image" }, image))));
+        react_1.default.createElement(_Image_1.default, Object.assign({ className: "ContentImage__image" }, image))));
 };
 exports.default = ContentImage;

package/ExtraLinks.d.ts

@@ -1,4 +1,4 @@
-import { TextCardListProps } from './_abstract/CardList';
+import { TextCardListProps } from './_abstract/_CardList';
 import { SeenProp } from './utils/seenEffect';
 export declare type RelatedLink = {
     href: string;

package/ExtraLinks.js

@@ -16,8 +16,8 @@ var __importDefault = (this && this.__importDefault) || function (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 Link_1 = require("./_abstract/Link");
+const _CardList_1 = require("./_abstract/_CardList");
+const _Link_1 = require("./_abstract/_Link");
 const seenEffect_1 = require("./utils/seenEffect");
 const ExtraLinks__related = (props) => {
     const { relatedTitle, relatedLinks } = props;
@@ -25,7 +25,7 @@ const ExtraLinks__related = (props) => {
         relatedTitle && react_1.default.createElement("h3", { className: "ExtraLinks__related__title" }, relatedTitle),
         react_1.default.createElement("ul", { className: "ExtraLinks__related__list" }, relatedLinks &&
             relatedLinks.map(({ href, label, blank = false, type }, i) => (react_1.default.createElement("li", { className: "ExtraLinks__related__item", key: i },
-                react_1.default.createElement(Link_1.Link, { className: (0, getBemClass_1.default)('ExtraLinks__related__link', type), href: href, target: blank ? '_blank' : '', rel: blank ? 'noreferrer noopener' : '' }, label)))))));
+                react_1.default.createElement(_Link_1.Link, { className: (0, getBemClass_1.default)('ExtraLinks__related__link', type), href: href, target: blank ? '_blank' : '', rel: blank ? 'noreferrer noopener' : '' }, label)))))));
 };
 const ExtraLinks = (props) => {
     const { relatedTitle, relatedLinks, className, startSeen } = props, cardListProps = __rest(props, ["relatedTitle", "relatedLinks", "className", "startSeen"]);
@@ -33,7 +33,7 @@ const ExtraLinks = (props) => {
     const [ref] = (0, seenEffect_1.useSeenEffect)(startSeen);
     return (react_1.default.createElement("div", { className: (0, getBemClass_1.default)('ExtraLinks', hasRelated && 'related', className), ref: ref },
         react_1.default.createElement("div", { className: "ExtraLinks__main" },
-            react_1.default.createElement(CardList_1.CardList, Object.assign({}, cardListProps, { bemPrefix: "ExtraLinks" }))),
+            react_1.default.createElement(_CardList_1.CardList, Object.assign({}, cardListProps, { bemPrefix: "ExtraLinks" }))),
         hasRelated && (react_1.default.createElement(ExtraLinks__related, { relatedTitle: relatedTitle, relatedLinks: relatedLinks }))));
 };
 exports.default = ExtraLinks;

package/FooterBadges.js

@@ -4,12 +4,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const Link_1 = require("./_abstract/Link");
+const _Link_1 = require("./_abstract/_Link");
 const FooterBadges = (props) => {
     if (!props.badges.length) {
         return null;
     }
-    return (react_1.default.createElement("ul", { className: "FooterBadges" }, props.badges.map(({ altText, src, href }, i) => (react_1.default.createElement("li", { key: i, className: "FooterBadges__badge" }, href ? (react_1.default.createElement(Link_1.Link, { href: href },
+    return (react_1.default.createElement("ul", { className: "FooterBadges" }, props.badges.map(({ altText, src, href }, i) => (react_1.default.createElement("li", { key: i, className: "FooterBadges__badge" }, href ? (react_1.default.createElement(_Link_1.Link, { href: href },
         ' ',
         react_1.default.createElement("img", { src: src, alt: altText }),
         ' ')) : (react_1.default.createElement("img", { src: src, alt: altText })))))));

package/Gallery/_GalleryItem.d.ts

@@ -1,4 +1,4 @@
-import { ImageProps } from '../_abstract/Image';
+import { ImageProps } from '../_abstract/_Image';
 export declare type GalleryItemProps = {
     caption?: string;
     description?: string;

package/Gallery/_GalleryItem.js

@@ -38,21 +38,21 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
-const Button_1 = __importDefault(require("../_abstract/Button"));
-const Image_1 = __importDefault(require("../_abstract/Image"));
+const _Button_1 = __importDefault(require("../_abstract/_Button"));
+const _Image_1 = __importDefault(require("../_abstract/_Image"));
 const _GalleryModalContext_1 = __importDefault(require("./_GalleryModalContext"));
 const GalleryItem = (props) => {
     const { caption, description, largeImageSrc } = props, image = __rest(props, ["caption", "description", "largeImageSrc"]);
     const { setCurrentImage } = (0, react_1.useContext)(_GalleryModalContext_1.default);
     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.default, { 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.default, Object.assign({ className: "GalleryItem__image" }, image)),
+            ' ')) : (react_1.default.createElement(_Image_1.default, Object.assign({ className: "GalleryItem__image" }, image))),
         description && react_1.default.createElement("div", { className: "GalleryItem__description" }, description)));
 };
 exports.default = GalleryItem;

package/Gallery/_GalleryModalItem.js

@@ -15,13 +15,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const Image_1 = __importDefault(require("../_abstract/Image"));
+const _Image_1 = __importDefault(require("../_abstract/_Image"));
 const GalleryModalItem = (props) => {
     const { caption, description } = props, image = __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/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

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const getBemClass_1 = __importDefault(require("@hugsmidjan/react/utils/getBemClass"));
 const assets_1 = require("@reykjavik/hanna-utils/assets");
-const Image_1 = __importDefault(require("./_abstract/Image"));
-const Link_1 = require("./_abstract/Link");
+const _Image_1 = __importDefault(require("./_abstract/_Image"));
+const _Link_1 = require("./_abstract/_Link");
 const seenEffect_1 = require("./utils/seenEffect");
 const ButtonTertiary_1 = __importDefault(require("./ButtonTertiary"));
 const GridBlocks = (props) => {
@@ -16,9 +16,9 @@ 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.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

@@ -8,7 +8,7 @@ const getBemClass_1 = __importDefault(require("@hugsmidjan/react/utils/getBemCla
 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

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const assets_1 = require("@reykjavik/hanna-utils/assets");
-const Image_1 = __importDefault(require("./_abstract/Image"));
+const _Image_1 = __importDefault(require("./_abstract/_Image"));
 const seenEffect_1 = require("./utils/seenEffect");
 const ButtonPrimary_1 = __importDefault(require("./ButtonPrimary"));
 const ButtonTertiary_1 = __importDefault(require("./ButtonTertiary"));
@@ -16,7 +16,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/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;
 } & ({