@reykjavik/hanna-react 0.10.56 → 0.10.57

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@reykjavik/hanna-react",
-	"version": "0.10.56",
+	"version": "0.10.57",
 	"author": "Reykjavík (http://www.reykjavik.is)",
 	"contributors": [
 		"Hugsmiðjan ehf (http://www.hugsmidjan.is)",
@@ -38,363 +38,363 @@
 	},
 	"exports": {
 		"./AccordionList": {
-			"import": "./esm/AccordionList.mjs",
+			"import": "./esm/AccordionList.js",
 			"require": "./AccordionList.js"
 		},
 		"./ActionCards": {
-			"import": "./esm/ActionCards.mjs",
+			"import": "./esm/ActionCards.js",
 			"require": "./ActionCards.js"
 		},
 		"./Alert": {
-			"import": "./esm/Alert.mjs",
+			"import": "./esm/Alert.js",
 			"require": "./Alert.js"
 		},
 		"./ArticleCarousel": {
-			"import": "./esm/ArticleCarousel.mjs",
+			"import": "./esm/ArticleCarousel.js",
 			"require": "./ArticleCarousel.js"
 		},
 		"./ArticleMeta": {
-			"import": "./esm/ArticleMeta.mjs",
+			"import": "./esm/ArticleMeta.js",
 			"require": "./ArticleMeta.js"
 		},
 		"./assets": {
-			"import": "./esm/assets.mjs",
+			"import": "./esm/assets.js",
 			"require": "./assets.js"
 		},
 		"./Attention": {
-			"import": "./esm/Attention.mjs",
+			"import": "./esm/Attention.js",
 			"require": "./Attention.js"
 		},
 		"./BasicTable": {
-			"import": "./esm/BasicTable.mjs",
+			"import": "./esm/BasicTable.js",
 			"require": "./BasicTable.js"
 		},
 		"./Bling": {
-			"import": "./esm/Bling.mjs",
+			"import": "./esm/Bling.js",
 			"require": "./Bling.js"
 		},
 		"./BlockBreak": {
-			"import": "./esm/BlockBreak.mjs",
+			"import": "./esm/BlockBreak.js",
 			"require": "./BlockBreak.js"
 		},
 		"./BlockQuote": {
-			"import": "./esm/BlockQuote.mjs",
+			"import": "./esm/BlockQuote.js",
 			"require": "./BlockQuote.js"
 		},
 		"./BreadCrumbs": {
-			"import": "./esm/BreadCrumbs.mjs",
+			"import": "./esm/BreadCrumbs.js",
 			"require": "./BreadCrumbs.js"
 		},
 		"./ButtonBack": {
-			"import": "./esm/ButtonBack.mjs",
+			"import": "./esm/ButtonBack.js",
 			"require": "./ButtonBack.js"
 		},
 		"./ButtonBar": {
-			"import": "./esm/ButtonBar.mjs",
+			"import": "./esm/ButtonBar.js",
 			"require": "./ButtonBar.js"
 		},
 		"./ButtonPrimary": {
-			"import": "./esm/ButtonPrimary.mjs",
+			"import": "./esm/ButtonPrimary.js",
 			"require": "./ButtonPrimary.js"
 		},
 		"./ButtonSecondary": {
-			"import": "./esm/ButtonSecondary.mjs",
+			"import": "./esm/ButtonSecondary.js",
 			"require": "./ButtonSecondary.js"
 		},
 		"./ButtonTertiary": {
-			"import": "./esm/ButtonTertiary.mjs",
+			"import": "./esm/ButtonTertiary.js",
 			"require": "./ButtonTertiary.js"
 		},
 		"./Carousel": {
-			"import": "./esm/Carousel.mjs",
+			"import": "./esm/Carousel.js",
 			"require": "./Carousel.js"
 		},
 		"./CarouselStepper": {
-			"import": "./esm/CarouselStepper.mjs",
+			"import": "./esm/CarouselStepper.js",
 			"require": "./CarouselStepper.js"
 		},
 		"./CenterColumn": {
-			"import": "./esm/CenterColumn.mjs",
+			"import": "./esm/CenterColumn.js",
 			"require": "./CenterColumn.js"
 		},
 		"./Checkbox": {
-			"import": "./esm/Checkbox.mjs",
+			"import": "./esm/Checkbox.js",
 			"require": "./Checkbox.js"
 		},
 		"./CheckboxButtonsGroup": {
-			"import": "./esm/CheckboxButtonsGroup.mjs",
+			"import": "./esm/CheckboxButtonsGroup.js",
 			"require": "./CheckboxButtonsGroup.js"
 		},
 		"./CheckboxGroup": {
-			"import": "./esm/CheckboxGroup.mjs",
+			"import": "./esm/CheckboxGroup.js",
 			"require": "./CheckboxGroup.js"
 		},
 		"./CityBlock": {
-			"import": "./esm/CityBlock.mjs",
+			"import": "./esm/CityBlock.js",
 			"require": "./CityBlock.js"
 		},
 		"./constants": {
-			"import": "./esm/constants.mjs",
+			"import": "./esm/constants.js",
 			"require": "./constants.js"
 		},
 		"./ContactBubble": {
-			"import": "./esm/ContactBubble.mjs",
+			"import": "./esm/ContactBubble.js",
 			"require": "./ContactBubble.js"
 		},
 		"./ContentArticle": {
-			"import": "./esm/ContentArticle.mjs",
+			"import": "./esm/ContentArticle.js",
 			"require": "./ContentArticle.js"
 		},
 		"./ContentImage": {
-			"import": "./esm/ContentImage.mjs",
+			"import": "./esm/ContentImage.js",
 			"require": "./ContentImage.js"
 		},
 		"./Datepicker": {
-			"import": "./esm/Datepicker.mjs",
+			"import": "./esm/Datepicker.js",
 			"require": "./Datepicker.js"
 		},
 		"./ExtraLinks": {
-			"import": "./esm/ExtraLinks.mjs",
+			"import": "./esm/ExtraLinks.js",
 			"require": "./ExtraLinks.js"
 		},
 		"./FeatureList": {
-			"import": "./esm/FeatureList.mjs",
+			"import": "./esm/FeatureList.js",
 			"require": "./FeatureList.js"
 		},
 		"./FieldGroup": {
-			"import": "./esm/FieldGroup.mjs",
+			"import": "./esm/FieldGroup.js",
 			"require": "./FieldGroup.js"
 		},
 		"./FileInput": {
-			"import": "./esm/FileInput.mjs",
+			"import": "./esm/FileInput.js",
 			"require": "./FileInput.js"
 		},
 		"./focus-visible": {
-			"import": "./esm/focus-visible.mjs",
+			"import": "./esm/focus-visible.js",
 			"require": "./focus-visible.js"
 		},
 		"./Foonote": {
-			"import": "./esm/Foonote.mjs",
+			"import": "./esm/Foonote.js",
 			"require": "./Foonote.js"
 		},
 		"./FooterBadges": {
-			"import": "./esm/FooterBadges.mjs",
+			"import": "./esm/FooterBadges.js",
 			"require": "./FooterBadges.js"
 		},
 		"./FooterInfo": {
-			"import": "./esm/FooterInfo.mjs",
+			"import": "./esm/FooterInfo.js",
 			"require": "./FooterInfo.js"
 		},
 		"./Footnote": {
-			"import": "./esm/Footnote.mjs",
+			"import": "./esm/Footnote.js",
 			"require": "./Footnote.js"
 		},
 		"./Form": {
-			"import": "./esm/Form.mjs",
+			"import": "./esm/Form.js",
 			"require": "./Form.js"
 		},
 		"./FormField": {
-			"import": "./esm/FormField.mjs",
+			"import": "./esm/FormField.js",
 			"require": "./FormField.js"
 		},
 		"./Gallery": {
-			"import": "./esm/Gallery.mjs",
+			"import": "./esm/Gallery.js",
 			"require": "./Gallery.js"
 		},
 		"./GridBlocks": {
-			"import": "./esm/GridBlocks.mjs",
+			"import": "./esm/GridBlocks.js",
 			"require": "./GridBlocks.js"
 		},
 		"./Heading": {
-			"import": "./esm/Heading.mjs",
+			"import": "./esm/Heading.js",
 			"require": "./Heading.js"
 		},
 		"./HeroBlock": {
-			"import": "./esm/HeroBlock.mjs",
+			"import": "./esm/HeroBlock.js",
 			"require": "./HeroBlock.js"
 		},
 		"./IframeBlock": {
-			"import": "./esm/IframeBlock.mjs",
+			"import": "./esm/IframeBlock.js",
 			"require": "./IframeBlock.js"
 		},
 		"./Illustration": {
-			"import": "./esm/Illustration.mjs",
+			"import": "./esm/Illustration.js",
 			"require": "./Illustration.js"
 		},
 		"./ImageCards": {
-			"import": "./esm/ImageCards.mjs",
+			"import": "./esm/ImageCards.js",
 			"require": "./ImageCards.js"
 		},
 		"./InfoBlock": {
-			"import": "./esm/InfoBlock.mjs",
+			"import": "./esm/InfoBlock.js",
 			"require": "./InfoBlock.js"
 		},
 		"./InfoHero": {
-			"import": "./esm/InfoHero.mjs",
+			"import": "./esm/InfoHero.js",
 			"require": "./InfoHero.js"
 		},
 		"./IslandBlock": {
-			"import": "./esm/IslandBlock.mjs",
+			"import": "./esm/IslandBlock.js",
 			"require": "./IslandBlock.js"
 		},
 		"./IslandPageBlock": {
-			"import": "./esm/IslandPageBlock.mjs",
+			"import": "./esm/IslandPageBlock.js",
 			"require": "./IslandPageBlock.js"
 		},
 		"./LabeledTextBlock": {
-			"import": "./esm/LabeledTextBlock.mjs",
+			"import": "./esm/LabeledTextBlock.js",
 			"require": "./LabeledTextBlock.js"
 		},
 		"./Layout": {
-			"import": "./esm/Layout.mjs",
+			"import": "./esm/Layout.js",
 			"require": "./Layout.js"
 		},
 		"./MainMenu": {
-			"import": "./esm/MainMenu.mjs",
+			"import": "./esm/MainMenu.js",
 			"require": "./MainMenu.js"
 		},
 		"./MiniMetrics": {
-			"import": "./esm/MiniMetrics.mjs",
+			"import": "./esm/MiniMetrics.js",
 			"require": "./MiniMetrics.js"
 		},
 		"./Modal": {
-			"import": "./esm/Modal.mjs",
+			"import": "./esm/Modal.js",
 			"require": "./Modal.js"
 		},
 		"./NameCard": {
-			"import": "./esm/NameCard.mjs",
+			"import": "./esm/NameCard.js",
 			"require": "./NameCard.js"
 		},
 		"./NameCards": {
-			"import": "./esm/NameCards.mjs",
+			"import": "./esm/NameCards.js",
 			"require": "./NameCards.js"
 		},
 		"./NewsHero": {
-			"import": "./esm/NewsHero.mjs",
+			"import": "./esm/NewsHero.js",
 			"require": "./NewsHero.js"
 		},
 		"./PageFilter": {
-			"import": "./esm/PageFilter.mjs",
+			"import": "./esm/PageFilter.js",
 			"require": "./PageFilter.js"
 		},
 		"./PageHeading": {
-			"import": "./esm/PageHeading.mjs",
+			"import": "./esm/PageHeading.js",
 			"require": "./PageHeading.js"
 		},
 		"./ProcessOverview": {
-			"import": "./esm/ProcessOverview.mjs",
+			"import": "./esm/ProcessOverview.js",
 			"require": "./ProcessOverview.js"
 		},
 		"./PullQuote": {
-			"import": "./esm/PullQuote.mjs",
+			"import": "./esm/PullQuote.js",
 			"require": "./PullQuote.js"
 		},
 		"./RadioButtonsGroup": {
-			"import": "./esm/RadioButtonsGroup.mjs",
+			"import": "./esm/RadioButtonsGroup.js",
 			"require": "./RadioButtonsGroup.js"
 		},
 		"./RadioGroup": {
-			"import": "./esm/RadioGroup.mjs",
+			"import": "./esm/RadioGroup.js",
 			"require": "./RadioGroup.js"
 		},
 		"./RelatedLinks": {
-			"import": "./esm/RelatedLinks.mjs",
+			"import": "./esm/RelatedLinks.js",
 			"require": "./RelatedLinks.js"
 		},
 		"./RowBlock": {
-			"import": "./esm/RowBlock.mjs",
+			"import": "./esm/RowBlock.js",
 			"require": "./RowBlock.js"
 		},
 		"./RowBlockColumn": {
-			"import": "./esm/RowBlockColumn.mjs",
+			"import": "./esm/RowBlockColumn.js",
 			"require": "./RowBlockColumn.js"
 		},
 		"./SearchInput": {
-			"import": "./esm/SearchInput.mjs",
+			"import": "./esm/SearchInput.js",
 			"require": "./SearchInput.js"
 		},
 		"./SearchResults": {
-			"import": "./esm/SearchResults.mjs",
+			"import": "./esm/SearchResults.js",
 			"require": "./SearchResults.js"
 		},
 		"./SeenEffect": {
-			"import": "./esm/SeenEffect.mjs",
+			"import": "./esm/SeenEffect.js",
 			"require": "./SeenEffect.js"
 		},
 		"./Selectbox": {
-			"import": "./esm/Selectbox.mjs",
+			"import": "./esm/Selectbox.js",
 			"require": "./Selectbox.js"
 		},
 		"./ShareButtons": {
-			"import": "./esm/ShareButtons.mjs",
+			"import": "./esm/ShareButtons.js",
 			"require": "./ShareButtons.js"
 		},
 		"./Sharpie": {
-			"import": "./esm/Sharpie.mjs",
+			"import": "./esm/Sharpie.js",
 			"require": "./Sharpie.js"
 		},
 		"./SiteSearchAutocomplete": {
-			"import": "./esm/SiteSearchAutocomplete.mjs",
+			"import": "./esm/SiteSearchAutocomplete.js",
 			"require": "./SiteSearchAutocomplete.js"
 		},
 		"./SiteSearchCurtain": {
-			"import": "./esm/SiteSearchCurtain.mjs",
+			"import": "./esm/SiteSearchCurtain.js",
 			"require": "./SiteSearchCurtain.js"
 		},
 		"./SiteSearchInput": {
-			"import": "./esm/SiteSearchInput.mjs",
+			"import": "./esm/SiteSearchInput.js",
 			"require": "./SiteSearchInput.js"
 		},
 		"./Skeleton": {
-			"import": "./esm/Skeleton.mjs",
+			"import": "./esm/Skeleton.js",
 			"require": "./Skeleton.js"
 		},
 		"./SubHeading": {
-			"import": "./esm/SubHeading.mjs",
+			"import": "./esm/SubHeading.js",
 			"require": "./SubHeading.js"
 		},
 		"./Tabs": {
-			"import": "./esm/Tabs.mjs",
+			"import": "./esm/Tabs.js",
 			"require": "./Tabs.js"
 		},
 		"./TagPill": {
-			"import": "./esm/TagPill.mjs",
+			"import": "./esm/TagPill.js",
 			"require": "./TagPill.js"
 		},
 		"./TextBlock": {
-			"import": "./esm/TextBlock.mjs",
+			"import": "./esm/TextBlock.js",
 			"require": "./TextBlock.js"
 		},
 		"./TextButton": {
-			"import": "./esm/TextButton.mjs",
+			"import": "./esm/TextButton.js",
 			"require": "./TextButton.js"
 		},
 		"./TextInput": {
-			"import": "./esm/TextInput.mjs",
+			"import": "./esm/TextInput.js",
 			"require": "./TextInput.js"
 		},
 		"./utils": {
-			"import": "./esm/utils.mjs",
+			"import": "./esm/utils.js",
 			"require": "./utils.js"
 		},
 		"./VerticalTabsTOC": {
-			"import": "./esm/VerticalTabsTOC.mjs",
+			"import": "./esm/VerticalTabsTOC.js",
 			"require": "./VerticalTabsTOC.js"
 		},
 		"./VSpacer": {
-			"import": "./esm/VSpacer.mjs",
+			"import": "./esm/VSpacer.js",
 			"require": "./VSpacer.js"
 		},
 		"./WizardLayout": {
-			"import": "./esm/WizardLayout.mjs",
+			"import": "./esm/WizardLayout.js",
 			"require": "./WizardLayout.js"
 		},
 		"./WizardLayoutClose": {
-			"import": "./esm/WizardLayoutClose.mjs",
+			"import": "./esm/WizardLayoutClose.js",
 			"require": "./WizardLayoutClose.js"
 		},
 		"./WizardStepper": {
-			"import": "./esm/WizardStepper.mjs",
+			"import": "./esm/WizardStepper.js",
 			"require": "./WizardStepper.js"
 		}
 	}

