@dnb/eufemia 10.3.0 → 10.4.1

package/es/icons/dnb/video_medium.d.ts

@@ -1,4 +1,3 @@
 /** This file is auto generated by convertSvgToJsx.ts */
-/// <reference types="react" />
-declare const video_medium: (props: any) => JSX.Element;
+declare const video_medium: (props: any) => import("react/jsx-runtime").JSX.Element;
 export default video_medium;

package/es/icons/dnb/view.d.ts

@@ -1,4 +1,3 @@
 /** This file is auto generated by convertSvgToJsx.ts */
-/// <reference types="react" />
-declare const view: (props: any) => JSX.Element;
+declare const view: (props: any) => import("react/jsx-runtime").JSX.Element;
 export default view;

package/es/icons/dnb/view_medium.d.ts

@@ -1,4 +1,3 @@
 /** This file is auto generated by convertSvgToJsx.ts */
-/// <reference types="react" />
-declare const view_medium: (props: any) => JSX.Element;
+declare const view_medium: (props: any) => import("react/jsx-runtime").JSX.Element;
 export default view_medium;

package/es/icons/dnb/vintage_car.d.ts

@@ -1,4 +1,3 @@
 /** This file is auto generated by convertSvgToJsx.ts */
-/// <reference types="react" />
-declare const vintage_car: (props: any) => JSX.Element;
+declare const vintage_car: (props: any) => import("react/jsx-runtime").JSX.Element;
 export default vintage_car;

package/es/icons/dnb/vintage_car_medium.d.ts

@@ -1,4 +1,3 @@
 /** This file is auto generated by convertSvgToJsx.ts */
-/// <reference types="react" />
-declare const vintage_car_medium: (props: any) => JSX.Element;
+declare const vintage_car_medium: (props: any) => import("react/jsx-runtime").JSX.Element;
 export default vintage_car_medium;

package/es/icons/dnb/volume_off.d.ts

@@ -1,4 +1,3 @@
 /** This file is auto generated by convertSvgToJsx.ts */
-/// <reference types="react" />
-declare const volume_off: (props: any) => JSX.Element;
+declare const volume_off: (props: any) => import("react/jsx-runtime").JSX.Element;
 export default volume_off;

package/es/icons/dnb/volume_off_medium.d.ts

@@ -1,4 +1,3 @@
 /** This file is auto generated by convertSvgToJsx.ts */
-/// <reference types="react" />
-declare const volume_off_medium: (props: any) => JSX.Element;
+declare const volume_off_medium: (props: any) => import("react/jsx-runtime").JSX.Element;
 export default volume_off_medium;

package/es/icons/dnb/volume_on.d.ts

@@ -1,4 +1,3 @@
 /** This file is auto generated by convertSvgToJsx.ts */
-/// <reference types="react" />
-declare const volume_on: (props: any) => JSX.Element;
+declare const volume_on: (props: any) => import("react/jsx-runtime").JSX.Element;
 export default volume_on;

package/es/icons/dnb/volume_on_medium.d.ts

@@ -1,4 +1,3 @@
 /** This file is auto generated by convertSvgToJsx.ts */
-/// <reference types="react" />
-declare const volume_on_medium: (props: any) => JSX.Element;
+declare const volume_on_medium: (props: any) => import("react/jsx-runtime").JSX.Element;
 export default volume_on_medium;

package/es/icons/dnb/wallet.d.ts

@@ -1,4 +1,3 @@
 /** This file is auto generated by convertSvgToJsx.ts */
-/// <reference types="react" />
-declare const wallet: (props: any) => JSX.Element;
+declare const wallet: (props: any) => import("react/jsx-runtime").JSX.Element;
 export default wallet;

package/es/icons/dnb/wallet_medium.d.ts

@@ -1,4 +1,3 @@
 /** This file is auto generated by convertSvgToJsx.ts */
-/// <reference types="react" />
-declare const wallet_medium: (props: any) => JSX.Element;
+declare const wallet_medium: (props: any) => import("react/jsx-runtime").JSX.Element;
 export default wallet_medium;

package/es/icons/dnb/wearables.d.ts

@@ -1,4 +1,3 @@
 /** This file is auto generated by convertSvgToJsx.ts */
-/// <reference types="react" />
-declare const wearables: (props: any) => JSX.Element;
+declare const wearables: (props: any) => import("react/jsx-runtime").JSX.Element;
 export default wearables;

package/es/icons/dnb/wearables_medium.d.ts

@@ -1,4 +1,3 @@
 /** This file is auto generated by convertSvgToJsx.ts */
-/// <reference types="react" />
-declare const wearables_medium: (props: any) => JSX.Element;
+declare const wearables_medium: (props: any) => import("react/jsx-runtime").JSX.Element;
 export default wearables_medium;

package/es/icons/dnb/web.d.ts

@@ -1,4 +1,3 @@
 /** This file is auto generated by convertSvgToJsx.ts */
-/// <reference types="react" />
-declare const web: (props: any) => JSX.Element;
+declare const web: (props: any) => import("react/jsx-runtime").JSX.Element;
 export default web;

package/es/icons/dnb/web_medium.d.ts

@@ -1,4 +1,3 @@
 /** This file is auto generated by convertSvgToJsx.ts */
-/// <reference types="react" />
-declare const web_medium: (props: any) => JSX.Element;
+declare const web_medium: (props: any) => import("react/jsx-runtime").JSX.Element;
 export default web_medium;

package/es/icons/dnb/wheelchair.d.ts

@@ -1,4 +1,3 @@
 /** This file is auto generated by convertSvgToJsx.ts */
-/// <reference types="react" />
-declare const wheelchair: (props: any) => JSX.Element;
+declare const wheelchair: (props: any) => import("react/jsx-runtime").JSX.Element;
 export default wheelchair;

package/es/icons/dnb/wheelchair_medium.d.ts

@@ -1,4 +1,3 @@
 /** This file is auto generated by convertSvgToJsx.ts */
-/// <reference types="react" />
-declare const wheelchair_medium: (props: any) => JSX.Element;
+declare const wheelchair_medium: (props: any) => import("react/jsx-runtime").JSX.Element;
 export default wheelchair_medium;

package/es/icons/dnb/widget_android.d.ts

@@ -1,4 +1,3 @@
 /** This file is auto generated by convertSvgToJsx.ts */
-/// <reference types="react" />
-declare const widget_android: (props: any) => JSX.Element;
+declare const widget_android: (props: any) => import("react/jsx-runtime").JSX.Element;
 export default widget_android;

package/es/icons/dnb/widget_android_medium.d.ts

@@ -1,4 +1,3 @@
 /** This file is auto generated by convertSvgToJsx.ts */
-/// <reference types="react" />
-declare const widget_android_medium: (props: any) => JSX.Element;
+declare const widget_android_medium: (props: any) => import("react/jsx-runtime").JSX.Element;
 export default widget_android_medium;

package/es/icons/dnb/widget_ios.d.ts

@@ -1,4 +1,3 @@
 /** This file is auto generated by convertSvgToJsx.ts */
-/// <reference types="react" />
-declare const widget_ios: (props: any) => JSX.Element;
+declare const widget_ios: (props: any) => import("react/jsx-runtime").JSX.Element;
 export default widget_ios;

package/es/icons/dnb/widget_ios_medium.d.ts

@@ -1,4 +1,3 @@
 /** This file is auto generated by convertSvgToJsx.ts */
-/// <reference types="react" />
-declare const widget_ios_medium: (props: any) => JSX.Element;
+declare const widget_ios_medium: (props: any) => import("react/jsx-runtime").JSX.Element;
 export default widget_ios_medium;

package/es/shared/Context.d.ts

@@ -28,6 +28,7 @@ import type { SkeletonProps, SkeletonShow } from '../components/Skeleton';
 import type { HelpButtonProps } from '../components/HelpButton';
 import type { TableProps } from '../components/Table';
 import type { GlobalErrorProps } from '../components/GlobalError';
