@reykjavik/hanna-react 0.10.58 → 0.10.61

package/AccordionList.js

@@ -1,34 +1,9 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
 const hooks_1 = require("@hugsmidjan/react/hooks");
-const getBemClass_1 = __importDefault(require("@hugsmidjan/react/utils/getBemClass"));
+const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
 const seenEffect_1 = require("./utils/seenEffect");
 const AccordionListItem = (props) => {
     const { title, content, id, disabled = false, defaultOpen, ssr } = props;

package/ActionCards.d.ts

@@ -1,4 +1,4 @@
-import { TextCardListProps } from './_abstract/CardList';
+import { TextCardListProps } from './_abstract/_CardList';
 import { SeenProp } from './utils/seenEffect';
 export declare type ActionCardsProps = TextCardListProps & SeenProp;
 declare const ActionCards: (props: ActionCardsProps) => JSX.Element;

package/ActionCards.js

@@ -1,14 +1,12 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const CardList_1 = require("./_abstract/CardList");
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const _CardList_1 = require("./_abstract/_CardList");
 const seenEffect_1 = require("./utils/seenEffect");
 const ActionCards = (props) => {
     const [ref] = (0, seenEffect_1.useSeenEffect)(props.startSeen);
     return (react_1.default.createElement("div", { className: "ActionCards", ref: ref },
-        react_1.default.createElement(CardList_1.CardList, Object.assign({}, props, { bemPrefix: "ActionCards" }))));
+        react_1.default.createElement(_CardList_1.CardList, Object.assign({}, props, { bemPrefix: "ActionCards" }))));
 };
 exports.default = ActionCards;

package/Alert.js

@@ -1,39 +1,14 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.alertTypes = exports.defaultAlertTexts = void 0;
-const react_1 = __importStar(require("react"));
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
 const hooks_1 = require("@hugsmidjan/react/hooks");
-const getBemClass_1 = __importDefault(require("@hugsmidjan/react/utils/getBemClass"));
+const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
 const i18n_1 = require("@reykjavik/hanna-utils/i18n");
-const Button_1 = __importDefault(require("./_abstract/Button"));
+const _Button_1 = tslib_1.__importDefault(require("./_abstract/_Button"));
 const env_1 = require("./utils/env");
-// FIXME: Eventually import from @reykjavik/hanna-styles/constants
+// FIXME: Eventually import from @reykjavik/hanna-css
 const AlertCloseTransitionDuration = 400;
 const useAutoClosing = (autoClose) => {
     const [temp, setTemp] = (0, react_1.useState)(0);
@@ -65,7 +40,7 @@ exports.alertTypes = {
 };
 const Alert = (props) => {
     const { type, childrenHTML, children, onClose, closeUrl, closable = !!(onClose || closeUrl != null), ssr, onClosed, } = props;
-    const autoClose = props.autoClose && props.autoClose > 0 ? props.autoClose : 0;
+    const autoClose = Math.max(props.autoClose || 0, 0);
     const closing = (0, react_1.useRef)();
     const [open, setOpen] = (0, react_1.useState)(!!ssr);
     const isBrowser = (0, hooks_1.useIsBrowserSide)(ssr);
@@ -76,7 +51,7 @@ const Alert = (props) => {
     });
     const closeAlert = (0, react_1.useCallback)((event) => {
         const ret = onClose &&
-            // @ts-expect-error  (@deprecated `event` parameter will be removed in v0.9)
+            // @ts-expect-error  (@deprecated `event` parameter will be removed in v0.11)
             onClose(event);
         if (ret !== false) {
             setOpen(false);
@@ -114,7 +89,7 @@ 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.default, Object.assign({ bem: "Alert__close" }, (closeUrl != null ? { href: closeUrl } : { type: 'button' }), { onClick: (e) => {
                 closeAlert(e);
             }, "aria-label": closeLabelLong, title: closeLabelLong || closeLabel }), closeLabel))));
 };

package/ArticleCards.d.ts

