@digdir/designsystemet-react 1.0.0-next.35 → 1.0.0-next.37

package/dist/types/components/form/Input/Input.d.ts

@@ -0,0 +1,334 @@
+import type { InputHTMLAttributes } from 'react';
+import type { Color } from '../../../colors';
+import type { DefaultProps } from '../../../types';
+import type { MergeRight } from '../../../utilities';
+type InputAttr = InputHTMLAttributes<HTMLInputElement>;
+export type InputProps = MergeRight<DefaultProps & Omit<InputAttr, 'prefix'>, {
+    /**
+     * Sets a color palette which **may** be used by this component, depending on the `type` prop.
+     * If left unspecified, the color is inherited from the nearest ancestor with data-color.
+     */
+    'data-color'?: Color;
+    /** Supported `input` types */
+    type?: InputAttr['type'];
+    /** Defines the width of `Input` in count of characters.
+     */
+    size?: number;
+    /** Disables element
+     * @note Avoid using if possible for accessibility purposes
+     */
+    disabled?: boolean;
+    /** Toggle `readOnly` */
+    readOnly?: boolean;
+    /** Set role, i.e. `switch` when `checkbox` or `radio` */
+    role?: InputAttr['role'];
+}>;
+/** Input field
+ *
+ * @example
+ * ```tsx
+ * <Input />
+ * ```
+ */
+export declare const Input: React.ForwardRefExoticComponent<{
+    defaultValue?: string | number | readonly string[] | undefined;
+    onBlur?: React.FocusEventHandler<HTMLInputElement> | undefined;
+    onFocus?: React.FocusEventHandler<HTMLInputElement> | undefined;
+    children?: React.ReactNode | undefined;
+    defaultChecked?: boolean | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    autoFocus?: boolean | undefined;
+    className?: string | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    hidden?: boolean | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    nonce?: string | undefined;
+    slot?: string | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    style?: React.CSSProperties | undefined;
+    tabIndex?: number | undefined;
+    title?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    radioGroup?: string | undefined;
+    about?: string | undefined;
+    content?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    property?: string | undefined;
+    rel?: string | undefined;
+    resource?: string | undefined;
+    rev?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCapitalize?: 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;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+    is?: string | undefined;
+    popovertarget?: string | undefined;
+    'data-size'?: "sm" | "md" | "lg" | 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;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined;
+    onCopy?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
+    onCopyCapture?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
+    onCut?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
+    onCutCapture?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
+    onPaste?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
+    onPasteCapture?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
+    onCompositionEnd?: React.CompositionEventHandler<HTMLInputElement> | undefined;
+    onCompositionEndCapture?: React.CompositionEventHandler<HTMLInputElement> | undefined;
+    onCompositionStart?: React.CompositionEventHandler<HTMLInputElement> | undefined;
+    onCompositionStartCapture?: React.CompositionEventHandler<HTMLInputElement> | undefined;
+    onCompositionUpdate?: React.CompositionEventHandler<HTMLInputElement> | undefined;
+    onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLInputElement> | undefined;
+    onFocusCapture?: React.FocusEventHandler<HTMLInputElement> | undefined;
+    onBlurCapture?: React.FocusEventHandler<HTMLInputElement> | undefined;
+    onChange?: React.ChangeEventHandler<HTMLInputElement> | undefined;
+    onChangeCapture?: React.FormEventHandler<HTMLInputElement> | undefined;
+    onBeforeInput?: React.FormEventHandler<HTMLInputElement> | undefined;
+    onBeforeInputCapture?: React.FormEventHandler<HTMLInputElement> | undefined;
+    onInput?: React.FormEventHandler<HTMLInputElement> | undefined;
+    onInputCapture?: React.FormEventHandler<HTMLInputElement> | undefined;
+    onReset?: React.FormEventHandler<HTMLInputElement> | undefined;
+    onResetCapture?: React.FormEventHandler<HTMLInputElement> | undefined;
+    onSubmit?: React.FormEventHandler<HTMLInputElement> | undefined;
+    onSubmitCapture?: React.FormEventHandler<HTMLInputElement> | undefined;
+    onInvalid?: React.FormEventHandler<HTMLInputElement> | undefined;
+    onInvalidCapture?: React.FormEventHandler<HTMLInputElement> | undefined;
+    onLoad?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onLoadCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onError?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onErrorCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
+    onKeyDownCapture?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
+    onKeyPress?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
+    onKeyPressCapture?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
+    onKeyUp?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
+    onKeyUpCapture?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
+    onAbort?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onAbortCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onCanPlay?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onCanPlayCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onCanPlayThrough?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onCanPlayThroughCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onDurationChange?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onDurationChangeCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onEmptied?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onEmptiedCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onEncrypted?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onEncryptedCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onEnded?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onEndedCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onLoadedData?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onLoadedDataCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onLoadedMetadata?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onLoadedMetadataCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onLoadStart?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onLoadStartCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onPause?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onPauseCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onPlay?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onPlayCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onPlaying?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onPlayingCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onProgress?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onProgressCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onRateChange?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onRateChangeCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onResize?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onResizeCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onSeeked?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onSeekedCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onSeeking?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onSeekingCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onStalled?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onStalledCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onSuspend?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onSuspendCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onTimeUpdate?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onTimeUpdateCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onVolumeChange?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onVolumeChangeCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onWaiting?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onWaitingCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onAuxClick?: React.MouseEventHandler<HTMLInputElement> | undefined;
+    onAuxClickCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
+    onClick?: React.MouseEventHandler<HTMLInputElement> | undefined;
+    onClickCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
+    onContextMenu?: React.MouseEventHandler<HTMLInputElement> | undefined;
+    onContextMenuCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
+    onDoubleClick?: React.MouseEventHandler<HTMLInputElement> | undefined;
+    onDoubleClickCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
+    onDrag?: React.DragEventHandler<HTMLInputElement> | undefined;
+    onDragCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
+    onDragEnd?: React.DragEventHandler<HTMLInputElement> | undefined;
+    onDragEndCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
+    onDragEnter?: React.DragEventHandler<HTMLInputElement> | undefined;
+    onDragEnterCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
+    onDragExit?: React.DragEventHandler<HTMLInputElement> | undefined;
+    onDragExitCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
+    onDragLeave?: React.DragEventHandler<HTMLInputElement> | undefined;
+    onDragLeaveCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
+    onDragOver?: React.DragEventHandler<HTMLInputElement> | undefined;
+    onDragOverCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
+    onDragStart?: React.DragEventHandler<HTMLInputElement> | undefined;
+    onDragStartCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
+    onDrop?: React.DragEventHandler<HTMLInputElement> | undefined;
+    onDropCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
+    onMouseDown?: React.MouseEventHandler<HTMLInputElement> | undefined;
+    onMouseDownCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
+    onMouseEnter?: React.MouseEventHandler<HTMLInputElement> | undefined;
+    onMouseLeave?: React.MouseEventHandler<HTMLInputElement> | undefined;
+    onMouseMove?: React.MouseEventHandler<HTMLInputElement> | undefined;
+    onMouseMoveCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
+    onMouseOut?: React.MouseEventHandler<HTMLInputElement> | undefined;
+    onMouseOutCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
+    onMouseOver?: React.MouseEventHandler<HTMLInputElement> | undefined;
+    onMouseOverCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
+    onMouseUp?: React.MouseEventHandler<HTMLInputElement> | undefined;
+    onMouseUpCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
+    onSelect?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onSelectCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+    onTouchCancel?: React.TouchEventHandler<HTMLInputElement> | undefined;
+    onTouchCancelCapture?: React.TouchEventHandler<HTMLInputElement> | undefined;
+    onTouchEnd?: React.TouchEventHandler<HTMLInputElement> | undefined;
+    onTouchEndCapture?: React.TouchEventHandler<HTMLInputElement> | undefined;
+    onTouchMove?: React.TouchEventHandler<HTMLInputElement> | undefined;
+    onTouchMoveCapture?: React.TouchEventHandler<HTMLInputElement> | undefined;
+    onTouchStart?: React.TouchEventHandler<HTMLInputElement> | undefined;
+    onTouchStartCapture?: React.TouchEventHandler<HTMLInputElement> | undefined;
+    onPointerDown?: React.PointerEventHandler<HTMLInputElement> | undefined;
+    onPointerDownCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
+    onPointerMove?: React.PointerEventHandler<HTMLInputElement> | undefined;
+    onPointerMoveCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
+    onPointerUp?: React.PointerEventHandler<HTMLInputElement> | undefined;
+    onPointerUpCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
+    onPointerCancel?: React.PointerEventHandler<HTMLInputElement> | undefined;
+    onPointerCancelCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
+    onPointerEnter?: React.PointerEventHandler<HTMLInputElement> | undefined;
+    onPointerLeave?: React.PointerEventHandler<HTMLInputElement> | undefined;
+    onPointerOver?: React.PointerEventHandler<HTMLInputElement> | undefined;
+    onPointerOverCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
+    onPointerOut?: React.PointerEventHandler<HTMLInputElement> | undefined;
+    onPointerOutCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
+    onGotPointerCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
+    onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
+    onLostPointerCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
+    onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
+    onScroll?: React.UIEventHandler<HTMLInputElement> | undefined;
+    onScrollCapture?: React.UIEventHandler<HTMLInputElement> | undefined;
+    onWheel?: React.WheelEventHandler<HTMLInputElement> | undefined;
+    onWheelCapture?: React.WheelEventHandler<HTMLInputElement> | undefined;
+    onAnimationStart?: React.AnimationEventHandler<HTMLInputElement> | undefined;
+    onAnimationStartCapture?: React.AnimationEventHandler<HTMLInputElement> | undefined;
+    onAnimationEnd?: React.AnimationEventHandler<HTMLInputElement> | undefined;
+    onAnimationEndCapture?: React.AnimationEventHandler<HTMLInputElement> | undefined;
+    onAnimationIteration?: React.AnimationEventHandler<HTMLInputElement> | undefined;
+    onAnimationIterationCapture?: React.AnimationEventHandler<HTMLInputElement> | undefined;
+    onTransitionEnd?: React.TransitionEventHandler<HTMLInputElement> | undefined;
+    onTransitionEndCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
+    value?: string | readonly string[] | number | undefined;
+    form?: string | undefined;
+    pattern?: string | undefined;
+    list?: string | undefined;
+    step?: number | string | undefined;
+    height?: number | string | undefined;
+    max?: number | string | undefined;
+    min?: number | string | undefined;
+    name?: string | undefined;
+    width?: number | string | undefined;
+    formAction?: string | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
+    formEncType?: string | undefined;
+    formMethod?: string | undefined;
+    formNoValidate?: boolean | undefined;
+    formTarget?: string | undefined;
+    multiple?: boolean | undefined;
+    alt?: string | undefined;
+    autoComplete?: React.HTMLInputAutoCompleteAttribute | undefined;
+    accept?: string | undefined;
+    capture?: boolean | "user" | "environment" | undefined;
+    checked?: boolean | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+    maxLength?: number | undefined;
+    minLength?: number | undefined;
+    src?: string | undefined;
+    required?: boolean | undefined;
+    placeholder?: string | undefined;
+    'data-color'?: Color | undefined;
+    type?: InputAttr["type"];
+    size?: number | undefined;
+    disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    role?: InputAttr["role"];
+} & React.RefAttributes<HTMLInputElement>>;
+export {};
+//# sourceMappingURL=Input.d.ts.map

