@reykjavik/hanna-react 0.10.70 → 0.10.72

package/WizardLayout.d.ts

@@ -1,9 +1,9 @@
 import { ReactNode } from 'react';
 import { SSRSupport } from '@hugsmidjan/react/hooks';
-import { HannaColorTheme } from '@reykjavik/hanna-css';
+import type { HannaColorTheme } from '@reykjavik/hanna-css';
 declare type WizardLayoutProps = {
-    wizardStepper?: ReactNode;
-    wizardFooter?: ReactNode;
+    wizardStepper?: ReactNode | false;
+    wizardFooter?: ReactNode | false;
     colorTheme?: HannaColorTheme;
     siteName?: string;
     logoLink?: string;
@@ -11,5 +11,5 @@ declare type WizardLayoutProps = {
     ssr?: SSRSupport;
     children?: ReactNode;
 };
-declare const WizardLayout: (props: WizardLayoutProps) => JSX.Element;
+export declare const WizardLayout: (props: WizardLayoutProps) => JSX.Element;
 export default WizardLayout;

package/WizardLayout.js

@@ -1,10 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.WizardLayout = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const hooks_1 = require("@hugsmidjan/react/hooks");
 const assets_1 = require("@reykjavik/hanna-utils/assets");
-const _Image_1 = tslib_1.__importDefault(require("./_abstract/_Image"));
+const _Image_1 = require("./_abstract/_Image");
 const _Link_1 = require("./_abstract/_Link");
 const useScrollbarWidthCSSVar_1 = require("./utils/useScrollbarWidthCSSVar");
 const WizardLayout = (props) => {
@@ -19,7 +20,7 @@ const WizardLayout = (props) => {
             react_1.default.createElement("div", { className: "WizardLayout__header", role: "banner" },
                 react_1.default.createElement(_Link_1.Link, { className: "WizardLayout__header__logo", href: logoLink },
                     ' ',
-                    react_1.default.createElement(_Image_1.default, { className: undefined, inline: true, src: (0, assets_1.getAssetUrl)('reykjavik-logo.svg') }),
+                    react_1.default.createElement(_Image_1.Image, { className: undefined, inline: true, src: (0, assets_1.getAssetUrl)('reykjavik-logo.svg') }),
                     ' ',
                     siteName,
                     ' '),
@@ -30,4 +31,5 @@ const WizardLayout = (props) => {
                 react_1.default.createElement("div", { className: "WizardLayout__deco WizardLayout__deco--geometry" })),
             react_1.default.createElement("div", { className: "WizardLayout__footer", role: "complementary" }, wizardFooter))));
 };
-exports.default = WizardLayout;
+exports.WizardLayout = WizardLayout;
+exports.default = exports.WizardLayout;

package/WizardLayoutClose.d.ts

@@ -1,3 +1,3 @@
 import { ButtonProps } from './_abstract/_Button';
-declare const WizardLayoutClose: (props: ButtonProps) => JSX.Element;
+export declare const WizardLayoutClose: (props: ButtonProps) => JSX.Element;
 export default WizardLayoutClose;

package/WizardLayoutClose.js

@@ -1,7 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.WizardLayoutClose = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const _Button_1 = tslib_1.__importDefault(require("./_abstract/_Button"));
-const WizardLayoutClose = (props) => (react_1.default.createElement(_Button_1.default, Object.assign({ bem: "WizardLayoutClose" }, props)));
-exports.default = WizardLayoutClose;
+const _Button_1 = require("./_abstract/_Button");
+const WizardLayoutClose = (props) => (react_1.default.createElement(_Button_1.Button, Object.assign({ bem: "WizardLayoutClose" }, props)));
+exports.WizardLayoutClose = WizardLayoutClose;
+exports.default = exports.WizardLayoutClose;

package/WizardStepper.d.ts

@@ -26,11 +26,11 @@ export declare type WizardStepperProps = {
     steps: ReadonlyArray<WizardStepperStep>;
     /** Zero-based index of the active (current) step */
     activeStep?: number;
-    /** By default, clickable "done" steps remain clickable */
+    /** By default, clickable steps remain clickable once "done" */
     disableBacktrack?: boolean;
     /** By default, clickable steps after the active step are not immediately clickable */
     allowForwardSkip?: boolean;
     onClick: (clickedIndex: number) => void;
 };
