@dnb/eufemia 9.37.0 → 9.38.0

package/es/icons/widget_android_medium.js

@@ -5,15 +5,15 @@ var _path;
 import React from 'react';
 
 const widget_android_medium = props => React.createElement("svg", _extends({
+  xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
-  viewBox: "0 0 24 24",
   fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
+  viewBox: "0 0 24 24"
 }, props), _path || (_path = React.createElement("path", {
-  d: "M2 3.62c0-.565.457-1.022 1.021-1.022h6.127a1.02 1.02 0 0 1 1.021 1.021v6.127a1.02 1.02 0 0 1-1.021 1.021H3.021A1.021 1.021 0 0 1 2 9.747V3.618Zm10.934 3.785a1.021 1.021 0 0 1 0-1.444l3.661-3.662a1.021 1.021 0 0 1 1.444 0l3.662 3.662a1.021 1.021 0 0 1 0 1.444l-3.662 3.661a1.021 1.021 0 0 1-1.444 0l-3.661-3.661ZM2 14.852a1.02 1.02 0 0 1 1.021-1.021h6.127a1.02 1.02 0 0 1 1.021 1.021v6.127A1.02 1.02 0 0 1 9.148 22H3.021A1.021 1.021 0 0 1 2 20.979v-6.127Zm11.233 0a1.02 1.02 0 0 1 1.02-1.021h6.128c.564 0 1.02.457 1.02 1.021v6.127A1.02 1.02 0 0 1 20.381 22h-6.127a1.021 1.021 0 0 1-1.021-1.021v-6.127Z",
   stroke: "#000",
-  strokeWidth: 1.5
+  strokeWidth: 1.5,
+  d: "M2 3.62c0-.565.457-1.022 1.021-1.022h6.127a1.02 1.02 0 0 1 1.021 1.021v6.127a1.02 1.02 0 0 1-1.021 1.021H3.021A1.021 1.021 0 0 1 2 9.747V3.618Zm10.934 3.785a1.021 1.021 0 0 1 0-1.444l3.661-3.662a1.021 1.021 0 0 1 1.444 0l3.662 3.662a1.021 1.021 0 0 1 0 1.444l-3.662 3.661a1.021 1.021 0 0 1-1.444 0l-3.661-3.661ZM2 14.852a1.02 1.02 0 0 1 1.021-1.021h6.127a1.02 1.02 0 0 1 1.021 1.021v6.127A1.02 1.02 0 0 1 9.148 22H3.021A1.021 1.021 0 0 1 2 20.979v-6.127Zm11.233 0a1.02 1.02 0 0 1 1.02-1.021h6.128c.564 0 1.02.457 1.02 1.021v6.127A1.02 1.02 0 0 1 20.381 22h-6.127a1.021 1.021 0 0 1-1.021-1.021v-6.127Z"
 })));
 
 export default widget_android_medium;

package/es/icons/widget_ios.js

@@ -5,17 +5,17 @@ var _path;
 import React from 'react';
 
 const widget_ios = props => React.createElement("svg", _extends({
+  xmlns: "http://www.w3.org/2000/svg",
   width: 16,
   height: 16,
-  viewBox: "0 0 16 16",
   fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
+  viewBox: "0 0 16 16"
 }, props), _path || (_path = React.createElement("path", {
-  d: "M15 7.614a.933.933 0 0 1-.273.66l-6.454 6.453a.933.933 0 0 1-1.32 0l-5.68-5.679a.934.934 0 0 1 0-1.32l2.06-2.06a2.333 2.333 0 1 1 2.334-2.334l2.06-2.06a.933.933 0 0 1 1.32 0l1.31 1.313a2.334 2.334 0 1 0 3.056 3.057l1.314 1.31a.933.933 0 0 1 .273.66Z",
   stroke: "#000",
-  strokeWidth: 1.5,
   strokeLinecap: "round",
-  strokeLinejoin: "round"
+  strokeLinejoin: "round",
+  strokeWidth: 1.5,
+  d: "M15 7.614a.933.933 0 0 1-.273.66l-6.454 6.453a.933.933 0 0 1-1.32 0l-5.68-5.679a.934.934 0 0 1 0-1.32l2.06-2.06a2.333 2.333 0 1 1 2.334-2.334l2.06-2.06a.933.933 0 0 1 1.32 0l1.31 1.313a2.334 2.334 0 1 0 3.056 3.057l1.314 1.31a.933.933 0 0 1 .273.66Z"
 })));
 
 export default widget_ios;

package/es/icons/widget_ios_medium.js

@@ -5,17 +5,17 @@ var _path;
 import React from 'react';
 
 const widget_ios_medium = props => React.createElement("svg", _extends({
+  xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
-  viewBox: "0 0 24 24",
   fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
+  viewBox: "0 0 24 24"
 }, props), _path || (_path = React.createElement("path", {
-  d: "M23 11.394c0 .39-.154.762-.43 1.037l-10.14 10.14a1.466 1.466 0 0 1-2.075 0L1.43 13.646a1.467 1.467 0 0 1 0-2.074l3.238-3.238a3.666 3.666 0 1 1 3.666-3.668l3.238-3.238a1.466 1.466 0 0 1 2.074 0l2.059 2.065a3.667 3.667 0 1 0 4.802 4.804l2.065 2.06c.274.274.429.647.429 1.036Z",
   stroke: "#000",
-  strokeWidth: 1.5,
   strokeLinecap: "round",
-  strokeLinejoin: "round"
+  strokeLinejoin: "round",
+  strokeWidth: 1.5,
+  d: "M23 11.394c0 .39-.154.762-.43 1.037l-10.14 10.14a1.466 1.466 0 0 1-2.075 0L1.43 13.646a1.467 1.467 0 0 1 0-2.074l3.238-3.238a3.666 3.666 0 1 1 3.666-3.668l3.238-3.238a1.466 1.466 0 0 1 2.074 0l2.059 2.065a3.667 3.667 0 1 0 4.802 4.804l2.065 2.06c.274.274.429.647.429 1.036Z"
 })));
 
 export default widget_ios_medium;

