@reykjavik/hanna-react 0.10.53

package/types/Bling.d.ts

@@ -0,0 +1,81 @@
+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/types/BlockBreak.d.ts

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

package/types/BlockQuote.d.ts

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

package/types/BreadCrumbs.d.ts

@@ -0,0 +1,11 @@
+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/types/ButtonBack.d.ts

@@ -0,0 +1,7 @@
+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/types/ButtonBar.d.ts

@@ -0,0 +1,16 @@
+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/types/ButtonPrimary.d.ts

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

package/types/ButtonSecondary.d.ts

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

package/types/ButtonTertiary.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+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'> & {
+    size?: TertiarySize;
+    icon?: TertiaryIcon;
+};
+declare const ButtonTertiary: (props: ButtonTertiaryProps & {
+    children?: ReactNode;
+}) => JSX.Element;
+export default ButtonTertiary;

package/types/Carousel.d.ts

@@ -0,0 +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 default Carousel;

package/types/CarouselStepper.d.ts

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

package/types/CenterColumn.d.ts

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

package/types/Checkbox.d.ts

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

package/types/CheckboxButtonsGroup.d.ts

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

package/types/CheckboxGroup.d.ts

@@ -0,0 +1,9 @@
+import { TogglerGroupFieldOption, TogglerGroupFieldOptions, TogglerGroupFieldProps } from './_abstract/TogglerGroupField';
+export declare type CheckboxGroupProps = TogglerGroupFieldProps & {
+    layout?: 'inline';
+    value?: Array<string>;
+};
+export declare type CheckboxGroupOption = TogglerGroupFieldOption;
+export declare type CheckboxGroupOptions = TogglerGroupFieldOptions;
+declare const CheckboxGroup: (props: CheckboxGroupProps) => JSX.Element;
+export default CheckboxGroup;

package/types/CityBlock.d.ts

@@ -0,0 +1,23 @@
+import { Illustration } from '@reykjavik/hanna-utils/assets';
+import { BlockItem } from './_abstract/_Block';
+import { ImageProps } from './_abstract/Image';
+import { SeenProp } from './utils/seenEffect';
+import { Alignment } from './constants';
+declare const types: {
+    largebox: boolean;
+    largeimage: boolean;
+};
+declare type CityBlockImageProps = {
+    illustration: Illustration;
+    image?: never;
+} | {
+    image: ImageProps;
+    illustration?: never;
+};
+export declare type CityBlockProps = {
+    align?: Alignment;
+    type?: keyof typeof types;
+    content: BlockItem;
+} & CityBlockImageProps & SeenProp;
+declare const CityBlock: (props: CityBlockProps) => JSX.Element;
+export default CityBlock;

package/types/ContactBubble.d.ts

@@ -0,0 +1,58 @@
+import { SSRSupport } from '@hugsmidjan/react/hooks';
+import { DefaultTexts } from '@reykjavik/hanna-utils/i18n';
+export declare type ContactBubbleI18n = {
+    lang?: string;
+    openBtn: string;
+    openBtnLong?: string;
+    closeBtn: string;
+    closeBtnLong?: string;
+};
+export declare const defaultTexts: DefaultTexts<ContactBubbleI18n>;
+declare const icons: {
+    readonly suggestions: 1;
+    readonly phone: 1;
+    readonly faq: 1;
+    readonly livechat: 1;
+    readonly other: 0;
+};
+export declare type ContactBubbleIcon = keyof typeof icons;
+export declare const ensureIcon: (maybeIcon: string | undefined) => ContactBubbleIcon | undefined;
+export declare type ContactBubbleItem = {
+    label: string;
+    extraLabel?: string;
+    icon?: ContactBubbleIcon;
+} & ({
+    href: string;
+    /** Prevents default link behavior unless the handler function returns `true` */
+    onClick?: () => void | boolean;
+    target?: string;
+} | {
+    onClick: () => void | boolean;
+    href?: undefined;
+    target?: undefined;
+});
+export declare type ContactBubbleProps = {
+    title?: string;
+    links: Array<ContactBubbleItem>;
+    /** By default the ContactBubble's toggler is hidden if the page
+     * is scrolled to near the top or the bottom.
+     *
+     * This means that on short pages (with hardly any scrolling)
+     * the ContactBubble **always** hidden.
+     *
+     * Set this prop to `true` if you want to disable this
+     * magic and always show the bubble toggler
+     */
+    alwaysShow?: boolean;
+    texts?: ContactBubbleI18n;
+    lang?: string;
+    ssr?: SSRSupport;
+} & ({
+    open?: boolean;
+    onToggle: (isOpen: boolean) => void;
+} | {
+    open?: undefined;
+    onToggle?: (isOpen: boolean) => void;
+});
+declare const ContactBubble: (props: ContactBubbleProps) => JSX.Element | null;
+export default ContactBubble;