package/dist/types/components/form/Input/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Input/Input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,KAAK,SAAS,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AAEvD,MAAM,MAAM,UAAU,GAAG,UAAU,CACjC,YAAY,GAAG,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,EACxC;IACE;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACzB;OACG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yDAAyD;IACzD,IAAI,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CAC1B,CACF,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAxBC,KAAK;WAEb,SAAS,CAAC,MAAM,CAAC;WAGjB,MAAM;eAIF,OAAO;eAEP,OAAO;WAEX,SAAS,CAAC,MAAM,CAAC;0CA4B1B,CAAC"}

package/dist/types/components/form/Input/index.d.ts

@@ -0,0 +1,3 @@
+export { Input } from './Input';
+export type { InputProps } from './Input';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/form/Input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}

package/dist/types/components/form/Radio/Radio.d.ts

@@ -1,15 +1,40 @@
-import type { InputHTMLAttributes, ReactNode } from 'react';
-import type { FormFieldProps } from '../useFormField';
-export type RadioProps = {
+import type { ReactNode } from 'react';
+import type { Color } from '../../../colors';
+import type { DefaultProps } from '../../../types';
+import type { MergeRight } from '../../../utilities';
+import { type InputProps } from '../Input';
+export type RadioProps = MergeRight<DefaultProps & Omit<InputProps, 'type' | 'role' | 'size'>, {
+    /** The color of the fill for selected radios.
+     * If left unspecified, the color is inherited from the nearest ancestor with data-color.
+     */
+    'data-color'?: Color;
+    /** Optional aria-label */
+    'aria-label'?: string;
     /** Radio label */
-    children?: ReactNode;
+    label?: ReactNode;
+    /** Description for field */
+    description?: ReactNode;
     /** Value of the `input` element */
-    value: string;
-} & Omit<FormFieldProps, 'error' | 'errorId'> & Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'value'>;
-export declare const Radio: React.ForwardRefExoticComponent<{
-    /** Radio label */
-    children?: ReactNode;
-    /** Value of the `input` element */
-    value: string;
-} & Omit<FormFieldProps, "error" | "errorId"> & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "value"> & React.RefAttributes<HTMLInputElement>>;
+    value?: InputProps['value'];
+    /** Validation message for field */
+    validation?: ReactNode;
+} & ({
+    'aria-label': string;
+    'aria-labelledby'?: never;
+    label?: never;
+} | {
+    'aria-label'?: never;
+    'aria-labelledby'?: never;
+    label: ReactNode;
+} | {
+    'aria-label'?: never;
+    'aria-labelledby': string;
+    label?: never;
+})>;
+/**
+ * Radio used to select multiple options.
+ * @example
+ * <Radio label="I agree" value="agree" />
+ */
+export declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
 //# sourceMappingURL=Radio.d.ts.map

