@reykjavik/hanna-react 0.10.53 → 0.10.56

package/esm/_abstract/Image.jsx

@@ -0,0 +1,29 @@
+import React from 'react';
+import getBemClass from '@hugsmidjan/react/utils/getBemClass';
+import { useGetSVGtext } from '../utils/useGetSVGtext';
+// eslint-disable-next-line complexity
+const Image = (props) => {
+    const { src, altText = '', sources = [], preloadSrc, className, inline, placeholder, } = 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 ? (<span className={className && getBemClass(className, 'missing')}>
+        {placeholder !== true && placeholder()}
+      </span>) : null;
+    }
+    if (inline && inlineSvg) {
+        const __html = inlineSvg.imageSrc === imageSrc ? inlineSvg.code : '';
+        return <span className={className} dangerouslySetInnerHTML={{ __html }}/>;
+    }
+    return (<picture className={className}>
+      {' '}
+      {sources.map((source, i) => (<>
+          <source key={i} srcSet={source.srcset} media={source.media}/>{' '}
+        </>))}{' '}
+      <img src={imageSrc} alt={altText} loading={imgLoading}/>
+      {'  '}
+    </picture>);
+};
+export default Image;

package/esm/_abstract/Link.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Props object ready to be ..spread onto an anchor element
+ * */
+export declare type LinkProps = JSX.IntrinsicElements['a'] & {
+    href: string;
+};
+export declare type LinkRenderer = (props: LinkProps) => JSX.Element;
+export declare let Link: LinkRenderer;
+/**
+ * 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 Default linkrenderer defined as:
+ * ```js
+ * 	(linkProps) => React.createElement('a', linkProps);
+ * ```
+ */
+export declare const setLinkRenderer: (linkRenderer: LinkRenderer | undefined) => void;

package/esm/_abstract/Link.jsx

@@ -0,0 +1,24 @@
+import React from 'react';
+const DefaultLinkRenderer = (props) => React.createElement('a', props);
+export let Link = DefaultLinkRenderer;
+/**
+ * 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 Default linkrenderer defined as:
+ * ```js
+ * 	(linkProps) => React.createElement('a', linkProps);
+ * ```
+ */
+export const setLinkRenderer = (linkRenderer) => {
+    Link = linkRenderer || DefaultLinkRenderer;
+};

package/esm/_abstract/TogglerGroup.d.ts

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

package/esm/_abstract/TogglerGroup.jsx

@@ -0,0 +1,31 @@
+import React from 'react';
+import getBemClass from '@hugsmidjan/react/utils/getBemClass';
+const TogglerGroup = (props) => {
+    const { 
+    // id,
+    className, bem, name, disabled, Toggler, onSelected, options, inputProps = {}, } = props;
+    const values = props.value || [];
+    return (<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 (<Toggler key={i} {...inputProps} className={bem + '__item'} name={name} Wrapper="li" {...option} label={option.label || option.value} onChange={onSelected
+                    ? (e) => {
+                        const { value } = option;
+                        const checked = e.currentTarget.checked;
+                        inputProps.onChange && inputProps.onChange(e);
+                        const selectedValues = values.filter((val) => val !== value);
+                        if (checked) {
+                            selectedValues.push(value);
+                        }
+                        onSelected({ value, checked, option, selectedValues });
+                    }
+                    : inputProps.onChange} disabled={isDisabled} aria-invalid={props['aria-invalid']} checked={isChecked}/>);
+        })}
+    </ul>);
+};
+export default TogglerGroup;

package/esm/_abstract/TogglerGroupField.d.ts

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

package/esm/_abstract/TogglerGroupField.jsx

@@ -0,0 +1,22 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import getBemClass from '@hugsmidjan/react/utils/getBemClass';
+import FormField from '../FormField';
+import TogglerGroup from './TogglerGroup';
+const TogglerGroupField = (props) => {
+    const { bem, Toggler, className, modifier, label, LabelTag, assistText, hideLabel, disabled, readOnly, invalid, errorMessage, required, reqText, id, value } = props, togglerGroupProps = __rest(props, ["bem", "Toggler", "className", "modifier", "label", "LabelTag", "assistText", "hideLabel", "disabled", "readOnly", "invalid", "errorMessage", "required", "reqText", "id", "value"]);
+    return (<FormField className={getBemClass(bem, modifier, className)} group 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 (<TogglerGroup bem={className.options} {...inputProps} {...togglerGroupProps} value={Array.isArray(value) ? value : value != null ? [value] : undefined} Toggler={Toggler}/>);
+        }}/>);
+};
+export default TogglerGroupField;

package/esm/_abstract/TogglerInput.d.ts

