@reykjavik/hanna-react 0.10.56 → 0.10.57

package/esm/ContentArticle.jsx

@@ -1,24 +0,0 @@
-import React from 'react';
-import { useSeenEffect } from './utils/seenEffect';
-import ArticleMeta from './ArticleMeta';
-import ContentImage from './ContentImage';
-import Heading from './Heading';
-import RelatedLinks from './RelatedLinks';
-import TextBlock from './TextBlock';
-import VSpacer from './VSpacer';
-const ContentArticle = (props) => {
-    const [ref] = useSeenEffect(props.startSeen);
-    return (<div className="ContentArticle" ref={ref}>
-      <ArticleMeta items={props.meta}/>
-      <Heading>{props.headline}</Heading>
-      <TextBlock startSeen>
-        {props.topImage && <ContentImage {...props.topImage}/>}
-        {props.body}
-      </TextBlock>
-      <VSpacer size="small">
-        <hr />
-      </VSpacer>
-      {props.relatedLinks && <RelatedLinks {...props.relatedLinks}/>}
-    </div>);
-};
-export default ContentArticle;

package/esm/ContentImage.jsx

@@ -1,13 +0,0 @@
-import React from 'react';
-import Image from './_abstract/Image';
-const ContentImage = (props) => {
-    const { image, caption, credit } = props;
-    return (<figure className="ContentImage">
-      {(caption || credit) && (<figcaption className="ContentImage__caption">
-          {caption && <span className="ContentImage__text"> {caption} </span>}{' '}
-          {credit && <small className="ContentImage__credit"> {credit} </small>}
-        </figcaption>)}
-      <Image className="ContentImage__image" {...image}/>
-    </figure>);
-};
-export default ContentImage;

package/esm/FeatureList.jsx

@@ -1,23 +0,0 @@
-import React from 'react';
-import { useSeenEffect } from './utils/seenEffect';
-import Bling from './Bling';
-const FeatureList = (props) => {
-    const { title, features, startSeen } = props;
-    const [ref] = useSeenEffect(startSeen);
-    const _features = features.length ? features : [{ name: '...' }];
-    return (<>
-      <Bling type="snake-large" align="left" vertical="down-ish"/>
-
-      <div className="FeatureList" ref={ref}>
-        <h2 className="FeatureList__title">{title}</h2>
-        <ul className="FeatureList__list">
-          {_features.map(({ name, icon, iconUrl }, i) => (<li key={i} className="FeatureList__feature" style={iconUrl
-                ? { '--efnistakn': `url("${iconUrl}")` }
-                : undefined} data-efnistakn={!iconUrl ? icon : undefined}>
-              {name}
-            </li>))}
-        </ul>
-      </div>
-    </>);
-};
-export default FeatureList;

package/esm/FieldGroup.jsx

@@ -1,10 +0,0 @@
-import React from 'react';
-import getBemClass from '@hugsmidjan/react/utils/getBemClass';
-const FieldGroup = (props) => {
-    const { legend, children, className, disabled } = props;
-    return (<fieldset className={getBemClass('FieldGroup', null, className)} role="group" disabled={disabled}>
-      <legend className="FieldGroup__legend">{legend}</legend>
-      {children}
-    </fieldset>);
-};
-export default FieldGroup;

package/esm/FooterBadges.jsx

@@ -1,16 +0,0 @@
-import React from 'react';
-import { Link } from './_abstract/Link';
-const FooterBadges = (props) => {
-    if (!props.badges.length) {
-        return null;
-    }
-    return (<ul className="FooterBadges">
-      {props.badges.map(({ altText, src, href }, i) => (<li key={i} className="FooterBadges__badge">
-          {href ? (<Link href={href}>
-              {' '}
-              <img src={src} alt={altText}/>{' '}
-            </Link>) : (<img src={src} alt={altText}/>)}
-        </li>))}
-    </ul>);
-};
-export default FooterBadges;

package/esm/FooterInfo.jsx

