@reykjavik/hanna-react 0.10.136 → 0.10.137

package/AccordionList.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AccordionList = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
-const classUtils_1 = require("@hugsmidjan/qj/classUtils");
+const hanna_utils_1 = require("@reykjavik/hanna-utils");
 const useDomid_js_1 = require("./utils/useDomid.js");
 const utils_js_1 = require("./utils.js");
 const AccordionListItem = (props) => {
@@ -12,7 +12,7 @@ const AccordionListItem = (props) => {
     const domid = (0, useDomid_js_1.useDomid)();
     const isBrowser = (0, utils_js_1.useIsBrowserSide)(ssr);
     const itemDisabled = (isBrowser && disabled) || !content;
-    return (react_1.default.createElement("div", { className: (0, classUtils_1.modifiedClass)('AccordionList__item', [itemDisabled && 'disabled']), id: id, "data-start-open": defaultOpen.current, "data-sprinkled": isBrowser },
+    return (react_1.default.createElement("div", { className: (0, hanna_utils_1.modifiedClass)('AccordionList__item', [itemDisabled && 'disabled']), id: id, "data-start-open": defaultOpen.current, "data-sprinkled": isBrowser },
         react_1.default.createElement("h3", { className: "AccordionList__title" }, isBrowser ? (react_1.default.createElement("button", { type: "button", className: "AccordionList__button", "aria-controls": domid, "aria-expanded": open || undefined, onClick: onToggle, disabled: itemDisabled }, title)) : (title)),
         react_1.default.createElement("div", { id: isBrowser && domid, className: "AccordionList__content", hidden: isBrowser && (!open || itemDisabled) }, content)));
 };
@@ -29,7 +29,7 @@ const AccordionList = (props) => {
             return newOpen;
         });
     };
-    return (react_1.default.createElement("div", Object.assign({}, wrapperProps, { className: (0, classUtils_1.modifiedClass)('AccordionList', [wide && 'wide'], (wrapperProps || {}).className) }), items.map((item, i) => (react_1.default.createElement(AccordionListItem, Object.assign({ key: i }, item, { ssr: ssr, open: open.includes(i), onToggle: () => onToggle(i), defaultOpen: defaultOpen && defaultOpen.includes(i) }))))));
+    return (react_1.default.createElement("div", Object.assign({}, wrapperProps, { className: (0, hanna_utils_1.modifiedClass)('AccordionList', [wide && 'wide'], (wrapperProps || {}).className) }), items.map((item, i) => (react_1.default.createElement(AccordionListItem, Object.assign({ key: i }, item, { ssr: ssr, open: open.includes(i), onToggle: () => onToggle(i), defaultOpen: defaultOpen && defaultOpen.includes(i) }))))));
 };
 exports.AccordionList = AccordionList;
 exports.default = exports.AccordionList;

package/ActionCards.js

@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ActionCards = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const classUtils_1 = require("@hugsmidjan/qj/classUtils");
+const hanna_utils_1 = require("@reykjavik/hanna-utils");
 const _CardList_js_1 = require("./_abstract/_CardList.js");
 const ActionCards = (props) => {
     const { wrapperProps } = props;
-    return (react_1.default.createElement("div", Object.assign({}, wrapperProps, { className: (0, classUtils_1.modifiedClass)('ActionCards', null, (wrapperProps || {}).className) }),
+    return (react_1.default.createElement("div", Object.assign({}, wrapperProps, { className: (0, hanna_utils_1.modifiedClass)('ActionCards', null, (wrapperProps || {}).className) }),
         react_1.default.createElement(_CardList_js_1.CardList, Object.assign({ bemPrefix: "ActionCards" }, props, { wrapperProps: undefined }))));
 };
 exports.ActionCards = ActionCards;

package/Alert.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Alert = exports.alertTypes = exports.defaultAlertTexts = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
-const classUtils_1 = require("@hugsmidjan/qj/classUtils");
+const hanna_utils_1 = require("@reykjavik/hanna-utils");
 const i18n_1 = require("@reykjavik/hanna-utils/i18n");
 const _Button_js_1 = require("./_abstract/_Button.js");
 const env_js_1 = require("./utils/env.js");
@@ -93,7 +93,7 @@ const Alert = (props) => {
             };
         }
     }, [closeAlert, autoClosing, autoClose]);
