@reykjavik/hanna-react 0.10.59 → 0.10.60

package/esm/AccordionList.d.ts

@@ -1,17 +0,0 @@
-import { SSRSupport } from '@hugsmidjan/react/hooks';
-import { SeenProp } from './utils/seenEffect';
-declare type AccordionListItemProps = {
-    title: string | JSX.Element;
-    content: string | JSX.Element | undefined;
-    id?: string;
-    disabled?: boolean;
-};
-export declare type AccordionListProps = {
-    items: Array<AccordionListItemProps>;
-    ssr?: SSRSupport;
-    wide?: boolean;
-    /** Index of those items that should start open */
-    defaultOpen?: Array<number>;
-} & SeenProp;
-declare const AccordionList: (props: AccordionListProps) => JSX.Element;
-export default AccordionList;

package/esm/AccordionList.js

@@ -1,24 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { useDomid, useIsBrowserSide } from '@hugsmidjan/react/hooks';
-import getBemClass from '@hugsmidjan/react/utils/getBemClass';
-import { useSeenEffect } from './utils/seenEffect';
-const AccordionListItem = (props) => {
-    const { title, content, id, disabled = false, defaultOpen, ssr } = props;
-    const [open, setOpen] = useState(defaultOpen);
-    useEffect(() => setOpen(defaultOpen), [defaultOpen]);
-    const domid = useDomid();
-    const isBrowser = useIsBrowserSide(ssr);
-    const itemDisabled = (isBrowser && disabled) || !content;
-    return (React.createElement("div", { className: getBemClass('AccordionList__item', [itemDisabled && 'disabled']), id: id, "data-start-open": defaultOpen || undefined, "data-sprinkled": isBrowser },
-        React.createElement("h3", { className: "AccordionList__title" }, isBrowser ? (React.createElement("button", { type: "button", className: "AccordionList__button", "aria-controls": domid, "aria-expanded": open || undefined, onClick: () => {
-                setOpen(!open);
-            }, disabled: itemDisabled }, title)) : (title)),
-        React.createElement("div", { id: isBrowser && domid, className: "AccordionList__content", hidden: isBrowser && (!open || itemDisabled) }, content)));
-};
-// ---------------------------------------------------------------------------
-const AccordionList = (props) => {
-    const { items, ssr, wide, defaultOpen, startSeen } = props;
-    const [ref] = useSeenEffect(startSeen);
-    return (React.createElement("div", { className: getBemClass('AccordionList', [wide && 'wide']), ref: ref }, items.map((item, i) => (React.createElement(AccordionListItem, Object.assign({ key: i }, item, { ssr: ssr, defaultOpen: defaultOpen && defaultOpen.includes(i) }))))));
-};
-export default AccordionList;

package/esm/ActionCards.d.ts

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

package/esm/ActionCards.js

@@ -1,9 +0,0 @@
-import React from 'react';
-import { CardList } from './_abstract/_CardList';
-import { useSeenEffect } from './utils/seenEffect';
-const ActionCards = (props) => {
-    const [ref] = useSeenEffect(props.startSeen);
-    return (React.createElement("div", { className: "ActionCards", ref: ref },
-        React.createElement(CardList, Object.assign({}, props, { bemPrefix: "ActionCards" }))));
-};
-export default ActionCards;

package/esm/Alert.d.ts

