@reykjavik/hanna-react 0.10.83 → 0.10.85

package/esm/_abstract/_CardList.js

@@ -0,0 +1,37 @@
+import React from 'react';
+import { Button } from './_Button.js';
+import { Image } from './_Image.js';
+const Card = (props) => {
+    const { bem, href, title, imgPlaceholder, image, meta, summary } = props;
+    const cardClass = `${bem}__card`;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Button, { bem: cardClass, href: href },
+            ' ',
+            React.createElement(Image, Object.assign({ className: `${bem}__image` }, image, { placeholder: imgPlaceholder })),
+            React.createElement("span", { className: `${cardClass}__title` }, title),
+            ' ',
+            meta && React.createElement("span", { className: `${cardClass}__meta` }, meta),
+            ' ',
+            summary && React.createElement("span", { className: `${cardClass}__summary` }, summary),
+            ' '),
+        ' '));
+};
+export const CardList = (props) => {
+    const { bemPrefix, title, summaryElement, cards, titleTag = 'h2', children, imgPlaceholder, } = props;
+    const TitleTag = titleTag;
+    const fallbackImageUrl = (imgPlaceholder !== true && imgPlaceholder) || undefined;
+    const fallbackImageStyle = fallbackImageUrl
+        ? {
+            ['--' + bemPrefix + '--fallback']: `url("${fallbackImageUrl}")`,
+        }
+        : undefined;
+    return (React.createElement(React.Fragment, null,
+        summaryElement ? (React.createElement("div", { className: bemPrefix + '__summary' },
+            title && React.createElement(TitleTag, { className: bemPrefix + '__title' }, title),
+            summaryElement)) : (title && React.createElement(TitleTag, { className: bemPrefix + '__title' }, title)),
+        React.createElement("ul", { className: bemPrefix + (props.standalone ? '' : '__list'), style: fallbackImageStyle }, cards.map((card, i) => (React.createElement("li", { key: i, className: bemPrefix + '__item' },
+            React.createElement(Card
+            /* Assert as `ImageCardProps` to silence the imgPlaceholder false-positive */
+            , Object.assign({}, card, { bem: bemPrefix, imgPlaceholder: !!imgPlaceholder })))))),
+        children));
+};

package/esm/_abstract/_Image.d.ts

@@ -0,0 +1,36 @@
+export type Source = {
+    srcset: string;
+    media: string;
+};
+export type ImagePropsLinked = {
+    altText?: string;
+    sources?: Array<Source>;
+    /** The default image source to (lazy) load */
+    src?: string;
+    /** Eagerly-loaded placeholder/thunbnail to use until a `sources` item has been picked.  */
+    preloadSrc?: string;
+    inline?: false;
+    focalPoint?: string;
+};
+export type ImagePropsInlinedSvg = {
+    altText?: string;
+    /** Should the image be fetched and inlined as <svg/> */
+    inline: true;
+    src: string;
+    sources?: undefined;
+    preloadSrc?: undefined;
+    focalPoint?: undefined;
+};
+export type ImageProps = ImagePropsLinked | ImagePropsInlinedSvg;
+type _ImageProps = {
+    /** container className */
+    className: string | undefined;
+    /** Controls if the container is rendered when image is missing/undefined.
+     * (With a `--missing` className modifier added.)
+     *
+     * Accepts a function that defines a default content for the container.
+     */
+    placeholder?: boolean | (() => JSX.Element);
+};
+export declare const Image: (props: ImageProps & _ImageProps) => JSX.Element | null;
+export {};

package/esm/_abstract/_Image.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import getBemClass from '@hugsmidjan/react/utils/getBemClass';
+import { useGetSVGtext } from '../utils/useGetSVGtext.js';
+// eslint-disable-next-line complexity
+export const Image = (props) => {
+    const { src, altText = '', sources = [], preloadSrc, className, inline, placeholder, focalPoint, } = props;
+    const _src = (sources.length && preloadSrc) || src;
+    const imageSrc = _src || (sources[0] != null ? sources[0].srcset.split(' ')[0] : undefined);
+    const imgLoading = preloadSrc ? 'eager' : 'lazy';
+    const inlineSvg = useGetSVGtext(inline ? imageSrc : undefined);
+    if (!imageSrc) {
+        return placeholder ? (React.createElement("span", { className: className && getBemClass(className, 'missing') }, placeholder !== true && placeholder())) : null;
+    }
+    if (inline && inlineSvg) {
+        const __html = inlineSvg.imageSrc === imageSrc ? inlineSvg.code : '';
+        return React.createElement("span", { className: className, dangerouslySetInnerHTML: { __html } });
+    }
+    return (React.createElement("picture", { className: className, style: focalPoint ? { '--focalPoint': focalPoint } : undefined },
+        ' ',
+        sources.map((source, i) => (React.createElement(React.Fragment, null,
+            React.createElement("source", { key: i, srcSet: source.srcset, media: source.media }),
+            ' '))),
+        ' ',
+        React.createElement("img", { src: imageSrc, alt: altText, loading: imgLoading }),
+        '  '));
+};

