@dnb/eufemia 10.21.0 → 10.22.0

package/extensions/payment-card/utils/CardDesigns.d.ts

@@ -14,214 +14,214 @@ declare namespace Designs {
     export { businessWithVisa };
 }
 export namespace defaultDesign {
-    const name: string;
-    const cardStyle: string;
-    const bankLogo: any;
-    const visa: any;
-    const mastercard: any;
-    const bankAxept: any;
-    const saga: any;
-    const privateBanking: any;
+    let name: string;
+    let cardStyle: string;
+    let bankLogo: any;
+    let visa: any;
+    let mastercard: any;
+    let bankAxept: any;
+    let saga: any;
+    let privateBanking: any;
 }
 export namespace pluss {
-    const name_1: string;
+    let name_1: string;
     export { name_1 as name };
-    const cardStyle_1: string;
+    let cardStyle_1: string;
     export { cardStyle_1 as cardStyle };
-    const bankLogo_1: any;
+    let bankLogo_1: any;
     export { bankLogo_1 as bankLogo };
-    const visa_1: any;
+    let visa_1: any;
     export { visa_1 as visa };
-    const mastercard_1: any;
+    let mastercard_1: any;
     export { mastercard_1 as mastercard };
-    const bankAxept_1: any;
+    let bankAxept_1: any;
     export { bankAxept_1 as bankAxept };
-    const saga_1: any;
+    let saga_1: any;
     export { saga_1 as saga };
-    const privateBanking_1: any;
+    let privateBanking_1: any;
     export { privateBanking_1 as privateBanking };
 }
 export namespace young {
-    const name_2: string;
+    let name_2: string;
     export { name_2 as name };
-    const cardStyle_2: string;
+    let cardStyle_2: string;
     export { cardStyle_2 as cardStyle };
-    const bankLogo_2: any;
+    let bankLogo_2: any;
     export { bankLogo_2 as bankLogo };
-    const visa_2: any;
+    let visa_2: any;
     export { visa_2 as visa };
-    const mastercard_2: any;
+    let mastercard_2: any;
     export { mastercard_2 as mastercard };
-    const bankAxept_2: any;
+    let bankAxept_2: any;
     export { bankAxept_2 as bankAxept };
-    const saga_2: any;
+    let saga_2: any;
     export { saga_2 as saga };
-    const privateBanking_2: any;
+    let privateBanking_2: any;
     export { privateBanking_2 as privateBanking };
     export { ungImg as backgroundImage };
 }
 export namespace myFirst {
-    const name_3: string;
+    let name_3: string;
     export { name_3 as name };
-    const cardStyle_3: string;
+    let cardStyle_3: string;
     export { cardStyle_3 as cardStyle };
-    const bankLogo_3: any;
+    let bankLogo_3: any;
     export { bankLogo_3 as bankLogo };
-    const visa_3: any;
+    let visa_3: any;
     export { visa_3 as visa };
-    const mastercard_3: any;
+    let mastercard_3: any;
     export { mastercard_3 as mastercard };
-    const bankAxept_3: any;
+    let bankAxept_3: any;
     export { bankAxept_3 as bankAxept };
-    const saga_3: any;
+    let saga_3: any;
     export { saga_3 as saga };
-    const privateBanking_3: any;
+    let privateBanking_3: any;
     export { privateBanking_3 as privateBanking };
     export { myFirstImg as backgroundImage };
 }
 export namespace youth {
-    const name_4: string;
+    let name_4: string;
     export { name_4 as name };
-    const cardStyle_4: string;
+    let cardStyle_4: string;
     export { cardStyle_4 as cardStyle };
-    const bankLogo_4: any;
+    let bankLogo_4: any;
     export { bankLogo_4 as bankLogo };
-    const visa_4: any;
+    let visa_4: any;
     export { visa_4 as visa };
-    const mastercard_4: any;
+    let mastercard_4: any;
     export { mastercard_4 as mastercard };
-    const bankAxept_4: any;
+    let bankAxept_4: any;
     export { bankAxept_4 as bankAxept };
-    const saga_4: any;
+    let saga_4: any;
     export { saga_4 as saga };
-    const privateBanking_4: any;
+    let privateBanking_4: any;
     export { privateBanking_4 as privateBanking };
     export { youthImg as backgroundImage };
 }
 export namespace gold {
-    const name_5: string;
+    let name_5: string;
     export { name_5 as name };
-    const cardStyle_5: string;
+    let cardStyle_5: string;
     export { cardStyle_5 as cardStyle };
-    const bankLogo_5: any;
+    let bankLogo_5: any;
     export { bankLogo_5 as bankLogo };
-    const visa_5: any;
+    let visa_5: any;
     export { visa_5 as visa };
-    const mastercard_5: any;
+    let mastercard_5: any;
     export { mastercard_5 as mastercard };
-    const bankAxept_5: any;
+    let bankAxept_5: any;
     export { bankAxept_5 as bankAxept };
-    const saga_5: any;
+    let saga_5: any;
     export { saga_5 as saga };
-    const privateBanking_5: any;
+    let privateBanking_5: any;
     export { privateBanking_5 as privateBanking };
 }
 export namespace saga {
-    const name_6: string;
+    let name_6: string;
     export { name_6 as name };
-    const cardStyle_6: string;
+    let cardStyle_6: string;
     export { cardStyle_6 as cardStyle };
-    const bankLogo_6: any;
+    let bankLogo_6: any;
     export { bankLogo_6 as bankLogo };
-    const visa_6: any;
+    let visa_6: any;
     export { visa_6 as visa };
-    const mastercard_6: any;
+    let mastercard_6: any;
     export { mastercard_6 as mastercard };
-    const bankAxept_6: any;
+    let bankAxept_6: any;
     export { bankAxept_6 as bankAxept };
-    const saga_6: any;
+    let saga_6: any;
     export { saga_6 as saga };
-    const privateBanking_6: any;
+    let privateBanking_6: any;
     export { privateBanking_6 as privateBanking };
 }
 export namespace sagaPlatinum {
-    const name_7: string;
+    let name_7: string;
     export { name_7 as name };
-    const cardStyle_7: string;
+    let cardStyle_7: string;
     export { cardStyle_7 as cardStyle };
-    const bankLogo_7: any;
+    let bankLogo_7: any;
     export { bankLogo_7 as bankLogo };
-    const visa_7: any;
+    let visa_7: any;
     export { visa_7 as visa };
-    const mastercard_7: any;
+    let mastercard_7: any;
     export { mastercard_7 as mastercard };
-    const bankAxept_7: any;
+    let bankAxept_7: any;
     export { bankAxept_7 as bankAxept };
-    const saga_7: any;
+    let saga_7: any;
     export { saga_7 as saga };
-    const privateBanking_7: any;
+    let privateBanking_7: any;
     export { privateBanking_7 as privateBanking };
 }
 export namespace privateBanking {
-    const name_8: string;
+    let name_8: string;
     export { name_8 as name };
-    const cardStyle_8: string;
+    let cardStyle_8: string;
     export { cardStyle_8 as cardStyle };
-    const bankLogo_8: any;
+    let bankLogo_8: any;
     export { bankLogo_8 as bankLogo };
-    const visa_8: any;
+    let visa_8: any;
     export { visa_8 as visa };
-    const mastercard_8: any;
+    let mastercard_8: any;
     export { mastercard_8 as mastercard };
-    const bankAxept_8: any;
+    let bankAxept_8: any;
     export { bankAxept_8 as bankAxept };
-    const saga_8: any;
+    let saga_8: any;
     export { saga_8 as saga };
-    const privateBanking_8: any;
+    let privateBanking_8: any;
     export { privateBanking_8 as privateBanking };
 }
 export namespace mcBlack {
-    const name_9: string;
+    let name_9: string;
     export { name_9 as name };
-    const cardStyle_9: string;
+    let cardStyle_9: string;
     export { cardStyle_9 as cardStyle };
-    const bankLogo_9: any;
+    let bankLogo_9: any;
     export { bankLogo_9 as bankLogo };
-    const visa_9: any;
+    let visa_9: any;
     export { visa_9 as visa };
-    const mastercard_9: any;
+    let mastercard_9: any;
     export { mastercard_9 as mastercard };
-    const bankAxept_9: any;
+    let bankAxept_9: any;
     export { bankAxept_9 as bankAxept };
-    const saga_9: any;
+    let saga_9: any;
     export { saga_9 as saga };
-    const privateBanking_9: any;
+    let privateBanking_9: any;
     export { privateBanking_9 as privateBanking };
 }
 export namespace businessNoVisa {
-    const name_10: string;
+    let name_10: string;
     export { name_10 as name };
-    const cardStyle_10: string;
+    let cardStyle_10: string;
     export { cardStyle_10 as cardStyle };
-    const bankLogo_10: any;
+    let bankLogo_10: any;
     export { bankLogo_10 as bankLogo };
-    const visa_10: any;
+    let visa_10: any;
     export { visa_10 as visa };
-    const mastercard_10: any;
+    let mastercard_10: any;
     export { mastercard_10 as mastercard };
-    const bankAxept_10: any;
+    let bankAxept_10: any;
     export { bankAxept_10 as bankAxept };
-    const saga_10: any;
+    let saga_10: any;
     export { saga_10 as saga };
-    const privateBanking_10: any;
+    let privateBanking_10: any;
     export { privateBanking_10 as privateBanking };
 }
 export namespace businessWithVisa {
-    const name_11: string;
+    let name_11: string;
     export { name_11 as name };
-    const cardStyle_11: string;
+    let cardStyle_11: string;
     export { cardStyle_11 as cardStyle };
-    const bankLogo_11: any;
+    let bankLogo_11: any;
     export { bankLogo_11 as bankLogo };
-    const visa_11: any;
+    let visa_11: any;
     export { visa_11 as visa };
-    const mastercard_11: any;
+    let mastercard_11: any;
     export { mastercard_11 as mastercard };
-    const bankAxept_11: any;
+    let bankAxept_11: any;
     export { bankAxept_11 as bankAxept };
-    const saga_11: any;
+    let saga_11: any;
     export { saga_11 as saga };
-    const privateBanking_11: any;
+    let privateBanking_11: any;
     export { privateBanking_11 as privateBanking };
 }
 import { ungImg } from './backgrounds';