@@ -1,49 +0,0 @@
-import { MouseEvent, ReactNode } from 'react';
-import { SSRSupport } from '@hugsmidjan/react/hooks';
-import { DefaultTexts } from '@reykjavik/hanna-utils/i18n';
-export declare type AlertI18n = {
-    closeLabel: string;
-    closeLabelLong?: string;
-};
-export declare const defaultAlertTexts: DefaultTexts<AlertI18n>;
-export declare const alertTypes: {
-    info: number;
-    success: number;
-    warning: number;
-    error: number;
-    critical: number;
-};
-declare type AlertType = keyof typeof alertTypes;
-export declare type AlertProps = {
-    type: AlertType;
-    closable?: boolean;
-    children?: ReactNode;
-    childrenHTML?: string;
-    /** server-side anchor href */
-    closeUrl?: string;
-    texts?: AlertI18n;
-    lang?: string;
-    ssr?: SSRSupport;
-} & ({
-    /** Seconds until the Alert auto-closes.
-     *
-     * Mosueover and keyboard focus resets the timer.
-     */
-    autoClose: number;
-    /** Return `false` to prevent the alert from closing. */
-    onClose?: () => void | boolean;
-    /** Callback that fires when the alert has closed/transitoned out */
-    onClosed: () => void;
-} | {
-    autoClose?: never;
-    /**
-     * @deprecated This signature with the `event` argument will be removed in hanna-react v0.9
-     *
-     * Return `false` to prevent the alert from closing
-     */
-    onClose?(event: MouseEvent): void | boolean;
-    /** Callback that fires after the alert has closed/transitoned out */
-    onClosed?(): void;
-});
-declare const Alert: (props: AlertProps) => JSX.Element;
-export default Alert;

package/esm/Alert.js

@@ -1,92 +0,0 @@
-import React, { useCallback, useEffect, useRef, useState, } from 'react';
-import { useIsBrowserSide, useOnMount } from '@hugsmidjan/react/hooks';
-import getBemClass from '@hugsmidjan/react/utils/getBemClass';
-import { getTexts } from '@reykjavik/hanna-utils/i18n';
-import Button from './_abstract/_Button';
-import { isPreact } from './utils/env';
-// FIXME: Eventually import from @reykjavik/hanna-styles/constants
-const AlertCloseTransitionDuration = 400;
-const useAutoClosing = (autoClose) => {
-    const [temp, setTemp] = useState(0);
-    if (!autoClose) {
-        return { autoClosing: false };
-    }
-    const thaw = () => setTemp((temp) => temp + 1);
-    const freeze = () => setTemp((temp) => temp - 1);
-    return {
-        autoClosing: temp === 0,
-        autoClosingProps: Object.assign({ onMouseEnter: freeze, onMouseLeave: thaw, onFocus: freeze, onBlur: thaw }, (isPreact
-            ? {
-                onfocusin: (e) => e.currentTarget !== e.target && freeze(),
-                onfocusout: (e) => e.currentTarget !== e.target && thaw(),
-            }
-            : undefined)),
-    };
-};
-export const defaultAlertTexts = {
-    en: { closeLabel: 'Hide' },
-    is: { closeLabel: 'Fela' },
-};
-export const alertTypes = {
-    info: 1,
-    success: 1,
-    warning: 1,
-    error: 1,
-    critical: 1,
-};
-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 closing = useRef();
-    const [open, setOpen] = useState(!!ssr);
-    const isBrowser = useIsBrowserSide(ssr);
-    const showCloseButton = closable && (isBrowser || closeUrl != null);
-    const { closeLabel, closeLabelLong } = getTexts(props, defaultAlertTexts);
-    useOnMount(() => {
-        setOpen(true);
-    });
-    const closeAlert = useCallback((event) => {
-        const ret = onClose &&
-            // @ts-expect-error  (@deprecated `event` parameter will be removed in v0.9)
-            onClose(event);
-        if (ret !== false) {
-            setOpen(false);
-            if (closing.current) {
-                clearTimeout(closing.current);
-                closing.current = undefined;
-            }
-            closing.current = setTimeout(() => {
-                onClosed && onClosed();
-            }, AlertCloseTransitionDuration);
-        }
-    }, [onClose, onClosed]);
-    const { autoClosing, autoClosingProps } = useAutoClosing(autoClose);
-    useEffect(() => {
-        if (autoClosing) {
-            let autoCloseTimeout;
-            autoCloseTimeout = setTimeout(() => {
-                closeAlert();
-            }, autoClose * 1000);
-            return () => {
-                if (autoCloseTimeout) {
-                    clearTimeout(autoCloseTimeout);
-                    autoCloseTimeout = undefined;
-                }
-                if (closing.current) {
-                    clearTimeout(closing.current);
-                    closing.current = undefined;
-                }
-            };
-        }
-    }, [closeAlert, autoClosing, autoClose]);
-    return (React.createElement("div", Object.assign({ className: getBemClass('Alert', [
-            !!alertTypes[type] && type,
-            closable && 'closable',
-        ]), role: "alert", hidden: !open || undefined }, autoClosingProps),
-        childrenHTML ? (React.createElement("div", { dangerouslySetInnerHTML: { __html: childrenHTML } })) : (children),
-        ' ',
-        showCloseButton && (React.createElement(Button, Object.assign({ bem: "Alert__close" }, (closeUrl != null ? { href: closeUrl } : { type: 'button' }), { onClick: (e) => {
-                closeAlert(e);
-            }, "aria-label": closeLabelLong, title: closeLabelLong || closeLabel }), closeLabel))));
-};
-export default Alert;