package/esm/_abstract/_Link.d.ts

@@ -0,0 +1,60 @@
+type HTMLAnchorProps = JSX.IntrinsicElements['a'];
+type LinkProps = HTMLAnchorProps & {
+    href: string;
+};
+type _LinkRenderer_internal = (props: LinkProps) => JSX.Element;
+export declare let Link: _LinkRenderer_internal;
+/**
+ * Props object ready to be ..spread onto an anchor element
+ * */
+export type LinkRendererProps = Omit<LinkProps, 'ref'> & {
+    ref: Exclude<HTMLAnchorProps['ref'], string>;
+};
+export type LinkRenderer = (props: LinkRendererProps) => JSX.Element;
+/**
+ * Allows you to set a callback function to wrapp <a href=""/> links with
+ * a custom routing component.
+ *
+ * Example use:
+ *
+ * ```js
+ * import { Link } from 'remix'; // or whatever :-)
+ *
+ * setLinkRenderer((linkProps) =>
+ *   <Link to={linkProps.href}><a {...linkProps} /></Link>);
+ * ```
+ *
+ * The link renderers are pushed to a simple stack, and if you want to unset
+ * a custom renderer, use the `setLinkRenderer.pop()` method to go back to
+ * the previous one. Example:
+ *
+ * ```js
+ * const BlockLinks = (props) =>
+ *   <span className={props.className}>[Link temporarily out of order]</span>
+ *
+ * setLinkRenderer(BlockLinks);
+ * // ...render some Hanna components...
+ * setLinkRenderer.pop(); // reset link rendering
+ * ```
+ *
+ * The default linkrenderer is defined as:
+ *
+ * ```js
+ * 	(linkProps) => React.createElement('a', linkProps);
+ * ```
+ *
+ * ...and you can explicitly switch to using this default by passing `undefined`
+ * as an argument — like so:
+ *
+ * ```js
+ * setLinkRenderer(undefined); // pushes the default linkrenderer to the stack
+ * ```
+ */
+export declare const setLinkRenderer: {
+    (linkRenderer: LinkRenderer | undefined): void;
+    /**
+     * Unsets the last pushed custom renderer
+     */
+    pop(): void;
+};
+export {};

package/esm/_abstract/_Link.js

@@ -0,0 +1,64 @@
+import React from 'react';
+const DefaultLinkRenderer = (props) => React.createElement('a', props);
+export let Link = DefaultLinkRenderer;
+const history = [];
+/**
+ * Allows you to set a callback function to wrapp <a href=""/> links with
+ * a custom routing component.
+ *
+ * Example use:
+ *
+ * ```js
+ * import { Link } from 'remix'; // or whatever :-)
+ *
+ * setLinkRenderer((linkProps) =>
+ *   <Link to={linkProps.href}><a {...linkProps} /></Link>);
+ * ```
+ *
+ * The link renderers are pushed to a simple stack, and if you want to unset
+ * a custom renderer, use the `setLinkRenderer.pop()` method to go back to
+ * the previous one. Example:
+ *
+ * ```js
+ * const BlockLinks = (props) =>
+ *   <span className={props.className}>[Link temporarily out of order]</span>
+ *
+ * setLinkRenderer(BlockLinks);
+ * // ...render some Hanna components...
+ * setLinkRenderer.pop(); // reset link rendering
+ * ```
+ *
+ * The default linkrenderer is defined as:
+ *
+ * ```js
+ * 	(linkProps) => React.createElement('a', linkProps);
+ * ```
+ *
+ * ...and you can explicitly switch to using this default by passing `undefined`
+ * as an argument — like so:
+ *
+ * ```js
+ * setLinkRenderer(undefined); // pushes the default linkrenderer to the stack
+ * ```
+ */
+export const setLinkRenderer = (linkRenderer) => {
+    // Here we tell a "white" lie. Nobody uses string-type `ref` attributes
+    // anymore. With this lie we're able to provide nice type signature for modern
+    // use-cases (e.g. Next.js and Remix.run <Link> elements) while still
+    // providing easy to use (easy to Type `JSX.IntrinsicElements['a']` signatures)
+    // internally within the hanna-react codebase.
+    //
+    // This decision may need to be reversed if scream-test results are negative.
+    //
+    // TODO: Add a project-global `HTMLAnchorProps` with modern `ref` and use it
+    // everywhere, and then remove this hack.
+    Link = linkRenderer || DefaultLinkRenderer;
+    history.unshift(Link);
+};
+/**
+ * Unsets the last pushed custom renderer
+ */
+setLinkRenderer.pop = () => {
+    history.shift();
+    Link = history[0] || DefaultLinkRenderer;
+};