-declare const WizardStepper: (props: WizardStepperProps) => JSX.Element;
+export declare const WizardStepper: (props: WizardStepperProps) => JSX.Element;
 export default WizardStepper;

package/WizardStepper.js

@@ -1,12 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.WizardStepper = 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 WizardStepper = (props) => {
     const { steps, activeStep = -1, allowForwardSkip, disableBacktrack, onClick } = props;
     return (react_1.default.createElement("div", { className: (0, getBemClass_1.default)('WizardStepper', activeStep === -1 && 'preview') }, steps.map((step, i) => {
-        const { label, clickable, done, neutral } = step;
+        const { clickable, done, neutral } = step;
+        const label = step.label || '…';
         const stepClass = (0, getBemClass_1.default)('WizardStepper__step', [
             (done || (done == null && i < activeStep)) && 'done',
             neutral && 'neutral',
@@ -25,4 +27,5 @@ const WizardStepper = (props) => {
             ' '));
     })));
 };
-exports.default = WizardStepper;
+exports.WizardStepper = WizardStepper;
+exports.default = exports.WizardStepper;

package/_abstract/_AbstractCarousel.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
+import { ReactElement, ReactNode } from 'react';
 import { SSRSupport } from '@hugsmidjan/react/hooks';
 import { BemProps } from '@hugsmidjan/react/types';
 import { EitherObj } from '@reykjavik/hanna-utils';
@@ -13,10 +13,17 @@ export declare type CarouselProps<I extends Record<string, unknown> = {}, P exte
     Component: (props: P extends undefined ? I : I & P) => ReactElement | null;
     ComponentProps?: P;
 }, {
-    children: Array<ReactElement>;
+    children: ReactNode;
+    /**
+     * Explicit number of items contained by the `children` prop
+     *
+     * Use this when your returned child elements are wrapped in a
+     * `<Fragment />` or some such.
+     */
+    itemCount?: number;
 }> & SeenProp;
-declare type AbstractCarouselProps<I extends Record<string, unknown> = {}, P extends Record<string, unknown> | undefined = {}> = CarouselProps<I, P> & BemProps & {
+declare type AbstractCarouselProps<I extends Record<string, unknown> = Record<string, unknown>, P extends Record<string, unknown> | undefined = Record<string, unknown>> = 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;
+export declare const AbstractCarousel: <I extends Record<string, unknown> = Record<string, unknown>, P extends Record<string, unknown> | undefined = Record<string, unknown>>(props: AbstractCarouselProps<I, P>) => JSX.Element | null;
+export {};

package/_abstract/_AbstractCarousel.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.AbstractCarousel = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const A_1 = tslib_1.__importDefault(require("@hugsmidjan/qj/A"));
@@ -24,9 +25,13 @@ const scrollXBy = (elm, deltaX) => {
 };
 const AbstractCarousel = (props) => {
     const { title, items = [], Component, ComponentProps, bem = 'Carousel', modifier, ssr, startSeen, } = props;
-    const children = props.children && props.children.filter(hanna_utils_1.notNully);
+    const children = !props.children
+        ? undefined
+        : Array.isArray(props.children)
+            ? props.children.filter(hanna_utils_1.notNully)
+            : [props.children];
     const [leftOffset, setLeftOffset] = (0, react_1.useState)();
-    const itemCount = (children || items).length;
+    const itemCount = props.itemCount || (children || items).length;
     const listRef = (0, react_1.useRef)(null);
     const [activeItem, setActiveItem] = (0, react_1.useState)(0);
     const isBrowser = (0, hooks_1.useIsBrowserSide)(ssr);
@@ -105,4 +110,4 @@ const AbstractCarousel = (props) => {
                 }, onMouseOver: () => delayedScrollRight(activeItem), onMouseOut: () => delayedScrollRight.cancel() })))) : (itemList),
         isBrowser && (react_1.default.createElement(CarouselStepper_1.default, { itemCount: itemCount, setCurrent: scrollToItem, current: activeItem }))));
 };
-exports.default = AbstractCarousel;
+exports.AbstractCarousel = AbstractCarousel;

package/_abstract/_Blings.d.ts

@@ -7,5 +7,5 @@ declare type BlingsProps = {
     blings: BlingComboProps;
     mirror?: boolean;
 };
-declare const Blings: (props: BlingsProps) => JSX.Element;
-export default Blings;
+export declare const Blings: (props: BlingsProps) => JSX.Element;
+export {};

