@dnb/eufemia 9.12.0 → 9.12.4

package/es/style/themes/theme-ui/dnb-theme-ui.scss

@@ -49,6 +49,7 @@
 @import '../../../components/slider/style/themes/dnb-slider-theme-ui.scss';
 @import '../../../components/space/style/themes/dnb-space-theme-ui.scss';
 @import '../../../components/step-indicator/style/themes/dnb-step-indicator-theme-ui.scss';
+@import '../../../components/step-indicator/style/themes/dnb-step-indicator-v1-theme-ui.scss';
 @import '../../../components/switch/style/themes/dnb-switch-theme-ui.scss';
 @import '../../../components/tabs/style/themes/dnb-tabs-theme-ui.scss';
 @import '../../../components/textarea/style/themes/dnb-textarea-theme-ui.scss';

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

@@ -1,4 +1,52 @@
 import * as React from 'react';
+export type AutocompleteSpace =
+  | string
+  | number
+  | boolean
+  | {
+      /**
+       * Use spacing values like: `small`, `1rem`, `1` or , `16px`. Will use `margin-top`.
+       */
+      top?: string | number | boolean;
+
+      /**
+       * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-right`.
+       */
+      right?: string | number | boolean;
+
+      /**
+       * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-bottom`.
+       */
+      bottom?: string | number | boolean;
+
+      /**
+       * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-left`.
+       */
+      left?: string | number | boolean;
+    };
+export type AutocompleteTop = string | number | boolean;
+export type AutocompleteRight = string | number | boolean;
+export type AutocompleteBottom = string | number | boolean;
+export type AutocompleteLeft = string | number | boolean;
+export type AutocompleteUseDrawerOnMobile = string | boolean;
+export type AutocompleteActionMenu = string | boolean;
+export type AutocompleteIsPopup = string | boolean;
+export type AutocompleteAlignDrawer = 'left' | 'right';
+export type AutocompleteWrapperElement =
+  | Object
+  | ((...args: any[]) => any)
+  | React.ReactNode;
+export type AutocompleteIndependentWidth = string | boolean;
+export type AutocompleteFixedPosition = string | boolean;
+export type AutocompletePreventFocus = string | boolean;
+export type AutocompleteSkipKeysearch = string | boolean;
+export type AutocompleteSelectedValue = string | React.ReactNode;
+export type AutocompleteContent = string | React.ReactNode | string[];
+export type AutocompleteRawData =
+  | any[]
+  | Object
+  | ((...args: any[]) => any);
+export type AutocompleteIgnoreEvents = string | boolean;
 export type AutocompleteMode = 'sync' | 'async';
 export type AutocompleteTitle = string | React.ReactNode;
 export type AutocompletePlaceholder = string | React.ReactNode;
@@ -80,35 +128,6 @@ export type AutocompleteOpened = string | boolean;
 export type AutocompleteDisabled = string | boolean;
 export type AutocompleteStretch = string | boolean;
 export type AutocompleteSkeleton = string | boolean;
-export type AutocompleteSpace =
-  | string
-  | number
-  | boolean
-  | {
-      /**
-       * Use spacing values like: `small`, `1rem`, `1` or , `16px`. Will use `margin-top`.
-       */
-      top?: string | number | boolean;
-
-      /**
-       * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-right`.
-       */
-      right?: string | number | boolean;
-
-      /**
-       * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-bottom`.
-       */
-      bottom?: string | number | boolean;
-
-      /**
-       * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-left`.
-       */
-      left?: string | number | boolean;
-    };
-export type AutocompleteTop = string | number | boolean;
-export type AutocompleteRight = string | number | boolean;
-export type AutocompleteBottom = string | number | boolean;
-export type AutocompleteLeft = string | number | boolean;
 export type AutocompleteChildren =
   | string
   | ((...args: any[]) => any)
