@reykjavik/hanna-react 0.10.70 → 0.10.72

package/AccordionList.d.ts

@@ -21,5 +21,5 @@ export declare type AccordionListProps = {
     wide?: boolean;
     ssr?: SSRSupport;
 } & SeenProp;
-declare const AccordionList: (props: AccordionListProps) => JSX.Element;
+export declare const AccordionList: (props: AccordionListProps) => JSX.Element;
 export default AccordionList;

package/AccordionList.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.AccordionList = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const hooks_1 = require("@hugsmidjan/react/hooks");
@@ -32,4 +33,5 @@ const AccordionList = (props) => {
     };
     return (react_1.default.createElement("div", { className: (0, getBemClass_1.default)('AccordionList', [wide && 'wide']), ref: ref }, items.map((item, i) => (react_1.default.createElement(AccordionListItem, Object.assign({ key: i }, item, { ssr: ssr, open: open.includes(i), onToggle: () => onToggle(i), defaultOpen: defaultOpen && defaultOpen.includes(i) }))))));
 };
-exports.default = AccordionList;
+exports.AccordionList = AccordionList;
+exports.default = exports.AccordionList;

package/ActionCards.d.ts

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

package/ActionCards.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActionCards = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const _CardList_1 = require("./_abstract/_CardList");
@@ -9,4 +10,5 @@ const ActionCards = (props) => {
     return (react_1.default.createElement("div", { className: "ActionCards", ref: ref },
         react_1.default.createElement(_CardList_1.CardList, Object.assign({}, props, { bemPrefix: "ActionCards" }))));
 };
-exports.default = ActionCards;
+exports.ActionCards = ActionCards;
+exports.default = exports.ActionCards;

package/Alert.d.ts

@@ -36,8 +36,7 @@ export declare type AlertProps = {
     /** Callback that fires when the alert has closed/transitoned out */
     onClosed: () => void;
 }, {
-    /**
-     * @deprecated This signature with the `event` argument will be removed in hanna-react v0.9
+    /** @deprecated This signature with the `event` argument will be removed in hanna-react v0.11
      *
      * Return `false` to prevent the alert from closing
      */
@@ -45,5 +44,5 @@ export declare type AlertProps = {
     /** Callback that fires after the alert has closed/transitoned out */
     onClosed?(): void;
 }>;
-declare const Alert: (props: AlertProps) => JSX.Element;
+export declare const Alert: (props: AlertProps) => JSX.Element;
 export default Alert;

package/Alert.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.alertTypes = exports.defaultAlertTexts = void 0;
+exports.Alert = exports.alertTypes = exports.defaultAlertTexts = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const hooks_1 = require("@hugsmidjan/react/hooks");
 const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
 const i18n_1 = require("@reykjavik/hanna-utils/i18n");
-const _Button_1 = tslib_1.__importDefault(require("./_abstract/_Button"));
+const _Button_1 = require("./_abstract/_Button");
 const env_1 = require("./utils/env");
 // FIXME: Eventually import from @reykjavik/hanna-css
 const AlertCloseTransitionDuration = 400;
@@ -87,8 +87,9 @@ const Alert = (props) => {
         ]), role: "alert", hidden: !open || undefined }, autoClosingProps),
         childrenHTML ? (react_1.default.createElement("div", { dangerouslySetInnerHTML: { __html: childrenHTML } })) : (children),
         ' ',