package/es/index.d.ts

@@ -24,9 +24,6 @@ import Ol from "./elements/Ol";
 import P from "./elements/P";
 import Paragraph from "./elements/Paragraph";
 import Span from "./elements/Span";
-import Td from "./elements/Td";
-import Th from "./elements/Th";
-import Tr from "./elements/Tr";
 import Ul from "./elements/Ul";
 import Accordion from "./components/accordion/Accordion";
 import Autocomplete from "./components/autocomplete/Autocomplete";
@@ -74,4 +71,4 @@ import ToggleButton from "./components/toggle-button/ToggleButton";
 import Tooltip from "./components/tooltip/Tooltip";
 import Upload from "./components/upload/Upload";
 import VisuallyHidden from "./components/visually-hidden/VisuallyHidden";
-export { Anchor, Blockquote, Code, Dd, Div, Dl, Dt, H, H1, H2, H3, H4, H5, H6, Hr, Img, Ingress, Lead, Li, Link, Ol, P, Paragraph, Span, Td, Th, Tr, Ul, Accordion, Autocomplete, Avatar, Badge, Breadcrumb, Button, Checkbox, DatePicker, Dialog, Drawer, Dropdown, FormLabel, FormRow, FormSet, FormStatus, GlobalError, GlobalStatus, Heading, HeightAnimation, HelpButton, Icon, IconPrimary, InfoCard, Input, InputMasked, Logo, Modal, NumberFormat, Pagination, ProgressIndicator, Radio, Section, Skeleton, Slider, Space, StepIndicator, Switch, Table, Tabs, Tag, Textarea, Timeline, ToggleButton, Tooltip, Upload, VisuallyHidden };
+export { Anchor, Blockquote, Code, Dd, Div, Dl, Dt, H, H1, H2, H3, H4, H5, H6, Hr, Img, Ingress, Lead, Li, Link, Ol, P, Paragraph, Span, Ul, Accordion, Autocomplete, Avatar, Badge, Breadcrumb, Button, Checkbox, DatePicker, Dialog, Drawer, Dropdown, FormLabel, FormRow, FormSet, FormStatus, GlobalError, GlobalStatus, Heading, HeightAnimation, HelpButton, Icon, IconPrimary, InfoCard, Input, InputMasked, Logo, Modal, NumberFormat, Pagination, ProgressIndicator, Radio, Section, Skeleton, Slider, Space, StepIndicator, Switch, Table, Tabs, Tag, Textarea, Timeline, ToggleButton, Tooltip, Upload, VisuallyHidden };

package/es/index.js

@@ -22,9 +22,6 @@ import Ol from './elements/Ol';
 import P from './elements/P';
 import Paragraph from './elements/Paragraph';
 import Span from './elements/Span';
-import Td from './elements/Td';
-import Th from './elements/Th';
-import Tr from './elements/Tr';
 import Ul from './elements/Ul';
 import Accordion from './components/accordion/Accordion';
 import Autocomplete from './components/autocomplete/Autocomplete';
@@ -72,5 +69,5 @@ import ToggleButton from './components/toggle-button/ToggleButton';
 import Tooltip from './components/tooltip/Tooltip';
 import Upload from './components/upload/Upload';
 import VisuallyHidden from './components/visually-hidden/VisuallyHidden';
-export { Anchor, Blockquote, Code, Dd, Div, Dl, Dt, H, H1, H2, H3, H4, H5, H6, Hr, Img, Ingress, Lead, Li, Link, Ol, P, Paragraph, Span, Td, Th, Tr, Ul, Accordion, Autocomplete, Avatar, Badge, Breadcrumb, Button, Checkbox, DatePicker, Dialog, Drawer, Dropdown, FormLabel, FormRow, FormSet, FormStatus, GlobalError, GlobalStatus, Heading, HeightAnimation, HelpButton, Icon, IconPrimary, InfoCard, Input, InputMasked, Logo, Modal, NumberFormat, Pagination, ProgressIndicator, Radio, Section, Skeleton, Slider, Space, StepIndicator, Switch, Table, Tabs, Tag, Textarea, Timeline, ToggleButton, Tooltip, Upload, VisuallyHidden };
+export { Anchor, Blockquote, Code, Dd, Div, Dl, Dt, H, H1, H2, H3, H4, H5, H6, Hr, Img, Ingress, Lead, Li, Link, Ol, P, Paragraph, Span, Ul, Accordion, Autocomplete, Avatar, Badge, Breadcrumb, Button, Checkbox, DatePicker, Dialog, Drawer, Dropdown, FormLabel, FormRow, FormSet, FormStatus, GlobalError, GlobalStatus, Heading, HeightAnimation, HelpButton, Icon, IconPrimary, InfoCard, Input, InputMasked, Logo, Modal, NumberFormat, Pagination, ProgressIndicator, Radio, Section, Skeleton, Slider, Space, StepIndicator, Switch, Table, Tabs, Tag, Textarea, Timeline, ToggleButton, Tooltip, Upload, VisuallyHidden };
 export default {};

package/es/shared/Context.d.ts

@@ -3,6 +3,8 @@
  *
  */
 import React from 'react';
+import type { AnchorProps } from '../elements/Anchor';
+import type { ScrollViewProps } from '../fragments/scroll-view/ScrollView';
 import type { ButtonProps } from '../components/button/Button';
 import type { AvatarProps } from '../components/avatar/Avatar';
 import type { AvatarGroupProps } from '../components/avatar/AvatarGroup';