package/_abstract/_Blings.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Blings = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const Bling_1 = tslib_1.__importDefault(require("../Bling"));
@@ -12,4 +13,4 @@ const inverseAlignments = {
     right: 'left',
 };
 const Blings = (props) => (react_1.default.createElement(react_1.default.Fragment, null, props.blings.map(({ type, align, vertical, color, overlay, parent }, i) => (react_1.default.createElement(Bling_1.default, { key: type + '-' + i, type: type, align: props.mirror ? inverseAlignments[align || 'left'] : align, vertical: vertical, color: color, overlay: overlay, parent: parent })))));
-exports.default = Blings;
+exports.Blings = Blings;

package/_abstract/_Block.d.ts

@@ -16,7 +16,6 @@ export declare type ContentBlock = {
     image?: undefined;
 } & SeenProp;
 export declare type BlockProps = BemPropsModifier & (ContentBlock | ContentImageBlock);
-declare const Block: (props: BlockProps & {
+export declare const Block: (props: BlockProps & {
     bem: string;
 }) => JSX.Element;
-export default Block;

package/_abstract/_Block.js

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Block = 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 _Button_1 = tslib_1.__importDefault(require("./_Button"));
-const _Image_1 = tslib_1.__importDefault(require("./_Image"));
+const _Button_1 = require("./_Button");
+const _Image_1 = require("./_Image");
 const Block = (props) => {
     const { image, modifier, bem, content, startSeen } = props;
     const [ref] = (0, seenEffect_1.useSeenEffect)(startSeen);
@@ -19,9 +20,9 @@ const Block = (props) => {
                 buttons.length > 0 && (react_1.default.createElement("div", { className: `${bem}__buttons` },
                     ' ',
                     buttons.map((buttonProps, i) => (react_1.default.createElement(react_1.default.Fragment, null,
-                        react_1.default.createElement(_Button_1.default, Object.assign({ bem: `${bem}__button`, key: i }, buttonProps)),
+                        react_1.default.createElement(_Button_1.Button, Object.assign({ bem: `${bem}__button`, key: i }, buttonProps)),
                         ' ')))))));
         }),
-        image && react_1.default.createElement(_Image_1.default, Object.assign({ className: `${bem}__image` }, image))));
+        image && react_1.default.createElement(_Image_1.Image, Object.assign({ className: `${bem}__image` }, image))));
 };
-exports.default = Block;
+exports.Block = Block;

package/_abstract/_Button.d.ts

@@ -36,5 +36,5 @@ export declare type ButtonVariantProps = {
 declare type _ButtonProps = ButtonProps & ButtonVariantProps & BemProps & {
     children?: ReactNode;
 };
-declare const Button: (props: _ButtonProps) => JSX.Element;
-export default Button;
+export declare const Button: (props: _ButtonProps) => JSX.Element;
+export {};

package/_abstract/_Button.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = 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"));
@@ -36,4 +37,4 @@ const Button = (props) => {
         return (react_1.default.createElement("button", Object.assign({ className: className, type: "button" }, buttonProps, { style: undefined }, iconProp), label));
     }
 };
-exports.default = Button;
+exports.Button = Button;

package/_abstract/_CardList.js