package/esm/_abstract/_Quote.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { EitherObj } from '@reykjavik/hanna-utils';
+export type QuoteProps = {
+    children: ReactNode;
+} & EitherObj<object, {
+    by: string | JSX.Element;
+    byHref?: string;
+}>;
+export declare const _Quote: (props: {
+    bem: string;
+} & QuoteProps) => JSX.Element;

package/esm/_abstract/_Quote.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Link } from './_Link.js';
+export const _Quote = (props) => {
+    const { bem, children, by, byHref } = props;
+    return (React.createElement("figure", { className: bem },
+        React.createElement("blockquote", { className: bem + '__quote' }, children),
+        by && (React.createElement("figcaption", { className: bem + '__by' }, byHref ? (React.createElement(Link, { href: byHref }, by)) : typeof by === 'string' ? (React.createElement("span", null, by)) : (by)))));
+};

package/esm/_abstract/_TogglerGroup.d.ts

@@ -0,0 +1,32 @@
+import { FormFieldInputProps } from '../FormField.js';
+import { TogglerInputProps } from './_TogglerInput.js';
+export type TogglerGroupOption = {
+    value: string;
+    label?: string | JSX.Element;
+    disabled?: boolean;
+    id?: string;
+};
+export type TogglerGroupOptions = Array<TogglerGroupOption>;
+type RestrictedInputProps = Omit<JSX.IntrinsicElements['input'], 'type' | 'value' | 'defaultValue' | 'checked' | 'defaultChecked' | 'className' | 'id' | 'name' | 'children'>;
+export type TogglerGroupProps = {
+    options: TogglerGroupOptions;
+    className?: string;
+    name: string;
+    disabled?: boolean | ReadonlyArray<number>;
+    inputProps?: RestrictedInputProps;
+    onSelected?: (payload: {
+        value: string;
+        checked: boolean;
+        option: TogglerGroupOption;
+        selectedValues: Array<string>;
+    }) => void;
+} & Omit<FormFieldInputProps, 'disabled'>;
+type _TogglerGroupProps = {
+    bem: string;
+    Toggler: (props: TogglerInputProps) => JSX.Element;
+    value?: ReadonlyArray<string>;
+    defaultValue?: ReadonlyArray<string>;
+    isRadio?: true;
+};
+export declare const TogglerGroup: (props: TogglerGroupProps & _TogglerGroupProps) => JSX.Element;
+export {};

package/esm/_abstract/_TogglerGroup.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import getBemClass from '@hugsmidjan/react/utils/getBemClass';
+import { useMixedControlState } from '../utils.js';
+export const TogglerGroup = (props) => {
+    const { 
+    // id,
+    className, bem, name, disabled, Toggler, onSelected, options, isRadio, inputProps = {}, } = props;
+    const [values, setValues] = useMixedControlState(props, 'value', []);
+    return (React.createElement("ul", { className: getBemClass(bem, null, className), role: "group", "aria-labelledby": props['aria-labelledby'], "aria-describedby": props['aria-describedby'], "aria-required": props.required }, options.map((option, i) => {
+        const isDisabled = option.disabled != null
+            ? option.disabled
+            : disabled && typeof disabled !== 'boolean'
+                ? disabled.includes(i)
+                : disabled;
+        const isChecked = values.includes(option.value);
+        return (React.createElement(Toggler, Object.assign({ key: i }, inputProps, { className: bem + '__item', name: name, Wrapper: "li" }, option, { label: option.label || option.value, onChange: (e) => {
+                inputProps.onChange && inputProps.onChange(e);
+                const { value } = option;
+                const checked = e.currentTarget.checked;
+                const selectedValues = isRadio ? [] : values.filter((val) => val !== value);
+                if (checked) {
+                    selectedValues.push(value);
+                }
+                setValues(selectedValues);
+                onSelected && onSelected({ value, checked, option, selectedValues });
+            }, disabled: isDisabled, "aria-invalid": props['aria-invalid'], checked: isChecked })));
+    })));
+};