-    return (react_1.default.createElement("div", Object.assign({}, wrapperProps, { className: (0, classUtils_1.modifiedClass)('Alert', [!!exports.alertTypes[type] && type, closable && 'closable'], (wrapperProps || {}).className), role: "alert", hidden: !open || undefined }, autoClosingProps),
+    return (react_1.default.createElement("div", Object.assign({}, wrapperProps, { className: (0, hanna_utils_1.modifiedClass)('Alert', [!!exports.alertTypes[type] && type, closable && 'closable'], (wrapperProps || {}).className), role: "alert", hidden: !open || undefined }, autoClosingProps),
         childrenHTML ? (react_1.default.createElement("div", { dangerouslySetInnerHTML: { __html: childrenHTML } })) : (children),
         ' ',
         showCloseButton && (react_1.default.createElement(_Button_js_1.Button, Object.assign({ bem: "Alert__close" }, (closeUrl != null ? { href: closeUrl } : { type: 'button' }), { onClick: (e) => {

package/ArticleMeta.js

@@ -3,14 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ArticleMeta = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
-const classUtils_1 = require("@hugsmidjan/qj/classUtils");
+const hanna_utils_1 = require("@reykjavik/hanna-utils");
 const _Link_js_1 = require("./_abstract/_Link.js");
 const ArticleMeta = (props) => {
     const { items, small, wrapperProps } = props;
     if (items.length === 0) {
         return null;
     }
-    return (react_1.default.createElement("div", Object.assign({}, wrapperProps, { className: (0, classUtils_1.modifiedClass)('ArticleMeta', small && 'small', (wrapperProps || {}).className) }), items.map(({ label, href }, i) => (react_1.default.createElement(react_1.Fragment, { key: i },
+    return (react_1.default.createElement("div", Object.assign({}, wrapperProps, { className: (0, hanna_utils_1.modifiedClass)('ArticleMeta', small && 'small', (wrapperProps || {}).className) }), 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,

package/Attention.js

@@ -3,10 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Attention = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const classUtils_1 = require("@hugsmidjan/qj/classUtils");
+const hanna_utils_1 = require("@reykjavik/hanna-utils");
 const Attention = (props) => {
     const { small, children, wrapperProps } = props;
-    return (react_1.default.createElement("div", Object.assign({}, wrapperProps, { className: (0, classUtils_1.modifiedClass)('Attention', small && 'small', (wrapperProps || {}).className) }), children));
+    return (react_1.default.createElement("div", Object.assign({}, wrapperProps, { className: (0, hanna_utils_1.modifiedClass)('Attention', small && 'small', (wrapperProps || {}).className) }), children));
 };
 exports.Attention = Attention;
 exports.default = exports.Attention;

package/AutosuggestSearch.js

@@ -4,7 +4,7 @@ exports.AutosuggestSearch = exports.defaultAutosuggestSearchTexts = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const react_autosuggest_1 = tslib_1.__importDefault(require("react-autosuggest"));
-const classUtils_1 = require("@hugsmidjan/qj/classUtils");
+const hanna_utils_1 = require("@reykjavik/hanna-utils");
 const i18n_1 = require("@reykjavik/hanna-utils/i18n");
 const SearchInput_js_1 = tslib_1.__importDefault(require("./SearchInput.js"));
 const utils_js_1 = require("./utils.js");
@@ -50,7 +50,7 @@ const AutosuggestSearch = (props) => {
             containerOpen: 'AutosuggestSearch--open',
             suggestionsContainer: 'AutosuggestSearch__container',
             suggestionsContainerOpen: 'AutosuggestSearch__container--open',
-            suggestionsList: (0, classUtils_1.modifiedClass)('AutosuggestSearch__list', itemActionIcon && `action--${itemActionIcon}`),
+            suggestionsList: (0, hanna_utils_1.modifiedClass)('AutosuggestSearch__list', itemActionIcon && `action--${itemActionIcon}`),
             suggestion: 'AutosuggestSearch__item',
             suggestionHighlighted: 'AutosuggestSearch__item--highlighted',
         }, focusInputOnSuggestionClick: true, suggestions: showEmptyMessage ? [true] : options, onSuggestionsClearRequested: onClearOptions, onSuggestionsFetchRequested: ( /* { value } */) => {
@@ -72,7 +72,7 @@ const AutosuggestSearch = (props) => {
                 const { message, type } = typeof emptyMessage === 'string' || !('message' in emptyMessage)
                     ? { message: emptyMessage, type: 'empty' }
                     : emptyMessage;
-                contents = (react_1.default.createElement("div", { className: (0, classUtils_1.modifiedClass)('AutosuggestSearch__emptyMessage', type !== 'empty' && type) }, message));
+                contents = (react_1.default.createElement("div", { className: (0, hanna_utils_1.modifiedClass)('AutosuggestSearch__emptyMessage', type !== 'empty' && type) }, message));
             }
             return (react_1.default.createElement("div", Object.assign({}, containerProps, { "aria-label": options.length ? txt.suggestionsLabel : undefined }), contents));
         }, inputProps: {

package/BasicTable.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.BasicTable = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const classUtils_1 = require("@hugsmidjan/qj/classUtils");
+const hanna_utils_1 = require("@reykjavik/hanna-utils");
 const _ScrollWrapper_js_1 = require("./_abstract/_ScrollWrapper.js");
 const _Table_js_1 = require("./_abstract/_Table.js");
 const tableTypes = {
@@ -22,7 +22,7 @@ const BasicTable = (props) => {
                     ? `BasicTable--align--${align}`
                     : undefined,
         ], wrapperProps: wrapperProps },
-        react_1.default.createElement(_Table_js_1.Table, Object.assign({ className: (0, classUtils_1.modifiedClass)('BasicTable', [
+        react_1.default.createElement(_Table_js_1.Table, Object.assign({ className: (0, hanna_utils_1.modifiedClass)('BasicTable', [
                 compact && 'compact',
                 type && tableTypes[type],
                 modifier,

package/BgBox.js

@@ -3,10 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.BgBox = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const classUtils_1 = require("@hugsmidjan/qj/classUtils");
+const hanna_utils_1 = require("@reykjavik/hanna-utils");
 const BgBox = (props) => {
     const { className, children, wrapperProps } = props;
-    return (react_1.default.createElement("div", Object.assign({}, wrapperProps, { className: (0, classUtils_1.modifiedClass)('BgBox', undefined, 
+    return (react_1.default.createElement("div", Object.assign({}, wrapperProps, { className: (0, hanna_utils_1.modifiedClass)('BgBox', undefined, 
         // Prefer `className` over `wrapperProps.className`
         className || (wrapperProps || {}).className) }), children));
 };

package/Bling.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Bling = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const classUtils_1 = require("@hugsmidjan/qj/classUtils");
+const hanna_utils_1 = require("@reykjavik/hanna-utils");
 const assets_1 = require("@reykjavik/hanna-utils/assets");
 const useGetSVGtext_js_1 = require("./utils/useGetSVGtext.js");
 const colors = {
@@ -37,7 +37,7 @@ const Bling = (props) => {
     const { align, vertical, color, overlay, type, blingUrl, parent, className, wrapperProps, } = props;
     const imageUrl = type ? (0, assets_1.getBlingUrl)(type) : blingUrl;
     const inlineSvg = (0, useGetSVGtext_js_1.useGetSVGtext)(imageUrl);
-    return (react_1.default.createElement("div", Object.assign({}, wrapperProps, { className: (0, classUtils_1.modifiedClass)('Bling', [
+    return (react_1.default.createElement("div", Object.assign({}, wrapperProps, { className: (0, hanna_utils_1.modifiedClass)('Bling', [
             `align--${align && align in aligns ? align : 'left'}`,
             vertical && vertical in valigns && `vertical--${vertical}`,
             color && color in colors && `color--${color}`,

package/BreadCrumbs.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.BreadCrumbs = exports.defaultBreadCrumbsTexts = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const classUtils_1 = require("@hugsmidjan/qj/classUtils");
+const hanna_utils_1 = require("@reykjavik/hanna-utils");
 const i18n_1 = require("@reykjavik/hanna-utils/i18n");
 const _Link_js_1 = require("./_abstract/_Link.js");
 exports.defaultBreadCrumbsTexts = {
@@ -23,7 +23,7 @@ const BreadCrumbs = (props) => {
     }
     const ancestors = trail.slice(0, -1);
     const current = trail[trail.length - 1];
-    return (react_1.default.createElement("nav", Object.assign({}, wrapperProps, { className: (0, classUtils_1.modifiedClass)('BreadCrumbs', null, (wrapperProps || {}).className), "aria-label": texts.title }),
+    return (react_1.default.createElement("nav", Object.assign({}, wrapperProps, { className: (0, hanna_utils_1.modifiedClass)('BreadCrumbs', null, (wrapperProps || {}).className), "aria-label": texts.title }),
         react_1.default.createElement("span", { className: "BreadCrumbs__title" },
             texts.title,
             ":"),

package/ButtonBar.js

@@ -3,14 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonBar__split = exports.ButtonBar = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const classUtils_1 = require("@hugsmidjan/qj/classUtils");
+const hanna_utils_1 = require("@reykjavik/hanna-utils");
 const ButtonBar = (props) => {
     const { align, children, wrapperProps } = props;
-    return (react_1.default.createElement("div", Object.assign({}, wrapperProps, { className: (0, classUtils_1.modifiedClass)('ButtonBar', align === 'right' && 'align--right', (wrapperProps || {}).className) }), children));
+    return (react_1.default.createElement("div", Object.assign({}, wrapperProps, { className: (0, hanna_utils_1.modifiedClass)('ButtonBar', align === 'right' && 'align--right', (wrapperProps || {}).className) }), children));
 };
 exports.ButtonBar = ButtonBar;
 /** A Splitter token to use directly inside <ButtonBar/> wrappers */
-exports.ButtonBar.Split = ({ wrapperProps }) => (react_1.default.createElement("span", Object.assign({}, wrapperProps, { className: (0, classUtils_1.modifiedClass)('ButtonBar__split', null, (wrapperProps || {}).className) })));
+exports.ButtonBar.Split = ({ wrapperProps }) => (react_1.default.createElement("span", Object.assign({}, wrapperProps, { className: (0, hanna_utils_1.modifiedClass)('ButtonBar__split', null, (wrapperProps || {}).className) })));
 /**
  * @deprecated Prefer using `ButtonBar.Split` instead.
  *

package/CHANGELOG.md

@@ -4,6 +4,12 @@
 
 - ... <!-- Add new lines here. -->
 
+## 0.10.137
+
+_2024-10-29_
+
+- fix: Optimize `useScrollEdgeDetect` to only assign the ref element once
+
 ## 0.10.136
 
 _2024-09-10_

package/CarouselStepper.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CarouselStepper = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const classUtils_1 = require("@hugsmidjan/qj/classUtils");
+const hanna_utils_1 = require("@reykjavik/hanna-utils");
 const defaultTexts = {
     prefix: '',
 };
@@ -11,7 +11,7 @@ const array = new Array(50).join(' ').split('');
 const CarouselStepper = (props) => {
     const { current, itemCount, setCurrent, texts = defaultTexts, wrapperProps } = props;
     const labelPrefix = texts.prefix ? `${texts.prefix} ` : '';
-    return (react_1.default.createElement("div", Object.assign({}, wrapperProps, { className: (0, classUtils_1.modifiedClass)('CarouselStepper', null, (wrapperProps || {}).className) }), array.slice(0, itemCount).map((_, i) => {
+    return (react_1.default.createElement("div", Object.assign({}, wrapperProps, { className: (0, hanna_utils_1.modifiedClass)('CarouselStepper', null, (wrapperProps || {}).className) }), array.slice(0, itemCount).map((_, i) => {
         const isCurrent = current === i || undefined;
         const label = labelPrefix + (i + 1);
         return (react_1.default.createElement("button", { key: i, className: "CarouselStepper__button", type: "button", disabled: isCurrent, "aria-pressed": isCurrent, "aria-controls": props['aria-controls'], onClick: () => setCurrent(i), "aria-label": label, title: label }, label));

package/CenterColumn.js

@@ -3,10 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CenterColumn = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const classUtils_1 = require("@hugsmidjan/qj/classUtils");
+const hanna_utils_1 = require("@reykjavik/hanna-utils");
 const SeenEffect_js_1 = tslib_1.__importDefault(require("./SeenEffect.js"));
 const CenterColumn = (props) => (react_1.default.createElement(SeenEffect_js_1.default, Object.assign({}, props.wrapperProps, props, { 
     // @ts-expect-error  (overriding `props.wrapperProps` exactly bcause it should NOT be forwarded)
-    wrapperProps: undefined, className: (0, classUtils_1.modifiedClass)('CenterColumn', null, (props.wrapperProps || {}).className), effectType: props.effectType || 'none' })));
+    wrapperProps: undefined, className: (0, hanna_utils_1.modifiedClass)('CenterColumn', null, (props.wrapperProps || {}).className), effectType: props.effectType || 'none' })));
 exports.CenterColumn = CenterColumn;
 exports.default = exports.CenterColumn;

package/ContactBubble.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ContactBubble = exports.ensureIcon = exports.defaultTexts = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
-const classUtils_1 = require("@hugsmidjan/qj/classUtils");
 const focusElm_1 = require("@hugsmidjan/qj/focusElm");
+const hanna_utils_1 = require("@reykjavik/hanna-utils");
 const i18n_1 = require("@reykjavik/hanna-utils/i18n");
 const _Link_js_1 = require("./_abstract/_Link.js");
 const breakOnNL_js_1 = require("./_abstract/breakOnNL.js");
@@ -134,12 +134,12 @@ const ContactBubble = (props) => {
     if (links.length === 0) {
         return null;
     }
-    const menu = (react_1.default.createElement("div", Object.assign({}, props.wrapperProps, { className: (0, classUtils_1.modifiedClass)('ContactBubble', null, wrapperProps.className), id: isBrowser && domid, hidden: isBrowser && !open, "data-label-openbtn": props.openBtnLabel, "data-always-show": alwaysShow || undefined, "data-sprinkled": isBrowser }),
+    const menu = (react_1.default.createElement("div", Object.assign({}, props.wrapperProps, { className: (0, hanna_utils_1.modifiedClass)('ContactBubble', null, wrapperProps.className), id: isBrowser && domid, hidden: isBrowser && !open, "data-label-openbtn": props.openBtnLabel, "data-always-show": alwaysShow || undefined, "data-sprinkled": isBrowser }),
         react_1.default.createElement("h2", { className: "ContactBubble__title" }, title || openLabel),
         react_1.default.createElement("ul", { className: "ContactBubble__list" }, links.map((linkInfo, i) => {
             const { href, label, extraLabel, target, onClick } = linkInfo;
             const icon = (0, exports.ensureIcon)(linkInfo.icon);
-            const itemClass = (0, classUtils_1.modifiedClass)('ContactBubble__item', icon && `type--${icon}`);
+            const itemClass = (0, hanna_utils_1.modifiedClass)('ContactBubble__item', icon && `type--${icon}`);
             const onClickHandler = (e) => {
                 if (onClick) {
                     const doPreventDefault = onClick() !== true;

package/ContentArticle.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ContentArticle = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const classUtils_1 = require("@hugsmidjan/qj/classUtils");
+const hanna_utils_1 = require("@reykjavik/hanna-utils");
 const ArticleMeta_js_1 = tslib_1.__importDefault(require("./ArticleMeta.js"));
 const ContentImage_js_1 = tslib_1.__importDefault(require("./ContentImage.js"));
 const Heading_js_1 = tslib_1.__importDefault(require("./Heading.js"));
@@ -13,7 +13,7 @@ const VSpacer_js_1 = tslib_1.__importDefault(require("./VSpacer.js"));
 const ContentArticle = (props) => {
     const { relatedLinks, wrapperProps } = props;
     const headingElm = (react_1.default.createElement(Heading_js_1.default, { forceH1: props.headlineTag === 'h1' }, props.headline));
-    return (react_1.default.createElement("div", Object.assign({}, wrapperProps, { className: (0, classUtils_1.modifiedClass)('ContentArticle', null, (wrapperProps || {}).className) }),
+    return (react_1.default.createElement("div", Object.assign({}, wrapperProps, { className: (0, hanna_utils_1.modifiedClass)('ContentArticle', null, (wrapperProps || {}).className) }),
         props.meta ? (react_1.default.createElement("div", { className: "ContentArticle__header" },
             headingElm,
             react_1.default.createElement(ArticleMeta_js_1.default, { items: props.meta }))) : (headingElm),

package/ContentImage.js

@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ContentImage = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const classUtils_1 = require("@hugsmidjan/qj/classUtils");
+const hanna_utils_1 = require("@reykjavik/hanna-utils");
 const _Image_js_1 = require("./_abstract/_Image.js");
 const ContentImage = (props) => {
     const { image, caption, credit, wrapperProps } = props;
-    return (react_1.default.createElement("figure", Object.assign({}, wrapperProps, { className: (0, classUtils_1.modifiedClass)('ContentImage', null, (wrapperProps || {}).className) }),
+    return (react_1.default.createElement("figure", Object.assign({}, wrapperProps, { className: (0, hanna_utils_1.modifiedClass)('ContentImage', null, (wrapperProps || {}).className) }),
         (caption || credit) && (react_1.default.createElement("figcaption", { className: "ContentImage__caption" },
             caption && react_1.default.createElement("span", { className: "ContentImage__text" },
                 " ",

package/ExtraLinks.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExtraLinks = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const classUtils_1 = require("@hugsmidjan/qj/classUtils");
+const hanna_utils_1 = require("@reykjavik/hanna-utils");
 const _CardList_js_1 = require("./_abstract/_CardList.js");
 const _Link_js_1 = require("./_abstract/_Link.js");
 const ExtraLinks__related = (props) => {
@@ -12,12 +12,12 @@ 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_js_1.Link, { className: (0, classUtils_1.modifiedClass)('ExtraLinks__related__link', type), href: href, target: blank ? '_blank' : '', rel: blank ? 'noreferrer noopener' : '' }, label)))))));
+                react_1.default.createElement(_Link_js_1.Link, { className: (0, hanna_utils_1.modifiedClass)('ExtraLinks__related__link', type), href: href, target: blank ? '_blank' : '', rel: blank ? 'noreferrer noopener' : '' }, label)))))));
 };
 const ExtraLinks = (props) => {
     const { relatedTitle, relatedLinks, className, wrapperProps } = props, cardListProps = tslib_1.__rest(props, ["relatedTitle", "relatedLinks", "className", "wrapperProps"]);
     const hasRelated = !!(relatedLinks && relatedLinks.length);
-    return (react_1.default.createElement("div", Object.assign({}, wrapperProps, { className: (0, classUtils_1.modifiedClass)('ExtraLinks', hasRelated && 'related', 
+    return (react_1.default.createElement("div", Object.assign({}, wrapperProps, { className: (0, hanna_utils_1.modifiedClass)('ExtraLinks', hasRelated && 'related', 
         // Prefer `className` over `wrapperProps.className`
         className || (wrapperProps || {}).className) }),
         react_1.default.createElement("div", { className: "ExtraLinks__main" },

package/FeatureList.js

@@ -3,14 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FeatureList = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const classUtils_1 = require("@hugsmidjan/qj/classUtils");
+const hanna_utils_1 = require("@reykjavik/hanna-utils");
 const Bling_js_1 = tslib_1.__importDefault(require("./Bling.js"));
 const FeatureList = (props) => {
     const { title, features, wrapperProps } = props;
     const _features = features.length ? features : [{ name: '...' }];
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(Bling_js_1.default, { type: "snake-large", align: "left", vertical: "down-ish" }),
-        react_1.default.createElement("div", Object.assign({}, wrapperProps, { className: (0, classUtils_1.modifiedClass)('FeatureList', null, (wrapperProps || {}).className) }),
+        react_1.default.createElement("div", Object.assign({}, wrapperProps, { className: (0, hanna_utils_1.modifiedClass)('FeatureList', null, (wrapperProps || {}).className) }),
             react_1.default.createElement("h2", { className: "FeatureList__title" }, title),
             react_1.default.createElement("ul", { className: "FeatureList__list" }, _features.map(({ name, icon, iconUrl }, i) => (react_1.default.createElement("li", { key: i, className: "FeatureList__feature", style: iconUrl
                     ? { '--efnistakn': `url("${iconUrl}")` }

package/FieldGroup.js

@@ -3,10 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FieldGroup = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const classUtils_1 = require("@hugsmidjan/qj/classUtils");
+const hanna_utils_1 = require("@reykjavik/hanna-utils");
 const FieldGroup = (props) => {
     const { legend, children, className, disabled, small, wrapperProps } = props;
-    return (react_1.default.createElement("fieldset", Object.assign({}, wrapperProps, { className: (0, classUtils_1.modifiedClass)('FieldGroup', small && 'small', 
+    return (react_1.default.createElement("fieldset", Object.assign({}, wrapperProps, { className: (0, hanna_utils_1.modifiedClass)('FieldGroup', small && 'small', 
         // Prefer `className` over `wrapperProps.className`
         className || (wrapperProps || {}).className), disabled: disabled }),
         react_1.default.createElement("legend", { className: "FieldGroup__legend" }, legend),

package/FileInput.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FileInput = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
-const classUtils_1 = require("@hugsmidjan/qj/classUtils");
+const hanna_utils_1 = require("@reykjavik/hanna-utils");
 const i18n_1 = require("@reykjavik/hanna-utils/i18n");
 const ReactDropzone_js_1 = require("./_mixed_export_resolution_/ReactDropzone.js");
 const _FileInput_utils_js_1 = require("./FileInput/_FileInput.utils.js");
@@ -122,7 +122,7 @@ const FileInput = (props) => {
         }
         onFilesUpdated(fileList, diff);
     };
-    return (react_1.default.createElement(FormField_js_1.default, Object.assign({ extraClassName: (0, classUtils_1.modifiedClass)('FileInput', [multiple && 'multi']) }, fieldWrapperProps, { id: `${domid}-fake`, LabelTag: "h4", renderInput: (className, inputProps /* , addFocusProps */) => {
+    return (react_1.default.createElement(FormField_js_1.default, Object.assign({ extraClassName: (0, hanna_utils_1.modifiedClass)('FileInput', [multiple && 'multi']) }, fieldWrapperProps, { id: `${domid}-fake`, LabelTag: "h4", renderInput: (className, inputProps /* , addFocusProps */) => {
             return (react_1.default.createElement("div", { className: className.control, ref: fileInputWrapper },
                 // Explicitly skip rendering of input element if no
                 // name prop is provided. This is implicitly what the
@@ -136,7 +136,7 @@ const FileInput = (props) => {
                     // it's contents are wiped on every "add" action.
                     className: "FileInput__input--fake" }, getInputProps(), { tabIndex: undefined, style: undefined, multiple: multiple || undefined }, inputProps, { required: undefined })),
                 ' ',
-                react_1.default.createElement("div", Object.assign({ className: (0, classUtils_1.modifiedClass)('FileInput__dropzone', [isHover && 'highlight']) }, getRootProps({ isDragReject }), { tabIndex: undefined }),
+                react_1.default.createElement("div", Object.assign({ className: (0, hanna_utils_1.modifiedClass)('FileInput__dropzone', [isHover && 'highlight']) }, getRootProps({ isDragReject }), { tabIndex: undefined }),
                     react_1.default.createElement("p", { className: "FileInput__droptext" }, dropzoneText)),
                 FileList && (react_1.default.createElement(FileList, Object.assign({}, {
                     files,

package/FooterInfo.js

@@ -3,15 +3,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FooterInfo = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const classUtils_1 = require("@hugsmidjan/qj/classUtils");
+const hanna_utils_1 = require("@reykjavik/hanna-utils");
 const FooterInfo = (props) => {
     const { boxes } = props;
-    return (react_1.default.createElement("div", { className: "FooterInfo" }, boxes.map((group, i) => (react_1.default.createElement("div", { className: (0, classUtils_1.modifiedClass)('FooterInfo__group', [
+    return (react_1.default.createElement("div", { className: "FooterInfo" }, boxes.map((group, i) => (react_1.default.createElement("div", { className: (0, hanna_utils_1.modifiedClass)('FooterInfo__group', [
             group.main && 'main',
             group.modifier,
         ]), key: i },
         react_1.default.createElement("h3", { className: "FooterInfo__grouptitle" }, group.title),
-        group.content ? (react_1.default.createElement("div", { className: (0, classUtils_1.modifiedClass)('FooterInfo__groupcontent', group.modifier) }, group.content)) : (react_1.default.createElement("div", { className: (0, classUtils_1.modifiedClass)('FooterInfo__groupcontent', group.modifier), dangerouslySetInnerHTML: { __html: group.html } })))))));
+        group.content ? (react_1.default.createElement("div", { className: (0, hanna_utils_1.modifiedClass)('FooterInfo__groupcontent', group.modifier) }, group.content)) : (react_1.default.createElement("div", { className: (0, hanna_utils_1.modifiedClass)('FooterInfo__groupcontent', group.modifier), dangerouslySetInnerHTML: { __html: group.html } })))))));
 };
 exports.FooterInfo = FooterInfo;
 exports.default = exports.FooterInfo;

package/Footnote.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Footnote = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const classUtils_1 = require("@hugsmidjan/qj/classUtils");
-const Footnote = (props) => (react_1.default.createElement("div", Object.assign({}, props.wrapperProps, { className: (0, classUtils_1.modifiedClass)('Footnote', null, (props.wrapperProps || {}).className) }), props.children));
+const hanna_utils_1 = require("@reykjavik/hanna-utils");
+const Footnote = (props) => (react_1.default.createElement("div", Object.assign({}, props.wrapperProps, { className: (0, hanna_utils_1.modifiedClass)('Footnote', null, (props.wrapperProps || {}).className) }), props.children));
 exports.Footnote = Footnote;
 exports.default = exports.Footnote;

package/Form.js

@@ -3,12 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Form = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const classUtils_1 = require("@hugsmidjan/qj/classUtils");
+const hanna_utils_1 = require("@reykjavik/hanna-utils");
 // NOTE: As this component already accepts all `<form/>` props directly,
 // it makes little sense to add support for `wrapperProps` on top.
 const Form = (props) => {
     const { children, align, wide, className } = props, formProps = tslib_1.__rest(props, ["children", "align", "wide", "className"]);
-    return (react_1.default.createElement("form", Object.assign({}, formProps, { className: (0, classUtils_1.modifiedClass)('Form', [align === 'right' && `align--${align}`, !align && wide && 'wide'], className) }), children));
+    return (react_1.default.createElement("form", Object.assign({}, formProps, { className: (0, hanna_utils_1.modifiedClass)('Form', [align === 'right' && `align--${align}`, !align && wide && 'wide'], className) }), children));
 };
 exports.Form = Form;
 exports.default = exports.Form;

package/FormField.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.groupFormFieldWrapperProps = exports.getFormFieldWrapperProps = exports.FormField = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
-const classUtils_1 = require("@hugsmidjan/qj/classUtils");
+const hanna_utils_1 = require("@reykjavik/hanna-utils");
 const i18n_1 = require("@reykjavik/hanna-utils/i18n");
 const env_js_1 = require("./utils/env.js");
 const useDomid_js_1 = require("./utils/useDomid.js");
@@ -74,7 +74,7 @@ const FormField = (props) => {
         'aria-describedby': assistTextId && errorId ? `${assistTextId} ${errorId}` : assistTextId || errorId,
         'aria-labelledby': labelId, // undefined if normalLabel
     };
-    return (react_1.default.createElement("div", Object.assign({ ref: props.wrapperRef }, wrapperProps, { className: (0, classUtils_1.modifiedClass)('FormField', [
+    return (react_1.default.createElement("div", Object.assign({ ref: props.wrapperRef }, wrapperProps, { className: (0, hanna_utils_1.modifiedClass)('FormField', [
             small && 'small',
             hideLabel && 'nolabel',
             isInvalid && 'invalid',

package/GridBlocks.js

@@ -3,14 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.GridBlocks = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const classUtils_1 = require("@hugsmidjan/qj/classUtils");
+const hanna_utils_1 = require("@reykjavik/hanna-utils");
 const assets_1 = require("@reykjavik/hanna-utils/assets");
 const _Image_js_1 = require("./_abstract/_Image.js");
 const _Link_js_1 = require("./_abstract/_Link.js");
 const ButtonTertiary_js_1 = tslib_1.__importDefault(require("./ButtonTertiary.js"));
 const GridBlocks = (props) => {
     const { blocks, twocol, wrapperProps } = props;
-    return (react_1.default.createElement("div", Object.assign({}, wrapperProps, { className: (0, classUtils_1.modifiedClass)('GridBlocks', [twocol && 'twocol'], (wrapperProps || {}).className) }), blocks.map(({ title, summary, href, links = [], icon, image }, i) => {
+    return (react_1.default.createElement("div", Object.assign({}, wrapperProps, { className: (0, hanna_utils_1.modifiedClass)('GridBlocks', [twocol && 'twocol'], (wrapperProps || {}).className) }), 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_js_1.Image, Object.assign({ bem: "GridBlocks__illustration" }, imageProps)),

package/Heading.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Heading = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const classUtils_1 = require("@hugsmidjan/qj/classUtils");
+const hanna_utils_1 = require("@reykjavik/hanna-utils");
 const sizes = {
     small: 'small',
     /** Default value */
@@ -14,7 +14,7 @@ const Heading = (props) => {
     const { size = 'normal', align, wide, children, wrapperProps } = props;
     const Tag = props.Tag || (props.forceH1 ? 'h1' : 'h2');
     const suppressWarning = process.env.NODE_ENV !== 'production' && Tag === 'h1' ? true : undefined;
-    return (react_1.default.createElement(Tag, Object.assign({}, wrapperProps, { "data-dev-forcedh1": suppressWarning, className: (0, classUtils_1.modifiedClass)('Heading', [
+    return (react_1.default.createElement(Tag, Object.assign({}, wrapperProps, { "data-dev-forcedh1": suppressWarning, className: (0, hanna_utils_1.modifiedClass)('Heading', [
             sizes[size],
             align === 'right' && `align--${align}`,
             !align && wide && 'wide',

package/HeroBlock.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.HeroBlock = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const classUtils_1 = require("@hugsmidjan/qj/classUtils");
+const hanna_utils_1 = require("@reykjavik/hanna-utils");
 const assets_1 = require("@reykjavik/hanna-utils/assets");
 const _Image_js_1 = require("./_abstract/_Image.js");
 const ButtonPrimary_js_1 = tslib_1.__importDefault(require("./ButtonPrimary.js"));
@@ -12,7 +12,7 @@ const HeroBlock = (props) => {
     const { title, summary, illustration, image, primaryButton, secondaryButton, wrapperProps, } = props;
     const hasButtons = Boolean(primaryButton || secondaryButton);
     const imgProps = illustration ? { src: (0, assets_1.getIllustrationUrl)(illustration) } : image;
-    return (react_1.default.createElement("div", Object.assign({}, wrapperProps, { className: (0, classUtils_1.modifiedClass)('HeroBlock', null, (wrapperProps || {}).className) }),
+    return (react_1.default.createElement("div", Object.assign({}, wrapperProps, { className: (0, hanna_utils_1.modifiedClass)('HeroBlock', null, (wrapperProps || {}).className) }),
         react_1.default.createElement("h1", { className: "HeroBlock__title" }, title),
         react_1.default.createElement(_Image_js_1.Image, Object.assign({ bem: "HeroBlock__image" }, imgProps)),
         react_1.default.createElement("div", { className: "HeroBlock__summary" }, summary),

package/IframeBlock.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.IframeBlock = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const classUtils_1 = require("@hugsmidjan/qj/classUtils");
+const hanna_utils_1 = require("@reykjavik/hanna-utils");
 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,7 +15,7 @@ const iframe_resizer_react_1 = tslib_1.__importDefault(require("iframe-resizer-r
  */
 const IframeBlock = (props) => {
     const { title, src, framed, compact, align, allow } = props;
-    const className = (0, classUtils_1.modifiedClass)('IframeBlock', [framed && 'framed', compact && 'compact', align === 'right' && `align--${align}`], (props.wrapperProps || {}).className);
+    const className = (0, hanna_utils_1.modifiedClass)('IframeBlock', [framed && 'framed', compact && 'compact', align === 'right' && `align--${align}`], (props.wrapperProps || {}).className);
     if (typeof props.height === 'number') {
         const { wrapperProps, scrolling, height } = props;
         return (react_1.default.createElement("iframe", Object.assign({}, wrapperProps, { className: className, title: title, src: src, allow: allow, 

package/IframedLayout.js

@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.IframedLayout = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const classUtils_1 = require("@hugsmidjan/qj/classUtils");
+const hanna_utils_1 = require("@reykjavik/hanna-utils");
 const utils_js_1 = require("./utils.js");
 const IframedLayout = (props) => {
     (0, utils_js_1.useScrollbarWidthCSSVar)();
     const { colorTheme, children, wrapperProps } = props;
-    return (react_1.default.createElement("div", Object.assign({}, wrapperProps, { className: (0, classUtils_1.modifiedClass)('IframedLayout', props.modifier, (wrapperProps || {}).className), "data-color-theme": colorTheme }), children));
+    return (react_1.default.createElement("div", Object.assign({}, wrapperProps, { className: (0, hanna_utils_1.modifiedClass)('IframedLayout', props.modifier, (wrapperProps || {}).className), "data-color-theme": colorTheme }), children));
 };
 exports.IframedLayout = IframedLayout;

package/ImageCards.js

@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ImageCards = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const classUtils_1 = require("@hugsmidjan/qj/classUtils");
+const hanna_utils_1 = require("@reykjavik/hanna-utils");
 const _CardList_js_1 = require("./_abstract/_CardList.js");
 const ImageCards = (props) => {
     const { background, wrapperProps } = props, cardListProps = tslib_1.__rest(props, ["background", "wrapperProps"]);
-    return (react_1.default.createElement("div", Object.assign({}, wrapperProps, { className: (0, classUtils_1.modifiedClass)('ImageCards', background && 'background', (wrapperProps || {}).className) }),
+    return (react_1.default.createElement("div", Object.assign({}, wrapperProps, { className: (0, hanna_utils_1.modifiedClass)('ImageCards', background && 'background', (wrapperProps || {}).className) }),
         react_1.default.createElement(_CardList_js_1.CardList, Object.assign({}, cardListProps, { bemPrefix: "ImageCards", imgPlaceholder: props.imgPlaceholder || true }))));
 };
 exports.ImageCards = ImageCards;