package/ArticleCarousel/_ArticleCarouselCard.jsx

@@ -1,32 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-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 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 (<div className="ArticleCarouselCard" data-color={color && constants_1.colorFamilies[color]} data-color-theme={!color ? theme && constants_1.themeOptions[theme] : undefined} // color takes precedence over "theme"
-    >
-      <Link_1.Link className="ArticleCarouselCard__link" href={href}>
-        {' '}
-        <Image_1.default placeholder className={(0, getBemClass_1.default)('ArticleCarouselCard__illustration', photo && 'photo')} {...imageProps}/>
-        <h3 className="ArticleCarouselCard__title">{title}</h3>{' '}
-      </Link_1.Link>{' '}
-      {date && <span className="ArticleCarouselCard__date">{date}</span>}
-      <div className="ArticleCarouselCard__summary">{summary}</div>
-      {moreLabel && (<Link_1.Link className="ArticleCarouselCard__morelink" href={href} aria-label={title}>
-          {' '}
-          {moreLabel}{' '}
-        </Link_1.Link>)}
-    </div>);
-};
-exports.ArticleCarouselCard = ArticleCarouselCard;

package/BreadCrumbs.jsx

@@ -1,36 +0,0 @@
-"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 Link_1 = require("./_abstract/Link");
-const BreadCrumbs__item = (props) => {
-    const { link, current } = props;
-    return link.href != null ? (<Link_1.Link className="BreadCrumbs__item" href={link.href} aria-current={current || undefined}>
-      {link.label}
-    </Link_1.Link>) : (<span className="BreadCrumbs__item" aria-current={current || undefined}>
-      {link.label}
-    </span>);
-};
-const BreadCrumbs = (props) => {
-    const { title, trail } = props;
-    if (trail.length === 0) {
-        return null;
-    }
-    const ancestors = trail.slice(0, -1);
-    const current = trail[trail.length - 1];
-    return (<nav className="BreadCrumbs" aria-label={title}>
-      <span className="BreadCrumbs__title">{title}:</span>{' '}
-      {ancestors.map((link, i) => {
-            return (<react_1.default.Fragment key={i}>
-            <BreadCrumbs__item link={link}/>{' '}
-            <span className="BreadCrumbs__separator" aria-label="">
-              &gt;
-            </span>{' '}
-          </react_1.default.Fragment>);
-        })}
-      <BreadCrumbs__item link={current} current/>
-    </nav>);
-};
-exports.default = BreadCrumbs;