package/esm/_abstract/_TogglerGroupField.d.ts

@@ -0,0 +1,19 @@
+import { ReactElement } from 'react';
+import { BemPropsModifier } from '@hugsmidjan/react/types';
+import { FormFieldGroupWrappingProps } from '../FormField.js';
+import { TogglerGroupOption, TogglerGroupOptions, TogglerGroupProps } from './_TogglerGroup.js';
+import { TogglerInputProps } from './_TogglerInput.js';
+export type TogglerGroupFieldProps = {
+    className?: string;
+} & FormFieldGroupWrappingProps & TogglerGroupProps;
+type _TogglerGroupFieldProps = {
+    Toggler: (props: TogglerInputProps) => ReactElement;
+    isRadio?: true;
+    value?: string | ReadonlyArray<string>;
+    defaultValue?: string | ReadonlyArray<string>;
+    bem: string;
+} & BemPropsModifier;
+export type TogglerGroupFieldOption = TogglerGroupOption;
+export type TogglerGroupFieldOptions = TogglerGroupOptions;
+export declare const TogglerGroupField: (props: TogglerGroupFieldProps & _TogglerGroupFieldProps) => JSX.Element;
+export {};

package/esm/_abstract/_TogglerGroupField.js

@@ -0,0 +1,17 @@
+import { __rest } from "tslib";
+import React, { useMemo } from 'react';
+import getBemClass from '@hugsmidjan/react/utils/getBemClass';
+import FormField from '../FormField.js';
+import { TogglerGroup, } from './_TogglerGroup.js';
+export const TogglerGroupField = (props) => {
+    const { bem, Toggler, className, modifier, label, LabelTag, assistText, hideLabel, disabled, readOnly, invalid, errorMessage, required, reqText, id, value, defaultValue } = props, togglerGroupProps = __rest(props, ["bem", "Toggler", "className", "modifier", "label", "LabelTag", "assistText", "hideLabel", "disabled", "readOnly", "invalid", "errorMessage", "required", "reqText", "id", "value", "defaultValue"]);
+    const _value = useMemo(() => (value == null ? undefined : typeof value === 'string' ? [value] : value), [value]);
+    const _defaultValue = useMemo(() => defaultValue == null
+        ? undefined
+        : typeof defaultValue === 'string'
+            ? [defaultValue]
+            : defaultValue, [defaultValue]);
+    return (React.createElement(FormField, { className: getBemClass(bem, modifier, className), group: true, label: label, LabelTag: LabelTag, assistText: assistText, hideLabel: hideLabel, disabled: disabled, readOnly: readOnly, invalid: invalid, errorMessage: errorMessage, required: required, reqText: reqText, id: id, renderInput: (className, inputProps) => {
+            return (React.createElement(TogglerGroup, Object.assign({ bem: className.options }, inputProps, togglerGroupProps, { value: _value, defaultValue: _defaultValue, Toggler: Toggler })));
+        } }));
+};

package/esm/_abstract/_TogglerInput.d.ts

@@ -0,0 +1,23 @@
+import { BemPropsModifier } from '@hugsmidjan/react/types';
+export type TogglerInputProps = {
+    label: string | JSX.Element;
+    children?: never;
+    Wrapper?: 'div' | 'li';
+    invalid?: boolean;
+    /** Hidden label prefix text to indicate that the field is required.
+     *
+     * If your field is required but should not say so in its label
+     * then set this prop to `false`
+     *
+     * Default: `"Þarf að fylla út"`
+     * */
+    reqText?: string | false;
+    errorMessage?: string | JSX.Element;
+} & BemPropsModifier & Omit<JSX.IntrinsicElements['input'], 'type'>;
+type _TogglerInputProps = {
+    bem: string;
+    type: 'radio' | 'checkbox';
+    innerWrap?: boolean;
+};
+export declare const TogglerInput: (props: TogglerInputProps & _TogglerInputProps) => JSX.Element;
+export {};