@@ -1,14 +0,0 @@
-import React from 'react';
-import getBemClass from '@hugsmidjan/react/utils/getBemClass';
-const FooterInfo = (props) => {
-    const { boxes } = props;
-    return (<div className="FooterInfo">
-      {boxes.map((group, i) => (<div className={getBemClass('FooterInfo__group', group.modifier)} role={group.role} key={i}>
-          <h3 className="FooterInfo__grouptitle">{group.title}</h3>
-          {group.content ? (<div className={getBemClass('FooterInfo__groupcontent', group.modifier)}>
-              {group.content}
-            </div>) : (<div className={getBemClass('FooterInfo__groupcontent', group.modifier)} dangerouslySetInnerHTML={{ __html: group.html }}/>)}
-        </div>))}
-    </div>);
-};
-export default FooterInfo;

package/esm/Footnote.jsx

@@ -1,3 +0,0 @@
-import React from 'react';
-const Footnote = (props) => (<div className="Footnote">{props.children}</div>);
-export default Footnote;

package/esm/GridBlocks.jsx

@@ -1,35 +0,0 @@
-import React from 'react';
-import getBemClass from '@hugsmidjan/react/utils/getBemClass';
-import { getEfnistaknUrl } from '@reykjavik/hanna-utils/assets';
-import Image from './_abstract/Image';
-import { Link } from './_abstract/Link';
-import { useSeenEffect } from './utils/seenEffect';
-import ButtonTertiary from './ButtonTertiary';
-const GridBlocks = (props) => {
-    const { blocks, twocol, startSeen } = props;
-    const [ref] = useSeenEffect(startSeen);
-    return (<div className={getBemClass('GridBlocks', [twocol && 'twocol'])} ref={ref}>
-      {blocks.map(({ title, summary, href, links = [], icon, image }, i) => {
-            const imageProps = icon ? { src: getEfnistaknUrl(icon) } : image;
-            return (<div key={i} className="GridBlocks__item">
-            {imageProps && <Image className="GridBlocks__illustration" {...imageProps}/>}
-            <div className="GridBlocks__textwrap">
-              <h3 className="GridBlocks__item__title">
-                {href != null ? (<Link className="GridBlocks__item__titlelink" href={href}>
-                    {title}
-                  </Link>) : (title)}
-              </h3>
-              <div className="GridBlocks__item__summary">{summary}</div>
-              <ul className="GridBlocks__links">
-                {links.map((link, i) => {
-                    return (<li key={i} className="GridBlocks__link">
-                      <ButtonTertiary {...link}/>
-                    </li>);
-                })}
-              </ul>
-            </div>
-          </div>);
-        })}
-    </div>);
-};
-export default GridBlocks;

package/esm/HeroBlock.jsx

@@ -1,22 +0,0 @@
-import React from 'react';
-import { getIllustrationUrl } from '@reykjavik/hanna-utils/assets';
-import Image from './_abstract/Image';
-import { useSeenEffect } from './utils/seenEffect';
-import ButtonPrimary from './ButtonPrimary';
-import ButtonTertiary from './ButtonTertiary';
-const HeroBlock = (props) => {
-    const { title, summary, illustration, image, primaryButton, secondaryButton, startSeen, } = props;
-    const hasButtons = Boolean(primaryButton || secondaryButton);
-    const imgProps = illustration ? { src: getIllustrationUrl(illustration) } : image;
-    const [ref] = useSeenEffect(startSeen);
-    return (<div className="HeroBlock" ref={ref}>
-      <h1 className="HeroBlock__title">{title}</h1>
-      <Image className="HeroBlock__image" {...imgProps}/>
-      <div className="HeroBlock__summary">{summary}</div>
-      {hasButtons && (<div className="HeroBlock__buttons">
-          {primaryButton && <ButtonPrimary {...primaryButton}/>}{' '}
-          {secondaryButton && <ButtonTertiary {...secondaryButton}/>}
-        </div>)}
-    </div>);
-};
-export default HeroBlock;