package/esm/ArticleCards.d.ts

@@ -1,6 +0,0 @@
-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/esm/ArticleCards.js

@@ -1,4 +0,0 @@
-import React from 'react';
-import { CardList } from './_abstract/_CardList';
-const ArticleCards = (props) => (React.createElement(CardList, { bemPrefix: "ArticleCards", standalone: true, cards: props.cards, imgPlaceholder: props.imgPlaceholder || true }));
-export default ArticleCards;

package/esm/ArticleCarousel/_ArticleCarouselCard.d.ts

@@ -1,27 +0,0 @@
-import { HannaColorTheme } from '@reykjavik/hanna-css';
-import { Illustration } from '@reykjavik/hanna-utils/assets';
-import { ImageProps } from '../_abstract/_Image';
-import { ColorFamily } from '../constants';
-export declare type ArticleCarouselImageProps = ImageProps & {
-    photo?: boolean;
-};
-export declare type ArticleCarouselCardProps = {
-    date?: string;
-    title: string;
-    summary: string;
-    href: string;
-    color?: ColorFamily;
-    /** NOTE: if both `color` and `theme` are specified
-     * then `color` takes precedence.
-     */
-    theme?: HannaColorTheme;
-} & ({
-    illustration: Illustration;
-    image?: undefined;
-} | {
-    illustration?: undefined;
-    image: ArticleCarouselImageProps | undefined;
-});
-export declare const ArticleCarouselCard: (props: ArticleCarouselCardProps & {
-    moreLabel?: string;
-}) => JSX.Element;

package/esm/ArticleCarousel/_ArticleCarouselCard.js

@@ -1,24 +0,0 @@
-import React from 'react';
-import getBemClass from '@hugsmidjan/react/utils/getBemClass';
-import { getIllustrationUrl } from '@reykjavik/hanna-utils/assets';
-import Image from '../_abstract/_Image';
-import { Link } from '../_abstract/_Link';
-import { colorFamilies, themeOptions } from '../constants';
-export 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: getIllustrationUrl(illustration) } : image;
-    return (React.createElement("div", { className: "ArticleCarouselCard", "data-color": color && colorFamilies[color], "data-color-theme": !color ? theme && themeOptions[theme] : undefined },
-        React.createElement(Link, { className: "ArticleCarouselCard__link", href: href },
-            ' ',
-            React.createElement(Image, Object.assign({ placeholder: true, className: getBemClass('ArticleCarouselCard__illustration', photo && 'photo') }, imageProps)),
-            React.createElement("h3", { className: "ArticleCarouselCard__title" }, title),
-            ' '),
-        ' ',
-        date && React.createElement("span", { className: "ArticleCarouselCard__date" }, date),
-        React.createElement("div", { className: "ArticleCarouselCard__summary" }, summary),
-        moreLabel && (React.createElement(Link, { className: "ArticleCarouselCard__morelink", href: href, "aria-label": title },
-            ' ',
-            moreLabel,
-            ' '))));
-};

package/esm/ArticleCarousel.d.ts

@@ -1,12 +0,0 @@
-import { SSRSupport } from '@hugsmidjan/react/hooks';
-import { ArticleCarouselCardProps, ArticleCarouselImageProps } from './ArticleCarousel/_ArticleCarouselCard';
-import { SeenProp } from './utils/seenEffect';
-export declare type ArticleCarouselProps = {
-    items: Array<ArticleCarouselCardProps>;
-    title?: string;
-    moreLabel?: string;
-    ssr?: SSRSupport;
-} & SeenProp;
-export type { ArticleCarouselCardProps, ArticleCarouselImageProps };
-declare const ArticleCarousel: (props: ArticleCarouselProps) => JSX.Element;
-export default ArticleCarousel;