package/dist/types/components/form/Radio/Radio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Radio/Radio.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAM5D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAItD,MAAM,MAAM,UAAU,GAAG;IACvB,kBAAkB;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,SAAS,CAAC,GAC3C,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC;AAEhE,eAAO,MAAM,KAAK;IAPhB,kBAAkB;eACP,SAAS;IACpB,mCAAmC;WAC5B,MAAM;sJAuDb,CAAC"}
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAIrD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAElD,MAAM,MAAM,UAAU,GAAG,UAAU,CACjC,YAAY,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,EACzD;IACE;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,0BAA0B;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,mCAAmC;IACnC,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B,mCAAmC;IACnC,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB,GAAG,CACA;IAAE,YAAY,EAAE,MAAM,CAAC;IAAC,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,GAClE;IAAE,YAAY,CAAC,EAAE,KAAK,CAAC;IAAC,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,SAAS,CAAA;CAAE,GACrE;IAAE,YAAY,CAAC,EAAE,KAAK,CAAC;IAAC,iBAAiB,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,CACrE,CACF,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,KAAK,qFAYhB,CAAC"}

package/dist/types/components/form/Radio/index.d.ts

@@ -1,20 +1,3 @@
-import type { RadioProps } from './Radio';
-import { Radio as RadioParent } from './Radio';
-import type { RadioGroupProps } from './RadioGroup';
-import { RadioGroup } from './RadioGroup';
-type RadioComponent = typeof RadioParent & {
-    /**
-     * Grouping  multiple `Radio` together.
-     * @example
-     * <Radio.Group legend="Are you 18 years or older?">
-     *    <Radio value="Yes">Yes</Radio>
-     *    <Radio value="No">No</Radio>
-     * </Radio.Group>
-     */
-    Group: typeof RadioGroup;
-};
-/** `<input> element with `type="radio"` used for selecting one option */
-declare const Radio: RadioComponent;
-export type { RadioProps, RadioGroupProps };
-export { Radio, RadioGroup };
+export * from './Radio';
+export * from '../../../utilities/hooks/useRadioGroup/useRadioGroup';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/form/Radio/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Radio/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,KAAK,cAAc,GAAG,OAAO,WAAW,GAAG;IACzC;;;;;;;OAOG;IACH,KAAK,EAAE,OAAO,UAAU,CAAC;CAC1B,CAAC;AAEF,yEAAyE;AACzE,QAAA,MAAM,KAAK,EAAkB,cAAc,CAAC;AAM5C,YAAY,EAAE,UAAU,EAAE,eAAe,EAAE,CAAC;AAE5C,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Radio/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,sDAAsD,CAAC"}