-        showCloseButton && (react_1.default.createElement(_Button_1.default, Object.assign({ bem: "Alert__close" }, (closeUrl != null ? { href: closeUrl } : { type: 'button' }), { onClick: (e) => {
+        showCloseButton && (react_1.default.createElement(_Button_1.Button, Object.assign({ bem: "Alert__close" }, (closeUrl != null ? { href: closeUrl } : { type: 'button' }), { onClick: (e) => {
                 closeAlert(e);
             }, "aria-label": closeLabelLong, title: closeLabelLong || closeLabel }), closeLabel))));
 };
-exports.default = Alert;
+exports.Alert = Alert;
+exports.default = exports.Alert;

package/ArticleCards.d.ts

@@ -1,6 +1,8 @@
 import type { Cleanup } from '@reykjavik/hanna-utils';
 import { ImageCardListProps, ImageCardProps } from './_abstract/_CardList';
-export declare type ArticleCardProps = ImageCardProps;
+export declare type ArticleCardsItemProps = ImageCardProps;
+/** @deprecated Use `ArticleCardsItemProps` instead (Remove in v0.11) */
+export declare type ArticleCardProps = ArticleCardsItemProps;
 export declare type ArticleCardsProps = Cleanup<Pick<ImageCardListProps, 'cards' | 'imgPlaceholder'>>;
-declare const ArticleCards: (props: ArticleCardsProps) => JSX.Element;
+export declare const ArticleCards: (props: ArticleCardsProps) => JSX.Element;
 export default ArticleCards;

package/ArticleCards.js

@@ -1,7 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArticleCards = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const _CardList_1 = require("./_abstract/_CardList");
 const ArticleCards = (props) => (react_1.default.createElement(_CardList_1.CardList, { bemPrefix: "ArticleCards", standalone: true, cards: props.cards, imgPlaceholder: props.imgPlaceholder || true }));
-exports.default = ArticleCards;
+exports.ArticleCards = ArticleCards;
+exports.default = exports.ArticleCards;

package/ArticleCarousel/_ArticleCarouselCard.d.ts

@@ -1,4 +1,4 @@
-import { HannaColorTheme } from '@reykjavik/hanna-css';
+import type { HannaColorTheme } from '@reykjavik/hanna-css';
 import { Illustration } from '@reykjavik/hanna-utils/assets';
 import { ImageProps } from '../_abstract/_Image';
 import { ColorFamily } from '../constants';

package/ArticleCarousel/_ArticleCarouselCard.js

@@ -5,7 +5,7 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
 const assets_1 = require("@reykjavik/hanna-utils/assets");
-const _Image_1 = tslib_1.__importDefault(require("../_abstract/_Image"));
+const _Image_1 = require("../_abstract/_Image");
 const _Link_1 = require("../_abstract/_Link");
 const constants_1 = require("../constants");
 const ArticleCarouselCard = (props) => {
@@ -15,7 +15,7 @@ const ArticleCarouselCard = (props) => {
     return (react_1.default.createElement("div", { className: "ArticleCarouselCard", "data-color": color && constants_1.colorFamilies[color], "data-color-theme": !color ? theme && constants_1.themeOptions[theme] : undefined },
         react_1.default.createElement(_Link_1.Link, { className: "ArticleCarouselCard__link", href: href, target: target },
             ' ',
-            react_1.default.createElement(_Image_1.default, Object.assign({ placeholder: true, className: (0, getBemClass_1.default)('ArticleCarouselCard__illustration', photo && 'photo') }, imageProps)),
+            react_1.default.createElement(_Image_1.Image, Object.assign({ placeholder: true, className: (0, getBemClass_1.default)('ArticleCarouselCard__illustration', photo && 'photo') }, imageProps)),
             react_1.default.createElement("h3", { className: "ArticleCarouselCard__title" }, title),
             ' '),
         ' ',

package/ArticleCarousel.d.ts

@@ -8,5 +8,5 @@ export declare type ArticleCarouselProps = {
     ssr?: SSRSupport;
 } & SeenProp;
 export type { ArticleCarouselCardProps, ArticleCarouselImageProps };
-declare const ArticleCarousel: (props: ArticleCarouselProps) => JSX.Element;
+export declare const ArticleCarousel: (props: ArticleCarouselProps) => JSX.Element;
 export default ArticleCarousel;

package/ArticleCarousel.js

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

package/ArticleMeta.d.ts

@@ -6,5 +6,5 @@ export declare type ArticleMetaProps = {
     items: Array<ArticleMetaItem>;
     small?: boolean;
 };
-declare const ArticleMeta: (props: ArticleMetaProps) => JSX.Element | null;
+export declare const ArticleMeta: (props: ArticleMetaProps) => JSX.Element | null;
 export default ArticleMeta;

package/ArticleMeta.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArticleMeta = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
@@ -19,4 +20,5 @@ const ArticleMeta = (props) => {
             ' ')),
         ' ')))));
 };