package/esm/_abstract/_TogglerInput.js

@@ -0,0 +1,23 @@
+import { __rest } from "tslib";
+import React from 'react';
+import { useDomid } from '@hugsmidjan/react/hooks';
+import getBemClass from '@hugsmidjan/react/utils/getBemClass';
+export const TogglerInput = (props) => {
+    const { bem, modifier, className, label, invalid, errorMessage, Wrapper = 'div', required, reqText, type, id, innerWrap } = props, inputProps = __rest(props, ["bem", "modifier", "className", "label", "invalid", "errorMessage", "Wrapper", "required", "reqText", "type", "id", "innerWrap"]);
+    const domid = useDomid(id);
+    const errorId = errorMessage && 'error' + domid;
+    const reqStar = required && reqText !== false && (React.createElement("abbr", { className: bem + '__label__reqstar', 
+        // TODO: add mo-better i18n thinking
+        title: (reqText || 'Þarf að haka í') + ': ' }, "*"));
+    const labelContent = (React.createElement(React.Fragment, null,
+        ' ',
+        reqStar,
+        " ",
+        label,
+        ' '));
+    return (React.createElement(Wrapper, { className: getBemClass(bem, modifier, className) },
+        React.createElement("input", Object.assign({ className: bem + '__input', type: type, id: domid, "aria-invalid": invalid || !!errorMessage || undefined, "aria-describedby": errorId }, inputProps)),
+        ' ',
+        React.createElement("label", { className: bem + '__label', htmlFor: domid }, innerWrap ? (React.createElement("span", { className: bem + '__label__wrap' }, labelContent)) : (labelContent)),
+        errorMessage && (React.createElement("div", { className: bem + '__error', id: errorId }, errorMessage))));
+};

package/esm/_abstract/breakOnNL.d.ts

@@ -0,0 +1 @@
+export declare const breakOnNL: (text: string | undefined) => "" | (string | JSX.Element)[] | undefined;

package/esm/_abstract/breakOnNL.js

@@ -0,0 +1,7 @@
+import React from 'react';
+export const breakOnNL = (text) => text &&
+    text
+        .trim()
+        .replace(/(?:\n\s*)+/g, '\n\n')
+        .split(/\n/)
+        .map((bit, i) => bit || React.createElement("br", { key: i }));

package/esm/assets.d.ts