package/dist/types/components/form/Search/Search.d.ts

@@ -1,76 +1,4 @@
-import type { InputHTMLAttributes, ReactNode } from 'react';
-import type { FormFieldProps } from '../useFormField';
-export type SearchProps = {
-    /** Label */
-    label?: ReactNode;
-    /** Visually hides `label` and `description` (still available for screen readers)
-     * @default true
-     */
-    hideLabel?: boolean;
-    /**
-     * Changes field size and paddings
-     * @default md
-     */
-    size?: 'sm' | 'md' | 'lg';
-    /** Variant
-     * @default 'simple'
-     */
-    variant?: 'primary' | 'secondary' | 'simple';
-    /** Callback for when clear button is activated */
-    onClear?: (value: InputHTMLAttributes<HTMLInputElement>['value']) => void;
-    /**Callback for Search-button submit */
-    onSearchClick?: (value: string) => void;
-    /** Search button label. Use this for providing a descriptive button text and/or icon
-     * @default 'Søk'
-     */
-    searchButtonLabel?: ReactNode;
-    /** Clear button label. Hidden visually. Used for screen readers
-     * @default 'Tøm'
-     */
-    clearButtonLabel?: string;
-    /** Exposes the HTML `size` attribute.
-     * @default 27
-     */
-    htmlSize?: number;
-} & Omit<FormFieldProps, 'size' | 'description' | 'readOnly' | 'error' | 'errorId'> & Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'readOnly'>;
-/** Search field
- *
- * @example
- * ```tsx
- * <Search label="Search" label">
- * ```
- */
-export declare const Search: React.ForwardRefExoticComponent<{
-    /** Label */
-    label?: ReactNode;
-    /** Visually hides `label` and `description` (still available for screen readers)
-     * @default true
-     */
-    hideLabel?: boolean;
-    /**
-     * Changes field size and paddings
-     * @default md
-     */
-    size?: "sm" | "md" | "lg";
-    /** Variant
-     * @default 'simple'
-     */
-    variant?: "primary" | "secondary" | "simple";
-    /** Callback for when clear button is activated */
-    onClear?: (value: InputHTMLAttributes<HTMLInputElement>["value"]) => void;
-    /**Callback for Search-button submit */
-    onSearchClick?: (value: string) => void;
-    /** Search button label. Use this for providing a descriptive button text and/or icon
-     * @default 'Søk'
-     */
-    searchButtonLabel?: ReactNode;
-    /** Clear button label. Hidden visually. Used for screen readers
-     * @default 'Tøm'
-     */
-    clearButtonLabel?: string;
-    /** Exposes the HTML `size` attribute.
-     * @default 27
-     */
-    htmlSize?: number;
-} & Omit<FormFieldProps, "size" | "error" | "readOnly" | "errorId" | "description"> & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "readOnly"> & React.RefAttributes<HTMLInputElement>>;
+import type { DefaultProps } from '../../../types';
+export type SearchProps = DefaultProps & React.HTMLAttributes<HTMLDivElement>;
+export declare const Search: React.ForwardRefExoticComponent<DefaultProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Search.d.ts.map