package/esm/InfoBlock.jsx

@@ -1,18 +0,0 @@
-import React from 'react';
-import { useSeenEffect } from './utils/seenEffect';
-const InfoBlock = (props) => {
-    const { title, subtitle, items, startSeen } = props;
-    const [ref] = useSeenEffect(startSeen);
-    return (<div className="InfoBlock" ref={ref}>
-      <h2 className="InfoBlock__title">{title}</h2>
-      <div className="InfoBlock__subtitle">{subtitle}</div>
-      <ul className="InfoBlock__items">
-        {items.map((item, i) => (<li key={i} className="InfoBlock__item">
-            {item}
-          </li>))}
-      </ul>
-      {'extraInfo' in props && (<div className="InfoBlock__extrainfo">{props.extraInfo}</div>)}
-      {'attention' in props && (<div className="InfoBlock__attention">{props.attention}</div>)}
-    </div>);
-};
-export default InfoBlock;

package/esm/LabeledTextBlock.jsx

@@ -1,16 +0,0 @@
-import React from 'react';
-import getBemClass from '@hugsmidjan/react/utils/getBemClass';
-import { useSeenEffect } from './utils/seenEffect';
-import ButtonTertiary from './ButtonTertiary';
-const LabeledTextBlock = (props) => {
-    const { label, summary, wide, buttons = [], startSeen } = props;
-    const [ref] = useSeenEffect(startSeen);
-    return (<div className={getBemClass('LabeledTextBlock', wide && 'wide')} ref={ref}>
-      <h2 className="LabeledTextBlock__label">{label}</h2>
-      <div className="LabeledTextBlock__summary">
-        {summary}
-        {buttons.map((button, i) => (<ButtonTertiary key={i} {...button}/>))}
-      </div>
-    </div>);
-};
-export default LabeledTextBlock;

package/esm/Layout.jsx

@@ -1,63 +0,0 @@
-import React from 'react';
-import { useIsBrowserSide } from '@hugsmidjan/react/hooks';
-import getBemClass from '@hugsmidjan/react/utils/getBemClass';
-import { getAssetUrl } from '@reykjavik/hanna-utils/assets';
-import { getTexts } from '@reykjavik/hanna-utils/i18n';
-import Image from './_abstract/Image';
-import { Link } from './_abstract/Link';
-import { useMenuToggling } from './utils/useMenuToggling';
-import { useScrollbarWidthCSSVar } from './utils/useScrollbarWidthCSSVar';
-export const defaultLayoutTexts = {
-    is: {
-        lang: 'is',
-        skipLinkLabel: 'Valmynd',
-        closeMenuLabel: 'Loka',
-        closeMenuLabelLong: 'Loka valmynd',
-    },
-    en: {
-        lang: 'en',
-        skipLinkLabel: 'Skip to navigation',
-        closeMenuLabel: 'Close',
-        closeMenuLabelLong: 'Close menu',
-    },
-};
-const Layout = (props) => {
-    useScrollbarWidthCSSVar();
-    const { ssr, globalAlerts, mainChildren, navChildren, footerChildren, colorTheme, children, siteName = 'Reykjavík', logoLink = '/', } = props;
-    const { isMenuActive, closeMenu, toggleMenu } = useMenuToggling(ssr !== 'ssr-only');
-    const isBrowser = useIsBrowserSide( /* ssr */);
-    const txt = getTexts(props, defaultLayoutTexts);
-    return (<div className={getBemClass('Layout', props.modifier)} data-sprinkled={isBrowser} data-color-theme={colorTheme}>
-      {globalAlerts && (<div className="Layout__alerts" role="alert">
-          {globalAlerts}
-        </div>)}
-      <div className="Layout__content">
-        <div className="Layout__header" role="banner">
-          <Link className="Layout__header__logo" href={logoLink}>
-            {' '}
-            <Image inline={true} src={getAssetUrl('reykjavik-logo.svg')}/> {siteName}{' '}
-          </Link>{' '}
-          {navChildren && (<Link className="Layout__header__skiplink" href="#pagenav" onClick={isMenuActive &&
-                ((e) => {
-                    e.preventDefault();
-                    toggleMenu();
-                })} aria-label={txt.skipLinkLabel}>
-              {txt.skipLinkLabel}
-            </Link>)}
-        </div>
-        <div className="Layout__main" role="main">
-          {mainChildren || children}
-        </div>
-        {navChildren && (<div className="Layout__nav" id="pagenav" role="navigation">
-            {navChildren}
-            {isMenuActive && (<button className="Layout__nav__closebutton" onClick={closeMenu} aria-label={txt.closeMenuLabelLong} type="button">
-                {txt.closeMenuLabel}
-              </button>)}
-          </div>)}
-        <div className="Layout__footer" role="complementary">
-          {footerChildren}
-        </div>
-      </div>
-    </div>);
-};
-export default Layout;

