@dnb/eufemia 10.18.0 → 10.19.0

package/components/textarea/style/themes/dnb-textarea-theme-ui.scss

@@ -6,6 +6,12 @@
 @import '../../../../style/core/utilities.scss';
 
 .dnb-textarea {
+  --textarea-border-color: var(--color-sea-green);
+  --textarea-border-color--hover: var(--color-emerald-green);
+  --textarea-border-color--disabled: var(--color-black-55);
+  --textarea-border-width: 0.0625rem;
+  --textarea-border-width--hover: 0.125rem;
+
   &__textarea {
     color: var(--color-black);
     background-color: var(--textarea-background-color);
@@ -23,7 +29,10 @@
 
   &__textarea:not([disabled]):not(#{&}--disabled):focus ~ &__state,
   &__textarea:not([disabled]):not(#{&}--disabled):hover ~ &__state {
-    box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
+    @include fakeBorder(
+      var(--textarea-border-color--hover),
+      var(--textarea-border-width--hover)
+    );
   }
 
   // We may enable this in future – right now it's unclear
@@ -41,7 +50,11 @@
 
   &--disabled &__state,
   &__textarea[disabled] ~ &__state {
-    box-shadow: 0 0 0 0.0625rem var(--color-black-55);
+    @include fakeBorder(
+      var(--textarea-border-color--disabled),
+      var(--textarea-border-width),
+      inset
+    );
     background-color: var(--color-black-3);
   }
 

package/es/components/AriaLive.d.ts

@@ -0,0 +1,12 @@
+/**
+ * ATTENTION: This file is auto generated by using "prepareTemplates".
+ * Do not change the content!
+ *
+ */
+/**
+ * Library Index aria-live to autogenerate all the components and extensions
+ * Used by "prepareAriaLives"
+ */
+import AriaLive from './aria-live/AriaLive';
+export * from './aria-live/AriaLive';
+export default AriaLive;

package/es/components/AriaLive.js

@@ -0,0 +1,4 @@
+import AriaLive from './aria-live/AriaLive';
+export * from './aria-live/AriaLive';
+export default AriaLive;
+//# sourceMappingURL=AriaLive.js.map

package/es/components/AriaLive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AriaLive.js","names":["AriaLive"],"sources":["../../../src/components/AriaLive.ts"],"sourcesContent":["/**\n * ATTENTION: This file is auto generated by using \"prepareTemplates\".\n * Do not change the content!\n *\n */\n\n/**\n * Library Index aria-live to autogenerate all the components and extensions\n * Used by \"prepareAriaLives\"\n */\n\nimport AriaLive from './aria-live/AriaLive'\nexport * from './aria-live/AriaLive'\nexport default AriaLive\n"],"mappings":"AAWA,OAAOA,QAAQ,MAAM,sBAAsB;AAC3C,cAAc,sBAAsB;AACpC,eAAeA,QAAQ"}

package/es/components/aria-live/AriaLive.d.ts

@@ -0,0 +1,6 @@
+import { AriaLiveAllProps } from './types';
+declare function AriaLive({ element, ...props }: AriaLiveAllProps): import("react/jsx-runtime").JSX.Element;
+declare namespace AriaLive {
+    var _supportsSpacingProps: string;
+}
+export default AriaLive;

package/es/components/aria-live/AriaLive.js

@@ -0,0 +1,15 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["element"];
+import React from 'react';
+import useAriaLive from './useAriaLive';
+export default function AriaLive(_ref) {
+  let {
+      element
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  const ariaAttributes = useAriaLive(props);
+  const Element = element || 'section';
+  return React.createElement(Element, ariaAttributes);
+}
+AriaLive._supportsSpacingProps = 'children';
+//# sourceMappingURL=AriaLive.js.map

package/es/components/aria-live/AriaLive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AriaLive.js","names":["React","useAriaLive","AriaLive","_ref","element","props","_objectWithoutProperties","_excluded","ariaAttributes","Element","createElement","_supportsSpacingProps"],"sources":["../../../../src/components/aria-live/AriaLive.tsx"],"sourcesContent":["import React from 'react'\nimport { AriaLiveAllProps } from './types'\nimport useAriaLive from './useAriaLive'\n\nexport default function AriaLive({ element, ...props }: AriaLiveAllProps) {\n  const ariaAttributes = useAriaLive(props)\n  const Element = element || 'section'\n\n  return <Element {...ariaAttributes} />\n}\n\nAriaLive._supportsSpacingProps = 'children'\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,WAAW,MAAM,eAAe;AAEvC,eAAe,SAASC,QAAQA,CAAAC,IAAA,EAA0C;EAAA,IAAzC;MAAEC;IAAoC,CAAC,GAAAD,IAAA;IAAzBE,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EAClD,MAAMC,cAAc,GAAGP,WAAW,CAACI,KAAK,CAAC;EACzC,MAAMI,OAAO,GAAGL,OAAO,IAAI,SAAS;EAEpC,OAAOJ,KAAA,CAAAU,aAAA,CAACD,OAAO,EAAKD,cAAiB,CAAC;AACxC;AAEAN,QAAQ,CAACS,qBAAqB,GAAG,UAAU"}

package/es/components/aria-live/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Component Entry
+ *
+ */
+import AriaLive from './AriaLive';
+export default AriaLive;
+export * from './AriaLive';

package/es/components/aria-live/index.js

@@ -0,0 +1,4 @@
+import AriaLive from './AriaLive';
+export default AriaLive;
+export * from './AriaLive';
+//# sourceMappingURL=index.js.map

package/es/components/aria-live/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["AriaLive"],"sources":["../../../../src/components/aria-live/index.ts"],"sourcesContent":["/**\n * Component Entry\n *\n */\n\nimport AriaLive from './AriaLive'\nexport default AriaLive\nexport * from './AriaLive'\n"],"mappings":"AAKA,OAAOA,QAAQ,MAAM,YAAY;AACjC,eAAeA,QAAQ;AACvB,cAAc,YAAY"}

package/es/components/aria-live/types.d.ts

@@ -0,0 +1,44 @@
+/// <reference types="react" />
+export type AriaLiveProps = {
+    element?: React.ElementType;
+    /**
+     * The variant of the announcement. Can be 'text' or 'content'.
+     */
+    variant?: 'text' | 'content';
+    /**
+     * The priority level of the announcement. Can be 'low', or 'high'.
+     */
+    priority?: 'low' | 'high';
+    /**
+     * Delay in milliseconds before the announcement is made. Defaults to 1000.
+     * @default 1000
+     */
+    delay?: number;
+    /**
+     * Whether the AriaLive component is on or off.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * The politeness level of the announcement. Can be 'off', 'polite', or 'assertive'.
+     */
+    politeness?: React.HTMLAttributes<HTMLElement>['aria-live'];
+    /**
+     * Whether the entire region should be considered as a whole when communicating updates.
+     */
+    atomic?: React.HTMLAttributes<HTMLElement>['aria-atomic'];
+    /**
+     * What types of changes should be presented to the user. Can be 'additions', 'removals', 'text', or 'all'.
+     */
+    relevant?: React.HTMLAttributes<HTMLElement>['aria-relevant'];
+    /**
+     * Whether to show the children or not.
+     * @default false
+     */
+    showAnnouncement?: boolean;
+    /**
+     * The content to be announced.
+     */
+    children: React.ReactNode;
+};
+export type AriaLiveAllProps = AriaLiveProps & React.HTMLAttributes<HTMLElement>;

package/es/components/aria-live/types.js

@@ -0,0 +1 @@
+export {};

package/es/components/aria-live/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/components/aria-live/types.ts"],"sourcesContent":["export type AriaLiveProps = {\n  element?: React.ElementType\n\n  /**\n   * The variant of the announcement. Can be 'text' or 'content'.\n   */\n  variant?: 'text' | 'content'\n\n  /**\n   * The priority level of the announcement. Can be 'low', or 'high'.\n   */\n  priority?: 'low' | 'high'\n\n  /**\n   * Delay in milliseconds before the announcement is made. Defaults to 1000.\n   * @default 1000\n   */\n  delay?: number\n\n  /**\n   * Whether the AriaLive component is on or off.\n   * @default false\n   */\n  disabled?: boolean\n\n  /**\n   * The politeness level of the announcement. Can be 'off', 'polite', or 'assertive'.\n   */\n  politeness?: React.HTMLAttributes<HTMLElement>['aria-live']\n\n  /**\n   * Whether the entire region should be considered as a whole when communicating updates.\n   */\n  atomic?: React.HTMLAttributes<HTMLElement>['aria-atomic']\n\n  /**\n   * What types of changes should be presented to the user. Can be 'additions', 'removals', 'text', or 'all'.\n   */\n  relevant?: React.HTMLAttributes<HTMLElement>['aria-relevant']\n\n  /**\n   * Whether to show the children or not.\n   * @default false\n   */\n  showAnnouncement?: boolean\n\n  /**\n   * The content to be announced.\n   */\n  children: React.ReactNode\n}\n\nexport type AriaLiveAllProps = AriaLiveProps &\n  React.HTMLAttributes<HTMLElement>\n"],"mappings":""}

package/es/components/aria-live/useAriaLive.d.ts

@@ -0,0 +1,273 @@
+import React from 'react';
+import { AriaLiveAllProps } from './types';
+export default function useAriaLive(props: AriaLiveAllProps): {
+    element?: React.ElementType<any>;
+    defaultChecked?: boolean;
+    defaultValue?: string | number | readonly string[];
+    suppressContentEditableWarning?: boolean;
+    suppressHydrationWarning?: boolean;
+    accessKey?: string;
+    autoFocus?: boolean;
+    contentEditable?: "inherit" | (boolean | "true" | "false");
+    contextMenu?: string;
+    dir?: string;
+    draggable?: boolean | "true" | "false";
+    hidden?: boolean;
+    id?: string;
+    lang?: string;
+    nonce?: string;
+    placeholder?: string;
+    slot?: string;
+    spellCheck?: boolean | "true" | "false";
+    style?: React.CSSProperties;
+    tabIndex?: number;
+    title?: string;
+    translate?: "yes" | "no";
+    radioGroup?: string;
+    role?: React.AriaRole;
+    about?: string;
+    content?: string;
+    datatype?: string;
+    inlist?: any;
+    prefix?: string;
+    property?: string;
+    rel?: string;
+    resource?: string;
+    rev?: string;
+    typeof?: string;
+    vocab?: string;
+    autoCapitalize?: string;
+    autoCorrect?: string;
+    autoSave?: string;
+    color?: string;
+    itemProp?: string;
+    itemScope?: boolean;
+    itemType?: string;
+    itemID?: string;
+    itemRef?: string;
+    results?: number;
+    security?: string;
+    unselectable?: "off" | "on";
+    inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
+    is?: string;
+    'aria-activedescendant'?: string;
+    'aria-atomic': boolean | "true" | "false";
+    'aria-autocomplete'?: "none" | "list" | "inline" | "both";
+    'aria-braillelabel'?: string;
+    'aria-brailleroledescription'?: string;
+    'aria-busy'?: boolean | "true" | "false";
+    'aria-checked'?: boolean | "true" | "false" | "mixed";
+    'aria-colcount'?: number;
+    'aria-colindex'?: number;
+    'aria-colindextext'?: string;
+    'aria-colspan'?: number;
+    'aria-controls'?: string;
+    'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date";
+    'aria-describedby'?: string;
+    'aria-description'?: string;
+    'aria-details'?: string;
+    'aria-disabled'?: boolean | "true" | "false";
+    'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup";
+    'aria-errormessage'?: string;
+    'aria-expanded'?: boolean | "true" | "false";
+    'aria-flowto'?: string;
+    'aria-grabbed'?: boolean | "true" | "false";
+    'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree";
+    'aria-hidden'?: boolean | "true" | "false";
+    'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
+    'aria-keyshortcuts'?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    'aria-level'?: number;
+    'aria-live': "off" | "assertive" | "polite";
+    'aria-modal'?: boolean | "true" | "false";
+    'aria-multiline'?: boolean | "true" | "false";
+    'aria-multiselectable'?: boolean | "true" | "false";
+    'aria-orientation'?: "horizontal" | "vertical";
+    'aria-owns'?: string;
+    'aria-placeholder'?: string;
+    'aria-posinset'?: number;
+    'aria-pressed'?: boolean | "true" | "false" | "mixed";
+    'aria-readonly'?: boolean | "true" | "false";
+    'aria-relevant': "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
+    'aria-required'?: boolean | "true" | "false";
+    'aria-roledescription'?: string;
+    'aria-rowcount'?: number;
+    'aria-rowindex'?: number;
+    'aria-rowindextext'?: string;
+    'aria-rowspan'?: number;
+    'aria-selected'?: boolean | "true" | "false";
+    'aria-setsize'?: number;
+    'aria-sort'?: "other" | "none" | "ascending" | "descending";
+    'aria-valuemax'?: number;
+    'aria-valuemin'?: number;
+    'aria-valuenow'?: number;
+    'aria-valuetext'?: string;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    };
+    onCopy?: React.ClipboardEventHandler<HTMLElement>;
+    onCopyCapture?: React.ClipboardEventHandler<HTMLElement>;
+    onCut?: React.ClipboardEventHandler<HTMLElement>;
+    onCutCapture?: React.ClipboardEventHandler<HTMLElement>;
+    onPaste?: React.ClipboardEventHandler<HTMLElement>;
+    onPasteCapture?: React.ClipboardEventHandler<HTMLElement>;
+    onCompositionEnd?: React.CompositionEventHandler<HTMLElement>;
+    onCompositionEndCapture?: React.CompositionEventHandler<HTMLElement>;
+    onCompositionStart?: React.CompositionEventHandler<HTMLElement>;
+    onCompositionStartCapture?: React.CompositionEventHandler<HTMLElement>;
+    onCompositionUpdate?: React.CompositionEventHandler<HTMLElement>;
+    onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLElement>;
+    onFocus?: React.FocusEventHandler<HTMLElement>;
+    onFocusCapture?: React.FocusEventHandler<HTMLElement>;
+    onBlur?: React.FocusEventHandler<HTMLElement>;
+    onBlurCapture?: React.FocusEventHandler<HTMLElement>;
+    onChange?: React.FormEventHandler<HTMLElement>;
+    onChangeCapture?: React.FormEventHandler<HTMLElement>;
+    onBeforeInput?: React.FormEventHandler<HTMLElement>;
+    onBeforeInputCapture?: React.FormEventHandler<HTMLElement>;
+    onInput?: React.FormEventHandler<HTMLElement>;
+    onInputCapture?: React.FormEventHandler<HTMLElement>;
+    onReset?: React.FormEventHandler<HTMLElement>;
+    onResetCapture?: React.FormEventHandler<HTMLElement>;
+    onSubmit?: React.FormEventHandler<HTMLElement>;
+    onSubmitCapture?: React.FormEventHandler<HTMLElement>;
+    onInvalid?: React.FormEventHandler<HTMLElement>;
+    onInvalidCapture?: React.FormEventHandler<HTMLElement>;
+    onLoad?: React.ReactEventHandler<HTMLElement>;
+    onLoadCapture?: React.ReactEventHandler<HTMLElement>;
+    onError?: React.ReactEventHandler<HTMLElement>;
+    onErrorCapture?: React.ReactEventHandler<HTMLElement>;
+    onKeyDown?: React.KeyboardEventHandler<HTMLElement>;
+    onKeyDownCapture?: React.KeyboardEventHandler<HTMLElement>;
+    onKeyPress?: React.KeyboardEventHandler<HTMLElement>;
+    onKeyPressCapture?: React.KeyboardEventHandler<HTMLElement>;
+    onKeyUp?: React.KeyboardEventHandler<HTMLElement>;
+    onKeyUpCapture?: React.KeyboardEventHandler<HTMLElement>;
+    onAbort?: React.ReactEventHandler<HTMLElement>;
+    onAbortCapture?: React.ReactEventHandler<HTMLElement>;
+    onCanPlay?: React.ReactEventHandler<HTMLElement>;
+    onCanPlayCapture?: React.ReactEventHandler<HTMLElement>;
+    onCanPlayThrough?: React.ReactEventHandler<HTMLElement>;
+    onCanPlayThroughCapture?: React.ReactEventHandler<HTMLElement>;
+    onDurationChange?: React.ReactEventHandler<HTMLElement>;
+    onDurationChangeCapture?: React.ReactEventHandler<HTMLElement>;
+    onEmptied?: React.ReactEventHandler<HTMLElement>;
+    onEmptiedCapture?: React.ReactEventHandler<HTMLElement>;
+    onEncrypted?: React.ReactEventHandler<HTMLElement>;
+    onEncryptedCapture?: React.ReactEventHandler<HTMLElement>;
+    onEnded?: React.ReactEventHandler<HTMLElement>;
+    onEndedCapture?: React.ReactEventHandler<HTMLElement>;
+    onLoadedData?: React.ReactEventHandler<HTMLElement>;
+    onLoadedDataCapture?: React.ReactEventHandler<HTMLElement>;
+    onLoadedMetadata?: React.ReactEventHandler<HTMLElement>;
+    onLoadedMetadataCapture?: React.ReactEventHandler<HTMLElement>;
+    onLoadStart?: React.ReactEventHandler<HTMLElement>;
+    onLoadStartCapture?: React.ReactEventHandler<HTMLElement>;
+    onPause?: React.ReactEventHandler<HTMLElement>;
+    onPauseCapture?: React.ReactEventHandler<HTMLElement>;
+    onPlay?: React.ReactEventHandler<HTMLElement>;
+    onPlayCapture?: React.ReactEventHandler<HTMLElement>;
+    onPlaying?: React.ReactEventHandler<HTMLElement>;
+    onPlayingCapture?: React.ReactEventHandler<HTMLElement>;
+    onProgress?: React.ReactEventHandler<HTMLElement>;
+    onProgressCapture?: React.ReactEventHandler<HTMLElement>;
+    onRateChange?: React.ReactEventHandler<HTMLElement>;
+    onRateChangeCapture?: React.ReactEventHandler<HTMLElement>;
+    onResize?: React.ReactEventHandler<HTMLElement>;
+    onResizeCapture?: React.ReactEventHandler<HTMLElement>;
+    onSeeked?: React.ReactEventHandler<HTMLElement>;
+    onSeekedCapture?: React.ReactEventHandler<HTMLElement>;
+    onSeeking?: React.ReactEventHandler<HTMLElement>;
+    onSeekingCapture?: React.ReactEventHandler<HTMLElement>;
+    onStalled?: React.ReactEventHandler<HTMLElement>;
+    onStalledCapture?: React.ReactEventHandler<HTMLElement>;
+    onSuspend?: React.ReactEventHandler<HTMLElement>;
+    onSuspendCapture?: React.ReactEventHandler<HTMLElement>;
+    onTimeUpdate?: React.ReactEventHandler<HTMLElement>;
+    onTimeUpdateCapture?: React.ReactEventHandler<HTMLElement>;
+    onVolumeChange?: React.ReactEventHandler<HTMLElement>;
+    onVolumeChangeCapture?: React.ReactEventHandler<HTMLElement>;
+    onWaiting?: React.ReactEventHandler<HTMLElement>;
+    onWaitingCapture?: React.ReactEventHandler<HTMLElement>;
+    onAuxClick?: React.MouseEventHandler<HTMLElement>;
+    onAuxClickCapture?: React.MouseEventHandler<HTMLElement>;
+    onClick?: React.MouseEventHandler<HTMLElement>;
+    onClickCapture?: React.MouseEventHandler<HTMLElement>;
+    onContextMenu?: React.MouseEventHandler<HTMLElement>;
+    onContextMenuCapture?: React.MouseEventHandler<HTMLElement>;
+    onDoubleClick?: React.MouseEventHandler<HTMLElement>;
+    onDoubleClickCapture?: React.MouseEventHandler<HTMLElement>;
+    onDrag?: React.DragEventHandler<HTMLElement>;
+    onDragCapture?: React.DragEventHandler<HTMLElement>;
+    onDragEnd?: React.DragEventHandler<HTMLElement>;
+    onDragEndCapture?: React.DragEventHandler<HTMLElement>;
+    onDragEnter?: React.DragEventHandler<HTMLElement>;
+    onDragEnterCapture?: React.DragEventHandler<HTMLElement>;
+    onDragExit?: React.DragEventHandler<HTMLElement>;
+    onDragExitCapture?: React.DragEventHandler<HTMLElement>;
+    onDragLeave?: React.DragEventHandler<HTMLElement>;
+    onDragLeaveCapture?: React.DragEventHandler<HTMLElement>;
+    onDragOver?: React.DragEventHandler<HTMLElement>;
+    onDragOverCapture?: React.DragEventHandler<HTMLElement>;
+    onDragStart?: React.DragEventHandler<HTMLElement>;
+    onDragStartCapture?: React.DragEventHandler<HTMLElement>;
+    onDrop?: React.DragEventHandler<HTMLElement>;
+    onDropCapture?: React.DragEventHandler<HTMLElement>;
+    onMouseDown?: React.MouseEventHandler<HTMLElement>;
+    onMouseDownCapture?: React.MouseEventHandler<HTMLElement>;
+    onMouseEnter?: React.MouseEventHandler<HTMLElement>;
+    onMouseLeave?: React.MouseEventHandler<HTMLElement>;
+    onMouseMove?: React.MouseEventHandler<HTMLElement>;
+    onMouseMoveCapture?: React.MouseEventHandler<HTMLElement>;
+    onMouseOut?: React.MouseEventHandler<HTMLElement>;
+    onMouseOutCapture?: React.MouseEventHandler<HTMLElement>;
+    onMouseOver?: React.MouseEventHandler<HTMLElement>;
+    onMouseOverCapture?: React.MouseEventHandler<HTMLElement>;
+    onMouseUp?: React.MouseEventHandler<HTMLElement>;
+    onMouseUpCapture?: React.MouseEventHandler<HTMLElement>;
+    onSelect?: React.ReactEventHandler<HTMLElement>;
+    onSelectCapture?: React.ReactEventHandler<HTMLElement>;
+    onTouchCancel?: React.TouchEventHandler<HTMLElement>;
+    onTouchCancelCapture?: React.TouchEventHandler<HTMLElement>;
+    onTouchEnd?: React.TouchEventHandler<HTMLElement>;
+    onTouchEndCapture?: React.TouchEventHandler<HTMLElement>;
+    onTouchMove?: React.TouchEventHandler<HTMLElement>;
+    onTouchMoveCapture?: React.TouchEventHandler<HTMLElement>;
+    onTouchStart?: React.TouchEventHandler<HTMLElement>;
+    onTouchStartCapture?: React.TouchEventHandler<HTMLElement>;
+    onPointerDown?: React.PointerEventHandler<HTMLElement>;
+    onPointerDownCapture?: React.PointerEventHandler<HTMLElement>;
+    onPointerMove?: React.PointerEventHandler<HTMLElement>;
+    onPointerMoveCapture?: React.PointerEventHandler<HTMLElement>;
+    onPointerUp?: React.PointerEventHandler<HTMLElement>;
+    onPointerUpCapture?: React.PointerEventHandler<HTMLElement>;
+    onPointerCancel?: React.PointerEventHandler<HTMLElement>;
+    onPointerCancelCapture?: React.PointerEventHandler<HTMLElement>;
+    onPointerEnter?: React.PointerEventHandler<HTMLElement>;
+    onPointerEnterCapture?: React.PointerEventHandler<HTMLElement>;
+    onPointerLeave?: React.PointerEventHandler<HTMLElement>;
+    onPointerLeaveCapture?: React.PointerEventHandler<HTMLElement>;
+    onPointerOver?: React.PointerEventHandler<HTMLElement>;
+    onPointerOverCapture?: React.PointerEventHandler<HTMLElement>;
+    onPointerOut?: React.PointerEventHandler<HTMLElement>;
+    onPointerOutCapture?: React.PointerEventHandler<HTMLElement>;
+    onGotPointerCapture?: React.PointerEventHandler<HTMLElement>;
+    onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLElement>;
+    onLostPointerCapture?: React.PointerEventHandler<HTMLElement>;
+    onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLElement>;
+    onScroll?: React.UIEventHandler<HTMLElement>;
+    onScrollCapture?: React.UIEventHandler<HTMLElement>;
+    onWheel?: React.WheelEventHandler<HTMLElement>;
+    onWheelCapture?: React.WheelEventHandler<HTMLElement>;
+    onAnimationStart?: React.AnimationEventHandler<HTMLElement>;
+    onAnimationStartCapture?: React.AnimationEventHandler<HTMLElement>;
+    onAnimationEnd?: React.AnimationEventHandler<HTMLElement>;
+    onAnimationEndCapture?: React.AnimationEventHandler<HTMLElement>;
+    onAnimationIteration?: React.AnimationEventHandler<HTMLElement>;
+    onAnimationIterationCapture?: React.AnimationEventHandler<HTMLElement>;
+    onTransitionEnd?: React.TransitionEventHandler<HTMLElement>;
+    onTransitionEndCapture?: React.TransitionEventHandler<HTMLElement>;
+    className: string;
+    children: React.ReactNode;
+};

package/es/components/aria-live/useAriaLive.js

@@ -0,0 +1,75 @@
+"use client";
+
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["disabled", "delay", "atomic", "politeness", "relevant", "className", "children", "showAnnouncement", "variant", "priority"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import { useEffect, useRef, useState } from 'react';
+import classnames from 'classnames';
+import { extendPropsWithContext } from '../../shared/component-helper';
+const variantConfig = {
+  text: {
+    delay: 1000,
+    atomic: true,
+    showAnnouncement: false
+  },
+  content: {
+    delay: -1,
+    atomic: false,
+    showAnnouncement: true
+  }
+};
+const priorityConfig = {
+  low: {
+    politeness: 'polite'
+  },
+  high: {
+    politeness: 'assertive'
+  }
+};
+export default function useAriaLive(props) {
+  const [announcement, setAnnouncement] = useState('');
+  const timeoutRef = useRef(null);
+  const _extendPropsWithConte = extendPropsWithContext(props, variantConfig[props.variant || 'text'], priorityConfig[props.priority || 'low']),
+    {
+      disabled = false,
+      delay,
+      atomic,
+      politeness,
+      relevant,
+      className,
+      children,
+      showAnnouncement,
+      variant,
+      priority
+    } = _extendPropsWithConte,
+    rest = _objectWithoutProperties(_extendPropsWithConte, _excluded);
+  const showTextAnnouncement = delay > -1;
+  useEffect(() => {
+    if (showTextAnnouncement) {
+      var _ref;
+      setAnnouncement('');
+      const isTest = process.env.NODE_ENV === 'test';
+      const timer = setTimeout(() => {
+        if (!disabled) {
+          setAnnouncement(children);
+        }
+        clearTimeout(timeoutRef.current);
+        timeoutRef.current = setTimeout(() => setAnnouncement(''), isTest ? 100 : delay + 1000);
+      }, (_ref = isTest ? 0 : delay) !== null && _ref !== void 0 ? _ref : 1000);
+      return () => {
+        clearTimeout(timer);
+        clearTimeout(timeoutRef.current);
+      };
+    }
+  }, [delay, children, disabled, showTextAnnouncement]);
+  return _objectSpread({
+    'aria-live': disabled && !showTextAnnouncement ? 'off' : politeness,
+    'aria-atomic': atomic,
+    'aria-relevant': relevant,
+    className: classnames('dnb-aria-live', className, !showAnnouncement && 'dnb-sr-only'),
+    children: showTextAnnouncement ? announcement : children
+  }, rest);
+}
+//# sourceMappingURL=useAriaLive.js.map

package/es/components/aria-live/useAriaLive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAriaLive.js","names":["useEffect","useRef","useState","classnames","extendPropsWithContext","variantConfig","text","delay","atomic","showAnnouncement","content","priorityConfig","low","politeness","high","useAriaLive","props","announcement","setAnnouncement","timeoutRef","_extendPropsWithConte","variant","priority","disabled","relevant","className","children","rest","_objectWithoutProperties","_excluded","showTextAnnouncement","_ref","isTest","process","env","NODE_ENV","timer","setTimeout","clearTimeout","current","_objectSpread"],"sources":["../../../../src/components/aria-live/useAriaLive.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react'\nimport classnames from 'classnames'\nimport { AriaLiveAllProps } from './types'\nimport { extendPropsWithContext } from '../../shared/component-helper'\n\nconst variantConfig: {\n  [key: string]: {\n    delay: AriaLiveAllProps['delay']\n    showAnnouncement: AriaLiveAllProps['showAnnouncement']\n    atomic?: AriaLiveAllProps['atomic']\n  }\n} = {\n  text: {\n    delay: 1000,\n    atomic: true,\n    showAnnouncement: false,\n  },\n  content: {\n    delay: -1,\n    atomic: false,\n    showAnnouncement: true,\n  },\n}\n\nconst priorityConfig: {\n  [key: string]: {\n    politeness: AriaLiveAllProps['politeness']\n  }\n} = {\n  low: {\n    politeness: 'polite',\n  },\n  high: {\n    politeness: 'assertive',\n  },\n}\n\nexport default function useAriaLive(props: AriaLiveAllProps) {\n  const [announcement, setAnnouncement] = useState<React.ReactNode>('')\n  const timeoutRef = useRef(null)\n\n  const {\n    disabled = false,\n    delay,\n    atomic,\n    politeness,\n    relevant,\n    className,\n    children,\n    showAnnouncement,\n    variant, // eslint-disable-line\n    priority, // eslint-disable-line\n    ...rest\n  } = extendPropsWithContext(\n    props,\n    variantConfig[props.variant || 'text'],\n    priorityConfig[props.priority || 'low']\n  )\n\n  const showTextAnnouncement = delay > -1\n\n  useEffect(() => {\n    if (showTextAnnouncement) {\n      setAnnouncement('')\n\n      const isTest = process.env.NODE_ENV === 'test'\n      const timer = setTimeout(\n        () => {\n          if (!disabled) {\n            setAnnouncement(children)\n          }\n\n          clearTimeout(timeoutRef.current)\n          timeoutRef.current = setTimeout(\n            () => setAnnouncement(''),\n            isTest ? 100 : delay + 1000\n          )\n        },\n        (isTest ? 0 : delay) ?? 1000\n      )\n\n      return () => {\n        clearTimeout(timer)\n        clearTimeout(timeoutRef.current)\n      }\n    }\n  }, [delay, children, disabled, showTextAnnouncement])\n\n  return {\n    'aria-live': disabled && !showTextAnnouncement ? 'off' : politeness,\n    'aria-atomic': atomic,\n    'aria-relevant': relevant,\n    className: classnames(\n      'dnb-aria-live',\n      !showAnnouncement && 'dnb-sr-only',\n      className\n    ),\n    children: showTextAnnouncement ? announcement : children,\n    ...rest,\n  }\n}\n"],"mappings":";;;;;;;AAAA,SAAgBA,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAC1D,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,sBAAsB,QAAQ,+BAA+B;AAEtE,MAAMC,aAML,GAAG;EACFC,IAAI,EAAE;IACJC,KAAK,EAAE,IAAI;IACXC,MAAM,EAAE,IAAI;IACZC,gBAAgB,EAAE;EACpB,CAAC;EACDC,OAAO,EAAE;IACPH,KAAK,EAAE,CAAC,CAAC;IACTC,MAAM,EAAE,KAAK;IACbC,gBAAgB,EAAE;EACpB;AACF,CAAC;AAED,MAAME,cAIL,GAAG;EACFC,GAAG,EAAE;IACHC,UAAU,EAAE;EACd,CAAC;EACDC,IAAI,EAAE;IACJD,UAAU,EAAE;EACd;AACF,CAAC;AAED,eAAe,SAASE,WAAWA,CAACC,KAAuB,EAAE;EAC3D,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGhB,QAAQ,CAAkB,EAAE,CAAC;EACrE,MAAMiB,UAAU,GAAGlB,MAAM,CAAC,IAAI,CAAC;EAE/B,MAAAmB,qBAAA,GAYIhB,sBAAsB,CACxBY,KAAK,EACLX,aAAa,CAACW,KAAK,CAACK,OAAO,IAAI,MAAM,CAAC,EACtCV,cAAc,CAACK,KAAK,CAACM,QAAQ,IAAI,KAAK,CACxC,CAAC;IAhBK;MACJC,QAAQ,GAAG,KAAK;MAChBhB,KAAK;MACLC,MAAM;MACNK,UAAU;MACVW,QAAQ;MACRC,SAAS;MACTC,QAAQ;MACRjB,gBAAgB;MAChBY,OAAO;MACPC;IAEF,CAAC,GAAAF,qBAAA;IADIO,IAAI,GAAAC,wBAAA,CAAAR,qBAAA,EAAAS,SAAA;EAOT,MAAMC,oBAAoB,GAAGvB,KAAK,GAAG,CAAC,CAAC;EAEvCP,SAAS,CAAC,MAAM;IACd,IAAI8B,oBAAoB,EAAE;MAAA,IAAAC,IAAA;MACxBb,eAAe,CAAC,EAAE,CAAC;MAEnB,MAAMc,MAAM,GAAGC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM;MAC9C,MAAMC,KAAK,GAAGC,UAAU,CACtB,MAAM;QACJ,IAAI,CAACd,QAAQ,EAAE;UACbL,eAAe,CAACQ,QAAQ,CAAC;QAC3B;QAEAY,YAAY,CAACnB,UAAU,CAACoB,OAAO,CAAC;QAChCpB,UAAU,CAACoB,OAAO,GAAGF,UAAU,CAC7B,MAAMnB,eAAe,CAAC,EAAE,CAAC,EACzBc,MAAM,GAAG,GAAG,GAAGzB,KAAK,GAAG,IACzB,CAAC;MACH,CAAC,GAAAwB,IAAA,GACAC,MAAM,GAAG,CAAC,GAAGzB,KAAK,cAAAwB,IAAA,cAAAA,IAAA,GAAK,IAC1B,CAAC;MAED,OAAO,MAAM;QACXO,YAAY,CAACF,KAAK,CAAC;QACnBE,YAAY,CAACnB,UAAU,CAACoB,OAAO,CAAC;MAClC,CAAC;IACH;EACF,CAAC,EAAE,CAAChC,KAAK,EAAEmB,QAAQ,EAAEH,QAAQ,EAAEO,oBAAoB,CAAC,CAAC;EAErD,OAAAU,aAAA;IACE,WAAW,EAAEjB,QAAQ,IAAI,CAACO,oBAAoB,GAAG,KAAK,GAAGjB,UAAU;IACnE,aAAa,EAAEL,MAAM;IACrB,eAAe,EAAEgB,QAAQ;IACzBC,SAAS,EAAEtB,UAAU,CACnB,eAAe,EAEfsB,SAAS,EADT,CAAChB,gBAAgB,IAAI,aAEvB,CAAC;IACDiB,QAAQ,EAAEI,oBAAoB,GAAGb,YAAY,GAAGS;EAAQ,GACrDC,IAAI;AAEX"}

package/es/components/autocomplete/Autocomplete.d.ts

@@ -210,7 +210,6 @@ export interface AutocompleteProps
    * Define a custom class for the internal drawer-list. This makes it possible more easily customize the drawer-list style with styled-components and the `css` style method. Defaults to `null`.
    */
   drawer_class?: string;
-  ariaLiveDelay?: number;
   /**
    * Will be called for every key change the users makes. Returns an object with the input `value` inside `{ value, event, attributes }` including <a href="/uilib/components/autocomplete/events#dynamically-change-data">these methods</a>.
    */