@reykjavik/hanna-react 0.10.83 → 0.10.85

package/AccordionList.d.ts

@@ -1,5 +1,5 @@
-import { SeenProp } from './utils/seenEffect';
-import { SSRSupport } from './utils';
+import { SeenProp } from './utils/seenEffect.js';
+import { SSRSupport } from './utils.js';
 export type AccordionListItemProps = {
     title: string | JSX.Element;
     content: string | JSX.Element | undefined;

package/AccordionList.js

@@ -5,13 +5,13 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const hooks_1 = require("@hugsmidjan/react/hooks");
 const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
-const seenEffect_1 = require("./utils/seenEffect");
-const utils_1 = require("./utils");
+const seenEffect_js_1 = require("./utils/seenEffect.js");
+const utils_js_1 = require("./utils.js");
 const AccordionListItem = (props) => {
     const { title, content, id, disabled = false, ssr, open, onToggle } = props;
     const defaultOpen = (0, react_1.useRef)(props.defaultOpen);
     const domid = (0, hooks_1.useDomid)();
-    const isBrowser = (0, utils_1.useIsBrowserSide)(ssr);
+    const isBrowser = (0, utils_js_1.useIsBrowserSide)(ssr);
     const itemDisabled = (isBrowser && disabled) || !content;
     return (react_1.default.createElement("div", { className: (0, getBemClass_1.default)('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)),
@@ -19,8 +19,8 @@ const AccordionListItem = (props) => {
 };
 const AccordionList = (props) => {
     const { items, ssr, wide, startSeen, defaultOpen } = props;
-    const [ref] = (0, seenEffect_1.useSeenEffect)(startSeen);
-    const [open, setOpenArray, mode] = (0, utils_1.useMixedControlState)(props, 'open', []);
+    const [ref] = (0, seenEffect_js_1.useSeenEffect)(startSeen);
+    const [open, setOpenArray, mode] = (0, utils_js_1.useMixedControlState)(props, 'open', []);
     const onToggle = (index) => {
         setOpenArray((prevOpen) => {
             const opened = !prevOpen.includes(index);

package/ActionCards.d.ts

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

package/ActionCards.js

@@ -3,12 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ActionCards = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const _CardList_1 = require("./_abstract/_CardList");
-const seenEffect_1 = require("./utils/seenEffect");
+const _CardList_js_1 = require("./_abstract/_CardList.js");
+const seenEffect_js_1 = require("./utils/seenEffect.js");
 const ActionCards = (props) => {
-    const [ref] = (0, seenEffect_1.useSeenEffect)(props.startSeen);
+    const [ref] = (0, seenEffect_js_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_js_1.CardList, Object.assign({}, props, { bemPrefix: "ActionCards" }))));
 };
 exports.ActionCards = ActionCards;
 exports.default = exports.ActionCards;

package/Alert.d.ts

@@ -1,7 +1,7 @@
 import { MouseEvent, ReactNode } from 'react';
 import { EitherObj } from '@reykjavik/hanna-utils';
 import { DefaultTexts } from '@reykjavik/hanna-utils/i18n';
-import { SSRSupport } from './utils';
+import { SSRSupport } from './utils.js';
 export type AlertI18n = {
     closeLabel: string;
     closeLabelLong?: string;

package/Alert.js

@@ -5,9 +5,9 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
 const i18n_1 = require("@reykjavik/hanna-utils/i18n");
-const _Button_1 = require("./_abstract/_Button");
-const env_1 = require("./utils/env");
-const utils_1 = require("./utils");
+const _Button_js_1 = require("./_abstract/_Button.js");
+const env_js_1 = require("./utils/env.js");
+const utils_js_1 = require("./utils.js");
 // FIXME: Eventually import from @reykjavik/hanna-css
 const AlertCloseTransitionDuration = 400;
 const useAutoClosing = (autoClose) => {
@@ -19,7 +19,7 @@ const useAutoClosing = (autoClose) => {
     const freeze = () => setTemp((temp) => temp - 1);
     return {
         autoClosing: temp === 0,
-        autoClosingProps: Object.assign({ onMouseEnter: freeze, onMouseLeave: thaw, onFocus: freeze, onBlur: thaw }, (env_1.isPreact && {
+        autoClosingProps: Object.assign({ onMouseEnter: freeze, onMouseLeave: thaw, onFocus: freeze, onBlur: thaw }, (env_js_1.isPreact && {
             onfocusin: (e) => e.currentTarget !== e.target && freeze(),
             onfocusout: (e) => e.currentTarget !== e.target && thaw(),
         })),
@@ -41,7 +41,7 @@ const Alert = (props) => {
     const autoClose = Math.max(props.autoClose || 0, 0);
     const closing = (0, react_1.useRef)();
     const [open, setOpen] = (0, react_1.useState)(!!ssr);
-    const isBrowser = (0, utils_1.useIsBrowserSide)(ssr);
+    const isBrowser = (0, utils_js_1.useIsBrowserSide)(ssr);
     const showCloseButton = closable && (isBrowser || closeUrl != null);
     const { closeLabel, closeLabelLong } = (0, i18n_1.getTexts)(props, exports.defaultAlertTexts);
     (0, react_1.useEffect)(() => {
@@ -87,7 +87,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.Button, Object.assign({ bem: "Alert__close" }, (closeUrl != null ? { href: closeUrl } : { type: 'button' }), { onClick: (e) => {
+        showCloseButton && (react_1.default.createElement(_Button_js_1.Button, 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

@@ -1,5 +1,5 @@
 import type { Cleanup } from '@reykjavik/hanna-utils';
-import { ImageCardListProps, ImageCardProps } from './_abstract/_CardList';
+import { ImageCardListProps, ImageCardProps } from './_abstract/_CardList.js';
 export type ArticleCardsItemProps = ImageCardProps;
 /** @deprecated Use `ArticleCardsItemProps` instead (Remove in v0.11) */
 export type ArticleCardProps = ArticleCardsItemProps;

package/ArticleCards.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ArticleCards = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_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 }));
+const _CardList_js_1 = require("./_abstract/_CardList.js");
+const ArticleCards = (props) => (react_1.default.createElement(_CardList_js_1.CardList, { bemPrefix: "ArticleCards", standalone: true, cards: props.cards, imgPlaceholder: props.imgPlaceholder || true }));
 exports.ArticleCards = ArticleCards;
 exports.default = exports.ArticleCards;

package/ArticleCarousel/_ArticleCarouselCard.d.ts

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

package/ArticleCarousel/_ArticleCarouselCard.js

@@ -5,23 +5,23 @@ 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 = require("../_abstract/_Image");
-const _Link_1 = require("../_abstract/_Link");
-const constants_1 = require("../constants");
+const _Image_js_1 = require("../_abstract/_Image.js");
+const _Link_js_1 = require("../_abstract/_Link.js");
+const constants_js_1 = require("../constants.js");
 const ArticleCarouselCard = (props) => {
     const { date, title, summary, href, target, 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, target: target },
+    return (react_1.default.createElement("div", { className: "ArticleCarouselCard", "data-color": color && constants_js_1.colorFamilies[color], "data-color-theme": !color ? theme && constants_js_1.themeOptions[theme] : undefined },
+        react_1.default.createElement(_Link_js_1.Link, { className: "ArticleCarouselCard__link", href: href, target: target },
             ' ',
-            react_1.default.createElement(_Image_1.Image, Object.assign({ placeholder: true, className: (0, getBemClass_1.default)('ArticleCarouselCard__illustration', photo && 'photo') }, imageProps)),
+            react_1.default.createElement(_Image_js_1.Image, 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, target: target, "aria-label": title },
+        moreLabel && (react_1.default.createElement(_Link_js_1.Link, { className: "ArticleCarouselCard__morelink", href: href, target: target, "aria-label": title },
             ' ',
             moreLabel,
             ' '))));

package/ArticleCarousel.d.ts

@@ -1,6 +1,6 @@
-import { ArticleCarouselCardProps, ArticleCarouselImageProps } from './ArticleCarousel/_ArticleCarouselCard';
-import { SeenProp } from './utils/seenEffect';
-import { SSRSupport } from './utils';
+import { ArticleCarouselCardProps, ArticleCarouselImageProps } from './ArticleCarousel/_ArticleCarouselCard.js';
+import { SeenProp } from './utils/seenEffect.js';
+import { SSRSupport } from './utils.js';
 export type ArticleCarouselProps = {
     items: Array<ArticleCarouselCardProps>;
     title?: string;

package/ArticleCarousel.js

@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ArticleCarousel = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const _AbstractCarousel_1 = require("./_abstract/_AbstractCarousel");
-const _ArticleCarouselCard_1 = require("./ArticleCarousel/_ArticleCarouselCard");
+const _AbstractCarousel_js_1 = require("./_abstract/_AbstractCarousel.js");
+const _ArticleCarouselCard_js_1 = require("./ArticleCarousel/_ArticleCarouselCard.js");
 const ArticleCarousel = (props) => {
     const { title, items, moreLabel, ssr, startSeen } = props;
-    return (react_1.default.createElement(_AbstractCarousel_1.AbstractCarousel, { bem: "ArticleCarousel", title: title, items: items, Component: _ArticleCarouselCard_1.ArticleCarouselCard, ComponentProps: { moreLabel }, ssr: ssr, startSeen: startSeen }));
+    return (react_1.default.createElement(_AbstractCarousel_js_1.AbstractCarousel, { bem: "ArticleCarousel", title: title, items: items, Component: _ArticleCarouselCard_js_1.ArticleCarouselCard, ComponentProps: { moreLabel }, ssr: ssr, startSeen: startSeen }));
 };
 exports.ArticleCarousel = ArticleCarousel;
 exports.default = exports.ArticleCarousel;

package/ArticleMeta.js

@@ -4,7 +4,7 @@ exports.ArticleMeta = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
-const _Link_1 = require("./_abstract/_Link");
+const _Link_js_1 = require("./_abstract/_Link.js");
 const ArticleMeta = (props) => {
     const { items, small } = props;
     if (items.length === 0) {
@@ -14,7 +14,7 @@ const ArticleMeta = (props) => {
         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_js_1.Link, { className: "ArticleMeta__item", href: href },
             ' ',
             label,
             ' ')),

package/BasicTable.d.ts

@@ -1,6 +1,6 @@
 import { TableProps } from '@hugsmidjan/react/Table';
 import { EitherObj } from '@reykjavik/hanna-utils';
-import { SeenProp } from './utils/seenEffect';
+import { SeenProp } from './utils/seenEffect.js';
 export type BasicTableProps = {
     compact?: boolean;
     type?: 'text' | 'number';

package/BasicTable.js

@@ -6,14 +6,14 @@ const react_1 = tslib_1.__importDefault(require("react"));
 const Table_1 = tslib_1.__importDefault(require("@hugsmidjan/react/Table"));
 const TableWrapper_1 = tslib_1.__importDefault(require("@hugsmidjan/react/TableWrapper"));
 const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
-const seenEffect_1 = require("./utils/seenEffect");
+const seenEffect_js_1 = require("./utils/seenEffect.js");
 const BasicTable = (props) => {
     const { cols, caption, thead, tfoot, align, fullWidth, startSeen } = props;
     const tbodyProps = props.tbodies
         ? { tbodies: props.tbodies }
         : { tbody: props.tbody || [] };
     const modifier = props.modifier;
-    const [ref] = (0, seenEffect_1.useSeenEffect)(startSeen);
+    const [ref] = (0, seenEffect_js_1.useSeenEffect)(startSeen);
     return (react_1.default.createElement(TableWrapper_1.default, { modifier: [
             'BasicTable',
             modifier && 'BasicTable--' + modifier,

package/BgBox.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { EffectProp, SeenProp } from './utils/seenEffect';
+import { EffectProp, SeenProp } from './utils/seenEffect.js';
 export type BgBoxProps = {
     className?: string;
     children: ReactNode;

package/BgBox.js

@@ -4,11 +4,11 @@ exports.BgBox = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
-const seenEffect_1 = require("./utils/seenEffect");
+const seenEffect_js_1 = require("./utils/seenEffect.js");
 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));
+    const [ref] = (0, seenEffect_js_1.useSeenEffect)(startSeen);
+    return (react_1.default.createElement("div", Object.assign({ className: (0, getBemClass_1.default)('BgBox', undefined, className), ref: ref }, (0, seenEffect_js_1.getEffectAttr)(effectType)), children));
 };
 exports.BgBox = BgBox;
 exports.default = exports.BgBox;

package/Bling.js

@@ -5,7 +5,7 @@ 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 useGetSVGtext_1 = require("./utils/useGetSVGtext");
+const useGetSVGtext_js_1 = require("./utils/useGetSVGtext.js");
 const colors = {
     tertiary: true,
     secondary: true,
@@ -36,7 +36,7 @@ const parentOffset = {
 const Bling = (props) => {
     const { align, vertical, color, overlay, type, blingUrl, parent, className } = props;
     const imageUrl = type ? (0, assets_1.getBlingUrl)(type) : blingUrl;
-    const inlineSvg = (0, useGetSVGtext_1.useGetSVGtext)(imageUrl);
+    const inlineSvg = (0, useGetSVGtext_js_1.useGetSVGtext)(imageUrl);
     return (react_1.default.createElement("div", { className: (0, getBemClass_1.default)('Bling', [
             'align--' + (align && align in aligns ? align : 'left'),
             vertical && vertical in valigns && 'vertical--' + vertical,

package/BlockQuote.d.ts

@@ -1,4 +1,4 @@
-import { QuoteProps } from './_abstract/_Quote';
+import { QuoteProps } from './_abstract/_Quote.js';
 export type BlockQuoteProps = QuoteProps;
 export declare const BlockQuote: (props: BlockQuoteProps) => JSX.Element;
 export default BlockQuote;

package/BlockQuote.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.BlockQuote = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const _Quote_1 = require("./_abstract/_Quote");
-const BlockQuote = (props) => (react_1.default.createElement(_Quote_1._Quote, Object.assign({ bem: "BlockQuote" }, props)));
+const _Quote_js_1 = require("./_abstract/_Quote.js");
+const BlockQuote = (props) => (react_1.default.createElement(_Quote_js_1._Quote, Object.assign({ bem: "BlockQuote" }, props)));
 exports.BlockQuote = BlockQuote;
 exports.default = exports.BlockQuote;

package/BreadCrumbs.js

@@ -3,10 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.BreadCrumbs = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const _Link_1 = require("./_abstract/_Link");
+const _Link_js_1 = require("./_abstract/_Link.js");
 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_js_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.js';
 export type ButtonBackProps = ButtonProps;
 export declare const ButtonBack: (props: ButtonBackProps & {
     children?: ReactNode;

package/ButtonBack.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonBack = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const _Button_1 = require("./_abstract/_Button");
-const ButtonBack = (props) => (react_1.default.createElement(_Button_1.Button, Object.assign({ bem: "ButtonBack" }, props)));
+const _Button_js_1 = require("./_abstract/_Button.js");
+const ButtonBack = (props) => (react_1.default.createElement(_Button_js_1.Button, Object.assign({ bem: "ButtonBack" }, props)));
 exports.ButtonBack = ButtonBack;
 exports.default = exports.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.js';
 export type ButtonPrimaryProps = ButtonProps & ButtonVariantProps;
 export declare const ButtonPrimary: (props: ButtonPrimaryProps & {
     children?: ReactNode;

package/ButtonPrimary.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonPrimary = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const _Button_1 = require("./_abstract/_Button");
-const ButtonPrimary = (props) => (react_1.default.createElement(_Button_1.Button, Object.assign({ bem: "ButtonPrimary" }, props)));
+const _Button_js_1 = require("./_abstract/_Button.js");
+const ButtonPrimary = (props) => (react_1.default.createElement(_Button_js_1.Button, Object.assign({ bem: "ButtonPrimary" }, props)));
 exports.ButtonPrimary = ButtonPrimary;
 exports.default = exports.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.js';
 export type ButtonSecondaryProps = ButtonProps & ButtonVariantProps;
 export declare const ButtonSecondary: (props: ButtonSecondaryProps & {
     children?: ReactNode;

package/ButtonSecondary.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonSecondary = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const _Button_1 = require("./_abstract/_Button");
-const ButtonSecondary = (props) => react_1.default.createElement(_Button_1.Button, Object.assign({ bem: "ButtonSecondary" }, props));
+const _Button_js_1 = require("./_abstract/_Button.js");
+const ButtonSecondary = (props) => react_1.default.createElement(_Button_js_1.Button, Object.assign({ bem: "ButtonSecondary" }, props));
 exports.ButtonSecondary = ButtonSecondary;
 exports.default = exports.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.js';
 type TertiarySize = Extract<ButtonVariantProps['size'], 'normal' | 'small'>;
 type TertiaryIcon = Extract<ButtonVariantProps['icon'], 'none' | 'go-back'>;
 export type ButtonTertiaryProps = ButtonProps & Omit<ButtonVariantProps, 'icon' | 'size'> & {

package/ButtonTertiary.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonTertiary = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const _Button_1 = require("./_abstract/_Button");
+const _Button_js_1 = require("./_abstract/_Button.js");
 const sizes = {
     normal: 'normal',
     small: 'small',
@@ -14,7 +14,7 @@ const icons = {
 };
 const ButtonTertiary = (props) => {
     const { size = 'normal', icon = 'none' } = props;
-    return react_1.default.createElement(_Button_1.Button, Object.assign({ bem: "ButtonTertiary" }, props, { size: sizes[size], icon: icons[icon] }));
+    return react_1.default.createElement(_Button_js_1.Button, Object.assign({ bem: "ButtonTertiary" }, props, { size: sizes[size], icon: icons[icon] }));
 };
 exports.ButtonTertiary = ButtonTertiary;
 exports.default = exports.ButtonTertiary;

package/CHANGELOG.md

@@ -4,6 +4,19 @@
 
 - ... <!-- Add new lines here. -->
 
+## 0.10.85
+
+_2023-04-04_
+
+- feat: Re-enable ESM exports in published build
+- fix: `MegaMenu` render thrashing and accidental scrolling to top of page
+
+## 0.10.84
+
+_2023-03-21_
+
+- feat: Suppress hydration warnings for auto-generated DOM `id`s in React@18
+
 ## 0.10.83
 
 _2023-03-20_

package/Carousel.d.ts

@@ -1,4 +1,4 @@
-import { CarouselProps } from './_abstract/_AbstractCarousel';
-export type { CarouselProps } from './_abstract/_AbstractCarousel';
+import { CarouselProps } from './_abstract/_AbstractCarousel.js';
+export type { CarouselProps } from './_abstract/_AbstractCarousel.js';
 export declare const Carousel: <I extends Record<string, unknown> = {}, P extends Record<string, unknown> | undefined = {}>(props: CarouselProps<I, P>) => JSX.Element;
 export default Carousel;

package/Carousel.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Carousel = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const _AbstractCarousel_1 = require("./_abstract/_AbstractCarousel");
-const Carousel = (props) => (react_1.default.createElement(_AbstractCarousel_1.AbstractCarousel, Object.assign({}, props, { bem: undefined, modifier: undefined, title: undefined })));
+const _AbstractCarousel_js_1 = require("./_abstract/_AbstractCarousel.js");
+const Carousel = (props) => (react_1.default.createElement(_AbstractCarousel_js_1.AbstractCarousel, Object.assign({}, props, { bem: undefined, modifier: undefined, title: undefined })));
 exports.Carousel = Carousel;
 exports.default = exports.Carousel;

package/CenterColumn.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { EffectProp, SeenProp } from './utils/seenEffect';
+import { EffectProp, SeenProp } from './utils/seenEffect.js';
 export type CenterColumnProps = {
     children: ReactNode;
 } & SeenProp & EffectProp;

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 SeenEffect_1 = tslib_1.__importDefault(require("./SeenEffect"));
+const SeenEffect_js_1 = tslib_1.__importDefault(require("./SeenEffect.js"));
 const CenterColumn = (props) => {
     const { children, startSeen, effectType } = props;
-    return startSeen == null ? (react_1.default.createElement("div", { className: "CenterColumn" }, children)) : (react_1.default.createElement(SeenEffect_1.default, { className: "CenterColumn", startSeen: startSeen, effectType: effectType }, children));
+    return startSeen == null ? (react_1.default.createElement("div", { className: "CenterColumn" }, children)) : (react_1.default.createElement(SeenEffect_js_1.default, { className: "CenterColumn", startSeen: startSeen, effectType: effectType }, children));
 };
 exports.CenterColumn = CenterColumn;
 exports.default = exports.CenterColumn;

package/Checkbox.d.ts

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

package/Checkbox.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Checkbox = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const _TogglerInput_1 = require("./_abstract/_TogglerInput");
-const Checkbox = (props) => (react_1.default.createElement(_TogglerInput_1.TogglerInput, Object.assign({ bem: "Checkbox" }, props, { type: "checkbox" })));
+const _TogglerInput_js_1 = require("./_abstract/_TogglerInput.js");
+const Checkbox = (props) => (react_1.default.createElement(_TogglerInput_js_1.TogglerInput, Object.assign({ bem: "Checkbox" }, props, { type: "checkbox" })));
 exports.Checkbox = Checkbox;
 exports.default = exports.Checkbox;

package/CheckboxButton.d.ts

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

package/CheckboxButton.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CheckboxButton = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const _TogglerInput_1 = require("./_abstract/_TogglerInput");
-const CheckboxButton = (props) => (react_1.default.createElement(_TogglerInput_1.TogglerInput, Object.assign({ bem: "CheckboxButton" }, props, { type: "checkbox", innerWrap: true })));
+const _TogglerInput_js_1 = require("./_abstract/_TogglerInput.js");
+const CheckboxButton = (props) => (react_1.default.createElement(_TogglerInput_js_1.TogglerInput, Object.assign({ bem: "CheckboxButton" }, props, { type: "checkbox", innerWrap: true })));
 exports.CheckboxButton = CheckboxButton;
 exports.default = exports.CheckboxButton;

package/CheckboxButtonsGroup.d.ts

@@ -1,4 +1,4 @@
-import { TogglerGroupFieldOptions, TogglerGroupFieldProps } from './_abstract/_TogglerGroupField';
+import { TogglerGroupFieldOptions, TogglerGroupFieldProps } from './_abstract/_TogglerGroupField.js';
 export type CheckboxButtonsGroupProps = TogglerGroupFieldProps & {
     value?: Array<string>;
     defaultValue?: Array<string>;

package/CheckboxButtonsGroup.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CheckboxButtonsGroup = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const _TogglerGroupField_1 = require("./_abstract/_TogglerGroupField");
-const CheckboxButton_1 = tslib_1.__importDefault(require("./CheckboxButton"));
+const _TogglerGroupField_js_1 = require("./_abstract/_TogglerGroupField.js");
+const CheckboxButton_js_1 = tslib_1.__importDefault(require("./CheckboxButton.js"));
 const CheckboxButtonsGroup = (props) => {
     if (props.layout) {
         console.warn('`CheckboxButtonsGroupProps.layout` is deprecated.');
@@ -12,7 +12,7 @@ const CheckboxButtonsGroup = (props) => {
     if (props.columns) {
         console.warn('`CheckboxButtonsGroupProps.columns` is deprecated.');
     }
-    return (react_1.default.createElement(_TogglerGroupField_1.TogglerGroupField, Object.assign({}, props, { bem: "CheckboxButtonsGroup", Toggler: CheckboxButton_1.default })));
+    return (react_1.default.createElement(_TogglerGroupField_js_1.TogglerGroupField, Object.assign({}, props, { bem: "CheckboxButtonsGroup", Toggler: CheckboxButton_js_1.default })));
 };
 exports.CheckboxButtonsGroup = CheckboxButtonsGroup;
 exports.default = exports.CheckboxButtonsGroup;

package/CheckboxGroup.d.ts

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

package/CheckboxGroup.js

@@ -3,10 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CheckboxGroup = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const _TogglerGroupField_1 = require("./_abstract/_TogglerGroupField");
-const Checkbox_1 = tslib_1.__importDefault(require("./Checkbox"));
+const _TogglerGroupField_js_1 = require("./_abstract/_TogglerGroupField.js");
+const Checkbox_js_1 = tslib_1.__importDefault(require("./Checkbox.js"));
 const CheckboxGroup = (props) => {
-    return (react_1.default.createElement(_TogglerGroupField_1.TogglerGroupField, Object.assign({}, props, { bem: "CheckboxGroup", modifier: props.layout, Toggler: Checkbox_1.default })));
+    return (react_1.default.createElement(_TogglerGroupField_js_1.TogglerGroupField, Object.assign({}, props, { bem: "CheckboxGroup", modifier: props.layout, Toggler: Checkbox_js_1.default })));
 };
 exports.CheckboxGroup = CheckboxGroup;
 exports.default = exports.CheckboxGroup;

package/CityBlock.d.ts

@@ -1,9 +1,9 @@
 import { EitherObj } from '@reykjavik/hanna-utils';
 import { Illustration } from '@reykjavik/hanna-utils/assets';
-import { BlockItem } from './_abstract/_Block';
-import { ImageProps } from './_abstract/_Image';
-import { SeenProp } from './utils/seenEffect';
-import { Alignment } from './constants';
+import { BlockItem } from './_abstract/_Block.js';
+import { ImageProps } from './_abstract/_Image.js';
+import { SeenProp } from './utils/seenEffect.js';
+import { Alignment } from './constants.js';
 declare const types: {
     largebox: boolean;
     largeimage: boolean;