@@ -3,15 +3,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CardList = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
-const _Button_1 = tslib_1.__importDefault(require("./_Button"));
-const _Image_1 = tslib_1.__importDefault(require("./_Image"));
+const _Button_1 = require("./_Button");
+const _Image_1 = require("./_Image");
 const Card = (props) => {
     const { bem, href, title, imgPlaceholder, image, meta, summary } = props;
     const cardClass = `${bem}__card`;
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(_Button_1.default, { bem: cardClass, href: href },
+        react_1.default.createElement(_Button_1.Button, { bem: cardClass, href: href },
             ' ',
-            react_1.default.createElement(_Image_1.default, Object.assign({ className: `${bem}__image` }, image, { placeholder: imgPlaceholder })),
+            react_1.default.createElement(_Image_1.Image, Object.assign({ className: `${bem}__image` }, image, { placeholder: imgPlaceholder })),
             react_1.default.createElement("span", { className: `${cardClass}__title` }, title),
             ' ',
             meta && react_1.default.createElement("span", { className: `${cardClass}__meta` }, meta),

package/_abstract/_Image.d.ts

@@ -32,5 +32,5 @@ declare type _ImageProps = {
      */
     placeholder?: boolean | (() => JSX.Element);
 };
-declare const Image: (props: ImageProps & _ImageProps) => JSX.Element | null;
-export default Image;
+export declare const Image: (props: ImageProps & _ImageProps) => JSX.Element | null;
+export {};

package/_abstract/_Image.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Image = 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"));
@@ -27,4 +28,4 @@ const Image = (props) => {
         react_1.default.createElement("img", { src: imageSrc, alt: altText, loading: imgLoading }),
         '  '));
 };
-exports.default = Image;
+exports.Image = Image;

package/_abstract/_TogglerGroup.d.ts

@@ -12,7 +12,6 @@ export declare type TogglerGroupProps = {
     options: TogglerGroupOptions;
     className?: string;
     name: string;
-    children?: undefined;
     disabled?: boolean | ReadonlyArray<number>;
     inputProps?: RestrictedInputProps;
     onSelected?: (payload: {
@@ -27,5 +26,5 @@ declare type _TogglerGroupProps = {
     Toggler: (props: TogglerInputProps) => JSX.Element;
     value?: ReadonlyArray<string>;
 };
-declare const TogglerGroup: (props: TogglerGroupProps & _TogglerGroupProps) => JSX.Element;
-export default TogglerGroup;
+export declare const TogglerGroup: (props: TogglerGroupProps & _TogglerGroupProps) => JSX.Element;
+export {};

package/_abstract/_TogglerGroup.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TogglerGroup = 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"));
@@ -31,4 +32,4 @@ const TogglerGroup = (props) => {
                 : inputProps.onChange, disabled: isDisabled, "aria-invalid": props['aria-invalid'], checked: isChecked })));
     })));
 };
-exports.default = TogglerGroup;
+exports.TogglerGroup = TogglerGroup;

package/_abstract/_TogglerGroupField.d.ts

@@ -13,5 +13,5 @@ declare type _TogglerGroupFieldProps = {
 } & BemPropsModifier;
 export declare type TogglerGroupFieldOption = TogglerGroupOption;
 export declare type TogglerGroupFieldOptions = TogglerGroupOptions;
-declare const TogglerGroupField: (props: TogglerGroupFieldProps & _TogglerGroupFieldProps) => JSX.Element;
-export default TogglerGroupField;
+export declare const TogglerGroupField: (props: TogglerGroupFieldProps & _TogglerGroupFieldProps) => JSX.Element;
+export {};

package/_abstract/_TogglerGroupField.js

@@ -1,14 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TogglerGroupField = 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 FormField_1 = tslib_1.__importDefault(require("../FormField"));
-const _TogglerGroup_1 = tslib_1.__importDefault(require("./_TogglerGroup"));
+const _TogglerGroup_1 = require("./_TogglerGroup");
 const TogglerGroupField = (props) => {
     const { bem, Toggler, className, modifier, label, LabelTag, assistText, hideLabel, disabled, readOnly, invalid, errorMessage, required, reqText, id, value } = props, togglerGroupProps = tslib_1.__rest(props, ["bem", "Toggler", "className", "modifier", "label", "LabelTag", "assistText", "hideLabel", "disabled", "readOnly", "invalid", "errorMessage", "required", "reqText", "id", "value"]);
     return (react_1.default.createElement(FormField_1.default, { className: (0, getBemClass_1.default)(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_1.default.createElement(_TogglerGroup_1.default, Object.assign({ bem: className.options }, inputProps, togglerGroupProps, { value: Array.isArray(value) ? value : value != null ? [value] : undefined, Toggler: Toggler })));
+            return (react_1.default.createElement(_TogglerGroup_1.TogglerGroup, Object.assign({ bem: className.options }, inputProps, togglerGroupProps, { value: Array.isArray(value) ? value : value != null ? [value] : undefined, Toggler: Toggler })));
         } }));
 };
-exports.default = TogglerGroupField;
+exports.TogglerGroupField = TogglerGroupField;

package/_abstract/_TogglerInput.d.ts