package/esm/MainMenu/_Auxiliary.jsx

@@ -1,19 +0,0 @@
-import React from 'react';
-import { getIllustrationUrl } from '@reykjavik/hanna-utils/assets';
-import { Link } from '../_abstract/Link';
-export const AuxiliaryPanel = (props) => {
-    const { title, id, items, image } = props;
-    const imageUrl = image ? getIllustrationUrl(image) : image;
-    return (<li className="AuxiliaryPanel" id={id} style={imageUrl
-            ? { '--menu-auxiliary-image': `url(${imageUrl})` }
-            : undefined}>
-      <h3 className="AuxiliaryPanel__title">{title}</h3>
-      <ul className="AuxiliaryPanel__items">
-        {items.map((item, i) => (<li key={i} className="AuxiliaryPanel__item" aria-current={item.current || undefined}>
-            <Link className="AuxiliaryPanel__link" href={item.href} target={item.target} lang={item.lang}>
-              {item.label}
-            </Link>
-          </li>))}
-      </ul>
-    </li>);
-};

package/esm/MainMenu/_PrimaryPanel.jsx

@@ -1,30 +0,0 @@
-import React from 'react';
-import getBemClass from '@hugsmidjan/react/utils/getBemClass';
-import { Link } from '../_abstract/Link';
-export const PrimaryPanel = (props) => {
-    const { setActivePanel, panel, isParent, isActive, isBrowser, texts } = props;
-    const { items } = panel;
-    return (<li ref={isActive ? props.activeRef : undefined} className={getBemClass('PrimaryPanel', [
-            isParent && 'parent',
-            isActive && 'active',
-            items.length > 5 && 'twocol', // TODO: allow setting twocol manually?
-        ])} id={panel.id}>
-      <h3 className="PrimaryPanel__title">
-        {' '}
-        {isBrowser && !isActive ? (<button className="MainMenu__mega__title-toggler" aria-controls={panel.id} onClick={() => setActivePanel(panel, false)} aria-pressed={isActive} type="button">
-            {panel.title}
-          </button>) : (panel.title)}
-      </h3>
-      <ul className="PrimaryPanel__items">
-        {items.map((item, i) => (<li key={i} className="PrimaryPanel__item" aria-current={item.current || undefined}>
-            <Link className="PrimaryPanel__link" href={item.href} target={item.target} lang={item.lang}>
-              <span className="PrimaryPanel__linkTitle">{item.label}</span>{' '}
-              <small className="PrimaryPanel__summary">{item.summary}</small>{' '}
-            </Link>
-          </li>))}
-      </ul>
-      {isBrowser && isActive && (<button className="MainMenu__megapanel__backtomenu" aria-controls={panel.id} aria-label={texts.backToMenuLong} onClick={() => setActivePanel(undefined)} type="button">
-          {texts.backToMenu}
-        </button>)}
-    </li>);
-};

package/esm/MiniMetrics.jsx