-exports.default = ArticleMeta;
+exports.ArticleMeta = ArticleMeta;
+exports.default = exports.ArticleMeta;

package/Attention.d.ts

@@ -3,5 +3,5 @@ export declare type AttentionProps = {
     small?: boolean;
     children: ReactNode;
 };
-declare const Attention: (props: AttentionProps) => JSX.Element;
+export declare const Attention: (props: AttentionProps) => JSX.Element;
 export default Attention;

package/Attention.js

@@ -1,7 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Attention = 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 Attention = (props) => (react_1.default.createElement("div", { className: (0, getBemClass_1.default)('Attention', props.small && 'small') }, props.children));
-exports.default = Attention;
+exports.Attention = Attention;
+exports.default = exports.Attention;

package/BasicTable.d.ts

@@ -1,12 +1,14 @@
 import { TableProps } from '@hugsmidjan/react/Table';
+import { EitherObj } from '@reykjavik/hanna-utils';
 import { SeenProp } from './utils/seenEffect';
 export declare type BasicTableProps = {
     compact?: boolean;
     type?: 'text' | 'number';
-    children?: undefined;
     modifier?: string;
+} & EitherObj<{
     fullWidth?: boolean;
+}, {
     align?: 'right';
-} & SeenProp & Omit<TableProps, 'className' | 'children'>;
-declare const BasicTable: (props: BasicTableProps) => JSX.Element;
+}> & SeenProp & Omit<TableProps, 'className' | 'children'>;
+export declare const BasicTable: (props: BasicTableProps) => JSX.Element;
 export default BasicTable;

package/BasicTable.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.BasicTable = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const Table_1 = tslib_1.__importDefault(require("@hugsmidjan/react/Table"));
@@ -29,4 +30,5 @@ const BasicTable = (props) => {
             tfoot,
         }, tbodyProps))));
 };
-exports.default = BasicTable;
+exports.BasicTable = BasicTable;
+exports.default = exports.BasicTable;

package/BgBox.d.ts

@@ -4,5 +4,5 @@ export declare type BgBoxProps = {
     className?: string;
     children: ReactNode;
 } & SeenProp & EffectProp;
-declare const BgBox: (props: BgBoxProps) => JSX.Element;
+export declare const BgBox: (props: BgBoxProps) => JSX.Element;
 export default BgBox;

package/BgBox.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.BgBox = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
@@ -9,4 +10,5 @@ const BgBox = (props) => {
     const [ref] = (0, seenEffect_1.useSeenEffect)(startSeen);
     return (react_1.default.createElement("div", Object.assign({ className: (0, getBemClass_1.default)('BgBox', undefined, className), ref: ref }, (0, seenEffect_1.getEffectAttr)(effectType)), children));
 };
-exports.default = BgBox;
+exports.BgBox = BgBox;
+exports.default = exports.BgBox;

package/Bling.d.ts

@@ -77,5 +77,5 @@ export declare type BlingProps = {
     /** Custom SVG URL to load (use sparingly) */
     blingUrl: string;
 });
-declare const Bling: (props: BlingProps) => JSX.Element;
+export declare const Bling: (props: BlingProps) => JSX.Element;
 export default Bling;

package/Bling.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Bling = 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"));
@@ -44,4 +45,5 @@ const Bling = (props) => {
             overlay && 'overlay',
         ], className), "data-bling-type": type, "data-bling-image": !type ? blingUrl : undefined, dangerouslySetInnerHTML: inlineSvg && { __html: inlineSvg.code } }));
 };
-exports.default = Bling;
+exports.Bling = Bling;
+exports.default = exports.Bling;

package/BlockBreak.d.ts

@@ -1,2 +1,2 @@
-declare const BlockBreak: () => JSX.Element;
+export declare const BlockBreak: () => JSX.Element;
 export default BlockBreak;