package/types/ContentArticle.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { SeenProp } from './utils/seenEffect';
+import { ArticleMetaProps } from './ArticleMeta';
+import { ContentImageProps } from './ContentImage';
+import { RelatedLinksProps } from './RelatedLinks';
+export declare type ContentArticleProps = {
+    /** Date, author, etc. */
+    meta: ArticleMetaProps['items'];
+    headline: string;
+    topImage?: ContentImageProps;
+    body: ReactNode;
+    relatedLinks?: RelatedLinksProps;
+} & SeenProp;
+declare const ContentArticle: (props: ContentArticleProps) => JSX.Element;
+export default ContentArticle;

package/types/ContentImage.d.ts

@@ -0,0 +1,8 @@
+import { ImageProps } from './_abstract/Image';
+export declare type ContentImageProps = {
+    image?: ImageProps;
+    caption?: string | JSX.Element;
+    credit?: string | JSX.Element;
+};
+declare const ContentImage: (props: ContentImageProps) => JSX.Element;
+export default ContentImage;

package/types/Datepicker.d.ts

@@ -0,0 +1,39 @@
+import { RefObject } from 'react';
+import { FormFieldWrappingProps } from './FormField';
+export declare type DatepickerProps = {
+    small?: boolean;
+    placeholder?: string;
+    value?: Date;
+    startDate?: Date;
+    endDate?: Date;
+    minDate?: Date;
+    maxDate?: Date;
+    localeCode?: 'is' | 'en';
+    dateFormat?: string;
+    isStartDate?: boolean;
+    isEndDate?: boolean;
+    inputRef?: RefObject<HTMLInputElement>;
+    onChange: (date?: Date) => void;
+    datepickerExtraProps?: Record<string, unknown>;
+    /** @deprecated  use value instead.  (Will be removed in v0.11) */
+    initialDate?: Date;
+} & FormFieldWrappingProps;
+export declare const getDateDiff: (date: Date, diff: number) => Date;
+export declare type DatepickerLocaleProps = {
+    nextMonthAriaLabel: string;
+    nextMonthButtonLabel: string;
+    nextYearAriaLabel: string;
+    nextYearButtonLabel: string;
+    previousMonthAriaLabel: string;
+    previousMonthButtonLabel: string;
+    previousYearAriaLabel: string;
+    previousYearButtonLabel: string;
+    timeInputLabel: string;
+    weekAriaLabelPrefix: string;
+    weekLabel: string;
+    ariaLabelPrefix: string;
+    chooseDayAriaLabelPrefix: string;
+    disabledDayAriaLabelPrefix: string;
+};
+declare const Datepicker: (props: DatepickerProps) => JSX.Element;
+export default Datepicker;

package/types/ExtraLinks.d.ts

@@ -0,0 +1,18 @@
+import { TextCardListProps } from './_abstract/CardList';
+import { SeenProp } from './utils/seenEffect';
+export declare type RelatedLink = {
+    href: string;
+    label: string;
+    blank?: boolean;
+    type?: 'link' | 'pdf' | 'text';
+};
+declare type RelatedProps = {
+    relatedTitle?: string;
+    relatedLinks?: Array<RelatedLink>;
+};
+export declare type ExtraLinksCardProps = TextCardListProps['cards'][number];
+export declare type ExtraLinksProps = TextCardListProps & RelatedProps & {
+    className?: string;
+} & SeenProp;
+declare const ExtraLinks: (props: ExtraLinksProps) => JSX.Element;
+export default ExtraLinks;

package/types/FeatureList.d.ts

@@ -0,0 +1,12 @@
+import { Efnistakn } from '@reykjavik/hanna-utils/assets';
+import { SeenProp } from './utils/seenEffect';
+export declare type FeatureListProps = {
+    title: string;
+    features: Array<{
+        icon?: Efnistakn;
+        iconUrl?: string;
+        name: string;
+    }>;
+} & SeenProp;
+declare const FeatureList: (props: FeatureListProps) => JSX.Element;
+export default FeatureList;

package/types/FieldGroup.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export declare type FieldGroupProps = {
+    legend: string;
+    disabled?: boolean;
+    className?: string;
+    children: ReactNode;
+};
+declare const FieldGroup: (props: FieldGroupProps) => JSX.Element;
+export default FieldGroup;

package/types/FileInput.d.ts