@@ -1,11 +0,0 @@
-import React from 'react';
-import Button from './_abstract/Button';
-import SeenEffect from './SeenEffect';
-const MiniMetrics = (props) => {
-    const { text, moreButton, startSeen } = props;
-    return (<SeenEffect className="MiniMetrics" startSeen={startSeen}>
-      <strong className="MiniMetrics__text">{text}</strong> {'\n'}
-      <Button bem="MiniMetrics__more" {...moreButton}/>
-    </SeenEffect>);
-};
-export default MiniMetrics;

package/esm/Modal.jsx

@@ -1,16 +0,0 @@
-import React from 'react';
-import _Modal from '@hugsmidjan/react/Modal';
-const Modal = (props) => {
-    const { closeDelay = 500, texts = {
-        closeButton: 'Loka ',
-    }, bling, children, render = () => children, } = props;
-    return (<_Modal {...props} bodyWrap={false} bem="Modal" closeDelay={closeDelay} texts={texts} render={(args) => bling ? (<>
-            {render(args)}
-            <div className="Modal__blings">
-              <div className="Modal__blings__inner">{bling}</div>
-            </div>
-          </>) : (render(args))} 
-    // eslint-disable-next-line react/no-children-prop
-    children={undefined}/>);
-};
-export default Modal;

package/esm/NameCards.jsx

@@ -1,9 +0,0 @@
-import React from 'react';
-import NameCard from './NameCard';
-const NameCards = (props) => {
-    const { items } = props;
-    return (<div className="NameCards">
-      {items.map((item, i) => (<NameCard key={i} {...item}/>))}
-    </div>);
-};
-export default NameCards;

package/esm/PageFilter.jsx

@@ -1,16 +0,0 @@
-import React from 'react';
-import getBemClass from '@hugsmidjan/react/utils/getBemClass';
-import { useSeenEffect } from './utils/seenEffect';
-import Footnote from './Footnote';
-const PageFilter = (props) => {
-    const { title, summary, footnote, filters, children, buttonRow, underlap, startSeen } = props;
-    const [ref] = useSeenEffect(startSeen);
-    return (<div className={getBemClass('PageFilter', underlap && 'underlap')} ref={ref}>
-      <h2 className="PageFilter__title">{title}</h2>
-      {summary && <div className="PageFilter__summary">{summary}</div>}
-      <div className="PageFilter__filters">{filters || children}</div>
-      <div className="PageFilter__buttons">{buttonRow}</div>
-      {footnote && <Footnote>{footnote}</Footnote>}
-    </div>);
-};
-export default PageFilter;

package/esm/ProcessOverview.jsx

@@ -1,20 +0,0 @@
-import React from 'react';
-import getBemClass from '@hugsmidjan/react/utils/getBemClass';
-const ProcessOverview = (props) => {
-    const { title, items, attention, transparent, narrow } = props;
-    return (<div className={getBemClass('ProcessOverview', [
-            transparent && 'transparent',
-            narrow && 'narrow',
-        ])}>
-      <h2 className="ProcessOverview__title">{title}</h2>
-      {items.map(({ title, content }, i) => {
-            return (<div key={i} className="ProcessOverview__item">
-            <h3 className="ProcessOverview__item__title">{title}</h3>
-            <div className="ProcessOverview__item__content">{content}</div>
-          </div>);
-        })}
-
-      {attention && <div className="ProcessOverview__attention">{attention}</div>}
-    </div>);
-};
-export default ProcessOverview;

package/esm/PullQuote.jsx

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

package/esm/RadioGroup.jsx

@@ -1,7 +0,0 @@
-import React from 'react';
-import TogglerGroupField from './_abstract/TogglerGroupField';
-import TogglerInput from './_abstract/TogglerInput';
-const Radio = (props) => (<TogglerInput {...props} bem="Radio" type="radio"/>);
-const RadioGroup = (props) => (<TogglerGroupField {...props} bem="RadioGroup" modifier={props.layout} Toggler={Radio}/>);
-RadioGroup.__Radio = Radio;
-export default RadioGroup;