@@ -1,7 +1,7 @@
 import { BemPropsModifier } from '@hugsmidjan/react/types';
 export declare type TogglerInputProps = {
     label: string | JSX.Element;
-    children?: undefined;
+    children?: never;
     Wrapper?: 'div' | 'li';
     invalid?: boolean;
     /** Hidden label prefix text to indicate that the field is required.
@@ -18,5 +18,5 @@ declare type _TogglerInputProps = {
     bem: string;
     type: 'radio' | 'checkbox';
 };
-declare const TogglerInput: (props: TogglerInputProps & _TogglerInputProps) => JSX.Element;
-export default TogglerInput;
+export declare const TogglerInput: (props: TogglerInputProps & _TogglerInputProps) => JSX.Element;
+export {};

package/_abstract/_TogglerInput.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.TogglerInput = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const hooks_1 = require("@hugsmidjan/react/hooks");
@@ -22,4 +23,4 @@ const TogglerInput = (props) => {
             ' '),
         errorMessage && (react_1.default.createElement("div", { className: bem + '__error', id: errorId }, errorMessage))));
 };
-exports.default = TogglerInput;
+exports.TogglerInput = TogglerInput;

package/_abstract/breakOnNL.d.ts

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

package/_abstract/breakOnNL.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.breakOnNL = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const breakOnNL = (text) => text &&
@@ -8,4 +9,4 @@ const breakOnNL = (text) => text &&
         .replace(/(?:\n\s*)+/g, '\n\n')
         .split(/\n/)
         .map((bit) => bit || react_1.default.createElement("br", null));
-exports.default = breakOnNL;
+exports.breakOnNL = breakOnNL;

package/assets.js

@@ -14,7 +14,7 @@ Object.defineProperty(exports, "illustrations", { enumerable: true, get: functio
 /** @deprecated Use `getCssBundleUrl` from '@reykjavik/hanna-css' instead  (Will be reomved in v0.11) */
 const getCssBundleUrl = (cssTokens, 
 /** If you want to pin your CSS files to a specific version */
-version) => (0, hanna_css_1.getCssBundleUrl)(cssTokens, { version });
+version) => (0, hanna_css_1.getCssBundleUrl)(cssTokens, { version: version });
 exports.getCssBundleUrl = getCssBundleUrl;
 // ---------------------------------------------------------------------------
 // Based on "https://styles.reykjavik.is/assets/efnistakn/menu/files.json"

package/constants.d.ts

@@ -1,39 +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 esja: "esja";
-    readonly faxafloi: "faxafloi";
-    readonly nautholsvik: "nautholsvik";
-    readonly heidmork: "heidmork";
-    readonly ellidaardalur: "ellidaardalur";
-    readonly blafjoll: "blafjoll";
-    readonly sund: "sund";
-    readonly rokkur: "rokkur";
-    readonly suld: "suld";
-} & {
+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 trustworthy: "trustworthy";
-    readonly dependable: "dependable";
-    readonly friendly: "friendly";
-    readonly lively: "lively";
-    readonly colorful: "colorful";
-};
+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 declare type Alignment = 'right' | 'left';
 export declare const aligns: Record<string, true | undefined>;
-export declare type ComponentLayoutProps<Align extends string = 'right'> = {
-    wide?: undefined;
-    align?: undefined;
-} | {
-    wide: boolean;
-    align?: undefined;
-} | {
-    wide?: undefined;
-    align: Align;
-};
+export declare type ComponentLayoutProps<Align extends string = 'right'> = EitherObj<{
+    wide?: boolean;
+}, {
+    align?: Align;
+}>;

package/focus-visible.js

@@ -1,3 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+// expose `focus-visible` to consumers of `@reykjavik/hanna-react`
+// without requiring them to install it as a dependency in their project.
 require("@reykjavik/hanna-utils/focus-visible");

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@reykjavik/hanna-react",
-	"version": "0.10.70",
+	"version": "0.10.72",
 	"author": "Reykjavík (http://www.reykjavik.is)",
 	"contributors": [
 		"Hugsmiðjan ehf (http://www.hugsmidjan.is)",
@@ -14,9 +14,9 @@
 	"license": "MIT",
 	"dependencies": {
 		"@hugsmidjan/qj": "^4.10.2",
-		"@hugsmidjan/react": "^0.4.17",
-		"@reykjavik/hanna-css": "^0.3.7",
-		"@reykjavik/hanna-utils": "^0.1.14",
+		"@hugsmidjan/react": "^0.4.20",
+		"@reykjavik/hanna-css": "^0.3.10",
+		"@reykjavik/hanna-utils": "^0.1.17",
 		"@types/react": "^17.0.24",
 		"@types/react-autosuggest": "^10.1.0",
 		"@types/react-datepicker": "^3.0.2",