@digdir/designsystemet-react 1.0.0-next.43 → 1.0.0-next.45

package/dist/types/components/ValidationMessage/ValidationMessage.d.ts

@@ -15,275 +15,16 @@ export type ValidationMessageProps = MergeRight<Omit<DefaultProps, 'data-color'>
     asChild?: boolean;
 }>;
 /** Use `ValidationMessage` to display validation text */
-export declare const ValidationMessage: React.ForwardRefExoticComponent<{
-    defaultValue?: string | number | readonly string[] | undefined;
-    prefix?: string | undefined;
-    onChange?: React.FormEventHandler<HTMLParagraphElement> | 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;
-    role?: React.AriaRole | 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;
-    children?: React.ReactNode | undefined;
-    dangerouslySetInnerHTML?: {
-        __html: string | TrustedHTML;
-    } | undefined;
-    onCopy?: React.ClipboardEventHandler<HTMLParagraphElement> | undefined;
-    onCopyCapture?: React.ClipboardEventHandler<HTMLParagraphElement> | undefined;
-    onCut?: React.ClipboardEventHandler<HTMLParagraphElement> | undefined;
-    onCutCapture?: React.ClipboardEventHandler<HTMLParagraphElement> | undefined;
-    onPaste?: React.ClipboardEventHandler<HTMLParagraphElement> | undefined;
-    onPasteCapture?: React.ClipboardEventHandler<HTMLParagraphElement> | undefined;
-    onCompositionEnd?: React.CompositionEventHandler<HTMLParagraphElement> | undefined;
-    onCompositionEndCapture?: React.CompositionEventHandler<HTMLParagraphElement> | undefined;
-    onCompositionStart?: React.CompositionEventHandler<HTMLParagraphElement> | undefined;
-    onCompositionStartCapture?: React.CompositionEventHandler<HTMLParagraphElement> | undefined;
-    onCompositionUpdate?: React.CompositionEventHandler<HTMLParagraphElement> | undefined;
-    onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLParagraphElement> | undefined;
-    onFocus?: React.FocusEventHandler<HTMLParagraphElement> | undefined;
-    onFocusCapture?: React.FocusEventHandler<HTMLParagraphElement> | undefined;
-    onBlur?: React.FocusEventHandler<HTMLParagraphElement> | undefined;
-    onBlurCapture?: React.FocusEventHandler<HTMLParagraphElement> | undefined;
-    onChangeCapture?: React.FormEventHandler<HTMLParagraphElement> | undefined;
-    onBeforeInput?: React.FormEventHandler<HTMLParagraphElement> | undefined;
-    onBeforeInputCapture?: React.FormEventHandler<HTMLParagraphElement> | undefined;
-    onInput?: React.FormEventHandler<HTMLParagraphElement> | undefined;
-    onInputCapture?: React.FormEventHandler<HTMLParagraphElement> | undefined;
-    onReset?: React.FormEventHandler<HTMLParagraphElement> | undefined;
-    onResetCapture?: React.FormEventHandler<HTMLParagraphElement> | undefined;
-    onSubmit?: React.FormEventHandler<HTMLParagraphElement> | undefined;
-    onSubmitCapture?: React.FormEventHandler<HTMLParagraphElement> | undefined;
-    onInvalid?: React.FormEventHandler<HTMLParagraphElement> | undefined;
-    onInvalidCapture?: React.FormEventHandler<HTMLParagraphElement> | undefined;
-    onLoad?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-    onLoadCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-    onError?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-    onErrorCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-    onKeyDown?: React.KeyboardEventHandler<HTMLParagraphElement> | undefined;
-    onKeyDownCapture?: React.KeyboardEventHandler<HTMLParagraphElement> | undefined;
-    onKeyPress?: React.KeyboardEventHandler<HTMLParagraphElement> | undefined;
-    onKeyPressCapture?: React.KeyboardEventHandler<HTMLParagraphElement> | undefined;
-    onKeyUp?: React.KeyboardEventHandler<HTMLParagraphElement> | undefined;
-    onKeyUpCapture?: React.KeyboardEventHandler<HTMLParagraphElement> | undefined;
-    onAbort?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-    onAbortCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-    onCanPlay?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-    onCanPlayCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-    onCanPlayThrough?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-    onCanPlayThroughCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-    onDurationChange?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-    onDurationChangeCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-    onEmptied?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-    onEmptiedCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-    onEncrypted?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-    onEncryptedCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-    onEnded?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-    onEndedCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-    onLoadedData?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-    onLoadedDataCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-    onLoadedMetadata?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-    onLoadedMetadataCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-    onLoadStart?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-    onLoadStartCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-    onPause?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-    onPauseCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-    onPlay?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-    onPlayCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-    onPlaying?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-    onPlayingCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-    onProgress?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-    onProgressCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-    onRateChange?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-    onRateChangeCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-    onResize?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-    onResizeCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-    onSeeked?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-    onSeekedCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-    onSeeking?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-    onSeekingCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-    onStalled?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-    onStalledCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-    onSuspend?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-    onSuspendCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-    onTimeUpdate?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-    onTimeUpdateCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-    onVolumeChange?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-    onVolumeChangeCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-    onWaiting?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-    onWaitingCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-    onAuxClick?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-    onAuxClickCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-    onClick?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-    onClickCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-    onContextMenu?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-    onContextMenuCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-    onDoubleClick?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-    onDoubleClickCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-    onDrag?: React.DragEventHandler<HTMLParagraphElement> | undefined;
-    onDragCapture?: React.DragEventHandler<HTMLParagraphElement> | undefined;
-    onDragEnd?: React.DragEventHandler<HTMLParagraphElement> | undefined;
-    onDragEndCapture?: React.DragEventHandler<HTMLParagraphElement> | undefined;
-    onDragEnter?: React.DragEventHandler<HTMLParagraphElement> | undefined;
-    onDragEnterCapture?: React.DragEventHandler<HTMLParagraphElement> | undefined;
-    onDragExit?: React.DragEventHandler<HTMLParagraphElement> | undefined;
-    onDragExitCapture?: React.DragEventHandler<HTMLParagraphElement> | undefined;
-    onDragLeave?: React.DragEventHandler<HTMLParagraphElement> | undefined;
-    onDragLeaveCapture?: React.DragEventHandler<HTMLParagraphElement> | undefined;
-    onDragOver?: React.DragEventHandler<HTMLParagraphElement> | undefined;
-    onDragOverCapture?: React.DragEventHandler<HTMLParagraphElement> | undefined;
-    onDragStart?: React.DragEventHandler<HTMLParagraphElement> | undefined;
-    onDragStartCapture?: React.DragEventHandler<HTMLParagraphElement> | undefined;
-    onDrop?: React.DragEventHandler<HTMLParagraphElement> | undefined;
-    onDropCapture?: React.DragEventHandler<HTMLParagraphElement> | undefined;
-    onMouseDown?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-    onMouseDownCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-    onMouseEnter?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-    onMouseLeave?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-    onMouseMove?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-    onMouseMoveCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-    onMouseOut?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-    onMouseOutCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-    onMouseOver?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-    onMouseOverCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-    onMouseUp?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-    onMouseUpCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-    onSelect?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-    onSelectCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-    onTouchCancel?: React.TouchEventHandler<HTMLParagraphElement> | undefined;
-    onTouchCancelCapture?: React.TouchEventHandler<HTMLParagraphElement> | undefined;
-    onTouchEnd?: React.TouchEventHandler<HTMLParagraphElement> | undefined;
-    onTouchEndCapture?: React.TouchEventHandler<HTMLParagraphElement> | undefined;
-    onTouchMove?: React.TouchEventHandler<HTMLParagraphElement> | undefined;
-    onTouchMoveCapture?: React.TouchEventHandler<HTMLParagraphElement> | undefined;
-    onTouchStart?: React.TouchEventHandler<HTMLParagraphElement> | undefined;
-    onTouchStartCapture?: React.TouchEventHandler<HTMLParagraphElement> | undefined;
-    onPointerDown?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-    onPointerDownCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-    onPointerMove?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-    onPointerMoveCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-    onPointerUp?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-    onPointerUpCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-    onPointerCancel?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-    onPointerCancelCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-    onPointerEnter?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-    onPointerLeave?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-    onPointerOver?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-    onPointerOverCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-    onPointerOut?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-    onPointerOutCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-    onGotPointerCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-    onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-    onLostPointerCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-    onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-    onScroll?: React.UIEventHandler<HTMLParagraphElement> | undefined;
-    onScrollCapture?: React.UIEventHandler<HTMLParagraphElement> | undefined;
-    onWheel?: React.WheelEventHandler<HTMLParagraphElement> | undefined;
-    onWheelCapture?: React.WheelEventHandler<HTMLParagraphElement> | undefined;
-    onAnimationStart?: React.AnimationEventHandler<HTMLParagraphElement> | undefined;
-    onAnimationStartCapture?: React.AnimationEventHandler<HTMLParagraphElement> | undefined;
-    onAnimationEnd?: React.AnimationEventHandler<HTMLParagraphElement> | undefined;
-    onAnimationEndCapture?: React.AnimationEventHandler<HTMLParagraphElement> | undefined;
-    onAnimationIteration?: React.AnimationEventHandler<HTMLParagraphElement> | undefined;
-    onAnimationIterationCapture?: React.AnimationEventHandler<HTMLParagraphElement> | undefined;
-    onTransitionEnd?: React.TransitionEventHandler<HTMLParagraphElement> | undefined;
-    onTransitionEndCapture?: React.TransitionEventHandler<HTMLParagraphElement> | undefined;
-    'data-color'?: SeverityColors | undefined;
-    asChild?: boolean | undefined;
+export declare const ValidationMessage: React.ForwardRefExoticComponent<Omit<Omit<DefaultProps, "data-color"> & HTMLAttributes<HTMLParagraphElement>, "data-color" | "asChild"> & {
+    /**
+     * Sets color and icon.
+     * @default 'danger'
+     */
+    'data-color'?: SeverityColors;
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
 } & React.RefAttributes<HTMLParagraphElement>>;
 //# sourceMappingURL=ValidationMessage.d.ts.map

package/dist/types/components/ValidationMessage/ValidationMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ValidationMessage.d.ts","sourceRoot":"","sources":["../../../src/components/ValidationMessage/ValidationMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,sBAAsB,GAAG,UAAU,CAC7C,IAAI,CAAC,YAAY,EAAE,YAAY,CAAC,GAAG,cAAc,CAAC,oBAAoB,CAAC,EACvE;IACE;;;OAGG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC;IAC9B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CACF,CAAC;AAEF,yDAAyD;AACzD,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAVX,cAAc;cAKnB,OAAO;8CAmBnB,CAAC"}
+{"version":3,"file":"ValidationMessage.d.ts","sourceRoot":"","sources":["../../../src/components/ValidationMessage/ValidationMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,sBAAsB,GAAG,UAAU,CAC7C,IAAI,CAAC,YAAY,EAAE,YAAY,CAAC,GAAG,cAAc,CAAC,oBAAoB,CAAC,EACvE;IACE;;;OAGG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC;IAC9B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CACF,CAAC;AAEF,yDAAyD;AACzD,eAAO,MAAM,iBAAiB;IAd1B;;;OAGG;mBACY,cAAc;IAC7B;;;OAGG;cACO,OAAO;8CAmBnB,CAAC"}

package/dist/types/index.d.ts

@@ -1,4 +1,4 @@
 export * from './components';
-export { useSynchronizedAnimation, useIsomorphicLayoutEffect, RovingFocusRoot, useRovingFocus, RovingFocusItem, getNextFocusableValue, getPrevFocusableValue, omit, } from './utilities';
+export * from './utilities';
 export type { Size } from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,OAAO,EACL,wBAAwB,EACxB,yBAAyB,EACzB,eAAe,EACf,cAAc,EACd,eAAe,EACf,qBAAqB,EACrB,qBAAqB,EACrB,IAAI,GACL,MAAM,aAAa,CAAC;AACrB,YAAY,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,YAAY,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC"}

package/dist/types/types.d.ts

@@ -1,21 +1,16 @@
 import type { ReactNode } from 'react';
 import type { Color } from './colors';
 export type Size = 'sm' | 'md' | 'lg';
-export type PortalProps = {
+export type DefaultProps = {
     /**
-     * Portals the floating element outside of the app root and into the body.
-     * @see https://floating-ui.com/docs/floatingportal
-     * @default false
+     * Changes size for descendant Designsystemet components. Select from predefined sizes.
      */
-    portal?: boolean;
-};
-export type DefaultProps = {
-    'data-size'?: Size;
+    'data-size'?: Size | (string & {});
     /**
-     * Sets a color palette which may be used by descendants. Does not affect this component.
-     * If left unspecified, the color is inherited from the nearest ancestor with data-color.
+     * Changes color for descendant Designsystemet components.
+     * Select from predefined colors and colors defined using theme.designsystemet.no.
      */
-    'data-color'?: Color;
+    'data-color'?: Color | (string & {});
 };
 export type LabelRequired = {
     'aria-label': string;

package/dist/types/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEtC,MAAM,MAAM,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEtC,MAAM,MAAM,WAAW,GAAG;IACxB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,aAAa,GACrB;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,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEtC,MAAM,MAAM,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEtC,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACnC;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CACtC,CAAC;AAEF,MAAM,MAAM,aAAa,GACrB;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,CAAC"}

package/dist/types/utilities/hooks/index.d.ts

@@ -1,10 +1,10 @@
+export { useCheckboxGroup } from './useCheckboxGroup/useCheckboxGroup';
 export { useDebounceCallback } from './useDebounceCallback/useDebounceCallback';
 export { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect/useIsomorphicLayoutEffect';
 export { useMediaQuery } from './useMediaQuery/useMediaQuery';
-export { useSynchronizedAnimation } from './useSynchronizedAnimation/useSynchronizedAnimation';
 export { usePrevious } from './usePrevious/usePrevious';
 export { useRadioGroup } from './useRadioGroup/useRadioGroup';
-export { useCheckboxGroup } from './useCheckboxGroup/useCheckboxGroup';
+export { useSynchronizedAnimation } from './useSynchronizedAnimation/useSynchronizedAnimation';
 export type { UseRadioGroupProps } from './useRadioGroup/useRadioGroup';
 export type { UseCheckboxGroupProps } from './useCheckboxGroup/useCheckboxGroup';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/utilities/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utilities/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,EAAE,yBAAyB,EAAE,MAAM,uDAAuD,CAAC;AAClG,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,wBAAwB,EAAE,MAAM,qDAAqD,CAAC;AAC/F,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AAEvE,YAAY,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACxE,YAAY,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utilities/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,EAAE,yBAAyB,EAAE,MAAM,uDAAuD,CAAC;AAClG,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,wBAAwB,EAAE,MAAM,qDAAqD,CAAC;AAE/F,YAAY,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACxE,YAAY,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC"}

package/dist/types/utilities/hooks/useCheckboxGroup/useCheckboxGroup.d.ts

@@ -80,7 +80,6 @@ export declare function useCheckboxGroup(props?: UseCheckboxGroupProps): {
         disabled: boolean | undefined;
         readOnly: boolean | undefined;
         required: boolean | undefined;
-        defaultValue?: string | number | readonly string[] | undefined;
         accept?: string | undefined;
         alt?: string | undefined;
         autoComplete?: React.HTMLInputAutoCompleteAttribute | undefined;
@@ -105,6 +104,7 @@ export declare function useCheckboxGroup(props?: UseCheckboxGroupProps): {
         step?: number | string | undefined;
         width?: number | string | undefined;
         defaultChecked?: boolean | undefined;
+        defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined;
         suppressHydrationWarning?: boolean | undefined;
         accessKey?: string | undefined;
@@ -150,8 +150,8 @@ export declare function useCheckboxGroup(props?: UseCheckboxGroupProps): {
         inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
         is?: string | undefined;
         popovertarget?: string | undefined;
-        'data-size'?: "sm" | "md" | "lg" | undefined;
-        'data-color'?: import("../../../colors").Color | undefined;
+        'data-size'?: (import("../../..").Size | (string & {})) | undefined;
+        'data-color'?: (import("../../../colors").Color | (string & {})) | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
         "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;

package/dist/types/utilities/hooks/useRadioGroup/useRadioGroup.d.ts

@@ -68,7 +68,6 @@ export declare function useRadioGroup({ error, readOnly, required, disabled, nam
         readOnly: boolean | undefined;
         disabled: boolean | undefined;
         onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
-        defaultValue?: string | number | readonly string[] | undefined;
         accept?: string | undefined;
         alt?: string | undefined;
         autoComplete?: React.HTMLInputAutoCompleteAttribute | undefined;
@@ -93,6 +92,7 @@ export declare function useRadioGroup({ error, readOnly, required, disabled, nam
         step?: number | string | undefined;
         width?: number | string | undefined;
         defaultChecked?: boolean | undefined;
+        defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined;
         suppressHydrationWarning?: boolean | undefined;
         accessKey?: string | undefined;
@@ -138,8 +138,8 @@ export declare function useRadioGroup({ error, readOnly, required, disabled, nam
         inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
         is?: string | undefined;
         popovertarget?: string | undefined;
-        'data-size'?: "sm" | "md" | "lg" | undefined;
-        'data-color'?: import("../../../colors").Color | undefined;
+        'data-size'?: (import("../../..").Size | (string & {})) | undefined;
+        'data-color'?: (import("../../../colors").Color | (string & {})) | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
         "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;

package/dist/types/utilities/types.d.ts

@@ -1,10 +1,6 @@
-/** Simplify a type signature to help with readability in editor hints, error messages etc */
-export type Simplify<T> = {
-    [Key in keyof T]: T[Key];
-} & {};
 /**
  * Create a new type with the properties of the first type merged with the properties of the second type.
  * If a key exists in both types, the property from the *second* type will be used.
  */
-export type MergeRight<T1, T2> = Simplify<Omit<T1, keyof T2> & T2>;
+export type MergeRight<T1, T2> = Omit<T1, keyof T2> & T2;
 //# sourceMappingURL=types.d.ts.map

package/dist/types/utilities/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/utilities/types.ts"],"names":[],"mappings":"AAAA,6FAA6F;AAC7F,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI;KAAG,GAAG,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC;CAAE,GAAG,EAAE,CAAC;AAE5D;;;GAGG;AACH,MAAM,MAAM,UAAU,CAAC,EAAE,EAAE,EAAE,IAAI,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/utilities/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,MAAM,UAAU,CAAC,EAAE,EAAE,EAAE,IAAI,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,GAAG,EAAE,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@digdir/designsystemet-react",
   "type": "module",
-  "version": "1.0.0-next.43",
+  "version": "1.0.0-next.45",
   "description": "React components for Designsystemet",
   "author": "Designsystemet team",
   "repository": {

package/dist/types/components/Fieldset/FieldsetContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FieldsetContext.d.ts","sourceRoot":"","sources":["../../../src/components/Fieldset/FieldsetContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iDAAiD,CAAC;AAEtF,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,cAAc,EACd,OAAO,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAC1C,CAAC;AAEF,eAAO,MAAM,eAAe,2CAAkD,CAAC"}

package/dist/types/components/Textarea/useTextarea.d.ts

@@ -1,10 +0,0 @@
-import type { TextareaHTMLAttributes } from 'react';
-import type { FormField } from '../../utilities/hooks/useFormField/useFormField';
-import type { TextareaProps } from './Textarea';
-type UseTextarea = (props: TextareaProps) => Omit<FormField, 'inputProps'> & {
-    textareaProps: Pick<TextareaHTMLAttributes<HTMLTextAreaElement>, 'readOnly' | 'name' | 'required' | 'onClick' | 'onChange'> & FormField['inputProps'];
-};
-/** Handles props for `Textarea` in context with `Fieldset` */
-export declare const useTextarea: UseTextarea;
-export {};
-//# sourceMappingURL=useTextarea.d.ts.map

package/dist/types/components/Textarea/useTextarea.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTextarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/useTextarea.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAGpD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iDAAiD,CAAC;AAIjF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,KAAK,WAAW,GAAG,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG;IAC3E,aAAa,EAAE,IAAI,CACjB,sBAAsB,CAAC,mBAAmB,CAAC,EAC3C,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,CAC1D,GACC,SAAS,CAAC,YAAY,CAAC,CAAC;CAC3B,CAAC;AAEF,8DAA8D;AAC9D,eAAO,MAAM,WAAW,EAAE,WAgCzB,CAAC"}

package/dist/types/utilities/hooks/useFormField/useFormField.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFormField.d.ts","sourceRoot":"","sources":["../../../../src/utilities/hooks/useFormField/useFormField.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG5E,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAE3C,MAAM,MAAM,cAAc,GAAG;IAC3B,mCAAmC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,iCAAiC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,2BAA2B;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,GAAG,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,kBAAkB,CAAC,CAAC;AAE1D,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE;QACV,EAAE,EAAE,MAAM,CAAC;KACZ,GAAG,IAAI,CACN,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,UAAU,GAAG,cAAc,GAAG,kBAAkB,CACjD,CAAC;CACH,GAAG,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,UAAU,CAAC,CAAC;AAE9C;;GAEG;AACH,eAAO,MAAM,YAAY,UAChB,cAAc,UACb,MAAM,KACb,SAkCF,CAAC"}