package/esm/ArticleCarousel.js

@@ -1,8 +0,0 @@
-import React from 'react';
-import AbstractCarousel from './_abstract/_AbstractCarousel';
-import { ArticleCarouselCard, } from './ArticleCarousel/_ArticleCarouselCard';
-const ArticleCarousel = (props) => {
-    const { title, items, moreLabel, ssr, startSeen } = props;
-    return (React.createElement(AbstractCarousel, { bem: "ArticleCarousel", title: title, items: items, Component: ArticleCarouselCard, ComponentProps: { moreLabel }, ssr: ssr, startSeen: startSeen }));
-};
-export default ArticleCarousel;

package/esm/ArticleMeta.d.ts

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

package/esm/ArticleMeta.js

@@ -1,19 +0,0 @@
-import React, { Fragment } from 'react';
-import getBemClass from '@hugsmidjan/react/utils/getBemClass';
-import { Link } from './_abstract/_Link';
-const ArticleMeta = (props) => {
-    const { items, small } = props;
-    if (items.length === 0) {
-        return null;
-    }
-    return (React.createElement("div", { className: getBemClass('ArticleMeta', small && 'small') }, items.map(({ label, href }, i) => (React.createElement(Fragment, { key: i },
-        href == null ? (React.createElement("span", { className: "ArticleMeta__item" },
-            " ",
-            label,
-            " ")) : (React.createElement(Link, { className: "ArticleMeta__item", href: href },
-            ' ',
-            label,
-            ' ')),
-        ' ')))));
-};
-export default ArticleMeta;

package/esm/Attention.d.ts

@@ -1,7 +0,0 @@
-import { ReactNode } from 'react';
-export declare type AttentionProps = {
-    small?: boolean;
-    children: ReactNode;
-};
-declare const Attention: (props: AttentionProps) => JSX.Element;
-export default Attention;

package/esm/Attention.js

@@ -1,4 +0,0 @@
-import React from 'react';
-import getBemClass from '@hugsmidjan/react/utils/getBemClass';
-const Attention = (props) => (React.createElement("div", { className: getBemClass('Attention', props.small && 'small') }, props.children));
-export default Attention;

package/esm/BasicTable.d.ts

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

package/esm/BasicTable.js

@@ -1,29 +0,0 @@
-import React from 'react';
-import Table from '@hugsmidjan/react/Table';
-import TableWrapper from '@hugsmidjan/react/TableWrapper';
-import getBemClass from '@hugsmidjan/react/utils/getBemClass';
-import { useSeenEffect } from './utils/seenEffect';
-const BasicTable = (props) => {
-    const { cols, caption, thead, tfoot, align, fullWidth, startSeen } = props;
-    const tbodyProps = props.tbodies
-        ? { tbodies: props.tbodies }
-        : { tbody: props.tbody || [] };
-    const modifier = props.modifier;
-    const [ref] = useSeenEffect(startSeen);
-    return (React.createElement(TableWrapper, { modifier: [
-            'BasicTable',
-            modifier && 'BasicTable--' + modifier,
-            fullWidth && 'BasicTable--fullwidth',
-            align === 'right' && !fullWidth && 'BasicTable--align--' + align,
-        ], wrapperRef: ref },
-        React.createElement(Table, Object.assign({ className: getBemClass('BasicTable', [
-                props.compact && 'compact',
-                modifier && modifier,
-            ]) }, {
-            cols,
-            caption,
-            thead,
-            tfoot,
-        }, tbodyProps))));
-};
-export default BasicTable;

package/esm/BgBox.d.ts

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

package/esm/BgBox.js

@@ -1,9 +0,0 @@
-import React from 'react';
-import getBemClass from '@hugsmidjan/react/utils/getBemClass';
-import { getEffectAttr, useSeenEffect } from './utils/seenEffect';
-const BgBox = (props) => {
-    const { className, children, effectType, startSeen } = props;
-    const [ref] = useSeenEffect(startSeen);
-    return (React.createElement("div", Object.assign({ className: getBemClass('BgBox', undefined, className), ref: ref }, getEffectAttr(effectType)), children));
-};
-export default BgBox;