@@ -0,0 +1,17 @@
+import { FormFieldWrappingProps } from './FormField';
+declare type dropzonePropsProps = {
+    accept?: string;
+    multiple?: boolean;
+};
+export declare type FileInputProps = {
+    dropzoneProps: dropzonePropsProps;
+    dropzoneText: string | JSX.Element;
+    showFileSize?: boolean;
+    showImagePreviews?: boolean;
+    removeFileText: string;
+    onFilesUpdated?: (files: Array<File>) => void;
+    name?: string;
+    value?: ReadonlyArray<File>;
+} & FormFieldWrappingProps;
+declare const FileInput: (props: FileInputProps) => JSX.Element;
+export default FileInput;

package/types/Foonote.d.ts

@@ -0,0 +1,12 @@
+import { FootnoteProps as _FootnoteProps } from './Footnote';
+/** @deprecated  (Will be removed in v0.11)
+ *
+ * This module file is a typo. import from `Footnote` instead
+ */
+export declare type FootnoteProps = _FootnoteProps;
+/** @deprecated  (Will be removed in v0.11)
+ *
+ * This module file is a typo. import from `Footnote` instead
+ */
+declare const Footnote: (props: _FootnoteProps) => JSX.Element;
+export default Footnote;

package/types/FooterBadges.d.ts

@@ -0,0 +1,9 @@
+export declare type FooterBadgesProps = {
+    badges: Array<{
+        altText: string;
+        src: string;
+        href?: string;
+    }>;
+};
+declare const FooterBadges: (props: FooterBadgesProps) => JSX.Element | null;
+export default FooterBadges;

package/types/FooterInfo.d.ts

@@ -0,0 +1,18 @@
+import { BemPropsModifier } from '@hugsmidjan/react/types';
+export declare type FooterInfoGroup = {
+    title: string;
+    role?: JSX.IntrinsicElements['div']['role'];
+    modifier?: string;
+} & BemPropsModifier & ({
+    content: JSX.Element;
+    html?: undefined;
+} | {
+    html: string;
+    content?: undefined;
+});
+export declare type FooterInfoBoxes = Array<FooterInfoGroup>;
+export declare type FooterInfoProps = {
+    boxes: FooterInfoBoxes;
+};
+declare const FooterInfo: (props: FooterInfoProps) => JSX.Element;
+export default FooterInfo;

package/types/Footnote.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export declare type FootnoteProps = {
+    children: ReactNode;
+};
+declare const Footnote: (props: FootnoteProps) => JSX.Element;
+export default Footnote;

package/types/Form.d.ts

@@ -0,0 +1,7 @@
+import React, { ReactNode } from 'react';
+import { ComponentLayoutProps } from './constants';
+export declare type FormProps = ComponentLayoutProps & React.FormHTMLAttributes<HTMLFormElement> & {
+    children: ReactNode;
+};
+declare const Form: (props: FormProps) => JSX.Element;
+export default Form;

package/types/FormField.d.ts

@@ -0,0 +1,65 @@
+import { RefObject } from 'react';
+import { SSRSupport } from '@hugsmidjan/react/hooks';
+declare type InputClassNames = {
+    /** Basic/raw FormField BEM name */
+    bem: string;
+    /** Standard name for "<input/>"-styled controls */
+    input: string;
+    /** Standard name for radio/checkbox group conotrols */
+    options: string;
+    /** Generic name for unstyled/free-form controls. */
+    control: string;
+};
+export declare type FormFieldInputProps = {
+    id?: string;
+    required?: boolean;
+    readOnly?: boolean;
+    disabled?: boolean;
+    'aria-invalid'?: boolean | 'true' | 'false';
+    'aria-labelledby'?: string;
+    'aria-describedby'?: string;
+};
+declare type FocusEvents = {
+    onFocus?: (e: any) => void;
+    onBlur?: (e: any) => void;
+};
+declare type FocusPropMaker = <P extends FocusEvents>(ownProps?: P) => P & Required<FocusEvents>;
+export declare type FormFieldWrappingProps = {
+    /** Container className - alongside "FormField" */
+    className?: string;
+    label: string | JSX.Element;
+    assistText?: string | JSX.Element;
+    hideLabel?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    invalid?: boolean;
+    errorMessage?: string | JSX.Element;
+    required?: boolean;
+    /** Hidden label prefix text to indicate that the field is required.
+     *
+     * If your field is required but should not say so in its label
+     * then set this prop to `false`
+     *
+     * Default: `"Þarf að fylla út"`
+     * */
+    reqText?: string | false;
+    /** Optional pre-determinted id="" for the __input */
+    id?: string;
+    /** Ref object pointing to the outermost `.FormField` element */
+    wrapperRef?: RefObject<HTMLElement>;
+    ssr?: SSRSupport;
+};
+export declare type FormFieldGroupWrappingProps = FormFieldWrappingProps & {
+    LabelTag?: 'h3' | 'h4' | 'h5';
+};
+export declare type FormFieldProps = FormFieldGroupWrappingProps & {
+    /** Container className - alongside "FormField" */
+    className: string;
+    small?: boolean;
+    group?: boolean;
+    empty?: boolean;
+    filled?: boolean;
+    renderInput(className: InputClassNames, inputProps: FormFieldInputProps, addFocusProps: FocusPropMaker, isBrowser?: boolean): JSX.Element;
+};
+declare const FormField: (props: FormFieldProps) => JSX.Element;
+export default FormField;