package/fragments/drawer-list/DrawerListHelpers.d.ts

@@ -55,66 +55,66 @@ export const drawerListPropTypes: {
     ignore_events: PropTypes.Requireable<NonNullable<string | boolean>>;
 };
 export namespace drawerListDefaultProps {
-    export const id: any;
-    export const role: string;
-    export const cache_hash: any;
-    export const triangle_position: string;
-    export const scrollable: boolean;
-    export const focusable: boolean;
-    export const max_height: any;
-    export const direction: string;
-    export const size: string;
-    export const no_animation: boolean;
-    export const no_scroll_animation: boolean;
-    export const prevent_selection: boolean;
-    export const action_menu: boolean;
-    export const is_popup: boolean;
-    export const align_drawer: string;
-    export const wrapper_element: any;
-    export const default_value: any;
-    export const value: string;
-    export const portal_class: any;
-    export const list_class: any;
-    export const skip_portal: any;
-    export const prevent_close: boolean;
-    export const keep_open: boolean;
-    export const prevent_focus: boolean;
-    export const fixed_position: boolean;
-    export const independent_width: boolean;
-    export const skip_keysearch: boolean;
-    export const opened: any;
-    const _class: any;
+    export let id: any;
+    export let role: string;
+    export let cache_hash: any;
+    export let triangle_position: string;
+    export let scrollable: boolean;
+    export let focusable: boolean;
+    export let max_height: any;
+    export let direction: string;
+    export let size: string;
+    export let no_animation: boolean;
+    export let no_scroll_animation: boolean;
+    export let prevent_selection: boolean;
+    export let action_menu: boolean;
+    export let is_popup: boolean;
+    export let align_drawer: string;
+    export let wrapper_element: any;
+    export let default_value: any;
+    export let value: string;
+    export let portal_class: any;
+    export let list_class: any;
+    export let skip_portal: any;
+    export let prevent_close: boolean;
+    export let keep_open: boolean;
+    export let prevent_focus: boolean;
+    export let fixed_position: boolean;
+    export let independent_width: boolean;
+    export let skip_keysearch: boolean;
+    export let opened: any;
+    let _class: any;
     export { _class as class };
-    export const data: any;
-    export const prepared_data: any;
-    export const raw_data: any;
-    export const ignore_events: any;
-    export const className: any;
-    export const children: any;
-    export const on_show: any;
-    export const on_hide: any;
-    export const handle_dismiss_focus: any;
-    export const on_change: any;
-    export const on_pre_change: any;
-    export const on_resize: any;
-    export const on_select: any;
-    export const on_state_update: any;
-    export const options_render: any;
+    export let data: any;
+    export let prepared_data: any;
+    export let raw_data: any;
+    export let ignore_events: any;
+    export let className: any;
+    export let children: any;
+    export let on_show: any;
+    export let on_hide: any;
+    export let handle_dismiss_focus: any;
+    export let on_change: any;
+    export let on_pre_change: any;
+    export let on_resize: any;
+    export let on_select: any;
+    export let on_state_update: any;
+    export let options_render: any;
 }
 export namespace drawerListProviderPropTypes {
-    const enable_body_lock: PropTypes.Requireable<boolean>;
-    const page_offset: PropTypes.Requireable<NonNullable<string | number>>;
-    const observer_element: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
-    const min_height: PropTypes.Requireable<NonNullable<string | number>>;
+    let enable_body_lock: PropTypes.Requireable<boolean>;
+    let page_offset: PropTypes.Requireable<NonNullable<string | number>>;
+    let observer_element: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+    let min_height: PropTypes.Requireable<NonNullable<string | number>>;
 }
 export namespace drawerListProviderDefaultProps {
-    const enable_body_lock_1: boolean;
+    let enable_body_lock_1: boolean;
     export { enable_body_lock_1 as enable_body_lock };
-    const page_offset_1: any;
+    let page_offset_1: any;
     export { page_offset_1 as page_offset };
-    const observer_element_1: any;
+    let observer_element_1: any;
     export { observer_element_1 as observer_element };
-    const min_height_1: number;
+    let min_height_1: number;
     export { min_height_1 as min_height };
 }
 export function parseContentTitle(dataItem: any, { separator, removeNumericOnlyValues, preferSelectedValue, }?: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dnb/eufemia",
-  "version": "10.21.0",
+  "version": "10.22.0",
   "description": "DNB Eufemia Design System UI Library",
   "license": "SEE LICENSE IN LICENSE FILE",
   "author": "DNB Team & Tobias Høegh",

package/shared/Eufemia.d.ts

@@ -1,2 +1,2 @@
 export function init(): void;
-export const version: "10.21.0";
+export const version: "10.22.0";

package/shared/Eufemia.js

@@ -1,9 +1,9 @@
-export const version = '10.21.0';
+export const version = '10.22.0';
 export function init() {
   if (typeof window !== 'undefined') {
     class Eufemia {
       get version() {
-        return '10.21.0';
+        return '10.22.0';
       }
     }
     window.Eufemia = new Eufemia();

package/shared/Eufemia.js.map

@@ -1 +1 @@
-{"version":3,"file":"Eufemia.js","names":["version","init","window","Eufemia"],"sources":["../../../src/shared/Eufemia.js"],"sourcesContent":["export const version = '10.21.0'\n\nexport function init() {\n  if (typeof window !== 'undefined') {\n    class Eufemia {\n      get version() {\n        return '10.21.0'\n      }\n    }\n\n    window.Eufemia = new Eufemia()\n  }\n}\n"],"mappings":"AAAA,OAAO,MAAMA,OAAO,GAAG,SAAS;AAEhC,OAAO,SAASC,IAAIA,CAAA,EAAG;EACrB,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;IACjC,MAAMC,OAAO,CAAC;MACZ,IAAIH,OAAOA,CAAA,EAAG;QACZ,OAAO,SAAS;MAClB;IACF;IAEAE,MAAM,CAACC,OAAO,GAAG,IAAIA,OAAO,CAAC,CAAC;EAChC;AACF"}
+{"version":3,"file":"Eufemia.js","names":["version","init","window","Eufemia"],"sources":["../../../src/shared/Eufemia.js"],"sourcesContent":["export const version = '10.22.0'\n\nexport function init() {\n  if (typeof window !== 'undefined') {\n    class Eufemia {\n      get version() {\n        return '10.22.0'\n      }\n    }\n\n    window.Eufemia = new Eufemia()\n  }\n}\n"],"mappings":"AAAA,OAAO,MAAMA,OAAO,GAAG,SAAS;AAEhC,OAAO,SAASC,IAAIA,CAAA,EAAG;EACrB,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;IACjC,MAAMC,OAAO,CAAC;MACZ,IAAIH,OAAOA,CAAA,EAAG;QACZ,OAAO,SAAS;MAClB;IACF;IAEAE,MAAM,CAACC,OAAO,GAAG,IAAIA,OAAO,CAAC,CAAC;EAChC;AACF"}

package/shared/Theme.d.ts

@@ -10,6 +10,7 @@ export type ThemeSizes = 'basis';
 export type PropMapping = string;
 export type ContrastMode = boolean;
 export type DarkMode = boolean;
+export type DarkBackground = boolean;
 export type ThemeProps = {
     name?: ThemeNames;
     variant?: ThemeVariants;
@@ -17,10 +18,15 @@ export type ThemeProps = {
     propMapping?: PropMapping;
     contrastMode?: ContrastMode;
     darkMode?: DarkMode;
+    darkBackground?: DarkBackground;
     element?: DynamicElement | false;
 };
 export type ThemeAllProps = ThemeProps & React.HTMLAttributes<HTMLElement>;
-export default function Theme(themeProps: ThemeAllProps): import("react/jsx-runtime").JSX.Element;
+declare function Theme(themeProps: ThemeAllProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Theme {
+    var Provider: ({ element, ...themeProps }: ThemeAllProps) => import("react/jsx-runtime").JSX.Element;
+}
+export default Theme;
 export declare function ThemeWrapper({ children, theme, element, className, ...rest }: {
     [x: string]: any;
     children: any;

package/shared/Theme.js

@@ -2,8 +2,9 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["children", "element", "name", "variant", "size", "propMapping", "contrastMode", "darkMode"],
-  _excluded2 = ["children", "theme", "element", "className"];
+const _excluded = ["children", "element", "name", "variant", "size", "propMapping", "contrastMode", "darkMode", "darkBackground"],
+  _excluded2 = ["element"],
+  _excluded3 = ["children", "theme", "element", "className"];
 import React from 'react';
 import classnames from 'classnames';
 import Context from './Context';
@@ -19,7 +20,8 @@ export default function Theme(themeProps) {
       size,
       propMapping,
       contrastMode,
-      darkMode
+      darkMode,
+      darkBackground
     } = themeProps,
     restProps = _objectWithoutProperties(themeProps, _excluded);
   const theme = extendPropsWithContext({
@@ -28,7 +30,8 @@ export default function Theme(themeProps) {
     size,
     propMapping,
     contrastMode,
-    darkMode
+    darkMode,
+    darkBackground
   }, null, context === null || context === void 0 ? void 0 : context.theme);
   return React.createElement(Provider, {
     theme: theme
@@ -37,14 +40,24 @@ export default function Theme(themeProps) {
     theme: theme
   }, restProps), children));
 }
-export function ThemeWrapper(_ref) {
+Theme.Provider = _ref => {
+  let {
+      element
+    } = _ref,
+    themeProps = _objectWithoutProperties(_ref, _excluded2);
+  return React.createElement(Theme, _extends({}, themeProps, {
+    element: false
+  }));
+};
+Theme.Provider['_supportsSpacingProps'] = 'children';
+export function ThemeWrapper(_ref2) {
   let {
       children,
       theme,
       element = null,
       className = null
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded2);
+    } = _ref2,
+    rest = _objectWithoutProperties(_ref2, _excluded3);
   const Wrapper = element === false ? React.Fragment : element || 'div';
   const ref = React.useRef(null);
   if (Wrapper === React.Fragment) {

package/shared/Theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"Theme.js","names":["React","classnames","Context","Provider","extendPropsWithContext","Theme","themeProps","context","useContext","children","element","name","variant","size","propMapping","contrastMode","darkMode","restProps","_objectWithoutProperties","_excluded","theme","createElement","ThemeWrapper","_extends","_ref","className","rest","_excluded2","Wrapper","Fragment","ref","useRef","classNames","getThemeClasses","arguments","length","undefined"],"sources":["../../../src/shared/Theme.tsx"],"sourcesContent":["/**\n * Theme Provider\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport Context from './Context'\nimport Provider from './Provider'\nimport { DynamicElement } from './types'\nimport { extendPropsWithContext } from './component-helper'\n\nexport type ThemeNames = 'ui' | 'eiendom' | 'sbanken'\nexport type ThemeVariants = string\nexport type ThemeSizes = 'basis'\nexport type PropMapping = string\nexport type ContrastMode = boolean\nexport type DarkMode = boolean\n\nexport type ThemeProps = {\n  name?: ThemeNames\n  variant?: ThemeVariants\n  size?: ThemeSizes\n  propMapping?: PropMapping\n  contrastMode?: ContrastMode\n  darkMode?: DarkMode\n  element?: DynamicElement | false\n}\n\nexport type ThemeAllProps = ThemeProps & React.HTMLAttributes<HTMLElement>\n\nexport default function Theme(themeProps: ThemeAllProps) {\n  const context = React.useContext(Context)\n\n  const {\n    children,\n    element,\n    name,\n    variant,\n    size,\n    propMapping,\n    contrastMode,\n    darkMode,\n    ...restProps\n  } = themeProps\n\n  const theme = extendPropsWithContext(\n    {\n      name,\n      variant,\n      size,\n      propMapping,\n      contrastMode,\n      darkMode,\n    },\n    null,\n    context?.theme\n  )\n\n  return (\n    <Provider theme={theme}>\n      <ThemeWrapper element={element} theme={theme} {...restProps}>\n        {children}\n      </ThemeWrapper>\n    </Provider>\n  )\n}\n\nexport function ThemeWrapper({\n  children,\n  theme,\n  element = null,\n  className = null,\n  ...rest\n}) {\n  const Wrapper = element === false ? React.Fragment : element || 'div'\n  const ref = React.useRef<HTMLElement>(null)\n\n  if (Wrapper === React.Fragment) {\n    return children\n  }\n\n  rest['ref'] = ref\n\n  const classNames = getThemeClasses(theme, className)\n  const { name, variant, size } = theme\n\n  return (\n    <Wrapper\n      data-name={name}\n      data-variant={variant}\n      data-size={size}\n      className={classNames}\n      {...rest}\n    >\n      {children}\n    </Wrapper>\n  )\n}\n\nexport function getThemeClasses(theme: ThemeProps, className = null) {\n  if (!theme) {\n    return className\n  }\n\n  const { name, variant, size, propMapping, contrastMode, darkMode } =\n    theme\n\n  return classnames(\n    className,\n    'eufemia-theme',\n    name && `eufemia-theme__${name}`,\n    name && variant && `eufemia-theme__${name}--${variant}`,\n    propMapping && `eufemia-theme__prop-mapping--${propMapping}`,\n    contrastMode && 'eufemia-theme__contrast-mode',\n    darkMode && 'eufemia-theme__dark-mode',\n    size && `eufemia-theme__size--${size}`\n  )\n}\n"],"mappings":";;;;;;AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,OAAO,MAAM,WAAW;AAC/B,OAAOC,QAAQ,MAAM,YAAY;AAEjC,SAASC,sBAAsB,QAAQ,oBAAoB;AAqB3D,eAAe,SAASC,KAAKA,CAACC,UAAyB,EAAE;EACvD,MAAMC,OAAO,GAAGP,KAAK,CAACQ,UAAU,CAACN,OAAO,CAAC;EAEzC,MAAM;MACJO,QAAQ;MACRC,OAAO;MACPC,IAAI;MACJC,OAAO;MACPC,IAAI;MACJC,WAAW;MACXC,YAAY;MACZC;IAEF,CAAC,GAAGV,UAAU;IADTW,SAAS,GAAAC,wBAAA,CACVZ,UAAU,EAAAa,SAAA;EAEd,MAAMC,KAAK,GAAGhB,sBAAsB,CAClC;IACEO,IAAI;IACJC,OAAO;IACPC,IAAI;IACJC,WAAW;IACXC,YAAY;IACZC;EACF,CAAC,EACD,IAAI,EACJT,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEa,KACX,CAAC;EAED,OACEpB,KAAA,CAAAqB,aAAA,CAAClB,QAAQ;IAACiB,KAAK,EAAEA;EAAM,GACrBpB,KAAA,CAAAqB,aAAA,CAACC,YAAY,EAAAC,QAAA;IAACb,OAAO,EAAEA,OAAQ;IAACU,KAAK,EAAEA;EAAM,GAAKH,SAAS,GACxDR,QACW,CACN,CAAC;AAEf;AAEA,OAAO,SAASa,YAAYA,CAAAE,IAAA,EAMzB;EAAA,IAN0B;MAC3Bf,QAAQ;MACRW,KAAK;MACLV,OAAO,GAAG,IAAI;MACde,SAAS,GAAG;IAEd,CAAC,GAAAD,IAAA;IADIE,IAAI,GAAAR,wBAAA,CAAAM,IAAA,EAAAG,UAAA;EAEP,MAAMC,OAAO,GAAGlB,OAAO,KAAK,KAAK,GAAGV,KAAK,CAAC6B,QAAQ,GAAGnB,OAAO,IAAI,KAAK;EACrE,MAAMoB,GAAG,GAAG9B,KAAK,CAAC+B,MAAM,CAAc,IAAI,CAAC;EAE3C,IAAIH,OAAO,KAAK5B,KAAK,CAAC6B,QAAQ,EAAE;IAC9B,OAAOpB,QAAQ;EACjB;EAEAiB,IAAI,CAAC,KAAK,CAAC,GAAGI,GAAG;EAEjB,MAAME,UAAU,GAAGC,eAAe,CAACb,KAAK,EAAEK,SAAS,CAAC;EACpD,MAAM;IAAEd,IAAI;IAAEC,OAAO;IAAEC;EAAK,CAAC,GAAGO,KAAK;EAErC,OACEpB,KAAA,CAAAqB,aAAA,CAACO,OAAO,EAAAL,QAAA;IACN,aAAWZ,IAAK;IAChB,gBAAcC,OAAQ;IACtB,aAAWC,IAAK;IAChBY,SAAS,EAAEO;EAAW,GAClBN,IAAI,GAEPjB,QACM,CAAC;AAEd;AAEA,OAAO,SAASwB,eAAeA,CAACb,KAAiB,EAAoB;EAAA,IAAlBK,SAAS,GAAAS,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,IAAI;EACjE,IAAI,CAACd,KAAK,EAAE;IACV,OAAOK,SAAS;EAClB;EAEA,MAAM;IAAEd,IAAI;IAAEC,OAAO;IAAEC,IAAI;IAAEC,WAAW;IAAEC,YAAY;IAAEC;EAAS,CAAC,GAChEI,KAAK;EAEP,OAAOnB,UAAU,CACfwB,SAAS,EACT,eAAe,EACfd,IAAI,IAAK,kBAAiBA,IAAK,EAAC,IACxBC,OAAO,sBAAsBD,IAAK,KAAIC,OAAQ,UACtDE,WAAW,IAAK,gCAA+BA,WAAY,EAAC,EAC5DC,YAAY,IAAI,8BAA8B,EAC9CC,QAAQ,IAAI,0BAA0B,EACtCH,IAAI,IAAK,wBAAuBA,IAAK,EACvC,CAAC;AACH"}
+{"version":3,"file":"Theme.js","names":["React","classnames","Context","Provider","extendPropsWithContext","Theme","themeProps","context","useContext","children","element","name","variant","size","propMapping","contrastMode","darkMode","darkBackground","restProps","_objectWithoutProperties","_excluded","theme","createElement","ThemeWrapper","_extends","_ref","_excluded2","_ref2","className","rest","_excluded3","Wrapper","Fragment","ref","useRef","classNames","getThemeClasses","arguments","length","undefined"],"sources":["../../../src/shared/Theme.tsx"],"sourcesContent":["/**\n * Theme Provider\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport Context from './Context'\nimport Provider from './Provider'\nimport { DynamicElement } from './types'\nimport { extendPropsWithContext } from './component-helper'\n\nexport type ThemeNames = 'ui' | 'eiendom' | 'sbanken'\nexport type ThemeVariants = string\nexport type ThemeSizes = 'basis'\nexport type PropMapping = string\nexport type ContrastMode = boolean\nexport type DarkMode = boolean\nexport type DarkBackground = boolean\n\nexport type ThemeProps = {\n  name?: ThemeNames\n  variant?: ThemeVariants\n  size?: ThemeSizes\n  propMapping?: PropMapping\n  contrastMode?: ContrastMode\n  darkMode?: DarkMode\n  darkBackground?: DarkBackground\n  element?: DynamicElement | false\n}\n\nexport type ThemeAllProps = ThemeProps & React.HTMLAttributes<HTMLElement>\n\nexport default function Theme(themeProps: ThemeAllProps) {\n  const context = React.useContext(Context)\n\n  const {\n    children,\n    element,\n    name,\n    variant,\n    size,\n    propMapping,\n    contrastMode,\n    darkMode,\n    darkBackground,\n    ...restProps\n  } = themeProps\n\n  const theme = extendPropsWithContext(\n    {\n      name,\n      variant,\n      size,\n      propMapping,\n      contrastMode,\n      darkMode,\n      darkBackground,\n    },\n    null,\n    context?.theme\n  )\n\n  return (\n    <Provider theme={theme}>\n      <ThemeWrapper element={element} theme={theme} {...restProps}>\n        {children}\n      </ThemeWrapper>\n    </Provider>\n  )\n}\n\nTheme.Provider = ({ element, ...themeProps }: ThemeAllProps) => {\n  return <Theme {...themeProps} element={false} />\n}\nTheme.Provider['_supportsSpacingProps'] = 'children'\n\nexport function ThemeWrapper({\n  children,\n  theme,\n  element = null,\n  className = null,\n  ...rest\n}) {\n  const Wrapper = element === false ? React.Fragment : element || 'div'\n  const ref = React.useRef<HTMLElement>(null)\n\n  if (Wrapper === React.Fragment) {\n    return children\n  }\n\n  rest['ref'] = ref\n\n  const classNames = getThemeClasses(theme, className)\n  const { name, variant, size } = theme\n\n  return (\n    <Wrapper\n      data-name={name}\n      data-variant={variant}\n      data-size={size}\n      className={classNames}\n      {...rest}\n    >\n      {children}\n    </Wrapper>\n  )\n}\n\nexport function getThemeClasses(theme: ThemeProps, className = null) {\n  if (!theme) {\n    return className\n  }\n\n  const { name, variant, size, propMapping, contrastMode, darkMode } =\n    theme\n\n  return classnames(\n    className,\n    'eufemia-theme',\n    name && `eufemia-theme__${name}`,\n    name && variant && `eufemia-theme__${name}--${variant}`,\n    propMapping && `eufemia-theme__prop-mapping--${propMapping}`,\n    contrastMode && 'eufemia-theme__contrast-mode',\n    darkMode && 'eufemia-theme__dark-mode',\n    size && `eufemia-theme__size--${size}`\n  )\n}\n"],"mappings":"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"}

package/shared/helpers/debounce.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Debounces a function to be executed after a specified wait time.
+ *
+ * @param {Function} debouncedFunction - The function to be debounced.
+ * @param {number} [wait=250] - The wait time in milliseconds before executing the debounced function.
+ * @param {Object} [options] - Additional options for the debounced function.
+ * @param {boolean} [options.immediate=false] - Whether to execute the debounced function immediately.
+ * @param {Object} [options.instance=null] - The instance to bind the debounced function to.
+ * @param {boolean} [options.async=false] - Whether to return a promise that resolves with the result of the debounced function.
+ * @returns {Function|Promise} - The debounced function or a promise that resolves with the result of the debounced function.
+ * @memberof helpers
+ */
+export declare function debounce(debouncedFunction: any, wait?: number, { immediate, instance, async }?: {
+    immediate?: boolean;
+    instance?: any;
+    async?: boolean;
+}): {
+    (...args: any[]): any;
+    cancel: () => void;
+    addCancelEvent: (fn: any) => () => boolean;
+};
+/**
+ * Debounces a function in async to be executed after a specified wait time.
+ *
+ * @param {Function} debouncedFunction - The function to be debounced.
+ * @param {number} [wait=250] - The wait time in milliseconds before executing the debounced function.
+ * @param {Object} [options] - Additional options for the debounced function.
+ * @param {boolean} [options.immediate=false] - Whether to execute the debounced function immediately.
+ * @param {Object} [options.instance=null] - The instance to bind the debounced function to.
+ * @returns {Promise} - The debounced promise that resolves with the result of the debounced function.
+ * @memberof helpers
+ */
+export declare function debounceAsync(debouncedFunction: any, wait?: number, opts?: any): {
+    (...args: any[]): any;
+    cancel: () => void;
+    addCancelEvent: (fn: any) => () => boolean;
+};