+import type { ModalProps } from '../components/modal/types';
 import type { NumberFormatCurrency } from '../components/NumberFormat';
 import type { ThemeProps } from './Theme';
 export type ContextComponents = {
@@ -55,6 +56,7 @@ export type ContextComponents = {
     HelpButton?: Partial<HelpButtonProps>;
     Table?: Partial<TableProps>;
     GlobalError?: Partial<GlobalErrorProps>;
+    Modal?: Partial<ModalProps>;
     NumberFormat?: Record<string, unknown>;
     Pagination?: Record<string, unknown>;
     FormRow?: FormRowProps;

package/es/shared/Context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Context.js","names":["React","LOCALE","CURRENCY","CURRENCY_DISPLAY","defaultLocales","extend","prepareContext","props","locales","__context__","Object","assign","key","handleLocaleFallbacks","locale","translation","destruct","context","_objectSpread","updateTranslation","getTranslation","lang","breakpoints","skeleton","split","Context","createContext","currency","currency_display","source","validKeys","k","String","includes","list","val","last","length","forEach","i"],"sources":["../../../src/shared/Context.tsx"],"sourcesContent":["/**\n * Web Context Context\n *\n */\n\nimport React from 'react'\nimport { LOCALE, CURRENCY, CURRENCY_DISPLAY } from './defaults'\nimport defaultLocales from './locales'\nimport { extend } from './component-helper'\n\n// All TypeScript based Eufemia elements\nimport type { ScrollViewProps } from '../fragments/scroll-view/ScrollView'\n\n// All TypeScript based Eufemia components\nimport type { AnchorProps } from '../components/Anchor'\nimport type { ButtonProps } from '../components/button/Button'\nimport type { AvatarProps } from '../components/avatar/Avatar'\nimport type { AvatarGroupProps } from '../components/avatar/AvatarGroup'\nimport type { BadgeProps } from '../components/badge/Badge'\nimport type { BreadcrumbProps } from '../components/breadcrumb/Breadcrumb'\nimport type { BreadcrumbItemProps } from '../components/breadcrumb/BreadcrumbItem'\nimport type { InfoCardProps } from '../components/info-card/InfoCard'\nimport type { SliderProps } from '../components/slider/Slider'\nimport type { TagProps } from '../components/tag/Tag'\nimport type { TagGroupProps } from '../components/tag/TagGroup'\nimport type { TimelineProps } from '../components/timeline/Timeline'\nimport type { TimelineItemProps } from '../components/timeline/TimelineItem'\nimport type { VisuallyHiddenProps } from '../components/visually-hidden/VisuallyHidden'\nimport type { DrawerProps } from '../components/drawer/types'\nimport type { DialogProps } from '../components/dialog/types'\nimport type { TooltipProps } from '../components/tooltip/types'\nimport type { SectionProps } from '../components/section/Section'\nimport type { FormRowProps } from '../components/form-row/FormRowHelpers'\nimport type { UploadProps } from '../components/upload/types'\nimport type { SkeletonProps, SkeletonShow } from '../components/Skeleton'\nimport type { HelpButtonProps } from '../components/HelpButton'\nimport type { TableProps } from '../components/Table'\nimport type { GlobalErrorProps } from '../components/GlobalError'\n\nimport type { NumberFormatCurrency } from '../components/NumberFormat'\n\nimport type { ThemeProps } from './Theme'\n\nexport type ContextComponents = {\n  Button?: Partial<ButtonProps>\n  Anchor?: Partial<AnchorProps>\n  Avatar?: Partial<AvatarProps>\n  AvatarGroup?: Partial<AvatarGroupProps>\n  Badge?: Partial<BadgeProps>\n  Breadcrumb?: Partial<BreadcrumbProps>\n  BreadcrumbItem?: Partial<BreadcrumbItemProps>\n  InfoCard?: Partial<InfoCardProps>\n  Slider?: Partial<SliderProps>\n  Tag?: Partial<TagProps>\n  TagGroup?: Partial<TagGroupProps>\n  Timeline?: Partial<TimelineProps>\n  TimelineItem?: Partial<TimelineItemProps>\n  VisuallyHidden?: Partial<VisuallyHiddenProps>\n  Drawer?: Partial<DrawerProps>\n  Dialog?: Partial<DialogProps>\n  Tooltip?: Partial<TooltipProps>\n  Section?: Partial<SectionProps>\n  ScrollView?: Partial<ScrollViewProps>\n  Upload?: Partial<UploadProps>\n  Skeleton?: Partial<SkeletonProps>\n  HelpButton?: Partial<HelpButtonProps>\n  Table?: Partial<TableProps>\n  GlobalError?: Partial<GlobalErrorProps>\n\n  // -- TODO: Not converted yet --\n  NumberFormat?: Record<string, unknown>\n  Pagination?: Record<string, unknown>\n  FormRow?: FormRowProps\n}\n\nexport type ContextProps = ContextComponents & {\n  // -- All TypeScript based Eufemia components --\n\n  // -- Global properties --\n\n  /**\n   * Contains theme related properties, such as a theme name\n   */\n  theme?: ThemeProps\n\n  /**\n   * Will enable all skeletons inside this provider/context scope\n   */\n  skeleton?: SkeletonShow\n\n  /**\n   * Define what breakpoints should be used by the MediaQuery component and hook\n   */\n  breakpoints?: Record<string, string>\n\n  /**\n   * Defines the locale (internal translation) used by some components\n   */\n  locale?: Locale\n\n  /**\n   * Provide your own translations. Use the same format as defined in the translation files\n   */\n  translation?: Translation\n\n  /**\n   * Defines the currency used by the NumberFormat component\n   */\n  currency?: NumberFormatCurrency\n\n  /**\n   * Defines the currencyDisplay used by the NumberFormat component\n   */\n  currency_display?: string\n\n  /**\n   * Update any given provider/context properties\n   */\n  update?: (props: ContextProps) => void\n\n  /**\n   * Update any given provider/context properties, but only for the particular scope\n   */\n  updateCurrent?: (props: ContextProps) => void\n\n  /**\n   * Update the used locale from within the context\n   */\n  setLocale?: (locale: Locale) => void\n\n  /**\n   * Update the used locale from within the context, but only for the particular scope\n   */\n  setCurrentLocale?: (locale: Locale) => void\n\n  // -- For internal use --\n  locales?: Locales\n  __context__?: Record<string, unknown>\n  updateTranslation?: (locale: Locale, translation: Translation) => void\n  getTranslation?: (props: GetTranslationProps) => Translation\n}\n\nexport type GetTranslationProps = Partial<{\n  lang?: Locale\n  locale?: Locale\n}>\n\nexport type Locale = string | 'nb-NO' | 'en-GB' | 'en-US'\nexport type ComponentTranslationsName = string | keyof ContextComponents\nexport type ComponentTranslation = string\nexport type ComponentTranslations = Record<string, ComponentTranslation>\nexport type Locales = Record<Locale, Translation | TranslationConsumer>\nexport type Translation = Record<\n  /**\n   * Support only \"HelpButton\"\n   */\n  ComponentTranslationsName,\n  ComponentTranslations\n>\nexport type TranslationConsumer = Record<\n  /**\n   * Support \"HelpButton.title\"\n   */\n  ComponentTranslationsName,\n  ComponentTranslation | ComponentTranslations\n>\n\nexport function prepareContext<Props>(\n  props: ContextProps = {}\n): Props & ContextProps {\n  const locales: Locales = props.locales\n    ? extend(defaultLocales, props.locales)\n    : defaultLocales\n\n  if (props.__context__) {\n    Object.assign(props, props.__context__)\n    delete props.__context__\n  }\n\n  const key = handleLocaleFallbacks(props.locale || LOCALE, locales)\n  const translation = locales[key] || defaultLocales[LOCALE] || {} // here we could use Object.freeze\n\n  /**\n   * The code above adds support for strings, defined like:\n   * {\n   *    \"Modal.close_title\": \"Lukk\",\n   * }\n   */\n  if (locales[key]) {\n    locales[key] = destruct(locales[key], translation)\n  }\n\n  const context = {\n    // We may use that in future\n    updateTranslation: (locale: string, translation: Translation) => {\n      context.translation = context.locales[locale] = translation\n    },\n    getTranslation: (props: GetTranslationProps) => {\n      if (props) {\n        const lang = props.lang || props.locale\n        if (lang && context.locales[lang] && lang !== key) {\n          return context.locales[lang]\n        }\n      }\n      return context.translation\n    },\n\n    locales,\n    locale: null,\n    breakpoints: null,\n    skeleton: null,\n\n    ...props,\n\n    /**\n     * Make sure we set this after props, since we update this one!\n     */\n    translation,\n  } as Props & ContextProps\n\n  return context\n}\n\nfunction handleLocaleFallbacks(locale: Locale, locales: Locales) {\n  if (!locales[locale]) {\n    if (locale === 'en' || locale.split('-')[0] === 'en') {\n      return 'en-GB'\n    }\n  }\n  return locale\n}\n\n// If no provider is given, we use the default context from here\nconst Context = React.createContext<ContextProps>(\n  prepareContext({\n    locale: LOCALE,\n    currency: CURRENCY,\n    currency_display: CURRENCY_DISPLAY,\n  })\n)\n\nexport default Context\n\nfunction destruct(\n  source: TranslationConsumer,\n  validKeys: Record<string, unknown>\n): TranslationConsumer {\n  for (const k in source) {\n    if (String(k).includes('.')) {\n      const list = k.split('.')\n\n      if (validKeys[list[0]]) {\n        const val = source[k]\n        const last = list.length - 1\n\n        list.forEach((k, i) => {\n          source[k] = i === last ? val : source[k]\n\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          source = source[k] || {}\n        })\n\n        // If the root object is frozen, then use this\n        // let lastObj = { ...source }\n        // list.forEach((k, i) => {\n        //   lastObj[k] = i === last ? val : lastObj[k] // we may have to create a new object here instead?\n        //   lastObj = lastObj[k]\n        // })\n      }\n    }\n  }\n\n  return source\n}\n"],"mappings":"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"}
+{"version":3,"file":"Context.js","names":["React","LOCALE","CURRENCY","CURRENCY_DISPLAY","defaultLocales","extend","prepareContext","props","locales","__context__","Object","assign","key","handleLocaleFallbacks","locale","translation","destruct","context","_objectSpread","updateTranslation","getTranslation","lang","breakpoints","skeleton","split","Context","createContext","currency","currency_display","source","validKeys","k","String","includes","list","val","last","length","forEach","i"],"sources":["../../../src/shared/Context.tsx"],"sourcesContent":["/**\n * Web Context Context\n *\n */\n\nimport React from 'react'\nimport { LOCALE, CURRENCY, CURRENCY_DISPLAY } from './defaults'\nimport defaultLocales from './locales'\nimport { extend } from './component-helper'\n\n// All TypeScript based Eufemia elements\nimport type { ScrollViewProps } from '../fragments/scroll-view/ScrollView'\n\n// All TypeScript based Eufemia components\nimport type { AnchorProps } from '../components/Anchor'\nimport type { ButtonProps } from '../components/button/Button'\nimport type { AvatarProps } from '../components/avatar/Avatar'\nimport type { AvatarGroupProps } from '../components/avatar/AvatarGroup'\nimport type { BadgeProps } from '../components/badge/Badge'\nimport type { BreadcrumbProps } from '../components/breadcrumb/Breadcrumb'\nimport type { BreadcrumbItemProps } from '../components/breadcrumb/BreadcrumbItem'\nimport type { InfoCardProps } from '../components/info-card/InfoCard'\nimport type { SliderProps } from '../components/slider/Slider'\nimport type { TagProps } from '../components/tag/Tag'\nimport type { TagGroupProps } from '../components/tag/TagGroup'\nimport type { TimelineProps } from '../components/timeline/Timeline'\nimport type { TimelineItemProps } from '../components/timeline/TimelineItem'\nimport type { VisuallyHiddenProps } from '../components/visually-hidden/VisuallyHidden'\nimport type { DrawerProps } from '../components/drawer/types'\nimport type { DialogProps } from '../components/dialog/types'\nimport type { TooltipProps } from '../components/tooltip/types'\nimport type { SectionProps } from '../components/section/Section'\nimport type { FormRowProps } from '../components/form-row/FormRowHelpers'\nimport type { UploadProps } from '../components/upload/types'\nimport type { SkeletonProps, SkeletonShow } from '../components/Skeleton'\nimport type { HelpButtonProps } from '../components/HelpButton'\nimport type { TableProps } from '../components/Table'\nimport type { GlobalErrorProps } from '../components/GlobalError'\nimport type { ModalProps } from '../components/modal/types'\n\nimport type { NumberFormatCurrency } from '../components/NumberFormat'\n\nimport type { ThemeProps } from './Theme'\n\nexport type ContextComponents = {\n  Button?: Partial<ButtonProps>\n  Anchor?: Partial<AnchorProps>\n  Avatar?: Partial<AvatarProps>\n  AvatarGroup?: Partial<AvatarGroupProps>\n  Badge?: Partial<BadgeProps>\n  Breadcrumb?: Partial<BreadcrumbProps>\n  BreadcrumbItem?: Partial<BreadcrumbItemProps>\n  InfoCard?: Partial<InfoCardProps>\n  Slider?: Partial<SliderProps>\n  Tag?: Partial<TagProps>\n  TagGroup?: Partial<TagGroupProps>\n  Timeline?: Partial<TimelineProps>\n  TimelineItem?: Partial<TimelineItemProps>\n  VisuallyHidden?: Partial<VisuallyHiddenProps>\n  Drawer?: Partial<DrawerProps>\n  Dialog?: Partial<DialogProps>\n  Tooltip?: Partial<TooltipProps>\n  Section?: Partial<SectionProps>\n  ScrollView?: Partial<ScrollViewProps>\n  Upload?: Partial<UploadProps>\n  Skeleton?: Partial<SkeletonProps>\n  HelpButton?: Partial<HelpButtonProps>\n  Table?: Partial<TableProps>\n  GlobalError?: Partial<GlobalErrorProps>\n  Modal?: Partial<ModalProps>\n\n  // -- TODO: Not converted yet --\n  NumberFormat?: Record<string, unknown>\n  Pagination?: Record<string, unknown>\n  FormRow?: FormRowProps\n}\n\nexport type ContextProps = ContextComponents & {\n  // -- All TypeScript based Eufemia components --\n\n  // -- Global properties --\n\n  /**\n   * Contains theme related properties, such as a theme name\n   */\n  theme?: ThemeProps\n\n  /**\n   * Will enable all skeletons inside this provider/context scope\n   */\n  skeleton?: SkeletonShow\n\n  /**\n   * Define what breakpoints should be used by the MediaQuery component and hook\n   */\n  breakpoints?: Record<string, string>\n\n  /**\n   * Defines the locale (internal translation) used by some components\n   */\n  locale?: Locale\n\n  /**\n   * Provide your own translations. Use the same format as defined in the translation files\n   */\n  translation?: Translation\n\n  /**\n   * Defines the currency used by the NumberFormat component\n   */\n  currency?: NumberFormatCurrency\n\n  /**\n   * Defines the currencyDisplay used by the NumberFormat component\n   */\n  currency_display?: string\n\n  /**\n   * Update any given provider/context properties\n   */\n  update?: (props: ContextProps) => void\n\n  /**\n   * Update any given provider/context properties, but only for the particular scope\n   */\n  updateCurrent?: (props: ContextProps) => void\n\n  /**\n   * Update the used locale from within the context\n   */\n  setLocale?: (locale: Locale) => void\n\n  /**\n   * Update the used locale from within the context, but only for the particular scope\n   */\n  setCurrentLocale?: (locale: Locale) => void\n\n  // -- For internal use --\n  locales?: Locales\n  __context__?: Record<string, unknown>\n  updateTranslation?: (locale: Locale, translation: Translation) => void\n  getTranslation?: (props: GetTranslationProps) => Translation\n}\n\nexport type GetTranslationProps = Partial<{\n  lang?: Locale\n  locale?: Locale\n}>\n\nexport type Locale = string | 'nb-NO' | 'en-GB' | 'en-US'\nexport type ComponentTranslationsName = string | keyof ContextComponents\nexport type ComponentTranslation = string\nexport type ComponentTranslations = Record<string, ComponentTranslation>\nexport type Locales = Record<Locale, Translation | TranslationConsumer>\nexport type Translation = Record<\n  /**\n   * Support only \"HelpButton\"\n   */\n  ComponentTranslationsName,\n  ComponentTranslations\n>\nexport type TranslationConsumer = Record<\n  /**\n   * Support \"HelpButton.title\"\n   */\n  ComponentTranslationsName,\n  ComponentTranslation | ComponentTranslations\n>\n\nexport function prepareContext<Props>(\n  props: ContextProps = {}\n): Props & ContextProps {\n  const locales: Locales = props.locales\n    ? extend(defaultLocales, props.locales)\n    : defaultLocales\n\n  if (props.__context__) {\n    Object.assign(props, props.__context__)\n    delete props.__context__\n  }\n\n  const key = handleLocaleFallbacks(props.locale || LOCALE, locales)\n  const translation = locales[key] || defaultLocales[LOCALE] || {} // here we could use Object.freeze\n\n  /**\n   * The code above adds support for strings, defined like:\n   * {\n   *    \"Modal.close_title\": \"Lukk\",\n   * }\n   */\n  if (locales[key]) {\n    locales[key] = destruct(locales[key], translation)\n  }\n\n  const context = {\n    // We may use that in future\n    updateTranslation: (locale: string, translation: Translation) => {\n      context.translation = context.locales[locale] = translation\n    },\n    getTranslation: (props: GetTranslationProps) => {\n      if (props) {\n        const lang = props.lang || props.locale\n        if (lang && context.locales[lang] && lang !== key) {\n          return context.locales[lang]\n        }\n      }\n      return context.translation\n    },\n\n    locales,\n    locale: null,\n    breakpoints: null,\n    skeleton: null,\n\n    ...props,\n\n    /**\n     * Make sure we set this after props, since we update this one!\n     */\n    translation,\n  } as Props & ContextProps\n\n  return context\n}\n\nfunction handleLocaleFallbacks(locale: Locale, locales: Locales) {\n  if (!locales[locale]) {\n    if (locale === 'en' || locale.split('-')[0] === 'en') {\n      return 'en-GB'\n    }\n  }\n  return locale\n}\n\n// If no provider is given, we use the default context from here\nconst Context = React.createContext<ContextProps>(\n  prepareContext({\n    locale: LOCALE,\n    currency: CURRENCY,\n    currency_display: CURRENCY_DISPLAY,\n  })\n)\n\nexport default Context\n\nfunction destruct(\n  source: TranslationConsumer,\n  validKeys: Record<string, unknown>\n): TranslationConsumer {\n  for (const k in source) {\n    if (String(k).includes('.')) {\n      const list = k.split('.')\n\n      if (validKeys[list[0]]) {\n        const val = source[k]\n        const last = list.length - 1\n\n        list.forEach((k, i) => {\n          source[k] = i === last ? val : source[k]\n\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          source = source[k] || {}\n        })\n\n        // If the root object is frozen, then use this\n        // let lastObj = { ...source }\n        // list.forEach((k, i) => {\n        //   lastObj[k] = i === last ? val : lastObj[k] // we may have to create a new object here instead?\n        //   lastObj = lastObj[k]\n        // })\n      }\n    }\n  }\n\n  return source\n}\n"],"mappings":"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"}

package/es/shared/Eufemia.d.ts

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

package/es/shared/Eufemia.js

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

package/es/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.3.0'\n\nexport function init() {\n  if (typeof window !== 'undefined') {\n    class Eufemia {\n      get version() {\n        return '10.3.0'\n      }\n    }\n\n    window.Eufemia = new Eufemia()\n  }\n}\n"],"mappings":"AAAA,OAAO,MAAMA,OAAO,GAAG,QAAQ;AAE/B,OAAO,SAASC,IAAIA,CAAA,EAAG;EACrB,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;IACjC,MAAMC,OAAO,CAAC;MACZ,IAAIH,OAAOA,CAAA,EAAG;QACZ,OAAO,QAAQ;MACjB;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.4.1'\n\nexport function init() {\n  if (typeof window !== 'undefined') {\n    class Eufemia {\n      get version() {\n        return '10.4.1'\n      }\n    }\n\n    window.Eufemia = new Eufemia()\n  }\n}\n"],"mappings":"AAAA,OAAO,MAAMA,OAAO,GAAG,QAAQ;AAE/B,OAAO,SAASC,IAAIA,CAAA,EAAG;EACrB,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;IACjC,MAAMC,OAAO,CAAC;MACZ,IAAIH,OAAOA,CAAA,EAAG;QACZ,OAAO,QAAQ;MACjB;IACF;IAEAE,MAAM,CAACC,OAAO,GAAG,IAAIA,OAAO,CAAC,CAAC;EAChC;AACF"}

package/es/shared/MediaQuery.d.ts

@@ -17,5 +17,5 @@ export default class MediaQuery extends React.PureComponent<MediaQueryProps, Med
     componentWillUnmount(): void;
     componentDidUpdate(props: any): void;
     bindListener: () => void;
-    render(): JSX.Element;
+    render(): import("react/jsx-runtime").JSX.Element;
 }

package/es/shared/Provider.d.ts

@@ -14,4 +14,4 @@ export type ProviderProps = {
      */
     children: React.ReactNode;
 } & ContextProps;
-export default function Provider<Props>(localProps: ProviderProps & Props): JSX.Element;
+export default function Provider<Props>(localProps: ProviderProps & Props): import("react/jsx-runtime").JSX.Element;

package/es/shared/Theme.d.ts

@@ -20,7 +20,7 @@ export type ThemeProps = {
     element?: DynamicElement | false;
 };
 export type ThemeAllProps = ThemeProps & React.HTMLAttributes<HTMLElement>;
-export default function Theme(themeProps: ThemeAllProps): JSX.Element;
+export default function Theme(themeProps: ThemeAllProps): import("react/jsx-runtime").JSX.Element;
 export declare function ThemeWrapper({ children, theme, element, className, ...rest }: {
     [x: string]: any;
     children: any;

package/es/shared/VisibilityByTheme.js

@@ -1,15 +1,10 @@
-import React from 'react';
 import useTheme from './useTheme';
 export default function VisibilityByTheme({
   children,
   visible,
   hidden
 }) {
-  const themeOrig = useTheme();
-  const [theme, refresh] = React.useState(process.env.NODE_ENV === 'production' ? {} : themeOrig);
-  React.useLayoutEffect(() => {
-    refresh(themeOrig);
-  }, [themeOrig]);
+  const theme = useTheme();
   const visibleList = Array.isArray(visible) ? visible : [visible];
   const hiddenList = Array.isArray(hidden) ? hidden : [hidden];
   if (visible) {

package/es/shared/VisibilityByTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"VisibilityByTheme.js","names":["React","useTheme","VisibilityByTheme","children","visible","hidden","themeOrig","theme","refresh","useState","process","env","NODE_ENV","useLayoutEffect","visibleList","Array","isArray","hiddenList","some","match","themeItem","name","matchObject","Object","keys","every","key"],"sources":["../../../src/shared/VisibilityByTheme.tsx"],"sourcesContent":["import React from 'react'\nimport useTheme from './useTheme'\nimport type { ThemeNames, ThemeProps } from './Theme'\n\ntype VisibilityByThemeProps = {\n  /**\n   * A valid theme name or object.\n   * Will pass children on a match.\n   */\n  visible?: ThemeParams\n\n  /**\n   * A valid theme name or object.\n   * Will omit passing children on a match.\n   * NB: \"visible\" takes presense over \"hidden\"\n   */\n  hidden?: ThemeParams\n\n  /**\n   * Any kind of a React Node that should render on a match.\n   */\n  children: React.ReactNode\n}\n\ntype ThemeItem = ThemeNames | ThemeProps\ntype ThemeParams = ThemeItem | Array<ThemeItem>\n\nexport default function VisibilityByTheme({\n  children,\n  visible,\n  hidden,\n}: VisibilityByThemeProps) {\n  const themeOrig = useTheme()\n\n  // Deprecated (can be removed when we are full and 100% officially using React v18)\n  // When using React v17,\n  // we need to ovecome a hydration issue.\n  // Later we can change \"themeOrig\" to \"theme\" and remove these lines below:\n  const [theme, refresh] = React.useState(\n    process.env.NODE_ENV === 'production' ? {} : themeOrig\n  )\n  React.useLayoutEffect(() => {\n    refresh(themeOrig)\n  }, [themeOrig])\n\n  const visibleList = Array.isArray(visible) ? visible : [visible]\n  const hiddenList = Array.isArray(hidden) ? hidden : [hidden]\n\n  if (visible) {\n    if (!visibleList.some(match(theme))) {\n      return null\n    }\n  } else if (hidden) {\n    if (hiddenList.some(match(theme))) {\n      return null\n    }\n  }\n\n  return children as JSX.Element\n\n  function match(theme: ThemeProps) {\n    return (themeItem: ThemeItem) => {\n      return typeof themeItem === 'string'\n        ? theme.name === themeItem\n        : matchObject(theme, themeItem)\n    }\n  }\n\n  function matchObject(theme: ThemeProps, themeItem: ThemeItem) {\n    return Object.keys(themeItem).every((key) => {\n      return theme[key] === themeItem[key]\n    })\n  }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,YAAY;AA0BjC,eAAe,SAASC,iBAAiBA,CAAC;EACxCC,QAAQ;EACRC,OAAO;EACPC;AACsB,CAAC,EAAE;EACzB,MAAMC,SAAS,GAAGL,QAAQ,CAAC,CAAC;EAM5B,MAAM,CAACM,KAAK,EAAEC,OAAO,CAAC,GAAGR,KAAK,CAACS,QAAQ,CACrCC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,GAAG,CAAC,CAAC,GAAGN,SAC/C,CAAC;EACDN,KAAK,CAACa,eAAe,CAAC,MAAM;IAC1BL,OAAO,CAACF,SAAS,CAAC;EACpB,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEf,MAAMQ,WAAW,GAAGC,KAAK,CAACC,OAAO,CAACZ,OAAO,CAAC,GAAGA,OAAO,GAAG,CAACA,OAAO,CAAC;EAChE,MAAMa,UAAU,GAAGF,KAAK,CAACC,OAAO,CAACX,MAAM,CAAC,GAAGA,MAAM,GAAG,CAACA,MAAM,CAAC;EAE5D,IAAID,OAAO,EAAE;IACX,IAAI,CAACU,WAAW,CAACI,IAAI,CAACC,KAAK,CAACZ,KAAK,CAAC,CAAC,EAAE;MACnC,OAAO,IAAI;IACb;EACF,CAAC,MAAM,IAAIF,MAAM,EAAE;IACjB,IAAIY,UAAU,CAACC,IAAI,CAACC,KAAK,CAACZ,KAAK,CAAC,CAAC,EAAE;MACjC,OAAO,IAAI;IACb;EACF;EAEA,OAAOJ,QAAQ;EAEf,SAASgB,KAAKA,CAACZ,KAAiB,EAAE;IAChC,OAAQa,SAAoB,IAAK;MAC/B,OAAO,OAAOA,SAAS,KAAK,QAAQ,GAChCb,KAAK,CAACc,IAAI,KAAKD,SAAS,GACxBE,WAAW,CAACf,KAAK,EAAEa,SAAS,CAAC;IACnC,CAAC;EACH;EAEA,SAASE,WAAWA,CAACf,KAAiB,EAAEa,SAAoB,EAAE;IAC5D,OAAOG,MAAM,CAACC,IAAI,CAACJ,SAAS,CAAC,CAACK,KAAK,CAAEC,GAAG,IAAK;MAC3C,OAAOnB,KAAK,CAACmB,GAAG,CAAC,KAAKN,SAAS,CAACM,GAAG,CAAC;IACtC,CAAC,CAAC;EACJ;AACF"}
+{"version":3,"file":"VisibilityByTheme.js","names":["useTheme","VisibilityByTheme","children","visible","hidden","theme","visibleList","Array","isArray","hiddenList","some","match","themeItem","name","matchObject","Object","keys","every","key"],"sources":["../../../src/shared/VisibilityByTheme.tsx"],"sourcesContent":["import React from 'react'\nimport useTheme from './useTheme'\nimport type { ThemeNames, ThemeProps } from './Theme'\n\ntype VisibilityByThemeProps = {\n  /**\n   * A valid theme name or object.\n   * Will pass children on a match.\n   */\n  visible?: ThemeParams\n\n  /**\n   * A valid theme name or object.\n   * Will omit passing children on a match.\n   * NB: \"visible\" takes presense over \"hidden\"\n   */\n  hidden?: ThemeParams\n\n  /**\n   * Any kind of a React Node that should render on a match.\n   */\n  children: React.ReactNode\n}\n\ntype ThemeItem = ThemeNames | ThemeProps\ntype ThemeParams = ThemeItem | Array<ThemeItem>\n\nexport default function VisibilityByTheme({\n  children,\n  visible,\n  hidden,\n}: VisibilityByThemeProps) {\n  const theme = useTheme()\n\n  const visibleList = Array.isArray(visible) ? visible : [visible]\n  const hiddenList = Array.isArray(hidden) ? hidden : [hidden]\n\n  if (visible) {\n    if (!visibleList.some(match(theme))) {\n      return null\n    }\n  } else if (hidden) {\n    if (hiddenList.some(match(theme))) {\n      return null\n    }\n  }\n\n  return children as JSX.Element\n\n  function match(theme: ThemeProps) {\n    return (themeItem: ThemeItem) => {\n      return typeof themeItem === 'string'\n        ? theme.name === themeItem\n        : matchObject(theme, themeItem)\n    }\n  }\n\n  function matchObject(theme: ThemeProps, themeItem: ThemeItem) {\n    return Object.keys(themeItem).every((key) => {\n      return theme[key] === themeItem[key]\n    })\n  }\n}\n"],"mappings":"AACA,OAAOA,QAAQ,MAAM,YAAY;AA0BjC,eAAe,SAASC,iBAAiBA,CAAC;EACxCC,QAAQ;EACRC,OAAO;EACPC;AACsB,CAAC,EAAE;EACzB,MAAMC,KAAK,GAAGL,QAAQ,CAAC,CAAC;EAExB,MAAMM,WAAW,GAAGC,KAAK,CAACC,OAAO,CAACL,OAAO,CAAC,GAAGA,OAAO,GAAG,CAACA,OAAO,CAAC;EAChE,MAAMM,UAAU,GAAGF,KAAK,CAACC,OAAO,CAACJ,MAAM,CAAC,GAAGA,MAAM,GAAG,CAACA,MAAM,CAAC;EAE5D,IAAID,OAAO,EAAE;IACX,IAAI,CAACG,WAAW,CAACI,IAAI,CAACC,KAAK,CAACN,KAAK,CAAC,CAAC,EAAE;MACnC,OAAO,IAAI;IACb;EACF,CAAC,MAAM,IAAID,MAAM,EAAE;IACjB,IAAIK,UAAU,CAACC,IAAI,CAACC,KAAK,CAACN,KAAK,CAAC,CAAC,EAAE;MACjC,OAAO,IAAI;IACb;EACF;EAEA,OAAOH,QAAQ;EAEf,SAASS,KAAKA,CAACN,KAAiB,EAAE;IAChC,OAAQO,SAAoB,IAAK;MAC/B,OAAO,OAAOA,SAAS,KAAK,QAAQ,GAChCP,KAAK,CAACQ,IAAI,KAAKD,SAAS,GACxBE,WAAW,CAACT,KAAK,EAAEO,SAAS,CAAC;IACnC,CAAC;EACH;EAEA,SAASE,WAAWA,CAACT,KAAiB,EAAEO,SAAoB,EAAE;IAC5D,OAAOG,MAAM,CAACC,IAAI,CAACJ,SAAS,CAAC,CAACK,KAAK,CAAEC,GAAG,IAAK;MAC3C,OAAOb,KAAK,CAACa,GAAG,CAAC,KAAKN,SAAS,CAACM,GAAG,CAAC;IACtC,CAAC,CAAC;EACJ;AACF"}

package/es/shared/helpers/Suffix.d.ts

@@ -12,6 +12,6 @@ export type SuffixProps = {
     context: Record<string, unknown>;
     skeleton?: SkeletonShow;
 };
-declare const Suffix: ({ className, children, context, skeleton, ...props }: SuffixProps & React.HTMLAttributes<HTMLSpanElement>) => JSX.Element;
+declare const Suffix: ({ className, children, context, skeleton, ...props }: SuffixProps & React.HTMLAttributes<HTMLSpanElement>) => import("react/jsx-runtime").JSX.Element;
 export { SuffixContext };
 export default Suffix;

package/es/shared/useTranslation.d.ts

@@ -1,4 +1,4 @@
-export function getTranslation(id: any, params: any): JSX.Element;
+export function getTranslation(id: any, params: any): import("react/jsx-runtime").JSX.Element;
 export default function useTranslation(id: any, params: any): any;
 export class Translation extends React.PureComponent<any, any, any> {
     static contextType: React.Context<import("./Context").ContextProps>;

package/es/style/core/utilities.scss

@@ -132,12 +132,6 @@
 }
 
 @mixin scrollbarAppearance() {
-  --scrollbar-track-width: 0.5rem;
-  --scrollbar-thumb-width: 0.5rem;
-  --scrollbar-track-color: var(--color-black-8);
-  --scrollbar-thumb-color: var(--color-sea-green);
-  --scrollbar-thumb-hover-color: var(--color-emerald-green);
-
   // older iOS safari
   -webkit-overflow-scrolling: touch;
 

package/es/style/dnb-ui-basis.css

@@ -371,7 +371,6 @@ body {
 }
 .dnb-core-style input[type=search] {
   -webkit-appearance: textfield;
-     -moz-appearance: textfield;
           appearance: textfield; /* 1 */
   outline-offset: -2px; /* 2 */
 }
@@ -498,11 +497,6 @@ html[data-whatinput=mouse] .dnb-mouse-focus:focus {
 }
 
 .dnb-scrollbar-appearance {
-  --scrollbar-track-width: 0.5rem;
-  --scrollbar-thumb-width: 0.5rem;
-  --scrollbar-track-color: var(--color-black-8);
-  --scrollbar-thumb-color: var(--color-sea-green);
-  --scrollbar-thumb-hover-color: var(--color-emerald-green);
   -webkit-overflow-scrolling: touch;
   -ms-overflow-style: auto;
   scrollbar-color: var(--scrollbar-thumb-color, #888) transparent;

package/es/style/dnb-ui-basis.min.css

@@ -1 +1 @@
-@charset "UTF-8";html{font-size:100%}html:not([data-visual-test]){scroll-behavior:smooth}@supports (-webkit-touch-callout:none){@supports (font:-apple-system-body){html{font:-apple-system-body}}}html[xmlns="http://www.w3.org/1999/xhtml"] a:hover{text-decoration:none}html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-anchor--active{color:var(--color-mint-green)!important}html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-anchor--contrast:not(:hover){color:var(--color-white)!important}html[xmlns="http://www.w3.org/1999/xhtml"] a.dnb-button--primary{color:var(--color-white)}html[xmlns="http://www.w3.org/1999/xhtml"] ul{list-style:initial}html[xmlns="http://www.w3.org/1999/xhtml"] p{background-color:initial;overflow:initial;text-align:inherit}html[xmlns="http://www.w3.org/1999/xhtml"] i{font-style:italic}html[xmlns="http://www.w3.org/1999/xhtml"] #column_left,html[xmlns="http://www.w3.org/1999/xhtml"] #root{width:100%}html[xmlns="http://www.w3.org/1999/xhtml"] body#dnbLayoutDefault #wrapper,html[xmlns="http://www.w3.org/1999/xhtml"] body#dnbLayoutDefaultStartPage #wrapper{max-width:60rem;width:100%}html[xmlns="http://www.w3.org/1999/xhtml"] #column_content{box-shadow:none}body{margin:0}.dnb-core-style{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:var(--theme-color-body,var(--color-black-80,#333));font-family:var(--font-family-default);font-size:var(--font-size-small);font-style:normal;font-weight:var(--font-weight-basis);line-height:var(--line-height-basis);tab-size:4;-moz-tab-size:4;word-break:break-word}.dnb-core-style *,.dnb-core-style :after,.dnb-core-style :before{background-repeat:no-repeat;box-sizing:border-box}.dnb-core-style :after,.dnb-core-style :before{text-decoration:inherit;vertical-align:inherit}.dnb-core-style hr{height:0;overflow:visible}.dnb-core-style main{display:block}.dnb-core-style nav ol,.dnb-core-style nav ul{list-style:none}.dnb-core-style abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.dnb-core-style b,.dnb-core-style strong{font-weight:bolder}.dnb-core-style code,.dnb-core-style kbd,.dnb-core-style pre,.dnb-core-style samp{font-family:var(--font-family-monospace);font-size:var(--font-size-basis--em)}.dnb-core-style ::selection{background-color:#b3d4fc;color:#000;text-shadow:none}.dnb-core-style audio,.dnb-core-style canvas,.dnb-core-style iframe,.dnb-core-style img,.dnb-core-style svg,.dnb-core-style video{vertical-align:middle}.dnb-core-style audio,.dnb-core-style video{display:inline-block}.dnb-core-style audio:not([controls]){display:none;height:0}.dnb-core-style img{border-style:none}.dnb-core-style svg:not([fill]){fill:currentcolor}.dnb-core-style svg:not(:root){overflow:hidden}.dnb-core-style table{border-collapse:collapse}.dnb-core-style button,.dnb-core-style input,.dnb-core-style select,.dnb-core-style textarea{font-family:inherit;font-size:inherit;line-height:inherit}.dnb-core-style button,.dnb-core-style figure,.dnb-core-style input,.dnb-core-style select{margin:0}.dnb-core-style button{overflow:visible;text-transform:none}.dnb-core-style fieldset{padding:.35rem .75rem .625rem}.dnb-core-style input{overflow:visible;word-break:normal}.dnb-core-style legend{color:inherit;display:table;max-width:100%;white-space:normal}.dnb-core-style progress{display:inline-block;vertical-align:baseline}.dnb-core-style select{text-transform:none}.dnb-core-style textarea{overflow:auto;resize:vertical}.dnb-core-style [type=checkbox],.dnb-core-style [type=radio]{padding:0}.dnb-core-style input[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}.dnb-core-style ::-webkit-inner-spin-button,.dnb-core-style ::-webkit-outer-spin-button{height:auto}.dnb-core-style ::input-placeholder{color:inherit;opacity:.54}.dnb-core-style ::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.dnb-core-style ::-webkit-file-upload-button{background-color:transparent;border:none;font:inherit}.dnb-core-style ::-moz-focus-inner{border-style:none;padding:0}.dnb-core-style details{display:block}.dnb-core-style summary{display:list-item}.dnb-core-style canvas{display:inline-block}.dnb-core-style template{display:none}.dnb-core-style [tabindex],.dnb-core-style a,.dnb-core-style area,.dnb-core-style button,.dnb-core-style input,.dnb-core-style label,.dnb-core-style select,.dnb-core-style summary,.dnb-core-style textarea{touch-action:manipulation}.dnb-core-style [hidden]{display:none}.dnb-core-style [aria-busy=true]{cursor:progress}.dnb-core-style [aria-controls]:not(input){cursor:pointer}.dnb-core-style [aria-disabled=true],.dnb-core-style [disabled]{cursor:not-allowed}.dnb-core-style [aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);display:inherit;position:absolute}@media print{.dnb-core-style{background-color:#fff;color:#000}}.dnb-core-style .eufemia-theme{color:var(--theme-color-body,var(--color-black-80,#333));font-family:var(--font-family-default);font-size:var(--font-size-small);font-style:normal;font-weight:var(--font-weight-basis);line-height:var(--line-height-basis)}.dnb-no-focus,.dnb-tab-focus,.dnb-tab-focus:focus{outline:none}html[data-whatinput=keyboard] .dnb-tab-focus:focus{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-mouse-focus,.dnb-mouse-focus:focus{outline:none}html[data-whatinput=mouse] .dnb-mouse-focus:focus{box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-focus-ring,html[data-whatinput=mouse] .dnb-mouse-focus:focus{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent}.dnb-focus-ring{box-shadow:0 0 0 var(--border-width) var(--border-color)!important}.dnb-scrollbar-appearance{--scrollbar-track-width:0.5rem;--scrollbar-thumb-width:0.5rem;--scrollbar-track-color:var(--color-black-8);--scrollbar-thumb-color:var(--color-sea-green);--scrollbar-thumb-hover-color:var(--color-emerald-green);-webkit-overflow-scrolling:touch;-ms-overflow-style:auto;scrollbar-color:var(--scrollbar-thumb-color,#888) transparent}@supports not (scrollbar-color:auto){.dnb-scrollbar-appearance::-webkit-scrollbar{background-color:var(--scrollbar-track-color,#eee);border-radius:var(--scrollbar-thumb-width,.5rem)}.dnb-scrollbar-appearance::-webkit-scrollbar:vertical{width:var(--scrollbar-track-width,.5rem)}.dnb-scrollbar-appearance::-webkit-scrollbar:horizontal{height:var(--scrollbar-track-width,.5rem)}.dnb-scrollbar-appearance::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color,#888);border-radius:var(--scrollbar-thumb-width,.5rem)}.dnb-scrollbar-appearance::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover-color,#666)}}.dnb-skip-link{opacity:.3;position:absolute;top:-100vh;transition:opacity .3s ease-out;z-index:0}.dnb-skip-link--active,.dnb-skip-link:focus{background-color:transparent;border:none;border-radius:0;box-shadow:none;color:var(--color-sea-green);font-size:var(--font-size-basis);left:40%;margin:0;outline:none;padding:.5rem 1rem;position:fixed;text-align:center;text-decoration:none;top:5%;user-select:none;-webkit-user-select:none;white-space:nowrap;z-index:9999}.dnb-skip-link--active:after,.dnb-skip-link:focus:after{background-color:hsla(0,0%,100%,.85);box-shadow:150vw 150vh 0 0 hsla(0,0%,100%,.85);content:"";height:150vh;left:-200vw;position:absolute;top:-200vh;width:150vw;z-index:-2}.dnb-skip-link--active:before,.dnb-skip-link:focus:before{background-color:var(--color-white);border-radius:1.5rem;content:"";height:100%;left:0;outline:none;position:absolute;top:0;width:100%;z-index:-1}html[data-whatinput=mouse] .dnb-skip-link--active:before,html[data-whatinput=mouse] .dnb-skip-link:focus:before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-skip-link--active:hover:before,.dnb-skip-link:focus:hover:before{background-color:var(--color-mint-green-50)}.dnb-skip-link--active:active:before,.dnb-skip-link:focus:active:before{background-color:var(--color-emerald-green)}.dnb-skip-link--active:focus:not(:active):before,.dnb-skip-link:focus:focus:not(:active):before{outline:none}html[data-whatinput=keyboard] .dnb-skip-link--active:focus:not(:active):before,html[data-whatinput=keyboard] .dnb-skip-link:focus:focus:not(:active):before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-skip-link--active:focus,.dnb-skip-link:focus:focus{opacity:1}.dnb-skip-link--active:focus:not(:hover):not(:active),.dnb-skip-link--active:hover,.dnb-skip-link:focus:focus:not(:hover):not(:active),.dnb-skip-link:focus:hover{background-color:transparent;box-shadow:none;color:var(--color-sea-green)}.dnb-skip-link--active:active,.dnb-skip-link:focus:active{background-color:transparent;color:var(--color-white)}html[data-whatintent=touch] .dnb-skip-link{display:none}.dnb-alignment-helper,.dnb-alignment-helper:before{speak:none;display:inline-block;font-size:var(--font-size-small);height:0;width:0}.dnb-alignment-helper:before{content:"‌"}.dnb-drop-shadow{box-shadow:var(--shadow-default)}.dnb-sr-only{-webkit-touch-callout:none!important;border:0!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;margin:0!important;max-height:1px!important;max-width:1px!important;overflow:hidden!important;padding:0!important;pointer-events:none!important;position:absolute!important;-webkit-user-select:none!important;user-select:none!important;white-space:nowrap!important}.dnb-suffix{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding-left:.5rem;word-break:normal}
+@charset "UTF-8";html{font-size:100%}html:not([data-visual-test]){scroll-behavior:smooth}@supports (-webkit-touch-callout:none){@supports (font:-apple-system-body){html{font:-apple-system-body}}}html[xmlns="http://www.w3.org/1999/xhtml"] a:hover{text-decoration:none}html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-anchor--active{color:var(--color-mint-green)!important}html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-anchor--contrast:not(:hover){color:var(--color-white)!important}html[xmlns="http://www.w3.org/1999/xhtml"] a.dnb-button--primary{color:var(--color-white)}html[xmlns="http://www.w3.org/1999/xhtml"] ul{list-style:initial}html[xmlns="http://www.w3.org/1999/xhtml"] p{background-color:initial;overflow:initial;text-align:inherit}html[xmlns="http://www.w3.org/1999/xhtml"] i{font-style:italic}html[xmlns="http://www.w3.org/1999/xhtml"] #column_left,html[xmlns="http://www.w3.org/1999/xhtml"] #root{width:100%}html[xmlns="http://www.w3.org/1999/xhtml"] body#dnbLayoutDefault #wrapper,html[xmlns="http://www.w3.org/1999/xhtml"] body#dnbLayoutDefaultStartPage #wrapper{max-width:60rem;width:100%}html[xmlns="http://www.w3.org/1999/xhtml"] #column_content{box-shadow:none}body{margin:0}.dnb-core-style{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:var(--theme-color-body,var(--color-black-80,#333));font-family:var(--font-family-default);font-size:var(--font-size-small);font-style:normal;font-weight:var(--font-weight-basis);line-height:var(--line-height-basis);tab-size:4;-moz-tab-size:4;word-break:break-word}.dnb-core-style *,.dnb-core-style :after,.dnb-core-style :before{background-repeat:no-repeat;box-sizing:border-box}.dnb-core-style :after,.dnb-core-style :before{text-decoration:inherit;vertical-align:inherit}.dnb-core-style hr{height:0;overflow:visible}.dnb-core-style main{display:block}.dnb-core-style nav ol,.dnb-core-style nav ul{list-style:none}.dnb-core-style abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.dnb-core-style b,.dnb-core-style strong{font-weight:bolder}.dnb-core-style code,.dnb-core-style kbd,.dnb-core-style pre,.dnb-core-style samp{font-family:var(--font-family-monospace);font-size:var(--font-size-basis--em)}.dnb-core-style ::selection{background-color:#b3d4fc;color:#000;text-shadow:none}.dnb-core-style audio,.dnb-core-style canvas,.dnb-core-style iframe,.dnb-core-style img,.dnb-core-style svg,.dnb-core-style video{vertical-align:middle}.dnb-core-style audio,.dnb-core-style video{display:inline-block}.dnb-core-style audio:not([controls]){display:none;height:0}.dnb-core-style img{border-style:none}.dnb-core-style svg:not([fill]){fill:currentcolor}.dnb-core-style svg:not(:root){overflow:hidden}.dnb-core-style table{border-collapse:collapse}.dnb-core-style button,.dnb-core-style input,.dnb-core-style select,.dnb-core-style textarea{font-family:inherit;font-size:inherit;line-height:inherit}.dnb-core-style button,.dnb-core-style figure,.dnb-core-style input,.dnb-core-style select{margin:0}.dnb-core-style button{overflow:visible;text-transform:none}.dnb-core-style fieldset{padding:.35rem .75rem .625rem}.dnb-core-style input{overflow:visible;word-break:normal}.dnb-core-style legend{color:inherit;display:table;max-width:100%;white-space:normal}.dnb-core-style progress{display:inline-block;vertical-align:baseline}.dnb-core-style select{text-transform:none}.dnb-core-style textarea{overflow:auto;resize:vertical}.dnb-core-style [type=checkbox],.dnb-core-style [type=radio]{padding:0}.dnb-core-style input[type=search]{-webkit-appearance:textfield;appearance:textfield;outline-offset:-2px}.dnb-core-style ::-webkit-inner-spin-button,.dnb-core-style ::-webkit-outer-spin-button{height:auto}.dnb-core-style ::input-placeholder{color:inherit;opacity:.54}.dnb-core-style ::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.dnb-core-style ::-webkit-file-upload-button{background-color:transparent;border:none;font:inherit}.dnb-core-style ::-moz-focus-inner{border-style:none;padding:0}.dnb-core-style details{display:block}.dnb-core-style summary{display:list-item}.dnb-core-style canvas{display:inline-block}.dnb-core-style template{display:none}.dnb-core-style [tabindex],.dnb-core-style a,.dnb-core-style area,.dnb-core-style button,.dnb-core-style input,.dnb-core-style label,.dnb-core-style select,.dnb-core-style summary,.dnb-core-style textarea{touch-action:manipulation}.dnb-core-style [hidden]{display:none}.dnb-core-style [aria-busy=true]{cursor:progress}.dnb-core-style [aria-controls]:not(input){cursor:pointer}.dnb-core-style [aria-disabled=true],.dnb-core-style [disabled]{cursor:not-allowed}.dnb-core-style [aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);display:inherit;position:absolute}@media print{.dnb-core-style{background-color:#fff;color:#000}}.dnb-core-style .eufemia-theme{color:var(--theme-color-body,var(--color-black-80,#333));font-family:var(--font-family-default);font-size:var(--font-size-small);font-style:normal;font-weight:var(--font-weight-basis);line-height:var(--line-height-basis)}.dnb-no-focus,.dnb-tab-focus,.dnb-tab-focus:focus{outline:none}html[data-whatinput=keyboard] .dnb-tab-focus:focus{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-mouse-focus,.dnb-mouse-focus:focus{outline:none}html[data-whatinput=mouse] .dnb-mouse-focus:focus{box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-focus-ring,html[data-whatinput=mouse] .dnb-mouse-focus:focus{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent}.dnb-focus-ring{box-shadow:0 0 0 var(--border-width) var(--border-color)!important}.dnb-scrollbar-appearance{-webkit-overflow-scrolling:touch;-ms-overflow-style:auto;scrollbar-color:var(--scrollbar-thumb-color,#888) transparent}@supports not (scrollbar-color:auto){.dnb-scrollbar-appearance::-webkit-scrollbar{background-color:var(--scrollbar-track-color,#eee);border-radius:var(--scrollbar-thumb-width,.5rem)}.dnb-scrollbar-appearance::-webkit-scrollbar:vertical{width:var(--scrollbar-track-width,.5rem)}.dnb-scrollbar-appearance::-webkit-scrollbar:horizontal{height:var(--scrollbar-track-width,.5rem)}.dnb-scrollbar-appearance::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color,#888);border-radius:var(--scrollbar-thumb-width,.5rem)}.dnb-scrollbar-appearance::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover-color,#666)}}.dnb-skip-link{opacity:.3;position:absolute;top:-100vh;transition:opacity .3s ease-out;z-index:0}.dnb-skip-link--active,.dnb-skip-link:focus{background-color:transparent;border:none;border-radius:0;box-shadow:none;color:var(--color-sea-green);font-size:var(--font-size-basis);left:40%;margin:0;outline:none;padding:.5rem 1rem;position:fixed;text-align:center;text-decoration:none;top:5%;user-select:none;-webkit-user-select:none;white-space:nowrap;z-index:9999}.dnb-skip-link--active:after,.dnb-skip-link:focus:after{background-color:hsla(0,0%,100%,.85);box-shadow:150vw 150vh 0 0 hsla(0,0%,100%,.85);content:"";height:150vh;left:-200vw;position:absolute;top:-200vh;width:150vw;z-index:-2}.dnb-skip-link--active:before,.dnb-skip-link:focus:before{background-color:var(--color-white);border-radius:1.5rem;content:"";height:100%;left:0;outline:none;position:absolute;top:0;width:100%;z-index:-1}html[data-whatinput=mouse] .dnb-skip-link--active:before,html[data-whatinput=mouse] .dnb-skip-link:focus:before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-skip-link--active:hover:before,.dnb-skip-link:focus:hover:before{background-color:var(--color-mint-green-50)}.dnb-skip-link--active:active:before,.dnb-skip-link:focus:active:before{background-color:var(--color-emerald-green)}.dnb-skip-link--active:focus:not(:active):before,.dnb-skip-link:focus:focus:not(:active):before{outline:none}html[data-whatinput=keyboard] .dnb-skip-link--active:focus:not(:active):before,html[data-whatinput=keyboard] .dnb-skip-link:focus:focus:not(:active):before{--border-color:var(--focus-ring-color);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-skip-link--active:focus,.dnb-skip-link:focus:focus{opacity:1}.dnb-skip-link--active:focus:not(:hover):not(:active),.dnb-skip-link--active:hover,.dnb-skip-link:focus:focus:not(:hover):not(:active),.dnb-skip-link:focus:hover{background-color:transparent;box-shadow:none;color:var(--color-sea-green)}.dnb-skip-link--active:active,.dnb-skip-link:focus:active{background-color:transparent;color:var(--color-white)}html[data-whatintent=touch] .dnb-skip-link{display:none}.dnb-alignment-helper,.dnb-alignment-helper:before{speak:none;display:inline-block;font-size:var(--font-size-small);height:0;width:0}.dnb-alignment-helper:before{content:"‌"}.dnb-drop-shadow{box-shadow:var(--shadow-default)}.dnb-sr-only{-webkit-touch-callout:none!important;border:0!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;margin:0!important;max-height:1px!important;max-width:1px!important;overflow:hidden!important;padding:0!important;pointer-events:none!important;position:absolute!important;-webkit-user-select:none!important;user-select:none!important;white-space:nowrap!important}.dnb-suffix{font-size:var(--font-size-basis);line-height:var(--line-height-basis);padding-left:.5rem;word-break:normal}

package/es/style/dnb-ui-body.css

@@ -397,7 +397,6 @@ body [type=radio] {
 }
 body input[type=search] {
   -webkit-appearance: textfield;
-     -moz-appearance: textfield;
           appearance: textfield; /* 1 */
   outline-offset: -2px; /* 2 */
 }

package/es/style/dnb-ui-body.min.css

@@ -1 +1 @@
-html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;cursor:default;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:var(--line-height-basis);-moz-tab-size:4;tab-size:4;word-break:break-word}body{margin:0}html{font-size:100%}html:not([data-visual-test]){scroll-behavior:smooth}@supports (-webkit-touch-callout:none){@supports (font:-apple-system-body){html{font:-apple-system-body}}}html[xmlns="http://www.w3.org/1999/xhtml"] a:hover{text-decoration:none}html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-anchor--active{color:var(--color-mint-green)!important}html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-anchor--contrast:not(:hover){color:var(--color-white)!important}html[xmlns="http://www.w3.org/1999/xhtml"] a.dnb-button--primary{color:var(--color-white)}html[xmlns="http://www.w3.org/1999/xhtml"] ul{list-style:initial}html[xmlns="http://www.w3.org/1999/xhtml"] p{background-color:initial;overflow:initial;text-align:inherit}html[xmlns="http://www.w3.org/1999/xhtml"] i{font-style:italic}html[xmlns="http://www.w3.org/1999/xhtml"] #column_left,html[xmlns="http://www.w3.org/1999/xhtml"] #root{width:100%}html[xmlns="http://www.w3.org/1999/xhtml"] body#dnbLayoutDefault #wrapper,html[xmlns="http://www.w3.org/1999/xhtml"] body#dnbLayoutDefaultStartPage #wrapper{max-width:60rem;width:100%}html[xmlns="http://www.w3.org/1999/xhtml"] #column_content{box-shadow:none}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:var(--theme-color-body,var(--color-black-80,#333));font-family:var(--font-family-default);font-size:var(--font-size-small);font-style:normal;font-weight:var(--font-weight-basis);line-height:var(--line-height-basis);tab-size:4;-moz-tab-size:4;word-break:break-word}body *,body :after,body :before{background-repeat:no-repeat;box-sizing:border-box}body :after,body :before{text-decoration:inherit;vertical-align:inherit}body hr{height:0;overflow:visible}body main{display:block}body nav ol,body nav ul{list-style:none}body abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}body b,body strong{font-weight:bolder}body code,body kbd,body pre,body samp{font-family:var(--font-family-monospace);font-size:var(--font-size-basis--em)}body ::selection{background-color:#b3d4fc;color:#000;text-shadow:none}body audio,body canvas,body iframe,body img,body svg,body video{vertical-align:middle}body audio,body video{display:inline-block}body audio:not([controls]){display:none;height:0}body img{border-style:none}body svg:not([fill]){fill:currentcolor}body svg:not(:root){overflow:hidden}body table{border-collapse:collapse}body button,body input,body select,body textarea{font-family:inherit;font-size:inherit;line-height:inherit}body button,body figure,body input,body select{margin:0}body button{overflow:visible;text-transform:none}body fieldset{padding:.35rem .75rem .625rem}body input{overflow:visible;word-break:normal}body legend{color:inherit;display:table;max-width:100%;white-space:normal}body progress{display:inline-block;vertical-align:baseline}body select{text-transform:none}body textarea{overflow:auto;resize:vertical}body [type=checkbox],body [type=radio]{padding:0}body input[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}body ::-webkit-inner-spin-button,body ::-webkit-outer-spin-button{height:auto}body ::input-placeholder{color:inherit;opacity:.54}body ::-webkit-search-decoration{-webkit-appearance:none;appearance:none}body ::-webkit-file-upload-button{background-color:transparent;border:none;font:inherit}body ::-moz-focus-inner{border-style:none;padding:0}body details{display:block}body summary{display:list-item}body canvas{display:inline-block}body template{display:none}body [tabindex],body a,body area,body button,body input,body label,body select,body summary,body textarea{touch-action:manipulation}body [hidden]{display:none}body [aria-busy=true]{cursor:progress}body [aria-controls]:not(input){cursor:pointer}body [aria-disabled=true],body [disabled]{cursor:not-allowed}body [aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);display:inherit;position:absolute}@media print{body{background-color:#fff;color:#000}}body .eufemia-theme{color:var(--theme-color-body,var(--color-black-80,#333));font-family:var(--font-family-default);font-size:var(--font-size-small);font-style:normal;font-weight:var(--font-weight-basis);line-height:var(--line-height-basis)}
+html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;cursor:default;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:var(--line-height-basis);-moz-tab-size:4;tab-size:4;word-break:break-word}body{margin:0}html{font-size:100%}html:not([data-visual-test]){scroll-behavior:smooth}@supports (-webkit-touch-callout:none){@supports (font:-apple-system-body){html{font:-apple-system-body}}}html[xmlns="http://www.w3.org/1999/xhtml"] a:hover{text-decoration:none}html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-anchor--active{color:var(--color-mint-green)!important}html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-anchor--contrast:not(:hover){color:var(--color-white)!important}html[xmlns="http://www.w3.org/1999/xhtml"] a.dnb-button--primary{color:var(--color-white)}html[xmlns="http://www.w3.org/1999/xhtml"] ul{list-style:initial}html[xmlns="http://www.w3.org/1999/xhtml"] p{background-color:initial;overflow:initial;text-align:inherit}html[xmlns="http://www.w3.org/1999/xhtml"] i{font-style:italic}html[xmlns="http://www.w3.org/1999/xhtml"] #column_left,html[xmlns="http://www.w3.org/1999/xhtml"] #root{width:100%}html[xmlns="http://www.w3.org/1999/xhtml"] body#dnbLayoutDefault #wrapper,html[xmlns="http://www.w3.org/1999/xhtml"] body#dnbLayoutDefaultStartPage #wrapper{max-width:60rem;width:100%}html[xmlns="http://www.w3.org/1999/xhtml"] #column_content{box-shadow:none}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:var(--theme-color-body,var(--color-black-80,#333));font-family:var(--font-family-default);font-size:var(--font-size-small);font-style:normal;font-weight:var(--font-weight-basis);line-height:var(--line-height-basis);tab-size:4;-moz-tab-size:4;word-break:break-word}body *,body :after,body :before{background-repeat:no-repeat;box-sizing:border-box}body :after,body :before{text-decoration:inherit;vertical-align:inherit}body hr{height:0;overflow:visible}body main{display:block}body nav ol,body nav ul{list-style:none}body abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}body b,body strong{font-weight:bolder}body code,body kbd,body pre,body samp{font-family:var(--font-family-monospace);font-size:var(--font-size-basis--em)}body ::selection{background-color:#b3d4fc;color:#000;text-shadow:none}body audio,body canvas,body iframe,body img,body svg,body video{vertical-align:middle}body audio,body video{display:inline-block}body audio:not([controls]){display:none;height:0}body img{border-style:none}body svg:not([fill]){fill:currentcolor}body svg:not(:root){overflow:hidden}body table{border-collapse:collapse}body button,body input,body select,body textarea{font-family:inherit;font-size:inherit;line-height:inherit}body button,body figure,body input,body select{margin:0}body button{overflow:visible;text-transform:none}body fieldset{padding:.35rem .75rem .625rem}body input{overflow:visible;word-break:normal}body legend{color:inherit;display:table;max-width:100%;white-space:normal}body progress{display:inline-block;vertical-align:baseline}body select{text-transform:none}body textarea{overflow:auto;resize:vertical}body [type=checkbox],body [type=radio]{padding:0}body input[type=search]{-webkit-appearance:textfield;appearance:textfield;outline-offset:-2px}body ::-webkit-inner-spin-button,body ::-webkit-outer-spin-button{height:auto}body ::input-placeholder{color:inherit;opacity:.54}body ::-webkit-search-decoration{-webkit-appearance:none;appearance:none}body ::-webkit-file-upload-button{background-color:transparent;border:none;font:inherit}body ::-moz-focus-inner{border-style:none;padding:0}body details{display:block}body summary{display:list-item}body canvas{display:inline-block}body template{display:none}body [tabindex],body a,body area,body button,body input,body label,body select,body summary,body textarea{touch-action:manipulation}body [hidden]{display:none}body [aria-busy=true]{cursor:progress}body [aria-controls]:not(input){cursor:pointer}body [aria-disabled=true],body [disabled]{cursor:not-allowed}body [aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);display:inherit;position:absolute}@media print{body{background-color:#fff;color:#000}}body .eufemia-theme{color:var(--theme-color-body,var(--color-black-80,#333));font-family:var(--font-family-default);font-size:var(--font-size-small);font-style:normal;font-weight:var(--font-weight-basis);line-height:var(--line-height-basis)}

package/es/style/dnb-ui-components.css

@@ -102,11 +102,6 @@ html[data-visual-test] .dnb-drawer-list__portal__style {
   transition: max-height 300ms var(--easing-default);
   overflow-y: auto;
   overscroll-behavior: contain;
-  --scrollbar-track-width: 0.5rem;
-  --scrollbar-thumb-width: 0.5rem;
-  --scrollbar-track-color: var(--color-black-8);
-  --scrollbar-thumb-color: var(--color-sea-green);
-  --scrollbar-thumb-hover-color: var(--color-emerald-green);
   -webkit-overflow-scrolling: touch;
   -ms-overflow-style: auto;
   scrollbar-color: var(--scrollbar-thumb-color, #888) transparent;
@@ -412,11 +407,6 @@ html[data-visual-test] .dnb-drawer-list:not(.dnb-drawer-list--opened) .dnb-drawe
   overflow-x: auto;
   overflow-y: auto;
   overscroll-behavior: contain;
-  --scrollbar-track-width: 0.5rem;
-  --scrollbar-thumb-width: 0.5rem;
-  --scrollbar-track-color: var(--color-black-8);
-  --scrollbar-thumb-color: var(--color-sea-green);
-  --scrollbar-thumb-hover-color: var(--color-emerald-green);
   -webkit-overflow-scrolling: touch;
   -ms-overflow-style: auto;
   scrollbar-color: var(--scrollbar-thumb-color, #888) transparent;
@@ -631,7 +621,6 @@ button.dnb-anchor {
   border: none;
   background: none;
   -webkit-appearance: none;
-     -moz-appearance: none;
           appearance: none;
 }
 
@@ -1095,6 +1084,10 @@ label + .dnb-autocomplete[class*=__form-status] .dnb-autocomplete__shell {
   line-height: var(--avatar-line-height--x-large);
 }
 .dnb-avatar__group {
+  --avatar-font-size-left--small: var(--font-size-x-small);
+  --avatar-font-size-left--medium: var(--font-size-small);
+  --avatar-font-size-left--large: var(--font-size-large);
+  --avatar-font-size-left--x-large: var(--font-size-large);
   display: inline-flex;
   justify-content: flex;
   flex-direction: row;
@@ -1128,19 +1121,19 @@ label + .dnb-autocomplete[class*=__form-status] .dnb-autocomplete__shell {
   color: var(--color-black-55);
 }
 .dnb-avatar__group--elements-left--size-small {
-  font-size: var(--font-size-x-small);
+  font-size: var(--avatar-font-size-left--small);
   margin-left: 0.125rem;
 }
 .dnb-avatar__group--elements-left--size-medium {
-  font-size: var(--font-size-small);
+  font-size: var(--avatar-font-size-left--medium);
   margin-left: 0.125rem;
 }
 .dnb-avatar__group--elements-left--size-large {
-  font-size: var(--font-size-large);
+  font-size: var(--avatar-font-size-left--large);
   margin-left: var(--spacing-xx-small);
 }
 .dnb-avatar__group--elements-left--size-x-large {
-  font-size: var(--font-size-large);
+  font-size: var(--avatar-font-size-left--x-large);
   margin-left: var(--spacing-xx-small);
 }
 
@@ -1454,7 +1447,6 @@ label + .dnb-autocomplete[class*=__form-status] .dnb-autocomplete__shell {
   border-radius: 0;
   background-color: transparent;
   -webkit-appearance: none;
-     -moz-appearance: none;
           appearance: none;
   box-shadow: none;
   color: inherit;
@@ -6661,11 +6653,6 @@ html:not([data-whatinput=keyboard]) .dnb-table__tr--has-accordion-content.dnb-ta
   flex: 0 1 auto;
   overflow-x: auto;
   overscroll-behavior: contain;
-  --scrollbar-track-width: 0.5rem;
-  --scrollbar-thumb-width: 0.5rem;
-  --scrollbar-track-color: var(--color-black-8);
-  --scrollbar-thumb-color: var(--color-sea-green);
-  --scrollbar-thumb-hover-color: var(--color-emerald-green);
   -webkit-overflow-scrolling: touch;
   -ms-overflow-style: auto;
   scrollbar-color: var(--scrollbar-thumb-color, #888) transparent;
@@ -6856,7 +6843,6 @@ html[data-visual-test] .dnb-tabs .dnb-tabs__cached, html[data-visual-test] .dnb-
 */
 .dnb-tag.dnb-button {
   -webkit-appearance: none;
-     -moz-appearance: none;
           appearance: none;
   background-color: var(--color-black-8);
 }
@@ -7372,9 +7358,6 @@ html[data-visual-test] .dnb-textarea__textarea {
 .dnb-tooltip--large {
   padding: 0.25rem 1rem;
 }
-.dnb-tooltip--animate_position {
-  transition: all 200ms var(--easing-default), opacity 200ms var(--easing-default);
-}
 .dnb-tooltip--active {
   visibility: visible;
   /*