@@ -0,0 +1,6 @@
+import type { Resolve } from '@reykjavik/hanna-utils';
+import { ImageCardListProps, ImageCardProps } from './_abstract/_CardList';
+export declare type ArticleCardProps = ImageCardProps;
+export declare type ArticleCardsProps = Resolve<Pick<ImageCardListProps, 'cards' | 'imgPlaceholder'>>;
+declare const ArticleCards: (props: ArticleCardsProps) => JSX.Element;
+export default ArticleCards;

package/ArticleCards.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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;

package/ArticleCarousel/_ArticleCarouselCard.d.ts

@@ -1,6 +1,6 @@
 import { HannaColorTheme } from '@reykjavik/hanna-css';
 import { Illustration } from '@reykjavik/hanna-utils/assets';
-import { ImageProps } from '../_abstract/Image';
+import { ImageProps } from '../_abstract/_Image';
 import { ColorFamily } from '../constants';
 export declare type ArticleCarouselImageProps = ImageProps & {
     photo?: boolean;

package/ArticleCarousel/_ArticleCarouselCard.js

@@ -1,29 +1,27 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ArticleCarouselCard = void 0;
-const react_1 = __importDefault(require("react"));
-const getBemClass_1 = __importDefault(require("@hugsmidjan/react/utils/getBemClass"));
+const 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 = __importDefault(require("../_abstract/Image"));
-const Link_1 = require("../_abstract/Link");
+const _Image_1 = tslib_1.__importDefault(require("../_abstract/_Image"));
+const _Link_1 = require("../_abstract/_Link");
 const constants_1 = require("../constants");
 const ArticleCarouselCard = (props) => {
     const { date, title, summary, href, moreLabel, color, theme, illustration, image } = props;
     const photo = image === null || image === void 0 ? void 0 : image.photo;
     const imageProps = illustration ? { src: (0, assets_1.getIllustrationUrl)(illustration) } : image;
     return (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 },
+        react_1.default.createElement(_Link_1.Link, { className: "ArticleCarouselCard__link", href: href },
             ' ',
-            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.default, Object.assign({ placeholder: true, className: (0, getBemClass_1.default)('ArticleCarouselCard__illustration', photo && 'photo') }, imageProps)),
             react_1.default.createElement("h3", { className: "ArticleCarouselCard__title" }, title),
             ' '),
         ' ',
         date && react_1.default.createElement("span", { className: "ArticleCarouselCard__date" }, date),
         react_1.default.createElement("div", { className: "ArticleCarouselCard__summary" }, summary),
-        moreLabel && (react_1.default.createElement(Link_1.Link, { className: "ArticleCarouselCard__morelink", href: href, "aria-label": title },
+        moreLabel && (react_1.default.createElement(_Link_1.Link, { className: "ArticleCarouselCard__morelink", href: href, "aria-label": title },
             ' ',
             moreLabel,
             ' '))));

package/ArticleCarousel.js

@@ -1,10 +1,8 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const _AbstractCarousel_1 = __importDefault(require("./_abstract/_AbstractCarousel"));
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const _AbstractCarousel_1 = tslib_1.__importDefault(require("./_abstract/_AbstractCarousel"));
 const _ArticleCarouselCard_1 = require("./ArticleCarousel/_ArticleCarouselCard");
 const ArticleCarousel = (props) => {
     const { title, items, moreLabel, ssr, startSeen } = props;

package/ArticleMeta.d.ts

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

package/ArticleMeta.js

@@ -1,40 +1,19 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const Link_1 = require("./_abstract/Link");
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
+const _Link_1 = require("./_abstract/_Link");
 const ArticleMeta = (props) => {
-    const { items } = props;
+    const { items, small } = props;
     if (items.length === 0) {
         return null;
     }
-    return (react_1.default.createElement("div", { className: "ArticleMeta" }, items.map(({ label, href }, i) => (react_1.default.createElement(react_1.Fragment, { key: i },
+    return (react_1.default.createElement("div", { className: (0, getBemClass_1.default)('ArticleMeta', small && 'small') }, items.map(({ label, href }, i) => (react_1.default.createElement(react_1.Fragment, { key: i },
         href == null ? (react_1.default.createElement("span", { className: "ArticleMeta__item" },
             " ",
             label,
-            " ")) : (react_1.default.createElement(Link_1.Link, { className: "ArticleMeta__item", href: href },
+            " ")) : (react_1.default.createElement(_Link_1.Link, { className: "ArticleMeta__item", href: href },
             ' ',
             label,
             ' ')),

package/Attention.js

@@ -1,9 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const getBemClass_1 = __importDefault(require("@hugsmidjan/react/utils/getBemClass"));
+const 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;

package/BasicTable.js

@@ -1,12 +1,10 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const Table_1 = __importDefault(require("@hugsmidjan/react/Table"));
-const TableWrapper_1 = __importDefault(require("@hugsmidjan/react/TableWrapper"));
-const getBemClass_1 = __importDefault(require("@hugsmidjan/react/utils/getBemClass"));
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const Table_1 = tslib_1.__importDefault(require("@hugsmidjan/react/Table"));
+const TableWrapper_1 = tslib_1.__importDefault(require("@hugsmidjan/react/TableWrapper"));
+const getBemClass_1 = tslib_1.__importDefault(require("@hugsmidjan/react/utils/getBemClass"));
 const seenEffect_1 = require("./utils/seenEffect");
 const BasicTable = (props) => {
     const { cols, caption, thead, tfoot, align, fullWidth, startSeen } = props;

package/{esm/CenterColumn.d.ts → BgBox.d.ts}

@@ -1,7 +1,8 @@
 import { ReactNode } from 'react';
 import { EffectProp, SeenProp } from './utils/seenEffect';
-export declare type CenterColumnProps = {
+export declare type BgBoxProps = {
+    className?: string;
     children: ReactNode;
 } & SeenProp & EffectProp;
-declare const CenterColumn: (props: CenterColumnProps) => JSX.Element;
-export default CenterColumn;
+declare const BgBox: (props: BgBoxProps) => JSX.Element;
+export default BgBox;

package/BgBox.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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 BgBox = (props) => {
+    const { className, children, effectType, startSeen } = 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;

package/Bling.js

@@ -1,10 +1,8 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const getBemClass_1 = __importDefault(require("@hugsmidjan/react/utils/getBemClass"));
+const 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 useGetSVGtext_1 = require("./utils/useGetSVGtext");
 const colors = {

package/BlockBreak.js

@@ -1,9 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
 /*
   TODO: Add story
 */

package/BlockQuote.js

@@ -1,9 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
+const 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;

package/BreadCrumbs.js

@@ -1,13 +1,11 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const Link_1 = require("./_abstract/Link");
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const _Link_1 = require("./_abstract/_Link");
 const BreadCrumbs__item = (props) => {
     const { link, current } = props;
-    return link.href != null ? (react_1.default.createElement(Link_1.Link, { className: "BreadCrumbs__item", href: link.href, "aria-current": current || undefined }, link.label)) : (react_1.default.createElement("span", { className: "BreadCrumbs__item", "aria-current": current || undefined }, link.label));
+    return link.href != null ? (react_1.default.createElement(_Link_1.Link, { className: "BreadCrumbs__item", href: link.href, "aria-current": current || undefined }, link.label)) : (react_1.default.createElement("span", { className: "BreadCrumbs__item", "aria-current": current || undefined }, link.label));
 };
 const BreadCrumbs = (props) => {
     const { title, trail } = props;

package/ButtonBack.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { ButtonProps } from './_abstract/Button';
+import { ButtonProps } from './_abstract/_Button';
 export declare type ButtonBackProps = ButtonProps;
 declare const ButtonBack: (props: ButtonBackProps & {
     children?: ReactNode;

package/ButtonBack.js

@@ -1,9 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const Button_1 = __importDefault(require("./_abstract/Button"));
-const ButtonBack = (props) => (react_1.default.createElement(Button_1.default, Object.assign({ bem: "ButtonBack" }, props)));
+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;

package/ButtonBar.js

@@ -1,11 +1,9 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonBar__split = exports.ButtonBar = void 0;
-const react_1 = __importDefault(require("react"));
-const getBemClass_1 = __importDefault(require("@hugsmidjan/react/utils/getBemClass"));
+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 ButtonBar = (props) => {
     const { align, children } = props;
     return (react_1.default.createElement("div", { className: (0, getBemClass_1.default)('ButtonBar', align === 'right' && 'align--right') }, children));

package/ButtonPrimary.d.ts

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

package/ButtonPrimary.js

@@ -1,9 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const Button_1 = __importDefault(require("./_abstract/Button"));
-const ButtonPrimary = (props) => (react_1.default.createElement(Button_1.default, Object.assign({ bem: "ButtonPrimary" }, props)));
+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;

package/ButtonSecondary.d.ts

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

package/ButtonSecondary.js

@@ -1,9 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const Button_1 = __importDefault(require("./_abstract/Button"));
-const ButtonSecondary = (props) => (react_1.default.createElement(Button_1.default, Object.assign({ bem: "ButtonSecondary" }, props)));
+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;

package/ButtonTertiary.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { ButtonProps, ButtonVariantProps } from './_abstract/Button';
+import { ButtonProps, ButtonVariantProps } from './_abstract/_Button';
 declare type TertiarySize = Extract<ButtonVariantProps['size'], 'normal' | 'small'>;
 declare type TertiaryIcon = Extract<ButtonVariantProps['icon'], 'none' | 'go-back'>;
 export declare type ButtonTertiaryProps = ButtonProps & Omit<ButtonVariantProps, 'icon' | 'size'> & {

package/ButtonTertiary.js

@@ -1,10 +1,8 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const Button_1 = __importDefault(require("./_abstract/Button"));
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const _Button_1 = tslib_1.__importDefault(require("./_abstract/_Button"));
 const sizes = {
     normal: 'normal',
     small: 'small',
@@ -15,6 +13,6 @@ 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.default, Object.assign({ bem: "ButtonTertiary" }, props, { size: sizes[size], icon: icons[icon] }));
 };
 exports.default = ButtonTertiary;

package/CHANGELOG.md

@@ -4,6 +4,34 @@
 
 - ... <!-- Add new lines here. -->
 
+## 0.10.61
+
+_2022-08-11_
+
+- feat: Add mouse-cursor scroll controls for `Carousel`-related components —
+  Remove mousewheel hijacking behavior.
+- fix: `startSeen` hiding components with `html.before-sprinkling` present
+
+## 0.10.60
+
+_2022-06-24_
+
+- fix: Add missing prop `checkOrigin` on `IframeBlock` (default: `false`)
+- fix: Suppot "uncontrolled" use of `CheckboxGroup`, `RadioGroup`, et al.
+- fix: Change build to only export CommonJS
+
+## 0.10.59
+
+_2022-06-20_
+
+- feat: Add component `ArticleCards`
+- feat: Add component `Picture`
+- feat: Add component `BgBox` for gray background wrapping
+- feat: Add prop `small` to `ArticleMeta`
+- fix: Suppress redundant className `.Heading--normal`
+- feat: Add prop `focalPoint` to all `ImageProps`
+- feat: Add `EffectProp.effectType` prop value `none` for opting out
+
 ## 0.10.56 – 0.10.58
 
 _2022-06-13_
@@ -194,6 +222,7 @@ _2022-03-09_
 
 - feat: Add props `autoClose` and `onClosed` to `Alert` — use `onClosed` when
   removing the Alert from the DOM
+- feat: Deprecate the `event` argument for `Alert`'s `onClose` callback
 - feat: Add prop `align?: 'right'` to `ButtonBar`
 - fix: Make `FileInput` image previews (thumbnails) more resilient overall
 - fix: Plug memory-leaks caused by `FileInput` image thumbnails.

package/Carousel.js

@@ -1,9 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const _AbstractCarousel_1 = __importDefault(require("./_abstract/_AbstractCarousel"));
+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;

package/CarouselStepper.js

@@ -1,9 +1,7 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const CarouselStepper_1 = __importDefault(require("@hugsmidjan/react/CarouselStepper"));
+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;

package/CenterColumn.js

@@ -1,10 +1,8 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const SeenEffect_1 = __importDefault(require("./SeenEffect"));
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const SeenEffect_1 = tslib_1.__importDefault(require("./SeenEffect"));
 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));

package/Checkbox.d.ts

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