@@ -0,0 +1,22 @@
+import { BemPropsModifier } from '@hugsmidjan/react/types';
+export declare type TogglerInputProps = {
+    label: string | JSX.Element;
+    children?: undefined;
+    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'>;
+declare type _TogglerInputProps = {
+    bem: string;
+    type: 'radio' | 'checkbox';
+};
+declare const TogglerInput: (props: TogglerInputProps & _TogglerInputProps) => JSX.Element;
+export default TogglerInput;

package/esm/_abstract/TogglerInput.jsx

@@ -0,0 +1,35 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { useDomid } from '@hugsmidjan/react/hooks';
+import getBemClass from '@hugsmidjan/react/utils/getBemClass';
+const TogglerInput = (props) => {
+    const { bem, modifier, className, label, invalid, errorMessage, Wrapper = 'div', required, reqText, type, id } = props, inputProps = __rest(props, ["bem", "modifier", "className", "label", "invalid", "errorMessage", "Wrapper", "required", "reqText", "type", "id"]);
+    const domid = useDomid(id);
+    const errorId = errorMessage && 'error' + domid;
+    const reqStar = required && reqText !== false && (<abbr className={bem + '__label__reqstar'} 
+    // TODO: add mo-better i18n thinking
+    title={(reqText || 'Þarf að haka í') + ': '}>
+      *
+    </abbr>);
+    return (<Wrapper className={getBemClass(bem, modifier, className)}>
+      <input className={bem + '__input'} type={type} id={domid} aria-invalid={invalid || !!errorMessage || undefined} aria-describedby={errorId} {...inputProps}/>{' '}
+      <label className={bem + '__label'} htmlFor={domid}>
+        {' '}
+        {reqStar} {label}{' '}
+      </label>
+      {errorMessage && (<div className={bem + '__error'} id={errorId}>
+          {errorMessage}
+        </div>)}
+    </Wrapper>);
+};
+export default TogglerInput;

package/esm/_abstract/_AbstractCarousel.d.ts

@@ -0,0 +1,25 @@
+import { ReactElement } from 'react';
+import { SSRSupport } from '@hugsmidjan/react/hooks';
+import { BemProps } from '@hugsmidjan/react/types';
+import { SeenProp } from '../utils/seenEffect';
+export declare type CarouselProps<I extends Record<string, unknown> = {}, P extends Record<string, unknown> | undefined = {}> = {
+    className?: string;
+    ssr?: SSRSupport;
+    /** @deprecated Ingored because never used (Will be removed in v0.11) */
+    scrollRight?: boolean;
+} & ({
+    children?: never;
+    items: Array<I>;
+    Component: (props: P extends undefined ? I : I & P) => ReactElement | null;
+    ComponentProps?: P;
+} | {
+    children: Array<ReactElement>;
+    items?: never;
+    Component?: never;
+    ComponentProps?: never;
+}) & SeenProp;
+declare type AbstractCarouselProps<I extends Record<string, unknown> = {}, P extends Record<string, unknown> | undefined = {}> = CarouselProps<I, P> & BemProps & {
+    title?: string;
+};
+declare const AbstractCarousel: <I extends Record<string, unknown> = {}, P extends Record<string, unknown> | undefined = {}>(props: AbstractCarouselProps<I, P>) => JSX.Element | null;
+export default AbstractCarousel;

package/esm/_abstract/_AbstractCarousel.jsx

@@ -0,0 +1,133 @@
+import React, { useEffect, useRef, useState, } from 'react';
+import A from '@hugsmidjan/qj/A';
+import focusElm from '@hugsmidjan/qj/focusElm';
+import throttle from '@hugsmidjan/qj/throttle';
+import { useIsBrowserSide } from '@hugsmidjan/react/hooks';
+import getBemClass from '@hugsmidjan/react/utils/getBemClass';
+import { notNully } from '@reykjavik/hanna-utils';
+import CarouselStepper from '../CarouselStepper';
+import { useSeenEffect } from '../utils/seenEffect';
+const WHEEL_AMPLIFIER = 3;
+const WHEEL_HIJACK_TIMEOUT_MS = 667;
+const scrollXBy = (elm, deltaX) => {
+    const left = elm.scrollLeft + deltaX;
+    elm.scrollTo(left, elm.scrollTop);
+    // NOTE 1: using elm.scrollTo({ left, behavior: 'smooth' }); seems to be too much
+    // as `behavior: 'smooth'` starts some weird interactions with the browser's
+    // `scroll-snap-type` behavior.
+    //
+    // NOTE 2: Both Chrome and Safari tend to snap hard to the nearest list item
+    // while Firefox is more smooth. Haven't found a way around that.
+};
+const exitWheelHijack = (elm) => () => {
+    elm.style.scrollSnapType = '';
+    const lastElmOffset = elm.lastElementChild
+        ? elm.lastElementChild.offsetLeft
+        : 0;
+    // trigger one last scroll event, to make sure the element's
+    // `style.scrollSnapType`'s behavior kicks in.
+    // Otherwise the list may stay stuck in an over-scrolled state —
+    // off to the right.
+    scrollXBy(elm, Math.min(0, lastElmOffset - elm.scrollLeft));
+};
+const handleMouseWheel = (e) => {
+    const elm = e.currentTarget;
+    if (e.deltaX || elm.$hasXDeltaed) {
+        elm.$hasXDeltaed = true;
+        exitWheelHijack(elm);
+        return;
+    }
+    if (e.deltaY && !e.deltaX) {
+        if (e.deltaY < 0) {
+            // Stop scroll-capture when list is at left-edge
+            if (elm.scrollLeft < 50) {
+                return;
+            }
+        }
+        else {
+            // Stop scroll-capture when list is beyond left edge of last list item
+            if (elm.scrollLeft >
+                (elm.lastElementChild ? elm.lastElementChild.offsetLeft : 0)) {
+                exitWheelHijack(elm);
+                return;
+            }
+        }
+        e.preventDefault();
+        e.stopImmediatePropagation();
+        // Disable `scroll-snap-style` because otherwise
+        // small-scale elm.scrollTo() calls have no effect
+        elm.style.scrollSnapType = 'initial';
+        scrollXBy(elm, e.deltaY * WHEEL_AMPLIFIER);
+        clearTimeout(elm.$timeout);
+        elm.$timeout = setTimeout(exitWheelHijack(elm), WHEEL_HIJACK_TIMEOUT_MS);
+    }
+};
+const handleMouseLeave = (e) => {
+    const elm = e.currentTarget;
+    exitWheelHijack(elm);
+    elm.$hasXDeltaed = undefined;
+};
+const AbstractCarousel = (props) => {
+    const { title, items = [], Component, ComponentProps, bem = 'Carousel', modifier, ssr, startSeen, } = props;
+    const children = props.children && props.children.filter(notNully);
+    const [leftOffset, setLeftOffset] = useState();
+    const itemCount = (children || items).length;
+    const listRef = useRef(null);
+    const [activeItem, setActiveItem] = useState(0);
+    const isBrowser = useIsBrowserSide(ssr);
+    // update on activeItem state change
+    useEffect(() => {
+        const listElm = listRef.current;
+        if (!listElm) {
+            return;
+        }
+        const calcLeftOffset = () => {
+            var _a;
+            setLeftOffset((_a = listElm.parentElement) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().left);
+            scrollXBy(listElm, 0);
+        };
+        const calcActiveItem = throttle(() => {
+            const { scrollLeft, children } = listElm;
+            // using Array#find as forEachUntil
+            A(children).find((item, i) => {
+                if (scrollLeft <= item.offsetLeft + item.offsetWidth / 2) {
+                    setActiveItem(i);
+                    return true;
+                }
+            });
+        }, 300, true);
+        calcLeftOffset();
+        listElm.addEventListener('wheel', handleMouseWheel);
+        listElm.addEventListener('scroll', calcActiveItem, { passive: true });
+        window.addEventListener('resize', calcLeftOffset, { passive: true });
+        return () => {
+            listElm.removeEventListener('wheel', handleMouseWheel);
+            listElm.removeEventListener('scroll', calcActiveItem);
+            window.removeEventListener('resize', calcLeftOffset);
+        };
+    }, []);
+    const scrollToItem = (newActive) => {
+        setActiveItem(newActive);
+        const listElm = listRef.current;
+        const newItem = listElm.children[newActive];
+        listElm.scrollTo(newItem ? newItem.offsetLeft : 0, 0);
+        setTimeout(() => focusElm(newItem), 500);
+    };
+    const [outerRef] = useSeenEffect(startSeen);
+    if (!itemCount) {
+        return null;
+    }
+    return (<div className={getBemClass(bem, modifier, props.className)} ref={outerRef} data-sprinkled={isBrowser}>
+      {title && <h2 className={bem + '__title'}>{title}</h2>}
+      <div className={bem + '__itemlist'} style={leftOffset
+            ? { '--Carousel--leftOffset': `${leftOffset}px` }
+            : undefined} data-scroll-snapping={leftOffset ? 'true' : undefined} onMouseLeave={handleMouseLeave} ref={listRef}>
+        {children ||
+            items.map((item, i) => (
+            // @ts-expect-error  (Can't be arsed...)
+            <Component key={i} {...ComponentProps} {...item}/>))}
+      </div>
+      {isBrowser && (<CarouselStepper itemCount={itemCount} setCurrent={scrollToItem} current={activeItem}/>)}
+    </div>);
+};
+export default AbstractCarousel;

package/esm/_abstract/_Blings.d.ts

@@ -0,0 +1,11 @@
+import { BlingType } from '@reykjavik/hanna-utils/assets';
+import { BlingProps } from '../Bling';
+export declare type BlingComboProps = Array<Omit<BlingProps, 'type' | 'blingUrl'> & {
+    type: BlingType;
+}>;
+declare type BlingsProps = {
+    blings: BlingComboProps;
+    mirror?: boolean;
+};
+declare const Blings: (props: BlingsProps) => JSX.Element;
+export default Blings;

package/esm/_abstract/_Blings.jsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import Bling from '../Bling';
+const inverseAlignments = {
+    left: 'right',
+    'left-ish': 'right-ish',
+    'left-center': 'right-center',
+    'right-center': 'left-center',
+    'right-ish': 'left-ish',
+    right: 'left',
+};
+const Blings = (props) => (<>
+    {props.blings.map(({ type, align, vertical, color, overlay, parent }, i) => (<Bling key={type + '-' + i} type={type} align={props.mirror ? inverseAlignments[align || 'left'] : align} vertical={vertical} color={color} overlay={overlay} parent={parent}/>))}
+  </>);
+export default Blings;

package/esm/_abstract/_Block.d.ts

@@ -0,0 +1,22 @@
+import { BemPropsModifier } from '@hugsmidjan/react/types';
+import { SeenProp } from '../utils/seenEffect';
+import { ButtonProps } from './Button';
+import { ImageProps } from './Image';
+export declare type BlockItem = {
+    title: string;
+    summary?: string | JSX.Element;
+    buttons?: Array<ButtonProps>;
+};
+export declare type ContentImageBlock = {
+    content: BlockItem;
+    image: ImageProps;
+} & SeenProp;
+export declare type ContentBlock = {
+    content: Array<BlockItem>;
+    image?: undefined;
+} & SeenProp;
+export declare type BlockProps = BemPropsModifier & (ContentBlock | ContentImageBlock);
+declare const Block: (props: BlockProps & {
+    bem: string;
+}) => JSX.Element;
+export default Block;

package/esm/_abstract/_Block.jsx

@@ -0,0 +1,27 @@
+import React from 'react';
+import getBemClass from '@hugsmidjan/react/utils/getBemClass';
+import { useSeenEffect } from '../utils/seenEffect';
+import Button from './Button';
+import Image from './Image';
+const Block = (props) => {
+    const { image, modifier, bem, content, startSeen } = props;
+    const [ref] = useSeenEffect(startSeen);
+    const contentItems = Array.isArray(content) ? content : [content];
+    return (<div className={getBemClass(bem, modifier)} ref={ref}>
+      {contentItems.map(({ title, summary, buttons = [] }, i) => {
+            const hasSummary = summary && (typeof summary !== 'string' || !!summary.trim());
+            return (<div key={i} className={`${bem}__content`}>
+            <h2 className={`${bem}__title`}>{title}</h2>
+            {hasSummary && <div className={`${bem}__summary`}>{summary}</div>}
+            {buttons.length > 0 && (<div className={`${bem}__buttons`}>
+                {' '}
+                {buttons.map((buttonProps, i) => (<>
+                    <Button bem={`${bem}__button`} key={i} {...buttonProps}/>{' '}
+                  </>))}
+              </div>)}
+          </div>);
+        })}
+      {image && <Image className={`${bem}__image`} {...image}/>}
+    </div>);
+};
+export default Block;

package/esm/_abstract/_Quote.d.ts

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

package/esm/_abstract/_Quote.jsx

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

package/esm/_abstract/breakOnNL.d.ts

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

package/esm/_abstract/breakOnNL.jsx

@@ -0,0 +1,8 @@
+import React from 'react';
+const breakOnNL = (text) => text &&
+    text
+        .trim()
+        .replace(/(?:\n\s*)+/g, '\n\n')
+        .split(/\n/)
+        .map((bit) => bit || <br />);
+export default breakOnNL;

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 | undefined) => 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 declare 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 declare 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 declare type BlingTypes = BlingType;
+/** @deprecated  Instead `import type { Illustration } from '@reykjavik/hanna-utils/assets';` (Will be removed in v0.11) */
+export declare type Illustrations = Illustration;

package/esm/assets.js

@@ -0,0 +1,56 @@
+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 });
+// ---------------------------------------------------------------------------
+// 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',
+];