@@ -0,0 +1,42 @@
+import type { BlingType, Efnistakn, Formheimur, Illustration } from '@reykjavik/hanna-utils/assets';
+import { blingTypes, efnistakn, getAssetUrl, getBlingUrl, getEfnistaknUrl, getFormheimurUrl, getIllustrationUrl, illustrations } from '@reykjavik/hanna-utils/assets';
+export type { 
+/** @deprecated  Instead `import type { BlingType } from '@reykjavik/hanna-utils/assets';` (Will be removed in v0.11) */
+BlingType, 
+/** @deprecated  Instead `import type { Efnistakn } from '@reykjavik/hanna-utils/assets';` (Will be removed in v0.11) */
+Efnistakn, 
+/** @deprecated  Instead `import type { Formheimur } from '@reykjavik/hanna-utils/assets';` (Will be removed in v0.11) */
+Formheimur, 
+/** @deprecated  Instead `import type { Illustration } from '@reykjavik/hanna-utils/assets';` (Will be removed in v0.11) */
+Illustration, };
+export { 
+/** @deprecated  Instead `import type { blingTypes } from '@reykjavik/hanna-utils/assets';` (Will be removed in v0.11) */
+blingTypes, 
+/** @deprecated  Instead `import type { efnistakn } from '@reykjavik/hanna-utils/assets';` (Will be removed in v0.11) */
+efnistakn, 
+/** @deprecated  Instead `import type { getAssetUrl } from '@reykjavik/hanna-utils/assets';` (Will be removed in v0.11) */
+getAssetUrl, 
+/** @deprecated  Instead `import type { getBlingUrl } from '@reykjavik/hanna-utils/assets';` (Will be removed in v0.11) */
+getBlingUrl, 
+/** @deprecated  Instead `import type { getEfnistaknUrl } from '@reykjavik/hanna-utils/assets';` (Will be removed in v0.11) */
+getEfnistaknUrl, 
+/** @deprecated  Instead `import type { getFormheimurUrl } from '@reykjavik/hanna-utils/assets';` (Will be removed in v0.11) */
+getFormheimurUrl, 
+/** @deprecated  Instead `import type { getIllustrationUrl } from '@reykjavik/hanna-utils/assets';` (Will be removed in v0.11) */
+getIllustrationUrl, 
+/** @deprecated  Instead `import type { illustrations } from '@reykjavik/hanna-utils/assets';` (Will be removed in v0.11) */
+illustrations, };
+/** @deprecated Use `getCssBundleUrl` from '@reykjavik/hanna-css' instead  (Will be reomved in v0.11) */
+export declare const getCssBundleUrl: (cssTokens: string | Array<string>, version?: string) => string;
+/** @deprecated  (Will be removed in v0.11) */
+export declare const efnistakn_menu: readonly ["menu/borgarstjori", "menu/borgarstjorn", "menu/bygg_framkv", "menu/fjarmal", "menu/fundargerdir", "menu/itrottir_aftreying", "menu/log_reglugerdir", "menu/mannaudur", "menu/menning", "menu/rad_nefndir", "menu/skipulag", "menu/skolar_fristund", "menu/svid_deildir", "menu/umhverfi_samgongur", "menu/velferd_fjolskylda"];
+/** @deprecated  (Will be removed in v0.11) */
+export type Efnistakn_Menu = (typeof efnistakn_menu)[number];
+/** @deprecated  (Will be removed in v0.11) */
+export declare const auxiliary_menu_images: Array<Illustration>;
+/** @deprecated  Instead `import type { AuxilaryPanelIllustration } from '@reykjavik/hanna-react/MainMenu';` (Will be removed in v0.11) */
+export type Auxilary_MenuImages = (typeof auxiliary_menu_images)[number];
+/** @deprecated  Instead `import type { BlingType } from '@reykjavik/hanna-utils/assets';` (Will be removed in v0.11) */
+export type BlingTypes = BlingType;
+/** @deprecated  Instead `import type { Illustration } from '@reykjavik/hanna-utils/assets';` (Will be removed in v0.11) */
+export type Illustrations = Illustration;

package/esm/assets.js

@@ -0,0 +1,58 @@
+import { getCssBundleUrl as _getCssBundleUrl } from '@reykjavik/hanna-css';
+import { blingTypes, efnistakn, getAssetUrl, getBlingUrl, getEfnistaknUrl, getFormheimurUrl, getIllustrationUrl, illustrations, } from '@reykjavik/hanna-utils/assets';
+export { 
+/** @deprecated  Instead `import type { blingTypes } from '@reykjavik/hanna-utils/assets';` (Will be removed in v0.11) */
+blingTypes, 
+/** @deprecated  Instead `import type { efnistakn } from '@reykjavik/hanna-utils/assets';` (Will be removed in v0.11) */
+efnistakn, 
+/** @deprecated  Instead `import type { getAssetUrl } from '@reykjavik/hanna-utils/assets';` (Will be removed in v0.11) */
+getAssetUrl, 
+/** @deprecated  Instead `import type { getBlingUrl } from '@reykjavik/hanna-utils/assets';` (Will be removed in v0.11) */
+getBlingUrl, 
+/** @deprecated  Instead `import type { getEfnistaknUrl } from '@reykjavik/hanna-utils/assets';` (Will be removed in v0.11) */
+getEfnistaknUrl, 
+/** @deprecated  Instead `import type { getFormheimurUrl } from '@reykjavik/hanna-utils/assets';` (Will be removed in v0.11) */
+getFormheimurUrl, 
+/** @deprecated  Instead `import type { getIllustrationUrl } from '@reykjavik/hanna-utils/assets';` (Will be removed in v0.11) */
+getIllustrationUrl, 
+/** @deprecated  Instead `import type { illustrations } from '@reykjavik/hanna-utils/assets';` (Will be removed in v0.11) */
+illustrations, };
+/** @deprecated Use `getCssBundleUrl` from '@reykjavik/hanna-css' instead  (Will be reomved in v0.11) */
+export const getCssBundleUrl = (cssTokens, 
+/** If you want to pin your CSS files to a specific version */
+version) => _getCssBundleUrl(cssTokens, {
+    version: version,
+});
+// ---------------------------------------------------------------------------
+// Based on "https://styles.reykjavik.is/assets/efnistakn/menu/files.json"
+/** @deprecated  (Will be removed in v0.11) */
+export const efnistakn_menu = [
+    'menu/borgarstjori',
+    'menu/borgarstjorn',
+    'menu/bygg_framkv',
+    'menu/fjarmal',
+    'menu/fundargerdir',
+    'menu/itrottir_aftreying',
+    'menu/log_reglugerdir',
+    'menu/mannaudur',
+    'menu/menning',
+    'menu/rad_nefndir',
+    'menu/skipulag',
+    'menu/skolar_fristund',
+    'menu/svid_deildir',
+    'menu/umhverfi_samgongur',
+    'menu/velferd_fjolskylda',
+];
+// ---------------------------------------------------------------------------
+/** @deprecated  (Will be removed in v0.11) */
+export const auxiliary_menu_images = [
+    'hanna-veitiggi',
+    'hanna-vandro',
+    'hanna-hugsi',
+    'hanna-hissa',
+    'hanna-hahaha',
+    'hanna-hae',
+    'hanna-god_spurning',
+    'hanna-gjuggiborg',
+    'hanna-benda',
+];