@@ -120,6 +139,82 @@ export type AutocompleteChildren =
  * NB: Do not change the docs (comments) in here. The docs are updated during build time by "generateTypes.js" and "fetchPropertiesFromDocs.js".
  */
 export interface AutocompleteProps extends React.HTMLProps<HTMLElement> {
+  /**
+   * Has to be an object with either: `top`, `right`, `bottom` or `left`. Use spacing values like: `small`, `1rem`, `1` or , `16px`.
+   */
+  space?: AutocompleteSpace;
+
+  /**
+   * Use spacing values like: `small`, `1rem`, `1` or , `16px`. Will use `margin-top`.
+   */
+  top?: AutocompleteTop;
+
+  /**
+   * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-right`.
+   */
+  right?: AutocompleteRight;
+
+  /**
+   * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-bottom`.
+   */
+  bottom?: AutocompleteBottom;
+
+  /**
+   * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-left`.
+   */
+  left?: AutocompleteLeft;
+  role?: string;
+
+  /**
+   * Set a `cache_hash` as a string to enable internal memorizing of the list to enhance rerendering performance. Components like Autocomplete is using this because of the huge data changes due to search and reorder. Defaults to `null`.
+   */
+  cache_hash?: string;
+  use_drawer_on_mobile?: AutocompleteUseDrawerOnMobile;
+  action_menu?: AutocompleteActionMenu;
+  is_popup?: AutocompleteIsPopup;
+
+  /**
+   * Use `right` to change the options alignment direction. Makes only sense to use in combination with `prevent_selection` or `more_menu` - or if a independent width is used. Defaults to `left`.
+   */
+  align_drawer?: AutocompleteAlignDrawer;
+
+  /**
+   * Has to be a HTML Element, ideal a mother element, used to calculate sizes and distances. Also used for the "click outside" detection. Clicking on the `wrapper_element` will not be anymore triggered as an outside click.
+   */
+  wrapper_element?: AutocompleteWrapperElement;
+
+  /**
+   * Define a HTML class that will be set on the list, beside `dnb-drawer-list__list`.
+   */
+  list_class?: string;
+
+  /**
+   * If set to true, the DrawerList will handle it&#39;s width and position handling independent to the parent/mother element. Defaults to `false`.
+   */
+  independent_width?: AutocompleteIndependentWidth;
+
+  /**
+   * If set to true, the DrawerList will be fixed in it&#39;s scroll position by using CSS `position: fixed;`. Defaults to `false`.
+   */
+  fixed_position?: AutocompleteFixedPosition;
+  prevent_focus?: AutocompletePreventFocus;
+
+  /**
+   * If set to true, search items by the first key will be ignored. Defaults to `false`.
+   */
+  skip_keysearch?: AutocompleteSkipKeysearch;
+  selected_value?: AutocompleteSelectedValue;
+  content?: AutocompleteContent;
+  prepared_data?: any[];
+  raw_data?: AutocompleteRawData;
+
+  /**
+   * If set to true, all keyboard and mouse events will be ignored. Defaults to `false`.
+   */
+  ignore_events?: AutocompleteIgnoreEvents;
+  handle_dismiss_focus?: (...args: any[]) => any;
+  on_pre_change?: (...args: any[]) => any;
+  on_resize?: (...args: any[]) => any;
   id?: string;
 
   /**
@@ -403,31 +498,6 @@ export interface AutocompleteProps extends React.HTMLProps<HTMLElement> {
    * 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;
-
-  /**
-   * Has to be an object with either: `top`, `right`, `bottom` or `left`. Use spacing values like: `small`, `1rem`, `1` or , `16px`.
-   */
-  space?: AutocompleteSpace;
-
-  /**
-   * Use spacing values like: `small`, `1rem`, `1` or , `16px`. Will use `margin-top`.
-   */
-  top?: AutocompleteTop;
-
-  /**
-   * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-right`.
-   */
-  right?: AutocompleteRight;
-
-  /**
-   * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-bottom`.
-   */
-  bottom?: AutocompleteBottom;
-
-  /**
-   * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-left`.
-   */
-  left?: AutocompleteLeft;
   class?: string;
   className?: string;