package/ContentImage.jsx

@@ -1,18 +0,0 @@
-"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 Image_1 = __importDefault(require("./_abstract/Image"));
-const ContentImage = (props) => {
-    const { image, caption, credit } = props;
-    return (<figure className="ContentImage">
-      {(caption || credit) && (<figcaption className="ContentImage__caption">
-          {caption && <span className="ContentImage__text"> {caption} </span>}{' '}
-          {credit && <small className="ContentImage__credit"> {credit} </small>}
-        </figcaption>)}
-      <Image_1.default className="ContentImage__image" {...image}/>
-    </figure>);
-};
-exports.default = ContentImage;

package/FeatureList.jsx

@@ -1,28 +0,0 @@
-"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 seenEffect_1 = require("./utils/seenEffect");
-const Bling_1 = __importDefault(require("./Bling"));
-const FeatureList = (props) => {
-    const { title, features, startSeen } = props;
-    const [ref] = (0, seenEffect_1.useSeenEffect)(startSeen);
-    const _features = features.length ? features : [{ name: '...' }];
-    return (<>
-      <Bling_1.default type="snake-large" align="left" vertical="down-ish"/>
-
-      <div className="FeatureList" ref={ref}>
-        <h2 className="FeatureList__title">{title}</h2>
-        <ul className="FeatureList__list">
-          {_features.map(({ name, icon, iconUrl }, i) => (<li key={i} className="FeatureList__feature" style={iconUrl
-                ? { '--efnistakn': `url("${iconUrl}")` }
-                : undefined} data-efnistakn={!iconUrl ? icon : undefined}>
-              {name}
-            </li>))}
-        </ul>
-      </div>
-    </>);
-};
-exports.default = FeatureList;