package/esm/RelatedLinks.jsx

@@ -1,30 +0,0 @@
-import React from 'react';
-import { Link } from './_abstract/Link';
-const types = {
-    external: 1,
-    document: 1,
-    pdf: 1,
-    link: 0,
-};
-const RelatedLinks = (props) => {
-    const { title, links } = props;
-    if (links.length === 0) {
-        return null;
-    }
-    const TitleTag = props.titleTag || 'h3';
-    return (<div className="RelatedLinks">
-      {title && <TitleTag className="RelatedLinks__title">{title}</TitleTag>}
-      <ul className="RelatedLinks__list">
-        {links.map(({ href, label, type, target }, i) => {
-            type = type && types[type] ? type : undefined;
-            return (<li key={i} className="RelatedLinks__item">
-              <Link className="RelatedLinks__link" href={href} data-type={type} target={target}>
-                {' '}
-                {label}{' '}
-              </Link>
-            </li>);
-        })}
-      </ul>
-    </div>);
-};
-export default RelatedLinks;

package/esm/SearchResults/_SearchResultsItem.jsx

@@ -1,19 +0,0 @@
-import React from 'react';
-import Image from '../_abstract/Image';
-import { Link } from '../_abstract/Link';
-const SearchResultsItem = (props) => {
-    const { highlight, title, summary, href, meta, image } = props;
-    const bem = highlight ? 'SearchResultsHighlightItem' : 'SearchResultsItem';
-    const metaArr = (Array.isArray(meta) ? meta : [meta]);
-    return (<li className={bem}>
-      <Link className={bem + '__link'} href={href}>
-        <h3 className={bem + '__title'}>{title}</h3>
-        {metaArr.length > 0 && (<span className={bem + '__meta'}>
-            {metaArr.map((item, i) => typeof item === 'function' ? item() : item && <span key={i}>{item}</span>)}
-          </span>)}
-        {highlight && image && <Image className={bem + '__image'} src={image}/>}
-        <div className={bem + '__summary'} dangerouslySetInnerHTML={{ __html: summary }}/>
-      </Link>
-    </li>);
-};
-export default SearchResultsItem;

package/esm/WizardLayout.jsx

@@ -1,39 +0,0 @@
-import React from 'react';
-import { useIsBrowserSide } from '@hugsmidjan/react/hooks';
-import { getAssetUrl } from '@reykjavik/hanna-utils/assets';
-import Image from './_abstract/Image';
-import { Link } from './_abstract/Link';
-import { useScrollbarWidthCSSVar } from './utils/useScrollbarWidthCSSVar';
-const WizardLayout = (props) => {
-    useScrollbarWidthCSSVar();
-    const { 
-    // ssr,
-    wizardStepper, wizardFooter, children, colorTheme, logoLink = '/', siteName = 'Reykjavík', globalAlerts, } = props;
-    const isBrowser = useIsBrowserSide( /* ssr */);
-    return (<div className="WizardLayout" data-sprinkled={isBrowser} data-color-theme={colorTheme}>
-      {globalAlerts && (<div className="WizardLayout__alerts" role="alert">
-          {globalAlerts}
-        </div>)}
-      <div className="WizardLayout__content">
-        <div className="WizardLayout__header" role="banner">
-          <Link className="WizardLayout__header__logo" href={logoLink}>
-            {' '}
-            <Image inline={true} src={getAssetUrl('reykjavik-logo.svg')}/> {siteName}{' '}
-          </Link>{' '}
-        </div>
-        <div className="WizardLayout__wrap">
-          {wizardStepper && (<div className="WizardLayout__stepper" role="navigation">
-              {wizardStepper}
-            </div>)}
-          <div className="WizardLayout__main" role="main">
-            {children}
-          </div>
-          <div className="WizardLayout__deco WizardLayout__deco--geometry"/>
-        </div>
-        <div className="WizardLayout__footer" role="complementary">
-          {wizardFooter}
-        </div>
-      </div>
-    </div>);
-};
-export default WizardLayout;