package/BlockBreak.js

@@ -1,9 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.BlockBreak = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 /*
   TODO: Add story
 */
 const BlockBreak = () => react_1.default.createElement("div", { className: "BlockBreak" });
-exports.default = BlockBreak;
+exports.BlockBreak = BlockBreak;
+exports.default = exports.BlockBreak;

package/BlockQuote.d.ts

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

package/BlockQuote.js

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

package/BreadCrumbs.d.ts

@@ -7,5 +7,5 @@ export declare type BreadCrumbsProps = {
     title: string;
     trail: BreadCrumbTrail;
 };
-declare const BreadCrumbs: (props: BreadCrumbsProps) => JSX.Element | null;
+export declare const BreadCrumbs: (props: BreadCrumbsProps) => JSX.Element | null;
 export default BreadCrumbs;

package/BreadCrumbs.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.BreadCrumbs = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const _Link_1 = require("./_abstract/_Link");
@@ -28,4 +29,5 @@ const BreadCrumbs = (props) => {
         }),
         react_1.default.createElement(BreadCrumbs__item, { link: current, current: true })));
 };
-exports.default = BreadCrumbs;
+exports.BreadCrumbs = BreadCrumbs;
+exports.default = exports.BreadCrumbs;

package/ButtonBack.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { ButtonProps } from './_abstract/_Button';
 export declare type ButtonBackProps = ButtonProps;