package/esm/constants.d.ts

@@ -0,0 +1,19 @@
+import { EitherObj } from '@reykjavik/hanna-utils';
+/** @depcrecated import `colorFamilies` from  `@reykjavik/hanna-css` instead  (Will be removed in v0.11) */
+export declare const colorFamilies: readonly ["esja", "faxafloi", "nautholsvik", "heidmork", "ellidaardalur", "blafjoll", "sund", "rokkur", "suld"] & Readonly<Record<import("@reykjavik/hanna-css").ColorFamily, import("@reykjavik/hanna-css").ColorFamily>> & {
+    /** @deprecated  This is a typo  (Will be removed in v0.11) */
+    ellidarardalur: string;
+};
+/** @depcrecated import type `ColorFamily` from `@reykjavik/hanna-css` instead  (Will be removed in v0.11) */
+export type { ColorFamily } from '@reykjavik/hanna-css';
+/** @depcrecated import `colorThemes` from  `@reykjavik/hanna-css` instead  (Will be removed in v0.11) */
+export declare const themeOptions: readonly ["trustworthy", "dependable", "friendly", "lively", "colorful"] & Readonly<Record<import("@reykjavik/hanna-css").HannaColorTheme, import("@reykjavik/hanna-css").HannaColorTheme>>;
+/** @depcrecated import type `HannaColorTheme` from `@reykjavik/hanna-css` instead  (Will be removed in v0.11) */
+export type { HannaColorTheme as ThemeOption } from '@reykjavik/hanna-css';
+export type Alignment = 'right' | 'left';
+export declare const aligns: Record<string, true | undefined>;
+export type ComponentLayoutProps<Align extends string = 'right'> = EitherObj<{
+    wide?: boolean;
+}, {
+    align?: Align;
+}>;

package/esm/constants.js

@@ -0,0 +1,22 @@
+import { colorFamilies as _colorFamilies, colorThemes } from '@reykjavik/hanna-css';
+/** @depcrecated import `colorFamilies` from  `@reykjavik/hanna-css` instead  (Will be removed in v0.11) */
+export const colorFamilies = Object.assign([
+    'esja',
+    'faxafloi',
+    'nautholsvik',
+    'heidmork',
+    'ellidaardalur',
+    'blafjoll',
+    'sund',
+    'rokkur',
+    'suld',
+], _colorFamilies, {
+    /** @deprecated  This is a typo  (Will be removed in v0.11) */
+    ellidarardalur: 'ellidaardalur',
+});
+/** @depcrecated import `colorThemes` from  `@reykjavik/hanna-css` instead  (Will be removed in v0.11) */
+export const themeOptions = Object.assign(['trustworthy', 'dependable', 'friendly', 'lively', 'colorful'], colorThemes);
+export const aligns = {
+    right: true,
+    left: true,
+};

package/esm/focus-visible.d.ts

@@ -0,0 +1 @@
+import '@reykjavik/hanna-utils/focus-visible';

package/esm/focus-visible.js

@@ -0,0 +1,3 @@
+// expose `focus-visible` to consumers of `@reykjavik/hanna-react`
+// without requiring them to install it as a dependency in their project.
+import '@reykjavik/hanna-utils/focus-visible';