package/esm/Bling.d.ts

@@ -1,81 +0,0 @@
-import { BlingType } from '@reykjavik/hanna-utils/assets';
-declare const colors: {
-    tertiary: boolean;
-    secondary: boolean;
-    primary: boolean;
-};
-export declare type BlingColor = keyof typeof colors;
-declare const aligns: {
-    left: boolean;
-    'left-ish': boolean;
-    'left-center': boolean;
-    'right-center': boolean;
-    'right-ish': boolean;
-    right: boolean;
-};
-export declare type BlingAlignment = keyof typeof aligns;
-declare const valigns: {
-    up: boolean;
-    'up-ish': boolean;
-    center: boolean;
-    'down-ish': boolean;
-    down: boolean;
-};
-export declare type BlingVAlignment = keyof typeof valigns;
-declare const parentOffset: {
-    top: boolean;
-    'top-ish': boolean;
-    center: boolean;
-    'bottom-ish': boolean;
-    bottom: boolean;
-};
-export declare type BlingParentOffset = keyof typeof parentOffset;
-export declare type BlingProps = {
-    /**
-     * Horizontal alignment relative to the bling container's
-     * full width
-     *
-     * NOTE: Blings should always be placed in a layout context
-     * where they can stretch to a full (12 columns) width
-     */
-    align?: BlingAlignment;
-    /**
-     * Vertical shift along the vertical insertion point
-     *
-     * Defult: `center`
-     */
-    vertical?: BlingVAlignment;
-    /**
-     * Vertical positioning of the insertion point within
-     * the Bling's offset parent element.
-     *
-     * Default is the natural layout flow position of the
-     * Bling element (no vertical re-positioning)
-     */
-    parent?: BlingParentOffset;
-    /**
-     * Theme color (combo) for the elelment
-     *
-     * Default: `tertiary`
-     */
-    color?: BlingColor;
-    /**
-     * Gives the Bling a positive `z-index` value.
-     *
-     * By default Blings layer themselves *underneath* other page content.
-     */
-    overlay?: boolean;
-    /** Additional className (use sparingly) */
-    className?: string;
-} & ({
-    /** The name of the Bling shape to display */
-    type: BlingType;
-    /** Not allowed when `type` is set */
-    blingUrl?: undefined;
-} | {
-    type?: undefined;
-    /** Custom SVG URL to load (use sparingly) */
-    blingUrl: string;
-});
-declare const Bling: (props: BlingProps) => JSX.Element;
-export default Bling;

package/esm/Bling.js

@@ -1,44 +0,0 @@
-import React from 'react';
-import getBemClass from '@hugsmidjan/react/utils/getBemClass';
-import { getBlingUrl } from '@reykjavik/hanna-utils/assets';
-import { useGetSVGtext } from './utils/useGetSVGtext';
-const colors = {
-    tertiary: true,
-    secondary: true,
-    primary: true,
-};
-const aligns = {
-    left: true,
-    'left-ish': true,
-    'left-center': true,
-    'right-center': true,
-    'right-ish': true,
-    right: true,
-};
-const valigns = {
-    up: true,
-    'up-ish': true,
-    center: true,
-    'down-ish': true,
-    down: true,
-};
-const parentOffset = {
-    top: true,
-    'top-ish': true,
-    center: true,
-    'bottom-ish': true,
-    bottom: true,
-};
-const Bling = (props) => {
-    const { align, vertical, color, overlay, type, blingUrl, parent, className } = props;
-    const imageUrl = type ? getBlingUrl(type) : blingUrl;
-    const inlineSvg = useGetSVGtext(imageUrl);
-    return (React.createElement("div", { className: getBemClass('Bling', [
-            'align--' + (align && align in aligns ? align : 'left'),
-            vertical && vertical in valigns && 'vertical--' + vertical,
-            color && color in colors && 'color--' + color,
-            parent && parent in parentOffset && 'parent--' + parent,
-            overlay && 'overlay',
-        ], className), "data-bling-type": type, "data-bling-image": !type ? blingUrl : undefined, dangerouslySetInnerHTML: inlineSvg && { __html: inlineSvg.code } }));
-};
-export default Bling;

