@arbor-education/design-system.components 4.7.1 → 4.8.0

package/dist/components/heading/Heading.d.ts

@@ -3,395 +3,10 @@ type HeadingSubContainerProps = HTMLAttributes<HTMLSpanElement>;
 export type HeadingLevel = 1 | 2 | 3 | 4;
 type HeadingProps = {
     level?: HeadingLevel;
+    errorMessage?: string;
 } & HTMLProps<HTMLHeadingElement>;
 export declare const Heading: {
-    (props: HeadingProps): import("react").DOMElement<{
-        className: string;
-        level?: HeadingLevel;
-        accept?: string | undefined;
-        acceptCharset?: string | undefined;
-        action?: string | undefined | ((formData: FormData) => void | Promise<void>) | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS];
-        allowFullScreen?: boolean | undefined;
-        allowTransparency?: boolean | undefined;
-        alt?: string | undefined;
-        as?: string | undefined;
-        async?: boolean | undefined;
-        autoComplete?: string | undefined;
-        autoPlay?: boolean | undefined;
-        capture?: boolean | "user" | "environment" | undefined;
-        cellPadding?: number | string | undefined;
-        cellSpacing?: number | string | undefined;
-        charSet?: string | undefined;
-        challenge?: string | undefined;
-        checked?: boolean | undefined;
-        cite?: string | undefined;
-        classID?: string | undefined;
-        cols?: number | undefined;
-        colSpan?: number | undefined;
-        controls?: boolean | undefined;
-        coords?: string | undefined;
-        crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
-        data?: string | undefined;
-        dateTime?: string | undefined;
-        default?: boolean | undefined;
-        defer?: boolean | undefined;
-        disabled?: boolean | undefined;
-        download?: any;
-        encType?: string | undefined;
-        form?: string | undefined;
-        formAction?: string | undefined | ((formData: FormData) => void | Promise<void>) | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS];
-        formEncType?: string | undefined;
-        formMethod?: string | undefined;
-        formNoValidate?: boolean | undefined;
-        formTarget?: string | undefined;
-        frameBorder?: number | string | undefined;
-        headers?: string | undefined;
-        height?: number | string | undefined;
-        high?: number | undefined;
-        href?: string | undefined;
-        hrefLang?: string | undefined;
-        htmlFor?: string | undefined;
-        httpEquiv?: string | undefined;
-        integrity?: string | undefined;
-        keyParams?: string | undefined;
-        keyType?: string | undefined;
-        kind?: string | undefined;
-        label?: string | undefined;
-        list?: string | undefined;
-        loop?: boolean | undefined;
-        low?: number | undefined;
-        manifest?: string | undefined;
-        marginHeight?: number | undefined;
-        marginWidth?: number | undefined;
-        max?: number | string | undefined;
-        maxLength?: number | undefined;
-        media?: string | undefined;
-        mediaGroup?: string | undefined;
-        method?: string | undefined;
-        min?: number | string | undefined;
-        minLength?: number | undefined;
-        multiple?: boolean | undefined;
-        muted?: boolean | undefined;
-        name?: string | undefined;
-        noValidate?: boolean | undefined;
-        open?: boolean | undefined;
-        optimum?: number | undefined;
-        pattern?: string | undefined;
-        placeholder?: string | undefined;
-        playsInline?: boolean | undefined;
-        poster?: string | undefined;
-        preload?: string | undefined;
-        readOnly?: boolean | undefined;
-        required?: boolean | undefined;
-        reversed?: boolean | undefined;
-        rows?: number | undefined;
-        rowSpan?: number | undefined;
-        sandbox?: string | undefined;
-        scope?: string | undefined;
-        scoped?: boolean | undefined;
-        scrolling?: string | undefined;
-        seamless?: boolean | undefined;
-        selected?: boolean | undefined;
-        shape?: string | undefined;
-        size?: number | undefined;
-        sizes?: string | undefined;
-        span?: number | undefined;
-        src?: string | undefined;
-        srcDoc?: string | undefined;
-        srcLang?: string | undefined;
-        srcSet?: string | undefined;
-        start?: number | undefined;
-        step?: number | string | undefined;
-        summary?: string | undefined;
-        target?: string | undefined;
-        type?: string | undefined;
-        useMap?: string | undefined;
-        value?: string | readonly string[] | number | undefined;
-        width?: number | string | undefined;
-        wmode?: string | undefined;
-        wrap?: string | undefined;
-        defaultChecked?: boolean | undefined;
-        defaultValue?: string | number | readonly string[] | undefined;
-        suppressContentEditableWarning?: boolean | undefined;
-        suppressHydrationWarning?: boolean | undefined;
-        accessKey?: string | undefined;
-        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
-        autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
-        contextMenu?: string | undefined;
-        dir?: string | undefined;
-        draggable?: (boolean | "true" | "false") | undefined;
-        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
-        hidden?: boolean | undefined;
-        id?: string | undefined;
-        lang?: string | undefined;
-        nonce?: string | undefined;
-        slot?: string | undefined;
-        spellCheck?: (boolean | "true" | "false") | undefined;
-        style?: import("react").CSSProperties | undefined;
-        tabIndex?: number | undefined;
-        title?: string | undefined;
-        translate?: "yes" | "no" | undefined;
-        radioGroup?: string | undefined;
-        role?: import("react").AriaRole | undefined;
-        about?: string | undefined;
-        content?: string | undefined;
-        datatype?: string | undefined;
-        inlist?: any;
-        prefix?: string | undefined;
-        property?: string | undefined;
-        rel?: string | undefined;
-        resource?: string | undefined;
-        rev?: string | undefined;
-        typeof?: string | undefined;
-        vocab?: string | undefined;
-        autoCorrect?: string | undefined;
-        autoSave?: string | undefined;
-        color?: string | undefined;
-        itemProp?: string | undefined;
-        itemScope?: boolean | undefined;
-        itemType?: string | undefined;
-        itemID?: string | undefined;
-        itemRef?: string | undefined;
-        results?: number | undefined;
-        security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        popover?: "" | "auto" | "manual" | "hint" | undefined;
-        popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
-        popoverTarget?: string | undefined;
-        inert?: boolean | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
-        is?: string | undefined;
-        exportparts?: string | undefined;
-        part?: string | undefined;
-        "aria-activedescendant"?: string | undefined;
-        "aria-atomic"?: (boolean | "true" | "false") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
-        "aria-braillelabel"?: string | undefined;
-        "aria-brailleroledescription"?: string | undefined;
-        "aria-busy"?: (boolean | "true" | "false") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
-        "aria-colcount"?: number | undefined;
-        "aria-colindex"?: number | undefined;
-        "aria-colindextext"?: string | undefined;
-        "aria-colspan"?: number | undefined;
-        "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
-        "aria-describedby"?: string | undefined;
-        "aria-description"?: string | undefined;
-        "aria-details"?: string | undefined;
-        "aria-disabled"?: (boolean | "true" | "false") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
-        "aria-errormessage"?: string | undefined;
-        "aria-expanded"?: (boolean | "true" | "false") | undefined;
-        "aria-flowto"?: string | undefined;
-        "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
-        "aria-hidden"?: (boolean | "true" | "false") | undefined;
-        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
-        "aria-keyshortcuts"?: string | undefined;
-        "aria-label"?: string | undefined;
-        "aria-labelledby"?: string | undefined;
-        "aria-level"?: number | undefined;
-        "aria-live"?: "off" | "assertive" | "polite" | undefined;
-        "aria-modal"?: (boolean | "true" | "false") | undefined;
-        "aria-multiline"?: (boolean | "true" | "false") | undefined;
-        "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
-        "aria-orientation"?: "horizontal" | "vertical" | undefined;
-        "aria-owns"?: string | undefined;
-        "aria-placeholder"?: string | undefined;
-        "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
-        "aria-readonly"?: (boolean | "true" | "false") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
-        "aria-required"?: (boolean | "true" | "false") | undefined;
-        "aria-roledescription"?: string | undefined;
-        "aria-rowcount"?: number | undefined;
-        "aria-rowindex"?: number | undefined;
-        "aria-rowindextext"?: string | undefined;
-        "aria-rowspan"?: number | undefined;
-        "aria-selected"?: (boolean | "true" | "false") | undefined;
-        "aria-setsize"?: number | undefined;
-        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
-        "aria-valuemax"?: number | undefined;
-        "aria-valuemin"?: number | undefined;
-        "aria-valuenow"?: number | undefined;
-        "aria-valuetext"?: string | undefined;
-        children?: import("react").ReactNode | undefined;
-        dangerouslySetInnerHTML?: {
-            __html: string | TrustedHTML;
-        } | undefined;
-        onCopy?: import("react").ClipboardEventHandler<HTMLHeadingElement> | undefined;
-        onCopyCapture?: import("react").ClipboardEventHandler<HTMLHeadingElement> | undefined;
-        onCut?: import("react").ClipboardEventHandler<HTMLHeadingElement> | undefined;
-        onCutCapture?: import("react").ClipboardEventHandler<HTMLHeadingElement> | undefined;
-        onPaste?: import("react").ClipboardEventHandler<HTMLHeadingElement> | undefined;
-        onPasteCapture?: import("react").ClipboardEventHandler<HTMLHeadingElement> | undefined;
-        onCompositionEnd?: import("react").CompositionEventHandler<HTMLHeadingElement> | undefined;
-        onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLHeadingElement> | undefined;
-        onCompositionStart?: import("react").CompositionEventHandler<HTMLHeadingElement> | undefined;
-        onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLHeadingElement> | undefined;
-        onCompositionUpdate?: import("react").CompositionEventHandler<HTMLHeadingElement> | undefined;
-        onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLHeadingElement> | undefined;
-        onFocus?: import("react").FocusEventHandler<HTMLHeadingElement> | undefined;
-        onFocusCapture?: import("react").FocusEventHandler<HTMLHeadingElement> | undefined;
-        onBlur?: import("react").FocusEventHandler<HTMLHeadingElement> | undefined;
-        onBlurCapture?: import("react").FocusEventHandler<HTMLHeadingElement> | undefined;
-        onChange?: import("react").ChangeEventHandler<HTMLHeadingElement, Element> | undefined;
-        onChangeCapture?: import("react").ChangeEventHandler<HTMLHeadingElement, Element> | undefined;
-        onBeforeInput?: import("react").InputEventHandler<HTMLHeadingElement> | undefined;
-        onBeforeInputCapture?: import("react").InputEventHandler<HTMLHeadingElement> | undefined;
-        onInput?: import("react").InputEventHandler<HTMLHeadingElement> | undefined;
-        onInputCapture?: import("react").InputEventHandler<HTMLHeadingElement> | undefined;
-        onReset?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onResetCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onSubmit?: import("react").SubmitEventHandler<HTMLHeadingElement> | undefined;
-        onSubmitCapture?: import("react").SubmitEventHandler<HTMLHeadingElement> | undefined;
-        onInvalid?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onInvalidCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onLoad?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onLoadCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onError?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onErrorCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onKeyDown?: import("react").KeyboardEventHandler<HTMLHeadingElement> | undefined;
-        onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLHeadingElement> | undefined;
-        onKeyPress?: import("react").KeyboardEventHandler<HTMLHeadingElement> | undefined;
-        onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLHeadingElement> | undefined;
-        onKeyUp?: import("react").KeyboardEventHandler<HTMLHeadingElement> | undefined;
-        onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLHeadingElement> | undefined;
-        onAbort?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onAbortCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onCanPlay?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onCanPlayCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onCanPlayThrough?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onDurationChange?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onDurationChangeCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onEmptied?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onEmptiedCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onEncrypted?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onEncryptedCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onEnded?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onEndedCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onLoadedData?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onLoadedDataCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onLoadedMetadata?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onLoadStart?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onLoadStartCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onPause?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onPauseCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onPlay?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onPlayCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onPlaying?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onPlayingCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onProgress?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onProgressCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onRateChange?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onRateChangeCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onSeeked?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onSeekedCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onSeeking?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onSeekingCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onStalled?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onStalledCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onSuspend?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onSuspendCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onTimeUpdate?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onVolumeChange?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onWaiting?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onWaitingCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onAuxClick?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
-        onAuxClickCapture?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
-        onClick?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
-        onClickCapture?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
-        onContextMenu?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
-        onContextMenuCapture?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
-        onDoubleClick?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
-        onDoubleClickCapture?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
-        onDrag?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
-        onDragCapture?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
-        onDragEnd?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
-        onDragEndCapture?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
-        onDragEnter?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
-        onDragEnterCapture?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
-        onDragExit?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
-        onDragExitCapture?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
-        onDragLeave?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
-        onDragLeaveCapture?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
-        onDragOver?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
-        onDragOverCapture?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
-        onDragStart?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
-        onDragStartCapture?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
-        onDrop?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
-        onDropCapture?: import("react").DragEventHandler<HTMLHeadingElement> | undefined;
-        onMouseDown?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
-        onMouseDownCapture?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
-        onMouseEnter?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
-        onMouseLeave?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
-        onMouseMove?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
-        onMouseMoveCapture?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
-        onMouseOut?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
-        onMouseOutCapture?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
-        onMouseOver?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
-        onMouseOverCapture?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
-        onMouseUp?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
-        onMouseUpCapture?: import("react").MouseEventHandler<HTMLHeadingElement> | undefined;
-        onSelect?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onSelectCapture?: import("react").ReactEventHandler<HTMLHeadingElement> | undefined;
-        onTouchCancel?: import("react").TouchEventHandler<HTMLHeadingElement> | undefined;
-        onTouchCancelCapture?: import("react").TouchEventHandler<HTMLHeadingElement> | undefined;
-        onTouchEnd?: import("react").TouchEventHandler<HTMLHeadingElement> | undefined;
-        onTouchEndCapture?: import("react").TouchEventHandler<HTMLHeadingElement> | undefined;
-        onTouchMove?: import("react").TouchEventHandler<HTMLHeadingElement> | undefined;
-        onTouchMoveCapture?: import("react").TouchEventHandler<HTMLHeadingElement> | undefined;
-        onTouchStart?: import("react").TouchEventHandler<HTMLHeadingElement> | undefined;
-        onTouchStartCapture?: import("react").TouchEventHandler<HTMLHeadingElement> | undefined;
-        onPointerDown?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
-        onPointerDownCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
-        onPointerMove?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
-        onPointerMoveCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
-        onPointerUp?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
-        onPointerUpCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
-        onPointerCancel?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
-        onPointerCancelCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
-        onPointerEnter?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
-        onPointerLeave?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
-        onPointerOver?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
-        onPointerOverCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
-        onPointerOut?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
-        onPointerOutCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
-        onGotPointerCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
-        onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
-        onLostPointerCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
-        onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLHeadingElement> | undefined;
-        onScroll?: import("react").UIEventHandler<HTMLHeadingElement> | undefined;
-        onScrollCapture?: import("react").UIEventHandler<HTMLHeadingElement> | undefined;
-        onScrollEnd?: import("react").UIEventHandler<HTMLHeadingElement> | undefined;
-        onScrollEndCapture?: import("react").UIEventHandler<HTMLHeadingElement> | undefined;
-        onWheel?: import("react").WheelEventHandler<HTMLHeadingElement> | undefined;
-        onWheelCapture?: import("react").WheelEventHandler<HTMLHeadingElement> | undefined;
-        onAnimationStart?: import("react").AnimationEventHandler<HTMLHeadingElement> | undefined;
-        onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLHeadingElement> | undefined;
-        onAnimationEnd?: import("react").AnimationEventHandler<HTMLHeadingElement> | undefined;
-        onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLHeadingElement> | undefined;
-        onAnimationIteration?: import("react").AnimationEventHandler<HTMLHeadingElement> | undefined;
-        onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLHeadingElement> | undefined;
-        onToggle?: import("react").ToggleEventHandler<HTMLHeadingElement> | undefined;
-        onBeforeToggle?: import("react").ToggleEventHandler<HTMLHeadingElement> | undefined;
-        onTransitionCancel?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
-        onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
-        onTransitionEnd?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
-        onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
-        onTransitionRun?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
-        onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
-        onTransitionStart?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
-        onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLHeadingElement> | undefined;
-        ref?: import("react").Ref<HTMLHeadingElement> | undefined;
-        key?: import("react").Key | null | undefined;
-    }, HTMLHeadingElement>;
+    (props: HeadingProps): import("react").JSX.Element;
     InnerContainer: (props: HeadingSubContainerProps) => import("react").JSX.Element;
 };
 export declare namespace Heading {

package/dist/components/heading/Heading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../src/components/heading/Heading.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3E,KAAK,wBAAwB,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAgBhE,MAAM,MAAM,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEzC,KAAK,YAAY,GAAG;IAClB,KAAK,CAAC,EAAE,YAAY,CAAC;CACtB,GAAG,SAAS,CAAC,kBAAkB,CAAC,CAAC;AAElC,eAAO,MAAM,OAAO;YAAW,YAAY;;gBAHjC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BAjBgB,wBAAwB;CA8B7D,CAAC;AAIF,yBAAiB,OAAO,CAAC;IACvB,KAAY,KAAK,GAAG,YAAY,CAAC;IACjC,KAAY,KAAK,GAAG,YAAY,CAAC;IACjC,KAAY,mBAAmB,GAAG,wBAAwB,CAAC;CAC5D"}
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../src/components/heading/Heading.tsx"],"names":[],"mappings":"AACA,OAAO,EAAwB,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlF,KAAK,wBAAwB,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAgBhE,MAAM,MAAM,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEzC,KAAK,YAAY,GAAG;IAClB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,SAAS,CAAC,kBAAkB,CAAC,CAAC;AAElC,eAAO,MAAM,OAAO;YAAW,YAAY;4BArBL,wBAAwB;CAqD7D,CAAC;AAIF,yBAAiB,OAAO,CAAC;IACvB,KAAY,KAAK,GAAG,YAAY,CAAC;IACjC,KAAY,KAAK,GAAG,YAAY,CAAC;IACjC,KAAY,mBAAmB,GAAG,wBAAwB,CAAC;CAC5D"}

package/dist/components/heading/Heading.js

@@ -1,19 +1,27 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from 'classnames';
-import { createElement } from 'react';
+import { createElement, useId } from 'react';
+import { Icon } from '../icon/Icon.js';
 const HeadingInnerContainer = (props) => {
     const { className, ...rest } = props;
     return (_jsx("span", { className: classNames('ds-heading__inner-container', className), ...rest }));
 };
 export const Heading = (props) => {
-    const { level = 1, children } = props;
+    const { level = 1, children, errorMessage, ...rest } = props;
+    const generatedId = useId();
     const Component = {
         1: 'h1',
         2: 'h2',
         3: 'h3',
         4: 'h4',
     }[level];
-    return createElement(Component, { ...props, className: classNames('ds-heading', props.className) }, children);
+    const errorId = `${generatedId}-error`;
+    const describedBy = classNames(rest['aria-describedby'], errorMessage && errorId) || undefined;
+    const heading = createElement(Component, { ...rest, 'aria-describedby': describedBy, 'className': classNames('ds-heading', rest.className) }, children);
+    if (!errorMessage) {
+        return heading;
+    }
+    return (_jsxs("div", { className: "ds-heading__wrapper", children: [heading, _jsxs("span", { className: "ds-heading__error-message", id: errorId, children: [_jsx(Icon, { size: 12, name: "triangle-alert" }), errorMessage] })] }));
 };
 Heading.InnerContainer = HeadingInnerContainer;
 //# sourceMappingURL=Heading.js.map

package/dist/components/heading/Heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../../src/components/heading/Heading.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAuC,MAAM,OAAO,CAAC;AAI3E,MAAM,qBAAqB,GAAG,CAAC,KAA+B,EAAE,EAAE;IAChE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAErC,OAAO,CACL,eACE,SAAS,EAAE,UAAU,CACnB,6BAA6B,EAC7B,SAAS,CACV,KACG,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC;AAQF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;IAC7C,MAAM,EAAE,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACtC,MAAM,SAAS,GAAG;QAChB,CAAC,EAAE,IAAI;QACP,CAAC,EAAE,IAAI;QACP,CAAC,EAAE,IAAI;QACP,CAAC,EAAE,IAAI;KACR,CAAC,KAAK,CAAC,CAAC;IAET,OAAO,aAAa,CAAC,SAAS,EAAE,EAAE,GAAG,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;AAChH,CAAC,CAAC;AAEF,OAAO,CAAC,cAAc,GAAG,qBAAqB,CAAC"}
+{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../../src/components/heading/Heading.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,KAAK,EAAuC,MAAM,OAAO,CAAC;AAClF,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAI5C,MAAM,qBAAqB,GAAG,CAAC,KAA+B,EAAE,EAAE;IAChE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAErC,OAAO,CACL,eACE,SAAS,EAAE,UAAU,CACnB,6BAA6B,EAC7B,SAAS,CACV,KACG,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC;AASF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;IAC7C,MAAM,EAAE,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC7D,MAAM,WAAW,GAAG,KAAK,EAAE,CAAC;IAC5B,MAAM,SAAS,GAAG;QAChB,CAAC,EAAE,IAAI;QACP,CAAC,EAAE,IAAI;QACP,CAAC,EAAE,IAAI;QACP,CAAC,EAAE,IAAI;KACR,CAAC,KAAK,CAAC,CAAC;IAET,MAAM,OAAO,GAAG,GAAG,WAAW,QAAQ,CAAC;IACvC,MAAM,WAAW,GAAG,UAAU,CAAC,IAAI,CAAC,kBAAkB,CAAC,EAAE,YAAY,IAAI,OAAO,CAAC,IAAI,SAAS,CAAC;IAE/F,MAAM,OAAO,GAAG,aAAa,CAC3B,SAAS,EACT,EAAE,GAAG,IAAI,EAAE,kBAAkB,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,CAAC,YAAY,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,EACnG,QAAQ,CACT,CAAC;IAEF,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAC,qBAAqB,aACjC,OAAO,EACR,gBAAM,SAAS,EAAC,2BAA2B,EAAC,EAAE,EAAE,OAAO,aACrD,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,EAAE,IAAI,EAAC,gBAAgB,GAAG,EACvC,YAAY,IACR,IACH,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,CAAC,cAAc,GAAG,qBAAqB,CAAC"}