package/FooterBadges.jsx

@@ -1,21 +0,0 @@
-"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 Link_1 = require("./_abstract/Link");
-const FooterBadges = (props) => {
-    if (!props.badges.length) {
-        return null;
-    }
-    return (<ul className="FooterBadges">
-      {props.badges.map(({ altText, src, href }, i) => (<li key={i} className="FooterBadges__badge">
-          {href ? (<Link_1.Link href={href}>
-              {' '}
-              <img src={src} alt={altText}/>{' '}
-            </Link_1.Link>) : (<img src={src} alt={altText}/>)}
-        </li>))}
-    </ul>);
-};
-exports.default = FooterBadges;

package/FooterInfo.jsx

@@ -1,19 +0,0 @@
-"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 FooterInfo = (props) => {
-    const { boxes } = props;
-    return (<div className="FooterInfo">
-      {boxes.map((group, i) => (<div className={(0, getBemClass_1.default)('FooterInfo__group', group.modifier)} role={group.role} key={i}>
-          <h3 className="FooterInfo__grouptitle">{group.title}</h3>
-          {group.content ? (<div className={(0, getBemClass_1.default)('FooterInfo__groupcontent', group.modifier)}>
-              {group.content}
-            </div>) : (<div className={(0, getBemClass_1.default)('FooterInfo__groupcontent', group.modifier)} dangerouslySetInnerHTML={{ __html: group.html }}/>)}
-        </div>))}
-    </div>);
-};
-exports.default = FooterInfo;