package/types/Gallery/_GalleryItem.d.ts

@@ -0,0 +1,8 @@
+import { ImageProps } from '../_abstract/Image';
+export declare type GalleryItemProps = {
+    caption?: string;
+    description?: string;
+    largeImageSrc?: string;
+} & ImageProps;
+declare const GalleryItem: (props: GalleryItemProps) => JSX.Element;
+export default GalleryItem;

package/types/Gallery/_GalleryModal.d.ts

@@ -0,0 +1,6 @@
+import { GalleryI18n } from '../Gallery';
+declare type GalleryModalProps = {
+    texts: Readonly<GalleryI18n>;
+};
+declare const GalleryModal: (props: GalleryModalProps) => JSX.Element | null;
+export default GalleryModal;

package/types/Gallery/_GalleryModalContext.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { GalleryProps } from '../Gallery';
+import { GalleryItemProps } from './_GalleryItem';
+declare type ModalContextProps = {
+    setCurrentImage: (item: GalleryItemProps | undefined) => void;
+    currentImage: GalleryItemProps | undefined;
+} & GalleryProps;
+declare const GalleryModalContext: React.Context<ModalContextProps>;
+export default GalleryModalContext;

package/types/Gallery/_GalleryModalItem.d.ts

@@ -0,0 +1,3 @@
+import { GalleryItemProps } from './_GalleryItem';
+declare const GalleryModalItem: (props: GalleryItemProps) => JSX.Element;
+export default GalleryModalItem;

package/types/Gallery.d.ts

@@ -0,0 +1,17 @@
+import { SSRSupport } from '@hugsmidjan/react/hooks';
+import { GalleryItemProps } from './Gallery/_GalleryItem';
+import { SeenProp } from './utils/seenEffect';
+export type { GalleryItemProps } from './Gallery/_GalleryItem';
+export declare type GalleryI18n = {
+    modalNextLabel: string;
+    modalPrevLabel: string;
+    modalCloseLabel: string;
+};
+export declare type GalleryProps = {
+    items: Array<GalleryItemProps>;
+    texts?: GalleryI18n;
+    lang?: string;
+    ssr?: SSRSupport;
+} & SeenProp;
+declare const Gallery: (props: GalleryProps) => JSX.Element;
+export default Gallery;

package/types/GridBlocks.d.ts

@@ -0,0 +1,26 @@
+import { Efnistakn } from '@reykjavik/hanna-utils/assets';
+import { ButtonProps } from './_abstract/Button';
+import { ImageProps } from './_abstract/Image';
+import { SeenProp } from './utils/seenEffect';
+export declare type GridBlockItem = {
+    title: string;
+    summary: string | JSX.Element;
+    icon?: Efnistakn;
+    image?: ImageProps;
+} & ({
+    href?: string;
+    links: Array<ButtonProps>;
+} | {
+    href: string;
+    links?: Array<ButtonProps>;
+});
+export declare type GridBlocksProps = {
+    blocks: Array<GridBlockItem>;
+    twocol?: boolean;
+} & SeenProp;
+export declare type GridBlocksProp1s = {
+    blocks: Array<GridBlockItem>;
+    twocol?: boolean;
+};
+declare const GridBlocks: (props: GridBlocksProps) => JSX.Element;
+export default GridBlocks;

package/types/Heading.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { ComponentLayoutProps } from './constants';
+declare const sizes: {
+    readonly small: "small";
+    /** Default value */
+    readonly normal: "normal";
+    readonly large: "large";
+};
+declare type HeadingSize = keyof typeof sizes;
+export declare type HeadingProps = {
+    Tag?: 'h2' | 'h3';
+    size?: HeadingSize;
+    children: ReactNode;
+} & ComponentLayoutProps;
+declare const Heading: (props: HeadingProps) => JSX.Element;
+export default Heading;