package/esm/BlockBreak.d.ts

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

package/esm/BlockBreak.js

@@ -1,6 +0,0 @@
-import React from 'react';
-/*
-  TODO: Add story
-*/
-const BlockBreak = () => React.createElement("div", { className: "BlockBreak" });
-export default BlockBreak;

package/esm/BlockQuote.d.ts

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

package/esm/BlockQuote.js

@@ -1,4 +0,0 @@
-import React from 'react';
-import { _Quote } from './_abstract/_Quote';
-const BlockQuote = (props) => React.createElement(_Quote, Object.assign({ bem: "BlockQuote" }, props));
-export default BlockQuote;

package/esm/BreadCrumbs.d.ts

@@ -1,11 +0,0 @@
-export declare type BreadCrumb = {
-    href?: string;
-    label: string;
-};
-export declare type BreadCrumbTrail = Array<BreadCrumb>;
-export declare type BreadCrumbsProps = {
-    title: string;
-    trail: BreadCrumbTrail;
-};
-declare const BreadCrumbs: (props: BreadCrumbsProps) => JSX.Element | null;
-export default BreadCrumbs;

package/esm/BreadCrumbs.js

@@ -1,28 +0,0 @@
-import React from 'react';
-import { Link } from './_abstract/_Link';
-const BreadCrumbs__item = (props) => {
-    const { link, current } = props;
-    return link.href != null ? (React.createElement(Link, { className: "BreadCrumbs__item", href: link.href, "aria-current": current || undefined }, link.label)) : (React.createElement("span", { className: "BreadCrumbs__item", "aria-current": current || undefined }, link.label));
-};
-const BreadCrumbs = (props) => {
-    const { title, trail } = props;
-    if (trail.length === 0) {
-        return null;
-    }
-    const ancestors = trail.slice(0, -1);
-    const current = trail[trail.length - 1];
-    return (React.createElement("nav", { className: "BreadCrumbs", "aria-label": title },
-        React.createElement("span", { className: "BreadCrumbs__title" },
-            title,
-            ":"),
-        ' ',
-        ancestors.map((link, i) => {
-            return (React.createElement(React.Fragment, { key: i },
-                React.createElement(BreadCrumbs__item, { link: link }),
-                ' ',
-                React.createElement("span", { className: "BreadCrumbs__separator", "aria-label": "" }, ">"),
-                ' '));
-        }),
-        React.createElement(BreadCrumbs__item, { link: current, current: true })));
-};
-export default BreadCrumbs;

package/esm/ButtonBack.d.ts

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

package/esm/ButtonBack.js

@@ -1,4 +0,0 @@
-import React from 'react';
-import Button from './_abstract/_Button';
-const ButtonBack = (props) => (React.createElement(Button, Object.assign({ bem: "ButtonBack" }, props)));
-export default ButtonBack;

package/esm/ButtonBar.d.ts

@@ -1,16 +0,0 @@
-import { ReactNode } from 'react';
-export declare type ButtonBarProps = {
-    align?: 'right';
-    children: ReactNode;
-};
-export declare const ButtonBar: {
-    (props: ButtonBarProps): JSX.Element;
-    Split(): JSX.Element;
-};
-/**
- * @deprecated Prefer using `ButtonBar.Split` instead.
- *
- * (This export token is only to aid discovery.)
- */
-export declare const ButtonBar__split: () => JSX.Element;
-export default ButtonBar;

package/esm/ButtonBar.js

@@ -1,14 +0,0 @@
-import React from 'react';
-import getBemClass from '@hugsmidjan/react/utils/getBemClass';
-export const ButtonBar = (props) => {
-    const { align, children } = props;
-    return (React.createElement("div", { className: getBemClass('ButtonBar', align === 'right' && 'align--right') }, children));
-};
-ButtonBar.Split = () => React.createElement("span", { className: "ButtonBar__split" });
-/**
- * @deprecated Prefer using `ButtonBar.Split` instead.
- *
- * (This export token is only to aid discovery.)
- */
-export const ButtonBar__split = ButtonBar.Split;
-export default ButtonBar;