@@ -20,10 +22,12 @@ import type { DrawerProps } from '../components/drawer/types';
 import type { DialogProps } from '../components/dialog/types';
 import type { TooltipProps } from '../components/tooltip/types';
 import type { SectionProps } from '../components/section/Section';
-import { UploadProps } from '../components/upload/types';
-import type { AnchorProps } from '../elements/Anchor';
-import type { ScrollViewProps } from '../fragments/scroll-view/ScrollView';
-export declare type ContextProps = {
+import type { FormRowProps } from '../components/form-row/FormRowHelpers';
+import type { UploadProps } from '../components/upload/types';
+import type { SkeletonProps } from '../components/Skeleton';
+import type { HelpButtonProps } from '../components/HelpButton';
+import type { TableProps } from '../components/Table';
+export declare type ContextComponents = {
     Button?: Partial<ButtonProps>;
     Anchor?: Partial<AnchorProps>;
     Avatar?: Partial<AvatarProps>;
@@ -44,11 +48,14 @@ export declare type ContextProps = {
     Section?: Partial<SectionProps>;
     ScrollView?: Partial<ScrollViewProps>;
     Upload?: Partial<UploadProps>;
+    Skeleton?: Partial<SkeletonProps>;
+    HelpButton?: Partial<HelpButtonProps>;
+    Table?: Partial<TableProps>;
     NumberFormat?: Record<string, unknown>;
-    Table?: Record<string, unknown>;
-    HelpButton?: Record<string, unknown>;
     Pagination?: Record<string, unknown>;
-    FormRow?: Record<string, unknown>;
+    FormRow?: FormRowProps;
+};
+export declare type ContextProps = ContextComponents & {
     /**
      * Will enable all skeletons inside this provider/context scope
      */
@@ -90,7 +97,7 @@ export declare type ContextProps = {
      */
     setCurrentLocale?: (locale: Locale) => void;
     locales?: Locales;
-    __newContext?: Record<string, string>;
+    __context__?: Record<string, unknown>;
     updateTranslation?: (locale: Locale, translation: Translation) => void;
     getTranslation?: (props: GetTranslationProps) => Translation;
 };
@@ -99,10 +106,20 @@ export declare type GetTranslationProps = Partial<{
     locale?: Locale;
 }>;
 export declare type Locale = string | 'nb-NO' | 'en-GB' | 'en-US';
-export declare type ComponentTranslationsName = string;
-export declare type ComponentTranslations = Record<string, string>;
-export declare type Locales = Record<Locale, Translation>;
-export declare type Translation = Record<ComponentTranslationsName, ComponentTranslations>;
-export declare const prepareContext: (props?: ContextProps) => ContextProps;
+export declare type ComponentTranslationsName = string | keyof ContextComponents;
+export declare type ComponentTranslation = string;
+export declare type ComponentTranslations = Record<string, ComponentTranslation>;
+export declare type Locales = Record<Locale, Translation | TranslationConsumer>;
+export declare type Translation = Record<
+/**
+ * Support only "HelpButton"
+ */
+ComponentTranslationsName, ComponentTranslations>;
+export declare type TranslationConsumer = Record<
+/**
+ * Support "HelpButton.title"
+ */
+ComponentTranslationsName, ComponentTranslation | ComponentTranslations>;
+export declare function prepareContext<Props>(props?: ContextProps): Props & ContextProps;
 declare const Context: React.Context<ContextProps>;
 export default Context;

package/es/shared/Context.js

@@ -9,13 +9,13 @@ import React from 'react';
 import { LOCALE, CURRENCY, CURRENCY_DISPLAY } from './defaults';
 import defaultLocales from './locales';
 import { extend } from './component-helper';
-export const prepareContext = (props = {}) => {
+export function prepareContext(props = {}) {
   const locales = props.locales ? extend(defaultLocales, props.locales) : defaultLocales;
 
-  if (props.__newContext) {
-    _extends(props, props.__newContext);
+  if (props.__context__) {
+    _extends(props, props.__context__);
 
-    delete props.__newContext;
+    delete props.__context__;
   }
 
   const key = handleLocaleFallbacks(props.locale || LOCALE, locales);
@@ -49,7 +49,7 @@ export const prepareContext = (props = {}) => {
   });
 
   return context;
-};
+}
 
 function handleLocaleFallbacks(locale, locales) {
   if (!locales[locale]) {

package/es/shared/Eufemia.js

@@ -2,7 +2,7 @@ export function init() {
   if (typeof window !== 'undefined') {
     class Eufemia {
       get version() {
-        return '9.37.0';
+        return '9.38.0';
       }
 
     }

package/es/shared/Provider.d.ts

@@ -9,31 +9,9 @@ export declare type ProviderProps = {
      * Send in an object that gets spread as properties to the Provider
      */
     value?: ContextProps;
-    /**
-     * Define the locale used for every Eufemia components inside this Provider. Defaults to nb-NO
-     */
-    locale?: string;
-    /**
-     * Enable skeleton of every Eufemia component inside this Provider
-     */
-    skeleton?: boolean | string;
     /**
      * The content
      */
     children: React.ReactNode;
 } & ContextProps;
-export declare type ProviderState = {
-    /** For internal use */
-    isRoot?: boolean;
-    _listenForPropChanges?: boolean;
-    _startupProps?: ContextProps;
-} & ContextProps;
-export default class Provider extends React.PureComponent<ProviderProps, ProviderState> {
-    static contextType: React.Context<ContextProps>;
-    static defaultProps: Record<string, unknown>;
-    static getDerivedStateFromProps(props: any, state: any): ContextProps;
-    static mergeContext(props: any, context: any): any;
-    constructor(props: any, context: any);
-    setNewContext(__newContext: any): void;
-    render(): JSX.Element;
-}
+export default function Provider<Props>(localProps: ProviderProps & Props): JSX.Element;

package/es/shared/Provider.js

@@ -1,9 +1,7 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["children"],
-      _excluded2 = ["value"],
-      _excluded3 = ["children"];
+      _excluded2 = ["value"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
@@ -11,132 +9,75 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 import React from 'react';
 import Context, { prepareContext } from './Context';
-import { makeUniqueId } from './component-helper';
 import { prepareFormRowContext } from '../components/form-row/FormRowHelpers';
-export default class Provider extends React.PureComponent {
-  static getDerivedStateFromProps(props, state) {
-    if (state._listenForPropChanges) {
-      const {
-        children
-      } = props,
-            updatedProps = _objectWithoutProperties(props, _excluded);
-
-      if (state._startupProps !== updatedProps) {
-        let hasChanges = false;
-
-        for (const i in updatedProps) {
-          if (state._startupProps[i] !== updatedProps[i] || typeof updatedProps[i] === 'boolean') {
-            hasChanges = true;
-            break;
-          }
-        }
-
-        if (hasChanges) {
-          state = _extends(state, updatedProps);
-          state._startupProps = updatedProps;
-        }
-      }
-
-      if (state.FormRow) {
-        state.FormRow = _objectSpread(_objectSpread({}, state.FormRow), updatedProps.FormRow);
-        state.FormRow = prepareFormRowContext(state.FormRow);
-      }
-    }
-
-    state._listenForPropChanges = true;
-    return prepareContext(state);
-  }
-
-  static mergeContext(props, context) {
-    const {
-      value
-    } = props,
-          rest = _objectWithoutProperties(props, _excluded2);
-
-    const merge = _objectSpread(_objectSpread({}, value), rest);
-
-    const mergedContext = _objectSpread(_objectSpread({}, context), merge);
-
-    if (context.FormRow && merge.FormRow) {
-      mergedContext.FormRow = _objectSpread(_objectSpread({}, context.FormRow), merge.FormRow);
-    }
-
-    return mergedContext;
+export default function Provider(localProps) {
+  const {
+    children
+  } = localProps,
+        props = _objectWithoutProperties(localProps, _excluded);
+
+  const context = React.useContext(Context);
+  const [localContext, setLocalContext] = React.useState(null);
+  let value = mergeContext(context, _objectSpread(_objectSpread({}, localContext), props));
+
+  if (context) {
+    value = prepareContext(value);
+    context.updateTranslation(value.locale, value.translation);
   }
 
-  constructor(props, context) {
-    super(props);
-
-    const {
-      children
-    } = props,
-          startupProps = _objectWithoutProperties(props, _excluded3);
-
-    if (typeof startupProps.formRow !== 'undefined') {
-      startupProps.FormRow = startupProps.formRow;
-    }
-
-    const newContext = Provider.mergeContext(startupProps, context);
-    const isRoot = !(newContext && newContext.__providerId);
-    newContext.__providerId = makeUniqueId();
-    const pC = isRoot ? prepareContext(newContext) : newContext;
-
-    pC.updateCurrent = props => this.setNewContext(props);
-
-    pC.setCurrentLocale = locale => this.setNewContext({
-      locale
+  value.update = updateAll;
+  value.setLocale = setAllLocale;
+  value.updateCurrent = updateCurrent;
+  value.setCurrentLocale = setCurrentLocale;
+  return React.createElement(Context.Provider, {
+    value: value
+  }, children);
+
+  function updateCurrent(props) {
+    setLocalContext({
+      __context__: props
     });
+  }
 
-    pC.update = props => {
-      if (typeof context.update === 'function') {
-        context.update(props);
-      }
-
-      this.setNewContext(props);
-    };
-
-    pC.setLocale = locale => {
-      if (typeof context.update === 'function') {
-        context.update({
-          locale
-        });
-      }
-
-      this.setNewContext({
+  function setCurrentLocale(locale) {
+    setLocalContext({
+      __context__: {
         locale
-      });
-    };
-
-    pC.isRoot = isRoot;
-    pC._listenForPropChanges = true;
-    pC._startupProps = startupProps;
-    this.state = pC;
+      }
+    });
   }
 
-  setNewContext(__newContext) {
-    this.setState({
-      _listenForPropChanges: false
-    });
-    this.setState({
-      __newContext
+  function setAllLocale(locale) {
+    updateAll({
+      locale
     });
   }
 
-  render() {
-    let value = this.state;
-
-    if (!this.state.isRoot) {
-      value = Provider.mergeContext(this.state, this.context);
+  function updateAll(props) {
+    if (typeof context.update === 'function') {
+      context.update(props);
     }
 
-    this.context.updateTranslation(value.locale, value.translation);
-    return React.createElement(Context.Provider, {
-      value: value
-    }, this.props.children);
+    setLocalContext({
+      __context__: props
+    });
   }
-
 }
 
-_defineProperty(Provider, "contextType", Context);
+function mergeContext(context, props) {
+  const {
+    value
+  } = props,
+        rest = _objectWithoutProperties(props, _excluded2);
+
+  const merge = _objectSpread(_objectSpread({}, value), rest);
+
+  const mergedContext = _objectSpread(_objectSpread({}, context), merge);
+
+  if (context !== null && context !== void 0 && context.FormRow && merge.FormRow) {
+    mergedContext.FormRow = _objectSpread(_objectSpread({}, context.FormRow), merge.FormRow);
+    mergedContext.FormRow = prepareFormRowContext(mergedContext.FormRow);
+  }
 
-_defineProperty(Provider, "defaultProps", {});
+  return mergedContext;
+}

package/es/style/core/helper-classes/helper-classes.scss

@@ -3,10 +3,6 @@
  *
  */
 
-:root {
-  --easing-default: cubic-bezier(0.42, 0, 0, 1);
-}
-
 // Focus management
 .dnb-no-focus {
   outline: none;

package/es/style/core/properties.scss

@@ -106,6 +106,9 @@
   --shadow-default-blur-radius: 16px;
   --shadow-default-color: rgba(51, 51, 51, 0.08);
 
+  // Easing
+  --easing-default: cubic-bezier(0.42, 0, 0, 1);
+
   @if mixin-exists('propertiesCustomisation') {
     @include propertiesCustomisation();
   }

package/es/style/core/utilities.scss

@@ -44,6 +44,17 @@
   }
 }
 
+@mixin whatInput($whatinput: null) {
+  html[data-whatinput='#{$whatinput}'] & {
+    @content;
+  }
+}
+@mixin whatInputNot($whatinput: null) {
+  html:not([data-whatinput='#{$whatinput}']) & {
+    @content;
+  }
+}
+
 $focusRingWidth: 0.125rem; //2px
 $focusRingColor: var(--color-emerald-green);
 @mixin fakeFocus($whatinput: null, $color: null, $inset: null) {
@@ -56,7 +67,7 @@ $focusRingColor: var(--color-emerald-green);
     $color: $focusRingColor;
   }
 
-  html[data-whatinput='#{$whatinput}'] & {
+  @include whatInput($whatinput) {
     @include fakeBorder($color, $focusRingWidth, $inset);
   }
 }
@@ -252,11 +263,9 @@ $focusRingColor: var(--color-emerald-green);
 
 // Safari Desktop fix
 @mixin IS_SAFARI_DESKTOP() {
-  @media not all and (min-resolution: 0.001dpcm) {
-    @supports (-webkit-appearance: none) and (stroke-color: transparent)
-      and (not (-webkit-overflow-scrolling: touch)) {
-      @content;
-    }
+  @supports (-webkit-appearance: none) and (stroke-color: transparent) and
+    (not (-webkit-touch-callout: none)) {
+    @content;
   }
 }
 

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

@@ -89,7 +89,8 @@
   --shadow-default-x: 0;
   --shadow-default-y: 8px;
   --shadow-default-blur-radius: 16px;
-  --shadow-default-color: rgba(51, 51, 51, 0.08); }
+  --shadow-default-color: rgba(51, 51, 51, 0.08);
+  --easing-default: cubic-bezier(0.42, 0, 0, 1); }
 
 /*
  * Scopes
@@ -166,9 +167,6 @@
  * Helper Classes
  *
  */
-:root {
-  --easing-default: cubic-bezier(0.42, 0, 0, 1); }
-
 .dnb-no-focus {
   outline: none; }
 

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

@@ -1 +1 @@
-:root{--font-family-default:"DNB",sans-serif;--font-family-monospace:"DNBMono","Menlo","Consolas","Roboto Mono","Ubuntu Monospace","Noto Mono","Oxygen Mono","Liberation Mono",monospace;--font-weight-default:normal;--font-weight-basis:normal;--font-weight-regular:normal;--font-weight-medium:500;--font-weight-bold:600;--font-size-x-small:0.875rem;--font-size-small:1rem;--font-size-basis:1.125rem;--font-size-basis--em:1em;--font-size-medium:1.25rem;--font-size-large:1.625rem;--font-size-x-large:2.125rem;--font-size-xx-large:3rem;--line-height-xx-small--em:1em;--line-height-x-small:1.125rem;--line-height-small:1.25rem;--line-height-basis:1.5rem;--line-height-basis--em:1.333em;--line-height-medium:2rem;--line-height-large:2.5rem;--line-height-x-large:3.5rem;--color-mint-green-50:#d2f0e9;--color-mint-green-25:#e9f8f4;--color-mint-green-12:#f4fbf9;--color-sea-green-30:#b3dada;--color-accent-yellow-30:#feebc1;--color-signal-orange:#ff5400;--color-fire-red:#dc2a2a;--color-success-green:#007b5e;--color-fire-red-8:#fdeeee;--color-black:#000;--color-black-80:#333;--color-black-55:#737373;--color-black-20:#ccc;--color-black-8:#ebebeb;--color-black-3:#f8f8f8;--color-white:#fff;--color-black-border:#cdcdcd;--color-black-background:#fafafa;--color-sea-green:#007272;--color-mint-green:#a5e1d2;--color-summer-green:#28b482;--color-emerald-green:#14555a;--color-ocean-green:#00343e;--color-accent-yellow:#fdbb31;--color-indigo:#23195a;--color-violet:#6e2382;--color-sky-blue:#4bbed2;--color-lavender:#f2f2f5;--color-sand-yellow:#fbf6ec;--color-pistachio:#f2f4ec;--color-mint-green-alt:#ebfffa;--color-indigo-medium:#6e6491;--color-indigo-light:#b9afc8;--color-violet-medium:#a06eaf;--color-violet-light:#cfb9d7;--color-sky-blue-medium:#87d2e1;--color-sky-blue-light:#c3ebf0;--spacing-xx-small:0.25rem;--spacing-x-small:0.5rem;--spacing-small:1rem;--spacing-medium:1.5rem;--spacing-large:2rem;--spacing-x-large:3rem;--spacing-xx-large:3.5rem;--layout-small:40em;--layout-medium:50em;--layout-large:60em;--layout-x-large:72em;--layout-xx-large:80em;--layout-xxx-large:90em;--shadow-default:0 8px 16px rgba(51,51,51,.08);--shadow-default-x:0;--shadow-default-y:8px;--shadow-default-blur-radius:16px;--shadow-default-color:rgba(51,51,51,.08)}.dnb-typo-regular{font-weight:400}.dnb-typo-medium,.dnb-typo-regular{font-family:DNB,sans-serif;font-family:var(--font-family-default);font-style:normal}.dnb-typo-medium{font-weight:500;font-weight:var(--font-weight-medium)}.dnb-typo-bold{font-family:DNB,sans-serif;font-family:var(--font-family-default);font-style:normal;font-weight:600;font-weight:var(--font-weight-bold)}.dnb-typo-mono-regular{font-family:DNBMono,Menlo,Consolas,Roboto Mono,"Ubuntu Monospace",Noto Mono,Oxygen Mono,Liberation Mono,monospace;font-family:var(--font-family-monospace);font-style:normal;font-weight:400}@font-face{font-display:fallback;font-family:DNB;font-style:normal;font-weight:400;src:url(../assets/fonts/DNB-Regular.woff2) format("woff2"),url(../assets/fonts/DNB-Regular.woff) format("woff"),url(../assets/fonts/DNB-Regular.ttf) format("truetype")}@font-face{font-display:fallback;font-family:DNB;font-style:normal;font-weight:500;src:url(../assets/fonts/DNB-Medium.woff2) format("woff2"),url(../assets/fonts/DNB-Medium.woff) format("woff"),url(../assets/fonts/DNB-Medium.ttf) format("truetype")}@font-face{font-display:fallback;font-family:DNB;font-style:normal;font-weight:600;src:url(../assets/fonts/DNB-Bold.woff2) format("woff2"),url(../assets/fonts/DNB-Bold.woff) format("woff"),url(../assets/fonts/DNB-Bold.ttf) format("truetype")}@font-face{font-display:fallback;font-family:DNBMono;font-style:normal;font-weight:400;src:url(../assets/fonts/DNBMono-Regular.woff2) format("woff2"),url(../assets/fonts/DNBMono-Regular.woff) format("woff"),url(../assets/fonts/DNBMono-Regular.ttf) format("truetype")}:root{--easing-default:cubic-bezier(0.42,0,0,1)}.dnb-no-focus,.dnb-tab-focus,.dnb-tab-focus:focus{outline:none}html[data-whatinput=keyboard] .dnb-tab-focus:focus{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=keyboard] .dnb-tab-focus:focus{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.dnb-mouse-focus,.dnb-mouse-focus:focus{outline:none}html[data-whatinput=mouse] .dnb-mouse-focus:focus{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=mouse] .dnb-mouse-focus:focus{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.dnb-focus-ring{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color)!important;box-shadow:0 0 0 .125rem var(--border-color)!important}@media screen and (-ms-high-contrast:none){.dnb-focus-ring{-webkit-box-shadow:0 0 0 .125rem #14555a!important;box-shadow:0 0 0 .125rem #14555a!important;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green)!important;box-shadow:0 0 0 .125rem var(--color-emerald-green)!important}}.dnb-scrollbar-appearance{-ms-scroll-chaining:none;-webkit-overflow-scrolling:touch;-ms-overflow-style:auto;overscroll-behavior:contain;scrollbar-color:#14555a transparent;scrollbar-color:var(--color-emerald-green) transparent;scrollbar-width:thin}.dnb-skip-link{opacity:.3;position:absolute;top:-100vh;-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out;z-index:0}.dnb-skip-link--active,.dnb-skip-link:focus{background-color:transparent;border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;color:#007272;color:var(--color-sea-green);font-size:1.125rem;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%;-moz-user-select:none;-ms-user-select:none;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);-webkit-box-shadow:150vw 150vh 0 0 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:#fff;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(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=mouse] .dnb-skip-link--active:before,html[data-whatinput=mouse] .dnb-skip-link:focus:before{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.dnb-skip-link--active:hover:before,.dnb-skip-link:focus:hover:before{background-color:#d2f0e9;background-color:var(--color-mint-green-50)}.dnb-skip-link--active:active:before,.dnb-skip-link:focus:active:before{background-color:#14555a;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(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast: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{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.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;-webkit-box-shadow:none;box-shadow:none;color:#007272;color:var(--color-sea-green)}.dnb-skip-link--active:active,.dnb-skip-link:focus:active{background-color:transparent;color:#fff;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:1rem;font-size:var(--font-size-small);height:0;width:0}.dnb-alignment-helper:before{content:"\200C"}.dnb-drop-shadow{-webkit-box-shadow:0 8px 16px rgba(51,51,51,.08);box-shadow:0 8px 16px rgba(51,51,51,.08);-webkit-box-shadow:var(--shadow-default);box-shadow:var(--shadow-default)}.dnb-sr-only,.dnb-sr-only--inline{-webkit-touch-callout:none;clip:rect(1px,1px,1px,1px);border:0;height:1px;margin:-1px 0 0 -1px;overflow:hidden;padding:0;pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:1px}.dnb-sr-only--inline{display:inline-block;font-size:0;line-height:0;opacity:0;position:static;visibility:visible}.dnb-not-sr-only{font-size:medium;height:auto;line-height:normal;opacity:1;overflow:auto;position:static;white-space:normal;width:auto}.dnb-suffix{font-size:1.125rem;font-size:var(--font-size-basis);line-height:1.5rem;line-height:var(--line-height-basis);padding-left:.5rem;word-break:normal}html{font-size:100%;scroll-behavior:smooth}@supports (-webkit-touch-callout:none) and (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:#a5e1d2!important;color:var(--color-mint-green)!important}html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-anchor--contrast:not(:hover){color:#fff!important;color:var(--color-white)!important}html[xmlns="http://www.w3.org/1999/xhtml"] a.dnb-button--primary{color:#fff;color:var(--color-white)}html[xmlns="http://www.w3.org/1999/xhtml"] ul{list-style:disc none outside;list-style:initial}html[xmlns="http://www.w3.org/1999/xhtml"] p{background-color:transparent;background-color:initial;overflow:visible;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{-webkit-box-shadow:none;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:#333;color:var(--color-black-80,#333);font-family:DNB,sans-serif;font-family:var(--font-family-default);font-size:1rem;font-size:var(--font-size-small);font-style:normal;font-weight:400;font-weight:var(--font-weight-basis);line-height:1.5rem;line-height:var(--line-height-basis);-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-break:break-word}.dnb-core-style *,.dnb-core-style :after,.dnb-core-style :before{background-repeat:no-repeat;-webkit-box-sizing:border-box;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:DNBMono,Menlo,Consolas,Roboto Mono,"Ubuntu Monospace",Noto Mono,Oxygen Mono,Liberation Mono,monospace;font-family:var(--font-family-monospace);font-size:1em;font-size:var(--font-size-basis--em)}.dnb-core-style ::-moz-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;outline-offset:-2px}.dnb-core-style ::-webkit-inner-spin-button,.dnb-core-style ::-webkit-outer-spin-button{height:auto}.dnb-core-style ::-webkit-input-placeholder{color:inherit;opacity:.54}.dnb-core-style ::-webkit-search-decoration{-webkit-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{-ms-touch-action:manipulation;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}}
+:root{--font-family-default:"DNB",sans-serif;--font-family-monospace:"DNBMono","Menlo","Consolas","Roboto Mono","Ubuntu Monospace","Noto Mono","Oxygen Mono","Liberation Mono",monospace;--font-weight-default:normal;--font-weight-basis:normal;--font-weight-regular:normal;--font-weight-medium:500;--font-weight-bold:600;--font-size-x-small:0.875rem;--font-size-small:1rem;--font-size-basis:1.125rem;--font-size-basis--em:1em;--font-size-medium:1.25rem;--font-size-large:1.625rem;--font-size-x-large:2.125rem;--font-size-xx-large:3rem;--line-height-xx-small--em:1em;--line-height-x-small:1.125rem;--line-height-small:1.25rem;--line-height-basis:1.5rem;--line-height-basis--em:1.333em;--line-height-medium:2rem;--line-height-large:2.5rem;--line-height-x-large:3.5rem;--color-mint-green-50:#d2f0e9;--color-mint-green-25:#e9f8f4;--color-mint-green-12:#f4fbf9;--color-sea-green-30:#b3dada;--color-accent-yellow-30:#feebc1;--color-signal-orange:#ff5400;--color-fire-red:#dc2a2a;--color-success-green:#007b5e;--color-fire-red-8:#fdeeee;--color-black:#000;--color-black-80:#333;--color-black-55:#737373;--color-black-20:#ccc;--color-black-8:#ebebeb;--color-black-3:#f8f8f8;--color-white:#fff;--color-black-border:#cdcdcd;--color-black-background:#fafafa;--color-sea-green:#007272;--color-mint-green:#a5e1d2;--color-summer-green:#28b482;--color-emerald-green:#14555a;--color-ocean-green:#00343e;--color-accent-yellow:#fdbb31;--color-indigo:#23195a;--color-violet:#6e2382;--color-sky-blue:#4bbed2;--color-lavender:#f2f2f5;--color-sand-yellow:#fbf6ec;--color-pistachio:#f2f4ec;--color-mint-green-alt:#ebfffa;--color-indigo-medium:#6e6491;--color-indigo-light:#b9afc8;--color-violet-medium:#a06eaf;--color-violet-light:#cfb9d7;--color-sky-blue-medium:#87d2e1;--color-sky-blue-light:#c3ebf0;--spacing-xx-small:0.25rem;--spacing-x-small:0.5rem;--spacing-small:1rem;--spacing-medium:1.5rem;--spacing-large:2rem;--spacing-x-large:3rem;--spacing-xx-large:3.5rem;--layout-small:40em;--layout-medium:50em;--layout-large:60em;--layout-x-large:72em;--layout-xx-large:80em;--layout-xxx-large:90em;--shadow-default:0 8px 16px rgba(51,51,51,.08);--shadow-default-x:0;--shadow-default-y:8px;--shadow-default-blur-radius:16px;--shadow-default-color:rgba(51,51,51,.08);--easing-default:cubic-bezier(0.42,0,0,1)}.dnb-typo-regular{font-weight:400}.dnb-typo-medium,.dnb-typo-regular{font-family:DNB,sans-serif;font-family:var(--font-family-default);font-style:normal}.dnb-typo-medium{font-weight:500;font-weight:var(--font-weight-medium)}.dnb-typo-bold{font-family:DNB,sans-serif;font-family:var(--font-family-default);font-style:normal;font-weight:600;font-weight:var(--font-weight-bold)}.dnb-typo-mono-regular{font-family:DNBMono,Menlo,Consolas,Roboto Mono,"Ubuntu Monospace",Noto Mono,Oxygen Mono,Liberation Mono,monospace;font-family:var(--font-family-monospace);font-style:normal;font-weight:400}@font-face{font-display:fallback;font-family:DNB;font-style:normal;font-weight:400;src:url(../assets/fonts/DNB-Regular.woff2) format("woff2"),url(../assets/fonts/DNB-Regular.woff) format("woff"),url(../assets/fonts/DNB-Regular.ttf) format("truetype")}@font-face{font-display:fallback;font-family:DNB;font-style:normal;font-weight:500;src:url(../assets/fonts/DNB-Medium.woff2) format("woff2"),url(../assets/fonts/DNB-Medium.woff) format("woff"),url(../assets/fonts/DNB-Medium.ttf) format("truetype")}@font-face{font-display:fallback;font-family:DNB;font-style:normal;font-weight:600;src:url(../assets/fonts/DNB-Bold.woff2) format("woff2"),url(../assets/fonts/DNB-Bold.woff) format("woff"),url(../assets/fonts/DNB-Bold.ttf) format("truetype")}@font-face{font-display:fallback;font-family:DNBMono;font-style:normal;font-weight:400;src:url(../assets/fonts/DNBMono-Regular.woff2) format("woff2"),url(../assets/fonts/DNBMono-Regular.woff) format("woff"),url(../assets/fonts/DNBMono-Regular.ttf) format("truetype")}.dnb-no-focus,.dnb-tab-focus,.dnb-tab-focus:focus{outline:none}html[data-whatinput=keyboard] .dnb-tab-focus:focus{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=keyboard] .dnb-tab-focus:focus{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.dnb-mouse-focus,.dnb-mouse-focus:focus{outline:none}html[data-whatinput=mouse] .dnb-mouse-focus:focus{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=mouse] .dnb-mouse-focus:focus{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.dnb-focus-ring{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color)!important;box-shadow:0 0 0 .125rem var(--border-color)!important}@media screen and (-ms-high-contrast:none){.dnb-focus-ring{-webkit-box-shadow:0 0 0 .125rem #14555a!important;box-shadow:0 0 0 .125rem #14555a!important;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green)!important;box-shadow:0 0 0 .125rem var(--color-emerald-green)!important}}.dnb-scrollbar-appearance{-ms-scroll-chaining:none;-webkit-overflow-scrolling:touch;-ms-overflow-style:auto;overscroll-behavior:contain;scrollbar-color:#14555a transparent;scrollbar-color:var(--color-emerald-green) transparent;scrollbar-width:thin}.dnb-skip-link{opacity:.3;position:absolute;top:-100vh;-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out;z-index:0}.dnb-skip-link--active,.dnb-skip-link:focus{background-color:transparent;border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;color:#007272;color:var(--color-sea-green);font-size:1.125rem;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%;-moz-user-select:none;-ms-user-select:none;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);-webkit-box-shadow:150vw 150vh 0 0 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:#fff;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(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=mouse] .dnb-skip-link--active:before,html[data-whatinput=mouse] .dnb-skip-link:focus:before{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.dnb-skip-link--active:hover:before,.dnb-skip-link:focus:hover:before{background-color:#d2f0e9;background-color:var(--color-mint-green-50)}.dnb-skip-link--active:active:before,.dnb-skip-link:focus:active:before{background-color:#14555a;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(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast: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{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.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;-webkit-box-shadow:none;box-shadow:none;color:#007272;color:var(--color-sea-green)}.dnb-skip-link--active:active,.dnb-skip-link:focus:active{background-color:transparent;color:#fff;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:1rem;font-size:var(--font-size-small);height:0;width:0}.dnb-alignment-helper:before{content:"\200C"}.dnb-drop-shadow{-webkit-box-shadow:0 8px 16px rgba(51,51,51,.08);box-shadow:0 8px 16px rgba(51,51,51,.08);-webkit-box-shadow:var(--shadow-default);box-shadow:var(--shadow-default)}.dnb-sr-only,.dnb-sr-only--inline{-webkit-touch-callout:none;clip:rect(1px,1px,1px,1px);border:0;height:1px;margin:-1px 0 0 -1px;overflow:hidden;padding:0;pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:1px}.dnb-sr-only--inline{display:inline-block;font-size:0;line-height:0;opacity:0;position:static;visibility:visible}.dnb-not-sr-only{font-size:medium;height:auto;line-height:normal;opacity:1;overflow:auto;position:static;white-space:normal;width:auto}.dnb-suffix{font-size:1.125rem;font-size:var(--font-size-basis);line-height:1.5rem;line-height:var(--line-height-basis);padding-left:.5rem;word-break:normal}html{font-size:100%;scroll-behavior:smooth}@supports (-webkit-touch-callout:none) and (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:#a5e1d2!important;color:var(--color-mint-green)!important}html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-anchor--contrast:not(:hover){color:#fff!important;color:var(--color-white)!important}html[xmlns="http://www.w3.org/1999/xhtml"] a.dnb-button--primary{color:#fff;color:var(--color-white)}html[xmlns="http://www.w3.org/1999/xhtml"] ul{list-style:disc none outside;list-style:initial}html[xmlns="http://www.w3.org/1999/xhtml"] p{background-color:transparent;background-color:initial;overflow:visible;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{-webkit-box-shadow:none;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:#333;color:var(--color-black-80,#333);font-family:DNB,sans-serif;font-family:var(--font-family-default);font-size:1rem;font-size:var(--font-size-small);font-style:normal;font-weight:400;font-weight:var(--font-weight-basis);line-height:1.5rem;line-height:var(--line-height-basis);-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-break:break-word}.dnb-core-style *,.dnb-core-style :after,.dnb-core-style :before{background-repeat:no-repeat;-webkit-box-sizing:border-box;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:DNBMono,Menlo,Consolas,Roboto Mono,"Ubuntu Monospace",Noto Mono,Oxygen Mono,Liberation Mono,monospace;font-family:var(--font-family-monospace);font-size:1em;font-size:var(--font-size-basis--em)}.dnb-core-style ::-moz-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;outline-offset:-2px}.dnb-core-style ::-webkit-inner-spin-button,.dnb-core-style ::-webkit-outer-spin-button{height:auto}.dnb-core-style ::-webkit-input-placeholder{color:inherit;opacity:.54}.dnb-core-style ::-webkit-search-decoration{-webkit-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{-ms-touch-action:manipulation;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}}

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

@@ -89,7 +89,8 @@
   --shadow-default-x: 0;
   --shadow-default-y: 8px;
   --shadow-default-blur-radius: 16px;
-  --shadow-default-color: rgba(51, 51, 51, 0.08); }
+  --shadow-default-color: rgba(51, 51, 51, 0.08);
+  --easing-default: cubic-bezier(0.42, 0, 0, 1); }
 
 /*
  * Scopes