package/dist/types/components/form/Search/Search.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Search/Search.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAe,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOzE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAItD,MAAM,MAAM,WAAW,GAAG;IACxB,YAAY;IACZ,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;IAC7C,kDAAkD;IAClD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IAC1E,uCAAuC;IACvC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,IAAI,CACN,cAAc,EACd,MAAM,GAAG,aAAa,GAAG,UAAU,GAAG,OAAO,GAAG,SAAS,CAC1D,GACC,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC,CAAC;AAEnE;;;;;;GAMG;AACH,eAAO,MAAM,MAAM;IA5CjB,YAAY;YACJ,SAAS;IACjB;;OAEG;gBACS,OAAO;IACnB;;;OAGG;WACI,IAAI,GAAG,IAAI,GAAG,IAAI;IACzB;;OAEG;cACO,SAAS,GAAG,WAAW,GAAG,QAAQ;IAC5C,kDAAkD;cACxC,CAAC,KAAK,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAC,KAAK,IAAI;IACzE,uCAAuC;oBACvB,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;IACvC;;OAEG;wBACiB,SAAS;IAC7B;;OAEG;uBACgB,MAAM;IACzB;;OAEG;eACQ,MAAM;+LA0IlB,CAAC"}
+{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Search/Search.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnD,MAAM,MAAM,WAAW,GAAG,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAE9E,eAAO,MAAM,MAAM,4HAKjB,CAAC"}