-declare const ButtonBack: (props: ButtonBackProps & {
+export declare const ButtonBack: (props: ButtonBackProps & {
     children?: ReactNode;
 }) => JSX.Element;
 export default ButtonBack;

package/ButtonBack.js

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

package/ButtonPrimary.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { ButtonProps, ButtonVariantProps } from './_abstract/_Button';
 export declare type ButtonPrimaryProps = ButtonProps & ButtonVariantProps;
-declare const ButtonPrimary: (props: ButtonPrimaryProps & {
+export declare const ButtonPrimary: (props: ButtonPrimaryProps & {
     children?: ReactNode;
 }) => JSX.Element;
 export default ButtonPrimary;

package/ButtonPrimary.js

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

package/ButtonSecondary.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { ButtonProps, ButtonVariantProps } from './_abstract/_Button';
 export declare type ButtonSecondaryProps = ButtonProps & ButtonVariantProps;
-declare const ButtonSecondary: (props: ButtonSecondaryProps & {
+export declare const ButtonSecondary: (props: ButtonSecondaryProps & {
     children?: ReactNode;
 }) => JSX.Element;
 export default ButtonSecondary;

package/ButtonSecondary.js

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

package/ButtonTertiary.d.ts

@@ -6,7 +6,7 @@ export declare type ButtonTertiaryProps = ButtonProps & Omit<ButtonVariantProps,
     size?: TertiarySize;
     icon?: TertiaryIcon;
 };
-declare const ButtonTertiary: (props: ButtonTertiaryProps & {
+export declare const ButtonTertiary: (props: ButtonTertiaryProps & {
     children?: ReactNode;
 }) => JSX.Element;
 export default ButtonTertiary;

package/ButtonTertiary.js

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

package/CHANGELOG.md

@@ -4,6 +4,47 @@
 
 - ... <!-- Add new lines here. -->
 
+## 0.10.72
+
+_2022-12-07_
+
+- feat: Add named exports to all component modules (heralds default export
+  deprecation)
+- fix: Disable all non-selected options in `readOnly` `Selectbox`es
+- fix: Update `Selectbox` filled/empty status when `options` arrive late
+- fix: incorrect SSR markup generated by `MainMenu`
+
+## 0.10.71
+
+_2022-11-23_
+
+- feat: Add prop `onFilesRejected` to `FileInputProps`
+- feat: Add prop `itemCount` for all Carousel-related components with
+  `children` — drop requirement for children to be an Array.
+- feat(ts): Export `ArticleCardsItemProps`, deprecate `ArticleCardProps`
+- feat(ts): Only allow either `align="right"` or `fullWidth` on `BasicTable`
+- feat: Make `SiteSearchAutocompleteProps.renderSuggestion` optional
+- feat: Add `FooterInfoGroup.main`, deprecate `FooterInfoGroup.role`
+- `FileInput`:
+  - feat: Add prop `lang` (default: `'is'`)
+  - feat: Make prop `removeFileText` optional
+  - fix: File-sizes are now formatted based on `lang` prop
+- `ShareButton`:
+  - fix: Add support for Polish
+  - fix: Make Icelandic the default/fallback locale
+  - fix: Swap in Icelandic and English `emailSubject`s
+- fix: Lingering `--focus` state when keyboard navigating from `DatePicker`
+- fix: Suppress Autocomplete suggestion container until suggestions arrive
+- fix: Disable `button` element when `SearchInput` is disabled or readonly
+- fix: Add missing `title` prop on `IframeBlock`
+- fix: Set default value for empty `WizardStepper` step labels
+- fix: Add missing prop `name` to `DatePicker`
+- fix: Make `ContentArticleProps.meta` optional
+- fix: Suppress `<hr>` in `ContentArticleProps` when `relatedLinks` is missing
+- fix: Make `InfoBlockProps.subTitle` optional
+- fix: Clicks inside `.Datepicker .FormField__input` div always focus `input`
+- fix(ts): Remove unused (`never`) props from `ModalProps`
+
 ## 0.10.70
 
 _2022-09-28_

package/Carousel.d.ts

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

package/Carousel.js

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

package/CarouselStepper.d.ts

@@ -1,4 +1,4 @@
 import { Props } from '@hugsmidjan/react/CarouselStepper';
 declare type CarouselStepperProps = Omit<Props, 'bem' | 'modifier'>;
-declare const CarouselStepper: (props: CarouselStepperProps) => JSX.Element;
+export declare const CarouselStepper: (props: CarouselStepperProps) => JSX.Element;
 export default CarouselStepper;

package/CarouselStepper.js

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

package/CenterColumn.d.ts

@@ -3,5 +3,5 @@ import { EffectProp, SeenProp } from './utils/seenEffect';
 export declare type CenterColumnProps = {
     children: ReactNode;
 } & SeenProp & EffectProp;
-declare const CenterColumn: (props: CenterColumnProps) => JSX.Element;
+export declare const CenterColumn: (props: CenterColumnProps) => JSX.Element;
 export default CenterColumn;

package/CenterColumn.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.CenterColumn = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const SeenEffect_1 = tslib_1.__importDefault(require("./SeenEffect"));
@@ -7,4 +8,5 @@ const CenterColumn = (props) => {
     const { children, startSeen, effectType } = props;
     return startSeen == null ? (react_1.default.createElement("div", { className: "CenterColumn" }, children)) : (react_1.default.createElement(SeenEffect_1.default, { className: "CenterColumn", startSeen: startSeen, effectType: effectType }, children));
 };
-exports.default = CenterColumn;
+exports.CenterColumn = CenterColumn;
+exports.default = exports.CenterColumn;

package/Checkbox.d.ts

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

package/Checkbox.js

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

package/CheckboxButtonsGroup.d.ts

@@ -1,11 +1,11 @@
 import { TogglerGroupFieldOptions, TogglerGroupFieldProps } from './_abstract/_TogglerGroupField';
 export declare type CheckboxButtonsGroupProps = TogglerGroupFieldProps & {
     value?: Array<string>;
-    /** @deprecated (Will be removed in v0.9) */
+    /** @deprecated (Will be removed in v0.11) */
     columns?: '2col' | '3col';
-    /** @deprecated (Will be removed in v0.9) */
+    /** @deprecated (Will be removed in v0.11) */
     layout?: 'slim';
 };
 export declare type CheckboxButtonsGroupOptions = TogglerGroupFieldOptions;
-declare const CheckboxButtonsGroup: (props: CheckboxButtonsGroupProps) => JSX.Element;
+export declare const CheckboxButtonsGroup: (props: CheckboxButtonsGroupProps) => JSX.Element;
 export default CheckboxButtonsGroup;