package/esm/WizardLayoutClose.jsx

@@ -1,4 +0,0 @@
-import React from 'react';
-import Button from './_abstract/Button';
-const WizardLayoutClose = (props) => (<Button bem="WizardLayoutClose" {...props}/>);
-export default WizardLayoutClose;

package/esm/WizardStepper.jsx

@@ -1,29 +0,0 @@
-import React from 'react';
-import getBemClass from '@hugsmidjan/react/utils/getBemClass';
-const WizardStepper = (props) => {
-    const { steps, activeStep = -1, allowForwardSkip, disableBacktrack, onClick } = props;
-    return (<div className={getBemClass('WizardStepper', activeStep === -1 && 'preview')}>
-      {steps.map((step, i) => {
-            const { label, clickable, done, neutral } = step;
-            const stepClass = getBemClass('WizardStepper__step', [
-                (done || (done == null && i < activeStep)) && 'done',
-                neutral && 'neutral',
-            ]);
-            const isClickable = clickable === 'always' ||
-                (clickable &&
-                    (activeStep === i ||
-                        (i > activeStep && allowForwardSkip) ||
-                        (i < activeStep && !disableBacktrack)));
-            const ariaCurrent = activeStep === i ? 'step' : undefined;
-            return (<React.Fragment key={i}>
-            {isClickable ? (<button type="button" className={stepClass} onClick={() => onClick(i)} aria-current={ariaCurrent}>
-                {label}
-              </button>) : (<span className={stepClass} aria-current={ariaCurrent}>
-                {' '}
-                {label}{' '}
-              </span>)}{' '}
-          </React.Fragment>);
-        })}
-    </div>);
-};
-export default WizardStepper;

package/esm/_abstract/CardList.jsx

@@ -1,39 +0,0 @@
-import React from 'react';
-import Button from './Button';
-import Image from './Image';
-const Card = (props) => {
-    const { bem, href, title, imgPlaceholder } = props;
-    const cardClass = `${bem}__card`;
-    const image = 'image' in props && props.image;
-    const meta = 'meta' in props && props.meta;
-    const summary = 'summary' in props && props.summary;
-    return (<>
-      <Button bem={cardClass} href={href}>
-        {' '}
-        <Image className={`${bem}__image`} {...image} placeholder={imgPlaceholder}/>
-        <span className={`${cardClass}__title`}>{title}</span>{' '}
-        {meta && <span className={`${cardClass}__meta`}>{meta}</span>}{' '}
-        {summary && <span className={`${cardClass}__summary`}>{summary}</span>}{' '}
-      </Button>{' '}
-    </>);
-};
-export const CardList = (props) => {
-    const { bemPrefix, title, summaryElement, cards, titleTag = 'h2', children, imgPlaceholder, } = props;
-    const TitleTag = titleTag;
-    const fallbackImage = (imgPlaceholder !== true && imgPlaceholder) || undefined;
-    const fallbackImageStyle = fallbackImage
-        ? { '--ImageCards--fallback': `url("${fallbackImage}")` }
-        : undefined;
-    return (<>
-      {summaryElement ? (<div className={bemPrefix + '__summary'}>
-          {title && <TitleTag className={bemPrefix + '__title'}>{title}</TitleTag>}
-          {summaryElement}
-        </div>) : (title && <TitleTag className={bemPrefix + '__title'}>{title}</TitleTag>)}
-      <ul className={bemPrefix + '__list'} style={fallbackImageStyle}>
-        {cards.map((card, i) => (<li key={i} className={bemPrefix + '__item'}>
-            <Card {...card} bem={bemPrefix} imgPlaceholder={!!imgPlaceholder}/>
-          </li>))}
-      </ul>
-      {children}
-    </>);
-};

package/esm/_abstract/TogglerGroup.jsx

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

package/esm/_abstract/_Blings.jsx

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