@dnb/eufemia 10.6.0 → 10.8.0

package/es/components/global-status/style/dnb-global-status.scss

@@ -22,7 +22,8 @@
     opacity: 1;
 
     will-change: height;
-    transition: height 800ms var(--global-status-easing),
+    transition:
+      height 800ms var(--global-status-easing),
       opacity 600ms var(--global-status-easing);
   }
 

package/es/components/global-status/style/themes/dnb-global-status-theme-sbanken.css

@@ -0,0 +1,22 @@
+/*
+* GlobalStatus theme
+*
+*/
+/*
+ * Utilities
+ */
+.dnb-global-status__close-button {
+  display: none;
+}
+.dnb-global-status--error .dnb-global-status__content .dnb-hr {
+  color: var(--sb-color-red);
+}
+.dnb-global-status--info .dnb-global-status__content .dnb-hr {
+  color: var(--sb-color-gray-dark-2);
+}
+.dnb-global-status--warning .dnb-global-status__content .dnb-hr {
+  color: var(--sb-color-yellow-dark);
+}
+.dnb-global-status--success .dnb-global-status__content .dnb-hr {
+  color: var(--sb-color-green-dark-3);
+}

package/es/components/global-status/style/themes/dnb-global-status-theme-sbanken.min.css

@@ -0,0 +1 @@
+.dnb-global-status__close-button{display:none}.dnb-global-status--error .dnb-global-status__content .dnb-hr{color:var(--sb-color-red)}.dnb-global-status--info .dnb-global-status__content .dnb-hr{color:var(--sb-color-gray-dark-2)}.dnb-global-status--warning .dnb-global-status__content .dnb-hr{color:var(--sb-color-yellow-dark)}.dnb-global-status--success .dnb-global-status__content .dnb-hr{color:var(--sb-color-green-dark-3)}

package/es/components/global-status/style/themes/dnb-global-status-theme-sbanken.scss

@@ -0,0 +1,28 @@
+/*
+* GlobalStatus theme
+*
+*/
+
+@import '../../../../style/core/utilities.scss';
+
+.dnb-global-status {
+  &__close-button {
+    display: none;
+  }
+
+  &--error &__content .dnb-hr {
+    color: var(--sb-color-red);
+  }
+
+  &--info &__content .dnb-hr {
+    color: var(--sb-color-gray-dark-2);
+  }
+
+  &--warning &__content .dnb-hr {
+    color: var(--sb-color-yellow-dark);
+  }
+
+  &--success &__content .dnb-hr {
+    color: var(--sb-color-green-dark-3);
+  }
+}

package/es/components/global-status/style/themes/dnb-global-status-theme-ui.css

@@ -11,9 +11,6 @@
 .dnb-global-status__icon {
   font-size: 1rem;
 }
-.dnb-global-status__message__content {
-  color: var(--color-black-80);
-}
 .dnb-global-status__message.dnb-section--white ::selection {
   background-color: var(--color-mint-green);
 }
@@ -22,4 +19,10 @@
 }
 .dnb-global-status--info .dnb-global-status__content .dnb-hr {
   color: var(--color-sea-green);
+}
+.dnb-global-status--warning .dnb-global-status__content .dnb-hr {
+  color: var(--color-accent-yellow);
+}
+.dnb-global-status--success .dnb-global-status__content .dnb-hr {
+  color: var(--color-ocean-green);
 }

package/es/components/global-status/style/themes/dnb-global-status-theme-ui.min.css

@@ -1 +1 @@
-.dnb-global-status:not(.dnb-global-status--no-animation).dnb-global-status--fade-in.dnb-global-status.dnb-section:after{box-shadow:99vw 0 0 0 currentcolor,198vw 0 0 0 currentcolor,297vw 0 0 0 currentcolor,396vw 0 0 0 currentcolor,0 .0625rem 0 0 var(--color-black-80),100vw .0625rem 0 0 var(--color-black-80)}.dnb-global-status__icon{font-size:1rem}.dnb-global-status__message__content{color:var(--color-black-80)}.dnb-global-status__message.dnb-section--white ::selection{background-color:var(--color-mint-green)}.dnb-global-status__content .dnb-hr{color:var(--color-fire-red)}.dnb-global-status--info .dnb-global-status__content .dnb-hr{color:var(--color-sea-green)}
+.dnb-global-status:not(.dnb-global-status--no-animation).dnb-global-status--fade-in.dnb-global-status.dnb-section:after{box-shadow:99vw 0 0 0 currentcolor,198vw 0 0 0 currentcolor,297vw 0 0 0 currentcolor,396vw 0 0 0 currentcolor,0 .0625rem 0 0 var(--color-black-80),100vw .0625rem 0 0 var(--color-black-80)}.dnb-global-status__icon{font-size:1rem}.dnb-global-status__message.dnb-section--white ::selection{background-color:var(--color-mint-green)}.dnb-global-status__content .dnb-hr{color:var(--color-fire-red)}.dnb-global-status--info .dnb-global-status__content .dnb-hr{color:var(--color-sea-green)}.dnb-global-status--warning .dnb-global-status__content .dnb-hr{color:var(--color-accent-yellow)}.dnb-global-status--success .dnb-global-status__content .dnb-hr{color:var(--color-ocean-green)}

package/es/components/global-status/style/themes/dnb-global-status-theme-ui.scss

@@ -7,8 +7,11 @@
 
 .dnb-global-status {
   &:not(#{&}--no-animation)#{&}--fade-in#{&}.dnb-section::after {
-    box-shadow: 99vw 0 0 0 currentcolor, 198vw 0 0 0 currentcolor,
-      297vw 0 0 0 currentcolor, 396vw 0 0 0 currentcolor,
+    box-shadow:
+      99vw 0 0 0 currentcolor,
+      198vw 0 0 0 currentcolor,
+      297vw 0 0 0 currentcolor,
+      396vw 0 0 0 currentcolor,
       0 0.0625rem 0 0 var(--color-black-80),
       100vw 0.0625rem 0 0 var(--color-black-80);
   }
@@ -18,10 +21,6 @@
   }
 
   &__message {
-    &__content {
-      color: var(--color-black-80);
-    }
-
     &.dnb-section--white ::selection {
       background-color: var(--color-mint-green);
     }
@@ -34,4 +33,12 @@
   &--info &__content .dnb-hr {
     color: var(--color-sea-green);
   }
+
+  &--warning &__content .dnb-hr {
+    color: var(--color-accent-yellow);
+  }
+
+  &--success &__content .dnb-hr {
+    color: var(--color-ocean-green);
+  }
 }

package/es/components/heading/Heading.d.ts

@@ -10,15 +10,15 @@ import { HeadingCounter, HeadingDebugCounter } from './HeadingCounter';
 import { SpacingProps } from '../space/types';
 import { SkeletonShow } from '../Skeleton';
 import { DynamicElement } from '../../shared/types';
-export declare const levelResolution: {
-    1: string;
-    2: string;
-    3: string;
-    4: string;
-    5: string;
-    6: string;
+export type HeadingLevelSizeResolutions = {
+    1: HeadingSize;
+    3: HeadingSize;
+    2: HeadingSize;
+    4: HeadingSize;
+    5: HeadingSize;
+    6: HeadingSize;
 };
-export type HeadingSize = 'auto' | 'xx-large' | 'x-large' | 'large' | 'medium' | 'basis' | 'small' | 'x-small';
+export type HeadingSize = 'xx-large' | 'x-large' | 'large' | 'medium' | 'basis' | 'small' | 'x-small';
 export type HeadingLevel = '1' | '2' | '3' | '4' | '5' | '6' | 1 | 2 | 3 | 4 | 5 | 6;
 export type InternalHeadingLevel = number;
 export type HeadingProps = {

package/es/components/heading/Heading.js

@@ -13,16 +13,9 @@ import HeadingContext from './HeadingContext';
 import Context from '../../shared/Context';
 import HeadingProvider from './HeadingProvider';
 import { createSkeletonClass } from '../skeleton/SkeletonHelper';
-import { correctInternalHeadingLevel, resetLevels, resetAllLevels, setNextLevel, globalSyncCounter, globalHeadingCounter, windupHeadings, teardownHeadings, debugCounter } from './HeadingHelpers';
+import { correctInternalHeadingLevel, resetLevels, resetAllLevels, setNextLevel, globalSyncCounter, globalHeadingCounter, windupHeadings, teardownHeadings, debugCounter, getHeadingSize, getHeadingElement } from './HeadingHelpers';
 import { initCounter } from './HeadingCounter';
-export const levelResolution = {
-  1: 'xx-large',
-  2: 'large',
-  3: 'medium',
-  4: 'basis',
-  5: 'small',
-  6: 'x-small'
-};
+import { useTheme } from '../../shared';
 export default function Heading(props) {
   var _headingContext$headi2, _headingContext$headi3;
   const context = React.useContext(Context);
@@ -41,7 +34,7 @@ export default function Heading(props) {
       down: _down,
       inherit: _inherit,
       level: _level,
-      size: _size = 'auto',
+      size: _size,
       skeleton: _skeleton,
       element: _element,
       className,
@@ -103,9 +96,10 @@ export default function Heading(props) {
       setState(_objectSpread({}, state));
     }
   }, [props.level]);
+  const theme = useTheme();
   let {
     size,
-    element = 'auto',
+    element,
     skeleton
   } = props;
   const {
@@ -114,10 +108,10 @@ export default function Heading(props) {
   const debug = _debug || (headingContext === null || headingContext === void 0 ? void 0 : (_headingContext$headi2 = headingContext.heading) === null || _headingContext$headi2 === void 0 ? void 0 : _headingContext$headi2.debug);
   const debug_counter = _debug_counter || (headingContext === null || headingContext === void 0 ? void 0 : (_headingContext$headi3 = headingContext.heading) === null || _headingContext$headi3 === void 0 ? void 0 : _headingContext$headi3.debug_counter);
   const attributes = _objectSpread({}, rest);
-  if (element === 'auto' || element === null) {
-    element = `h${level || 'x-small'}`;
-    if (_size === 'auto' || _size === null) {
-      size = levelResolution[level || 'x-small'];
+  if (element == null) {
+    element = getHeadingElement(level);
+    if (size == null) {
+      size = getHeadingSize(theme === null || theme === void 0 ? void 0 : theme.name)[level];
     }
   } else {
     if (!attributes.role) {

package/es/components/heading/Heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.js","names":["React","classnames","isTrue","validateDOMAttributes","createSpacingClasses","HeadingContext","Context","HeadingProvider","createSkeletonClass","correctInternalHeadingLevel","resetLevels","resetAllLevels","setNextLevel","globalSyncCounter","globalHeadingCounter","windupHeadings","teardownHeadings","debugCounter","initCounter","levelResolution","Heading","props","_headingContext$headi2","_headingContext$headi3","context","useContext","headingContext","_ref","useRef","text","group","_group","debug","_debug","debug_counter","_debug_counter","reset","_reset","skip_correction","_skip_correction","increase","_increase","decrease","_decrease","up","_up","down","_down","inherit","_inherit","level","_level","size","_size","skeleton","_skeleton","element","_element","className","children","rest","_objectWithoutProperties","_excluded","state","setState","useState","_headingContext$headi","_state$headingContext","_state$headingContext2","_state$headingContext3","_state$headingContext4","counter","heading","current","setContextCounter","isHeading","ref","parseFloat","String","bypassChecks","source","prevLevel","useEffect","windup","teardown","_state$headingContext5","_state$headingContext6","_state$headingContext7","_state$headingContext8","newLevel","isRerender","_objectSpread","attributes","role","Element","createElement","_extends","Fragment","Level","Increase","Decrease","Up","Down","Reset","_globalHeadingCounter"],"sources":["../../../../src/components/heading/Heading.tsx"],"sourcesContent":["/**\n * Web Heading Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport {\n  isTrue,\n  validateDOMAttributes,\n} from '../../shared/component-helper'\nimport '../../shared/helpers'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport HeadingContext, { HeadingContextProps } from './HeadingContext'\nimport Context from '../../shared/Context'\nimport HeadingProvider from './HeadingProvider'\nimport { createSkeletonClass } from '../skeleton/SkeletonHelper'\nimport {\n  correctInternalHeadingLevel,\n  resetLevels,\n  resetAllLevels,\n  setNextLevel,\n  globalSyncCounter,\n  globalHeadingCounter,\n  windupHeadings,\n  teardownHeadings,\n  debugCounter,\n} from './HeadingHelpers'\nimport {\n  HeadingCounter,\n  HeadingDebugCounter,\n  initCounter,\n} from './HeadingCounter'\nimport { SpacingProps } from '../space/types'\nimport { SkeletonShow } from '../Skeleton'\nimport { DynamicElement } from '../../shared/types'\n\nexport const levelResolution = {\n  1: 'xx-large',\n  2: 'large',\n  3: 'medium',\n  4: 'basis',\n  5: 'small',\n  6: 'x-small',\n}\n\nexport type HeadingSize =\n  | 'auto'\n  | 'xx-large'\n  | 'x-large'\n  | 'large'\n  | 'medium'\n  | 'basis'\n  | 'small'\n  | 'x-small'\n\nexport type HeadingLevel =\n  | '1'\n  | '2'\n  | '3'\n  | '4'\n  | '5'\n  | '6'\n  | 1\n  | 2\n  | 3\n  | 4\n  | 5\n  | 6\nexport type InternalHeadingLevel = number\n\nexport type HeadingProps = {\n  id?: string\n  group?: string\n\n  /**\n   * <em>(required)</em> a heading, can be text or React.Node.\n   */\n  text?: React.ReactNode\n\n  /**\n   * Define the typography <a href=\"/uilib/typography/font-size\">font-size</a> by a size <em>type</em>, e.g. `x-large`. Defaults to the predefined heading sizes.\n   */\n  size?: HeadingSize\n  level?: HeadingLevel\n\n  /**\n   * If set to `true`, the heading level will be incremented by 1.\n   */\n  increase?: boolean\n\n  /**\n   * If set to `true`, the heading level will be decremented by 1.\n   */\n  decrease?: boolean\n  up?: boolean\n  down?: boolean\n\n  /**\n   * If set to `true`, the heading will not be corrected and warnings will not be shown. Warnings do not show up in \"production builds\" else either.\n   */\n  skip_correction?: boolean\n\n  /**\n   * If set to `true`, the content will have a prefix, showing the heading level.\n   */\n  debug?: boolean | (() => void)\n\n  /**\n   * If set to `true`, the content will have both a prefix and a JSON log attached to both headings and level contexts.\n   */\n  debug_counter?: HeadingDebugCounter\n  counter?: HeadingCounter\n\n  /**\n   * If set to `true`, the heading last used level will be inherited. Also from inside a level context.\n   */\n  inherit?: boolean\n\n  /**\n   * If set to `true`, the heading level will be reset to 2. You can give it a custom level if you need to, e.g. `reset(1)`.\n   */\n  reset?: number | boolean\n\n  /**\n   * If set to `true`, an overlaying skeleton with animation will be shown.\n   */\n  skeleton?: SkeletonShow\n\n  /**\n   * Define what HTML element should be used. If you use, e.g. a `span`, then `role=\"heading\"` and `aria-level` gets set. Defaults to semantic heading element.\n   */\n  element?: DynamicElement\n}\n\nexport type HeadingAllProps = HeadingProps &\n  Omit<React.HTMLProps<HTMLElement>, 'size'> &\n  SpacingProps\n\nexport default function Heading(props: HeadingAllProps) {\n  const context = React.useContext(Context)\n  const headingContext = React.useContext(HeadingContext)\n  const _ref = React.useRef()\n\n  const {\n    text,\n    group: _group, // eslint-disable-line\n    debug: _debug, // eslint-disable-line\n    debug_counter: _debug_counter, // eslint-disable-line\n    reset: _reset, // eslint-disable-line\n    skip_correction: _skip_correction, // eslint-disable-line\n    increase: _increase, // eslint-disable-line\n    decrease: _decrease, // eslint-disable-line\n    up: _up, // eslint-disable-line\n    down: _down, // eslint-disable-line\n    inherit: _inherit, // eslint-disable-line\n    level: _level, // eslint-disable-line\n    size: _size = 'auto', // eslint-disable-line\n    skeleton: _skeleton, // eslint-disable-line\n    element: _element, // eslint-disable-line\n    className,\n    children,\n    ...rest\n  } = props\n\n  const [state, setState] = React.useState(() => {\n    type State = {\n      level: InternalHeadingLevel\n      prevLevel?: InternalHeadingLevel\n      counter: HeadingCounter\n      context: HeadingContextProps\n      headingContext?: HeadingContextProps\n    }\n    const state: State = {\n      level: null,\n      counter: null,\n      context,\n      headingContext,\n    }\n\n    state.counter = initCounter(props)\n\n    // If a heading runs inside a context, use that counter\n    // else we use the global counter, or create a new one\n    const counter = headingContext.heading?.counter\n      ? headingContext.heading.counter\n      : globalHeadingCounter.current\n\n    state.counter.setContextCounter(counter)\n    state.counter.isHeading = true\n\n    state.counter = correctInternalHeadingLevel({\n      counter: state.counter,\n      ref: props, // Do that only to make sure we run the correction only if props has changed\n      level: parseFloat(String(props.level)),\n      inherit: isTrue(props.inherit),\n      reset: props.reset,\n      increase: isTrue(props.increase) || isTrue(props.up),\n      decrease: isTrue(props.decrease) || isTrue(props.down),\n      bypassChecks:\n        isTrue(props.skip_correction) ||\n        isTrue(state.headingContext?.heading?.skip_correction),\n      source: props.text || props.children, // only for debugging\n      debug: props.debug || state.headingContext?.heading?.debug,\n    })\n\n    globalSyncCounter.current = state.counter\n\n    state.level = state.counter.level\n    state.prevLevel = parseFloat(String(props.level))\n\n    return state\n  })\n\n  React.useEffect(() => {\n    windupHeadings()\n    state.counter.windup()\n\n    return () => {\n      teardownHeadings()\n      state.counter.teardown()\n    }\n  }, [])\n\n  React.useEffect(() => {\n    const level = parseFloat(String(props.level))\n    if (\n      state.prevLevel !== props.level &&\n      level > 0 &&\n      level !== state.level\n    ) {\n      // Run this again here, so we can get a recalculated \"useLevel\" from the counter\n      const { level: newLevel } = correctInternalHeadingLevel({\n        counter: state.counter,\n        isRerender: true,\n        level,\n        bypassChecks:\n          isTrue(props.skip_correction) ||\n          isTrue(state.headingContext?.heading?.skip_correction),\n        source: props.text || props.children, // only for debugging\n        debug: props.debug || state.headingContext?.heading?.debug,\n      })\n      state.level = state.prevLevel = newLevel\n\n      setState({ ...state })\n    }\n  }, [props.level])\n\n  let { size, element = 'auto', skeleton } = props as HeadingProps\n  const { level } = state\n\n  const debug = _debug || headingContext?.heading?.debug\n  const debug_counter =\n    _debug_counter || headingContext?.heading?.debug_counter\n\n  const attributes: Record<string, unknown> = {\n    ...rest,\n  }\n\n  if (element === 'auto' || element === null) {\n    element = `h${level || 'x-small'}`\n    if (_size === 'auto' || _size === null) {\n      size = levelResolution[level || 'x-small']\n    }\n  } else {\n    if (!attributes.role) {\n      attributes.role = 'heading'\n    }\n    if (!attributes['aria-level']) {\n      attributes['aria-level'] = String(level)\n    }\n  }\n\n  validateDOMAttributes(props, attributes)\n\n  if (typeof context?.skeleton !== 'undefined') {\n    skeleton = context.skeleton\n  }\n\n  const Element = element\n\n  return (\n    <Element\n      {...attributes}\n      ref={_ref}\n      className={classnames(\n        'dnb-heading',\n        `dnb-h--${size}`,\n        createSkeletonClass('font', skeleton, headingContext),\n        className,\n        createSpacingClasses(props)\n      )}\n    >\n      {debug && (\n        <span className=\"dnb-heading__debug\">\n          {`[h${level || '6'}] `}\n          {debug_counter && (\n            <>\n              {' '}\n              <span className=\"dnb-code\">\n                {debugCounter(state.counter)}\n              </span>\n            </>\n          )}\n        </span>\n      )}\n      {text || children}\n    </Element>\n  )\n}\n\ntype HeadingStaticProps = Omit<HeadingAllProps, 'ref' | 'size'>\n\nHeading.Level = HeadingProvider\nHeading.Increase = (props: HeadingStaticProps) => (\n  <HeadingProvider increase {...props} />\n)\nHeading.Decrease = (props: HeadingStaticProps) => (\n  <HeadingProvider decrease {...props} />\n)\nHeading.Up = (props: HeadingStaticProps) => (\n  <HeadingProvider increase {...props} />\n)\nHeading.Down = (props: HeadingStaticProps) => (\n  <HeadingProvider decrease {...props} />\n)\nHeading.Reset = (props: HeadingStaticProps) => {\n  globalHeadingCounter.current?.reset()\n  return <HeadingProvider {...props} />\n}\nHeading.resetLevels = resetLevels\nHeading.setNextLevel = setNextLevel\n\n// Interceptor to reset leveling\nexport { resetAllLevels, resetLevels, setNextLevel }\n"],"mappings":"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"}
+{"version":3,"file":"Heading.js","names":["React","classnames","isTrue","validateDOMAttributes","createSpacingClasses","HeadingContext","Context","HeadingProvider","createSkeletonClass","correctInternalHeadingLevel","resetLevels","resetAllLevels","setNextLevel","globalSyncCounter","globalHeadingCounter","windupHeadings","teardownHeadings","debugCounter","getHeadingSize","getHeadingElement","initCounter","useTheme","Heading","props","_headingContext$headi2","_headingContext$headi3","context","useContext","headingContext","_ref","useRef","text","group","_group","debug","_debug","debug_counter","_debug_counter","reset","_reset","skip_correction","_skip_correction","increase","_increase","decrease","_decrease","up","_up","down","_down","inherit","_inherit","level","_level","size","_size","skeleton","_skeleton","element","_element","className","children","rest","_objectWithoutProperties","_excluded","state","setState","useState","_headingContext$headi","_state$headingContext","_state$headingContext2","_state$headingContext3","_state$headingContext4","counter","heading","current","setContextCounter","isHeading","ref","parseFloat","String","bypassChecks","source","prevLevel","useEffect","windup","teardown","_state$headingContext5","_state$headingContext6","_state$headingContext7","_state$headingContext8","newLevel","isRerender","_objectSpread","theme","attributes","name","role","Element","createElement","_extends","Fragment","Level","Increase","Decrease","Up","Down","Reset","_globalHeadingCounter"],"sources":["../../../../src/components/heading/Heading.tsx"],"sourcesContent":["/**\n * Web Heading Component\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport {\n  isTrue,\n  validateDOMAttributes,\n} from '../../shared/component-helper'\nimport '../../shared/helpers'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport HeadingContext, { HeadingContextProps } from './HeadingContext'\nimport Context from '../../shared/Context'\nimport HeadingProvider from './HeadingProvider'\nimport { createSkeletonClass } from '../skeleton/SkeletonHelper'\nimport {\n  correctInternalHeadingLevel,\n  resetLevels,\n  resetAllLevels,\n  setNextLevel,\n  globalSyncCounter,\n  globalHeadingCounter,\n  windupHeadings,\n  teardownHeadings,\n  debugCounter,\n  getHeadingSize,\n  getHeadingElement,\n} from './HeadingHelpers'\nimport {\n  HeadingCounter,\n  HeadingDebugCounter,\n  initCounter,\n} from './HeadingCounter'\nimport { SpacingProps } from '../space/types'\nimport { SkeletonShow } from '../Skeleton'\nimport { useTheme } from '../../shared'\nimport { DynamicElement } from '../../shared/types'\n\nexport type HeadingLevelSizeResolutions = {\n  1: HeadingSize\n  3: HeadingSize\n  2: HeadingSize\n  4: HeadingSize\n  5: HeadingSize\n  6: HeadingSize\n}\n\nexport type HeadingSize =\n  | 'xx-large'\n  | 'x-large'\n  | 'large'\n  | 'medium'\n  | 'basis'\n  | 'small'\n  | 'x-small'\n\nexport type HeadingLevel =\n  | '1'\n  | '2'\n  | '3'\n  | '4'\n  | '5'\n  | '6'\n  | 1\n  | 2\n  | 3\n  | 4\n  | 5\n  | 6\nexport type InternalHeadingLevel = number\n\nexport type HeadingProps = {\n  id?: string\n  group?: string\n\n  /**\n   * <em>(required)</em> a heading, can be text or React.Node.\n   */\n  text?: React.ReactNode\n\n  /**\n   * Define the typography <a href=\"/uilib/typography/font-size\">font-size</a> by a size <em>type</em>, e.g. `x-large`. Defaults to the predefined heading sizes.\n   */\n  size?: HeadingSize\n  level?: HeadingLevel\n\n  /**\n   * If set to `true`, the heading level will be incremented by 1.\n   */\n  increase?: boolean\n\n  /**\n   * If set to `true`, the heading level will be decremented by 1.\n   */\n  decrease?: boolean\n  up?: boolean\n  down?: boolean\n\n  /**\n   * If set to `true`, the heading will not be corrected and warnings will not be shown. Warnings do not show up in \"production builds\" else either.\n   */\n  skip_correction?: boolean\n\n  /**\n   * If set to `true`, the content will have a prefix, showing the heading level.\n   */\n  debug?: boolean | (() => void)\n\n  /**\n   * If set to `true`, the content will have both a prefix and a JSON log attached to both headings and level contexts.\n   */\n  debug_counter?: HeadingDebugCounter\n  counter?: HeadingCounter\n\n  /**\n   * If set to `true`, the heading last used level will be inherited. Also from inside a level context.\n   */\n  inherit?: boolean\n\n  /**\n   * If set to `true`, the heading level will be reset to 2. You can give it a custom level if you need to, e.g. `reset(1)`.\n   */\n  reset?: number | boolean\n\n  /**\n   * If set to `true`, an overlaying skeleton with animation will be shown.\n   */\n  skeleton?: SkeletonShow\n\n  /**\n   * Define what HTML element should be used. If you use, e.g. a `span`, then `role=\"heading\"` and `aria-level` gets set. Defaults to semantic heading element.\n   */\n  element?: DynamicElement\n}\n\nexport type HeadingAllProps = HeadingProps &\n  Omit<React.HTMLProps<HTMLElement>, 'size'> &\n  SpacingProps\n\nexport default function Heading(props: HeadingAllProps) {\n  const context = React.useContext(Context)\n  const headingContext = React.useContext(HeadingContext)\n  const _ref = React.useRef()\n\n  const {\n    text,\n    group: _group, // eslint-disable-line\n    debug: _debug, // eslint-disable-line\n    debug_counter: _debug_counter, // eslint-disable-line\n    reset: _reset, // eslint-disable-line\n    skip_correction: _skip_correction, // eslint-disable-line\n    increase: _increase, // eslint-disable-line\n    decrease: _decrease, // eslint-disable-line\n    up: _up, // eslint-disable-line\n    down: _down, // eslint-disable-line\n    inherit: _inherit, // eslint-disable-line\n    level: _level, // eslint-disable-line\n    size: _size, // eslint-disable-line\n    skeleton: _skeleton, // eslint-disable-line\n    element: _element, // eslint-disable-line\n    className,\n    children,\n    ...rest\n  } = props\n\n  const [state, setState] = React.useState(() => {\n    type State = {\n      level: InternalHeadingLevel\n      prevLevel?: InternalHeadingLevel\n      counter: HeadingCounter\n      context: HeadingContextProps\n      headingContext?: HeadingContextProps\n    }\n    const state: State = {\n      level: null,\n      counter: null,\n      context,\n      headingContext,\n    }\n\n    state.counter = initCounter(props)\n\n    // If a heading runs inside a context, use that counter\n    // else we use the global counter, or create a new one\n    const counter = headingContext.heading?.counter\n      ? headingContext.heading.counter\n      : globalHeadingCounter.current\n\n    state.counter.setContextCounter(counter)\n    state.counter.isHeading = true\n\n    state.counter = correctInternalHeadingLevel({\n      counter: state.counter,\n      ref: props, // Do that only to make sure we run the correction only if props has changed\n      level: parseFloat(String(props.level)),\n      inherit: isTrue(props.inherit),\n      reset: props.reset,\n      increase: isTrue(props.increase) || isTrue(props.up),\n      decrease: isTrue(props.decrease) || isTrue(props.down),\n      bypassChecks:\n        isTrue(props.skip_correction) ||\n        isTrue(state.headingContext?.heading?.skip_correction),\n      source: props.text || props.children, // only for debugging\n      debug: props.debug || state.headingContext?.heading?.debug,\n    })\n\n    globalSyncCounter.current = state.counter\n\n    state.level = state.counter.level\n    state.prevLevel = parseFloat(String(props.level))\n\n    return state\n  })\n\n  React.useEffect(() => {\n    windupHeadings()\n    state.counter.windup()\n\n    return () => {\n      teardownHeadings()\n      state.counter.teardown()\n    }\n  }, [])\n\n  React.useEffect(() => {\n    const level = parseFloat(String(props.level))\n    if (\n      state.prevLevel !== props.level &&\n      level > 0 &&\n      level !== state.level\n    ) {\n      // Run this again here, so we can get a recalculated \"useLevel\" from the counter\n      const { level: newLevel } = correctInternalHeadingLevel({\n        counter: state.counter,\n        isRerender: true,\n        level,\n        bypassChecks:\n          isTrue(props.skip_correction) ||\n          isTrue(state.headingContext?.heading?.skip_correction),\n        source: props.text || props.children, // only for debugging\n        debug: props.debug || state.headingContext?.heading?.debug,\n      })\n      state.level = state.prevLevel = newLevel\n\n      setState({ ...state })\n    }\n  }, [props.level])\n\n  const theme = useTheme()\n\n  let { size, element, skeleton } = props as HeadingProps\n  const { level } = state\n\n  const debug = _debug || headingContext?.heading?.debug\n  const debug_counter =\n    _debug_counter || headingContext?.heading?.debug_counter\n\n  const attributes: Record<string, unknown> = {\n    ...rest,\n  }\n\n  if (element == null) {\n    element = getHeadingElement(level)\n    if (size == null) {\n      size = getHeadingSize(theme?.name)[level]\n    }\n  } else {\n    if (!attributes.role) {\n      attributes.role = 'heading'\n    }\n    if (!attributes['aria-level']) {\n      attributes['aria-level'] = String(level)\n    }\n  }\n\n  validateDOMAttributes(props, attributes)\n\n  if (typeof context?.skeleton !== 'undefined') {\n    skeleton = context.skeleton\n  }\n\n  const Element = element as\n    | string\n    | React.FunctionComponent<React.HTMLProps<HTMLElement>> // typecasting to avoid typescript parser error ts(2590)\n\n  return (\n    <Element\n      {...attributes}\n      ref={_ref}\n      className={classnames(\n        'dnb-heading',\n        `dnb-h--${size}`,\n        createSkeletonClass('font', skeleton, headingContext),\n        className,\n        createSpacingClasses(props)\n      )}\n    >\n      {debug && (\n        <span className=\"dnb-heading__debug\">\n          {`[h${level || '6'}] `}\n          {debug_counter && (\n            <>\n              {' '}\n              <span className=\"dnb-code\">\n                {debugCounter(state.counter)}\n              </span>\n            </>\n          )}\n        </span>\n      )}\n      {text || children}\n    </Element>\n  )\n}\n\ntype HeadingStaticProps = Omit<HeadingAllProps, 'ref' | 'size'>\n\nHeading.Level = HeadingProvider\nHeading.Increase = (props: HeadingStaticProps) => (\n  <HeadingProvider increase {...props} />\n)\nHeading.Decrease = (props: HeadingStaticProps) => (\n  <HeadingProvider decrease {...props} />\n)\nHeading.Up = (props: HeadingStaticProps) => (\n  <HeadingProvider increase {...props} />\n)\nHeading.Down = (props: HeadingStaticProps) => (\n  <HeadingProvider decrease {...props} />\n)\nHeading.Reset = (props: HeadingStaticProps) => {\n  globalHeadingCounter.current?.reset()\n  return <HeadingProvider {...props} />\n}\nHeading.resetLevels = resetLevels\nHeading.setNextLevel = setNextLevel\n\n// Interceptor to reset leveling\nexport { resetAllLevels, resetLevels, setNextLevel }\n"],"mappings":"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"}

package/es/components/heading/HeadingHelpers.d.ts

@@ -2,7 +2,9 @@
  * Web Heading Counter
  *
  */
-import { HeadingAllProps, InternalHeadingLevel } from './Heading';
+import { HeadingAllProps, InternalHeadingLevel, HeadingLevelSizeResolutions } from './Heading';
+import { ThemeNames } from '../../shared';
+import { DynamicElement } from '../../shared/types';
 import { HeadingCounter } from './HeadingCounter';
 type GlobalSyncCounter = {
     current: HeadingCounter;
@@ -46,4 +48,6 @@ export declare function setNextLevel(level: InternalHeadingLevel, { overwriteCon
 export declare function windupHeadings(): void;
 export declare function teardownHeadings(): void;
 export declare function debugCounter(counter: any): string;
+export declare const getHeadingSize: (theme: ThemeNames) => HeadingLevelSizeResolutions;
+export declare const getHeadingElement: (level: InternalHeadingLevel) => DynamicElement;
 export {};

package/es/components/heading/HeadingHelpers.js

@@ -172,4 +172,43 @@ export function debugCounter(counter) {
     contextLEntry: counter.contextCounter.entry
   }, null, 2);
 }
+export const getHeadingSize = theme => {
+  switch (theme) {
+    case 'sbanken':
+      return {
+        1: 'xx-large',
+        2: 'x-large',
+        3: 'large',
+        4: 'medium',
+        5: 'basis',
+        6: 'small'
+      };
+    case 'ui':
+    default:
+      return {
+        1: 'xx-large',
+        2: 'large',
+        3: 'medium',
+        4: 'basis',
+        5: 'small',
+        6: 'x-small'
+      };
+  }
+};
+export const getHeadingElement = level => {
+  switch (level) {
+    case 1:
+      return 'h1';
+    case 2:
+      return 'h2';
+    case 3:
+      return 'h3';
+    case 4:
+      return 'h4';
+    case 5:
+      return 'h5';
+    case 6:
+      return 'h6';
+  }
+};
 //# sourceMappingURL=HeadingHelpers.js.map

package/es/components/heading/HeadingHelpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeadingHelpers.js","names":["warn","convertJsxToString","globalSyncCounter","current","globalHeadingCounter","refs","correctInternalHeadingLevel","counter","level","ref","reset","inherit","increase","decrease","source","bypassChecks","isRerender","debug","foundRef","find","cur","enableBypassChecks","update","_globalHeadingCounter","makeMeReady","entry","contextCounter","report","setLevel","decrement","increment","hasEntryLevel","_globalHeadingCounter2","setEntryLevel","skipUpdateFromProp","canBeManipulatedNextTime","overwriteContext","isGlobal","globalResetNextTime","resetLevel","lastResetLevel","globalNextLevel","nextLevel","disableBypassChecks","parseFloat","String","hasReport","useLastReport","push","reports","props","identifiers","id","className","filter","Boolean","length","join","resetAllLevels","countHeadings","resetLevels","teardownHeadings","setNextLevel","windupHeadings","debugCounter","JSON","stringify","group","contextLevel","contextLEntry"],"sources":["../../../../src/components/heading/HeadingHelpers.ts"],"sourcesContent":["/**\n * Web Heading Counter\n *\n */\n\nimport { HeadingAllProps, InternalHeadingLevel } from './Heading'\nimport { warn, convertJsxToString } from '../../shared/component-helper'\nimport { HeadingCounter } from './HeadingCounter'\n\ntype GlobalSyncCounter = { current: HeadingCounter }\ntype GlobalHeadingCounter = { current: HeadingCounter }\nexport const globalSyncCounter: GlobalSyncCounter = {\n  current: null,\n}\nexport const globalHeadingCounter: GlobalHeadingCounter = {\n  current: null,\n}\n\nconst refs: {\n  current: Array<{ ref: HeadingAllProps; counter: HeadingCounter }>\n} = {\n  current: null,\n}\n\ntype CorrectInternalHeadingLevel = {\n  counter: HeadingCounter\n  level: InternalHeadingLevel\n  ref?: HeadingAllProps\n  reset?: HeadingAllProps['reset']\n  inherit?: boolean\n  increase?: boolean\n  decrease?: boolean\n  source?: HeadingAllProps['children']\n  bypassChecks?: boolean\n  isRerender?: boolean\n  debug?: HeadingAllProps['debug']\n}\n\nexport const correctInternalHeadingLevel = ({\n  counter,\n  level,\n  ref = null,\n  reset = null,\n  inherit = null,\n  increase = false,\n  decrease = false,\n  source = null,\n  bypassChecks = false,\n  isRerender = false,\n  debug = null,\n}: CorrectInternalHeadingLevel) => {\n  // Do that only to make sure we run the correction only if props has changed\n  if (ref && refs.current) {\n    const foundRef = refs.current.find((cur) => cur.ref === ref)\n    if (foundRef) {\n      return foundRef.counter\n    }\n  }\n\n  if (bypassChecks) {\n    counter.enableBypassChecks()\n  }\n\n  const update = (level: InternalHeadingLevel) => {\n    if (!isRerender) {\n      counter.makeMeReady({ level })\n    }\n\n    if (inherit) {\n      if (globalSyncCounter.current) {\n        counter.entry = globalSyncCounter.current.contextCounter.entry\n        counter.level = globalSyncCounter.current.level\n      } else {\n        report(\n          debug,\n          source,\n          'Heading got inherit, but there was noting to inherit.'\n        )\n      }\n    }\n\n    if (level >= 1) {\n      counter.setLevel(level)\n    } else if (decrease) {\n      counter.decrement()\n    } else if (increase) {\n      counter.increment()\n    }\n\n    if (\n      counter.level > 0 &&\n      !globalHeadingCounter.current?.hasEntryLevel()\n    ) {\n      globalHeadingCounter.current?.setEntryLevel()\n    }\n  }\n\n  let skipUpdateFromProp = false\n  const canBeManipulatedNextTime = (overwriteContext: boolean) => {\n    return (\n      counter.contextCounter.isGlobal ||\n      counter.contextCounter.entry === 1 ||\n      overwriteContext\n    )\n  }\n\n  if (globalResetNextTime.current) {\n    const { level: resetLevel, overwriteContext } =\n      globalResetNextTime.current\n    globalResetNextTime.current = null\n\n    if (\n      canBeManipulatedNextTime(overwriteContext) ||\n      counter.lastResetLevel === resetLevel\n    ) {\n      counter.makeMeReady()\n      counter.reset(resetLevel)\n      skipUpdateFromProp = true\n    }\n  } else if (globalNextLevel.current) {\n    const { level: nextLevel, overwriteContext } = globalNextLevel.current\n    globalNextLevel.current = null\n    if (canBeManipulatedNextTime(overwriteContext)) {\n      counter.enableBypassChecks()\n      update(nextLevel)\n      counter.disableBypassChecks()\n      skipUpdateFromProp = true\n    }\n  }\n\n  if (!skipUpdateFromProp) {\n    if (reset === true || parseFloat(String(reset)) > -1) {\n      counter.reset(reset)\n    } else {\n      update(level)\n    }\n  }\n\n  const hasReport = counter.useLastReport()\n  if (hasReport) {\n    report(debug, source, ...hasReport)\n  }\n\n  if (bypassChecks) {\n    counter.disableBypassChecks()\n  }\n\n  // Do that only to make sure we run the correction only if props has changed\n  if (ref) {\n    refs.current = refs.current || []\n    refs.current.push({ ref, counter })\n  }\n\n  return counter\n}\n\nfunction report(debug, source, ...reports) {\n  if (source) {\n    const props = source.props || {}\n    const identifiers = [props.id, props['class'], props.className].filter(\n      Boolean\n    )\n\n    reports.push(\n      '\\nNB: This warning was triggered by:',\n      identifiers.length > 0 ? identifiers.join(', ') : '',\n      convertJsxToString(source)\n    )\n  }\n\n  if (typeof debug === 'function') {\n    debug(...reports)\n  } else {\n    warn(...reports)\n  }\n}\n\n// Interceptor to reset leveling -\nexport function resetAllLevels() {\n  countHeadings = 0\n  resetLevels(1, { overwriteContext: false })\n  teardownHeadings()\n}\nexport const globalResetNextTime: { current: GlobalNextLevel } = {\n  current: null,\n}\nexport function resetLevels(\n  level: InternalHeadingLevel,\n  { overwriteContext = false } = {}\n) {\n  globalResetNextTime.current = { level, overwriteContext }\n}\ntype GlobalNextLevel = {\n  level: InternalHeadingLevel\n  overwriteContext: boolean\n}\nexport const globalNextLevel: { current: GlobalNextLevel } = {\n  current: null,\n}\nexport function setNextLevel(\n  level: InternalHeadingLevel,\n  { overwriteContext = false } = {}\n) {\n  globalNextLevel.current = {\n    level,\n    overwriteContext,\n  }\n}\n\nlet countHeadings = 0\nexport function windupHeadings() {\n  countHeadings++\n  // reset the sync counter, as this will distract correct assembling\n  globalSyncCounter.current = null\n}\nexport function teardownHeadings() {\n  countHeadings--\n  if (countHeadings === 0) {\n    globalHeadingCounter.current = null\n    globalSyncCounter.current = null\n    globalResetNextTime.current = null\n    globalNextLevel.current = null\n  }\n}\n\nexport function debugCounter(counter) {\n  return JSON.stringify(\n    {\n      group: counter.group || counter.contextCounter.group,\n      level: counter.level,\n      entry: counter.entry,\n      contextLevel: counter.contextCounter.level,\n      contextLEntry: counter.contextCounter.entry,\n    },\n    null,\n    2\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"HeadingHelpers.js","names":["warn","convertJsxToString","globalSyncCounter","current","globalHeadingCounter","refs","correctInternalHeadingLevel","counter","level","ref","reset","inherit","increase","decrease","source","bypassChecks","isRerender","debug","foundRef","find","cur","enableBypassChecks","update","_globalHeadingCounter","makeMeReady","entry","contextCounter","report","setLevel","decrement","increment","hasEntryLevel","_globalHeadingCounter2","setEntryLevel","skipUpdateFromProp","canBeManipulatedNextTime","overwriteContext","isGlobal","globalResetNextTime","resetLevel","lastResetLevel","globalNextLevel","nextLevel","disableBypassChecks","parseFloat","String","hasReport","useLastReport","push","reports","props","identifiers","id","className","filter","Boolean","length","join","resetAllLevels","countHeadings","resetLevels","teardownHeadings","setNextLevel","windupHeadings","debugCounter","JSON","stringify","group","contextLevel","contextLEntry","getHeadingSize","theme","getHeadingElement"],"sources":["../../../../src/components/heading/HeadingHelpers.ts"],"sourcesContent":["/**\n * Web Heading Counter\n *\n */\n\nimport {\n  HeadingAllProps,\n  InternalHeadingLevel,\n  HeadingLevelSizeResolutions,\n} from './Heading'\nimport { ThemeNames } from '../../shared'\nimport { warn, convertJsxToString } from '../../shared/component-helper'\nimport { DynamicElement } from '../../shared/types'\nimport { HeadingCounter } from './HeadingCounter'\n\ntype GlobalSyncCounter = { current: HeadingCounter }\ntype GlobalHeadingCounter = { current: HeadingCounter }\nexport const globalSyncCounter: GlobalSyncCounter = {\n  current: null,\n}\nexport const globalHeadingCounter: GlobalHeadingCounter = {\n  current: null,\n}\n\nconst refs: {\n  current: Array<{ ref: HeadingAllProps; counter: HeadingCounter }>\n} = {\n  current: null,\n}\n\ntype CorrectInternalHeadingLevel = {\n  counter: HeadingCounter\n  level: InternalHeadingLevel\n  ref?: HeadingAllProps\n  reset?: HeadingAllProps['reset']\n  inherit?: boolean\n  increase?: boolean\n  decrease?: boolean\n  source?: HeadingAllProps['children']\n  bypassChecks?: boolean\n  isRerender?: boolean\n  debug?: HeadingAllProps['debug']\n}\n\nexport const correctInternalHeadingLevel = ({\n  counter,\n  level,\n  ref = null,\n  reset = null,\n  inherit = null,\n  increase = false,\n  decrease = false,\n  source = null,\n  bypassChecks = false,\n  isRerender = false,\n  debug = null,\n}: CorrectInternalHeadingLevel) => {\n  // Do that only to make sure we run the correction only if props has changed\n  if (ref && refs.current) {\n    const foundRef = refs.current.find((cur) => cur.ref === ref)\n    if (foundRef) {\n      return foundRef.counter\n    }\n  }\n\n  if (bypassChecks) {\n    counter.enableBypassChecks()\n  }\n\n  const update = (level: InternalHeadingLevel) => {\n    if (!isRerender) {\n      counter.makeMeReady({ level })\n    }\n\n    if (inherit) {\n      if (globalSyncCounter.current) {\n        counter.entry = globalSyncCounter.current.contextCounter.entry\n        counter.level = globalSyncCounter.current.level\n      } else {\n        report(\n          debug,\n          source,\n          'Heading got inherit, but there was noting to inherit.'\n        )\n      }\n    }\n\n    if (level >= 1) {\n      counter.setLevel(level)\n    } else if (decrease) {\n      counter.decrement()\n    } else if (increase) {\n      counter.increment()\n    }\n\n    if (\n      counter.level > 0 &&\n      !globalHeadingCounter.current?.hasEntryLevel()\n    ) {\n      globalHeadingCounter.current?.setEntryLevel()\n    }\n  }\n\n  let skipUpdateFromProp = false\n  const canBeManipulatedNextTime = (overwriteContext: boolean) => {\n    return (\n      counter.contextCounter.isGlobal ||\n      counter.contextCounter.entry === 1 ||\n      overwriteContext\n    )\n  }\n\n  if (globalResetNextTime.current) {\n    const { level: resetLevel, overwriteContext } =\n      globalResetNextTime.current\n    globalResetNextTime.current = null\n\n    if (\n      canBeManipulatedNextTime(overwriteContext) ||\n      counter.lastResetLevel === resetLevel\n    ) {\n      counter.makeMeReady()\n      counter.reset(resetLevel)\n      skipUpdateFromProp = true\n    }\n  } else if (globalNextLevel.current) {\n    const { level: nextLevel, overwriteContext } = globalNextLevel.current\n    globalNextLevel.current = null\n    if (canBeManipulatedNextTime(overwriteContext)) {\n      counter.enableBypassChecks()\n      update(nextLevel)\n      counter.disableBypassChecks()\n      skipUpdateFromProp = true\n    }\n  }\n\n  if (!skipUpdateFromProp) {\n    if (reset === true || parseFloat(String(reset)) > -1) {\n      counter.reset(reset)\n    } else {\n      update(level)\n    }\n  }\n\n  const hasReport = counter.useLastReport()\n  if (hasReport) {\n    report(debug, source, ...hasReport)\n  }\n\n  if (bypassChecks) {\n    counter.disableBypassChecks()\n  }\n\n  // Do that only to make sure we run the correction only if props has changed\n  if (ref) {\n    refs.current = refs.current || []\n    refs.current.push({ ref, counter })\n  }\n\n  return counter\n}\n\nfunction report(debug, source, ...reports) {\n  if (source) {\n    const props = source.props || {}\n    const identifiers = [props.id, props['class'], props.className].filter(\n      Boolean\n    )\n\n    reports.push(\n      '\\nNB: This warning was triggered by:',\n      identifiers.length > 0 ? identifiers.join(', ') : '',\n      convertJsxToString(source)\n    )\n  }\n\n  if (typeof debug === 'function') {\n    debug(...reports)\n  } else {\n    warn(...reports)\n  }\n}\n\n// Interceptor to reset leveling -\nexport function resetAllLevels() {\n  countHeadings = 0\n  resetLevels(1, { overwriteContext: false })\n  teardownHeadings()\n}\nexport const globalResetNextTime: { current: GlobalNextLevel } = {\n  current: null,\n}\nexport function resetLevels(\n  level: InternalHeadingLevel,\n  { overwriteContext = false } = {}\n) {\n  globalResetNextTime.current = { level, overwriteContext }\n}\ntype GlobalNextLevel = {\n  level: InternalHeadingLevel\n  overwriteContext: boolean\n}\nexport const globalNextLevel: { current: GlobalNextLevel } = {\n  current: null,\n}\nexport function setNextLevel(\n  level: InternalHeadingLevel,\n  { overwriteContext = false } = {}\n) {\n  globalNextLevel.current = {\n    level,\n    overwriteContext,\n  }\n}\n\nlet countHeadings = 0\nexport function windupHeadings() {\n  countHeadings++\n  // reset the sync counter, as this will distract correct assembling\n  globalSyncCounter.current = null\n}\nexport function teardownHeadings() {\n  countHeadings--\n  if (countHeadings === 0) {\n    globalHeadingCounter.current = null\n    globalSyncCounter.current = null\n    globalResetNextTime.current = null\n    globalNextLevel.current = null\n  }\n}\n\nexport function debugCounter(counter) {\n  return JSON.stringify(\n    {\n      group: counter.group || counter.contextCounter.group,\n      level: counter.level,\n      entry: counter.entry,\n      contextLevel: counter.contextCounter.level,\n      contextLEntry: counter.contextCounter.entry,\n    },\n    null,\n    2\n  )\n}\n\nexport const getHeadingSize = (\n  theme: ThemeNames\n): HeadingLevelSizeResolutions => {\n  switch (theme) {\n    case 'sbanken':\n      return {\n        1: 'xx-large',\n        2: 'x-large',\n        3: 'large',\n        4: 'medium',\n        5: 'basis',\n        6: 'small',\n      }\n    case 'ui':\n    default:\n      return {\n        1: 'xx-large',\n        2: 'large',\n        3: 'medium',\n        4: 'basis',\n        5: 'small',\n        6: 'x-small',\n      }\n  }\n}\n\nexport const getHeadingElement = (\n  level: InternalHeadingLevel\n): DynamicElement => {\n  switch (level) {\n    case 1:\n      return 'h1'\n    case 2:\n      return 'h2'\n    case 3:\n      return 'h3'\n    case 4:\n      return 'h4'\n    case 5:\n      return 'h5'\n    case 6:\n      return 'h6'\n  }\n}\n"],"mappings":"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"}

package/es/components/info-card/index.js.map

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

package/es/components/info-card/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","names":[],"sources":["../../../../src/components/info-card/style.ts"],"sourcesContent":["/**\n * Web Style Import\n *\n */\n\n import './style/dnb-info-card.scss'\n"],"mappings":"AAKC,OAAO,+BAA4B"}
+{"version":3,"file":"style.js","names":[],"sources":["../../../../src/components/info-card/style.ts"],"sourcesContent":["/**\n * Web Style Import\n *\n */\n\nimport './style/dnb-info-card.scss'\n"],"mappings":"AAKA,OAAO,+BAA4B"}

package/es/components/input/style/themes/dnb-input-theme-sbanken.css

@@ -31,6 +31,7 @@
 }
 .dnb-input__submit-button__button {
   --button-secondary-color: var(--sb-color-violet);
+  --button-secondary-color--active: var(--sb-color-violet);
 }
 .dnb-input__placeholder {
   color: var(--sb-color-gray-dark-3);
@@ -70,24 +71,6 @@ html[data-whatinput=keyboard] .dnb-input:not([data-input-state=disabled])[data-i
   --input-border-color: var(--input-border-color--hover);
   --input-border-width: 0.125rem;
 }
-.dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button {
-  transition: border-radius 0.25s ease-out;
-  background-color: transparent;
-  box-shadow: none;
-}
-.dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:hover, .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:active {
-  border: var(--input-button-border-width) solid var(--input-button-border-color);
-  border-left: none;
-  padding-left: var(--input-button-border-width);
-}
-.dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button.focus-visible {
-  border: none;
-  padding-left: none;
-}
-.dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:focus-visible {
-  border: none;
-  padding-left: none;
-}
 .dnb-input:not([data-input-state=disabled]).dnb-input__status--error {
   --input-border-color: var(--sb-color-red);
   --input-color--default: var(--sb-color-red);
@@ -98,7 +81,24 @@ html[data-whatinput=keyboard] .dnb-input:not([data-input-state=disabled])[data-i
 }
 .dnb-input:not([data-input-state=disabled]).dnb-input__status--error .dnb-input__submit-button__button {
   --button-secondary-background--hover: var(--sb-color-red);
+  --button-secondary-color--hover: var(--sb-color-white);
+  --button-secondary-color--active: var(--sb-color-red);
 }
-.dnb-input:not([data-input-state=disabled]).dnb-input__status--error .dnb-input__submit-button__button:hover:not(:active) {
-  --button-secondary-color: var(--sb-color-white);
+.dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:not(.focus-visible) {
+  background-color: transparent;
+  box-shadow: none;
+}
+.dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:not(:focus-visible) {
+  background-color: transparent;
+  box-shadow: none;
+}
+.dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:not(.focus-visible):hover, .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:not(.focus-visible):active {
+  border: var(--input-button-border-width) solid var(--input-button-border-color);
+  border-left: none;
+  padding-left: var(--input-button-border-width);
+}
+.dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:not(:focus-visible):hover, .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:not(:focus-visible):active {
+  border: var(--input-button-border-width) solid var(--input-button-border-color);
+  border-left: none;
+  padding-left: var(--input-button-border-width);
 }

package/es/components/input/style/themes/dnb-input-theme-sbanken.min.css

@@ -1 +1 @@
-.dnb-input{--input-height:2.5rem;--input-button-border-color:var(--input-border-color);--input-button-border-width:var(--input-border-width);--input-border-radius:0.5rem;--input-border-width:0.0625rem;--input-color:var(--input-color--default);--input-color--default:var(--sb-color-text);--input-color--active:var(--sb-color-text);--input-border-color:var(--sb-color-gray-dark-2);--input-border-color--hover:var(--sb-color-violet);--input-border-color--active:var(--sb-color-violet);--input-border-color--focus:var(--focus-ring-color)}.dnb-input__shell{--border-color:var(--input-border-color);--border-width:var(--input-border-width);background-color:var(--color-white);border:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--input-color);transition:border-radius .25s ease-out}.dnb-input__submit-button__button{--button-secondary-color:var(--sb-color-violet)}.dnb-input__placeholder{color:var(--sb-color-gray-dark-3)}.dnb-input[data-input-state=disabled]{--input-border-color:var(--sb-color-gray)}.dnb-input[data-input-state=disabled] .dnb-input__shell{-webkit-text-fill-color:currentcolor;background-color:var(--sb-color-gray-light)}.dnb-input[data-input-state=disabled] .dnb-input__shell,.dnb-input[data-input-state=disabled] .dnb-input__shell .dnb-icon,.dnb-input[data-input-state=disabled] .dnb-input__shell .dnb-input__placeholder{color:var(--sb-color-gray-dark-2)}.dnb-input:not([data-input-state=disabled])[data-input-state=focus]{--input-color:var(--input-color--active);--input-border-radius:1.5rem;--input-border-color:var(--input-border-color--active)}html[data-whatinput=keyboard] .dnb-input:not([data-input-state=disabled])[data-input-state=focus]{--input-button-border-color:var(--input-border-color--focus);--input-button-border-width:var(--focus-ring-width)}.dnb-input:not([data-input-state=disabled])[data-input-state=focus] .dnb-input__shell{outline:none}html[data-whatinput=keyboard] .dnb-input:not([data-input-state=disabled])[data-input-state=focus] .dnb-input__shell{--border-color:var(--input-border-color--focus);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color)}.dnb-input:not([data-input-state=disabled]) .dnb-form-label:hover+.dnb-input__inner .dnb-input__shell,.dnb-input:not([data-input-state=disabled]) .dnb-input__shell:hover{--input-border-color:var(--input-border-color--hover);--input-border-width:0.125rem}.dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button{background-color:transparent;box-shadow:none;transition:border-radius .25s ease-out}.dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:active,.dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:hover{border:var(--input-button-border-width) solid var(--input-button-border-color);border-left:none;padding-left:var(--input-button-border-width)}.dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button.focus-visible{border:none;padding-left:none}.dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:focus-visible{border:none;padding-left:none}.dnb-input:not([data-input-state=disabled]).dnb-input__status--error{--input-border-color:var(--sb-color-red);--input-color--default:var(--sb-color-red);--input-color--active:var(--sb-color-text);--input-border-color--hover:var(--sb-color-red);--input-border-color--active:var(--sb-color-red);--input-border-color--focus:var(--sb-color-red)}.dnb-input:not([data-input-state=disabled]).dnb-input__status--error .dnb-input__submit-button__button{--button-secondary-background--hover:var(--sb-color-red)}.dnb-input:not([data-input-state=disabled]).dnb-input__status--error .dnb-input__submit-button__button:hover:not(:active){--button-secondary-color:var(--sb-color-white)}
+.dnb-input{--input-height:2.5rem;--input-button-border-color:var(--input-border-color);--input-button-border-width:var(--input-border-width);--input-border-radius:0.5rem;--input-border-width:0.0625rem;--input-color:var(--input-color--default);--input-color--default:var(--sb-color-text);--input-color--active:var(--sb-color-text);--input-border-color:var(--sb-color-gray-dark-2);--input-border-color--hover:var(--sb-color-violet);--input-border-color--active:var(--sb-color-violet);--input-border-color--focus:var(--focus-ring-color)}.dnb-input__shell{--border-color:var(--input-border-color);--border-width:var(--input-border-width);background-color:var(--color-white);border:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--input-color);transition:border-radius .25s ease-out}.dnb-input__submit-button__button{--button-secondary-color:var(--sb-color-violet);--button-secondary-color--active:var(--sb-color-violet)}.dnb-input__placeholder{color:var(--sb-color-gray-dark-3)}.dnb-input[data-input-state=disabled]{--input-border-color:var(--sb-color-gray)}.dnb-input[data-input-state=disabled] .dnb-input__shell{-webkit-text-fill-color:currentcolor;background-color:var(--sb-color-gray-light)}.dnb-input[data-input-state=disabled] .dnb-input__shell,.dnb-input[data-input-state=disabled] .dnb-input__shell .dnb-icon,.dnb-input[data-input-state=disabled] .dnb-input__shell .dnb-input__placeholder{color:var(--sb-color-gray-dark-2)}.dnb-input:not([data-input-state=disabled])[data-input-state=focus]{--input-color:var(--input-color--active);--input-border-radius:1.5rem;--input-border-color:var(--input-border-color--active)}html[data-whatinput=keyboard] .dnb-input:not([data-input-state=disabled])[data-input-state=focus]{--input-button-border-color:var(--input-border-color--focus);--input-button-border-width:var(--focus-ring-width)}.dnb-input:not([data-input-state=disabled])[data-input-state=focus] .dnb-input__shell{outline:none}html[data-whatinput=keyboard] .dnb-input:not([data-input-state=disabled])[data-input-state=focus] .dnb-input__shell{--border-color:var(--input-border-color--focus);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color)}.dnb-input:not([data-input-state=disabled]) .dnb-form-label:hover+.dnb-input__inner .dnb-input__shell,.dnb-input:not([data-input-state=disabled]) .dnb-input__shell:hover{--input-border-color:var(--input-border-color--hover);--input-border-width:0.125rem}.dnb-input:not([data-input-state=disabled]).dnb-input__status--error{--input-border-color:var(--sb-color-red);--input-color--default:var(--sb-color-red);--input-color--active:var(--sb-color-text);--input-border-color--hover:var(--sb-color-red);--input-border-color--active:var(--sb-color-red);--input-border-color--focus:var(--sb-color-red)}.dnb-input:not([data-input-state=disabled]).dnb-input__status--error .dnb-input__submit-button__button{--button-secondary-background--hover:var(--sb-color-red);--button-secondary-color--hover:var(--sb-color-white);--button-secondary-color--active:var(--sb-color-red)}.dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:not(.focus-visible){background-color:transparent;box-shadow:none}.dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:not(:focus-visible){background-color:transparent;box-shadow:none}.dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:not(.focus-visible):active,.dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:not(.focus-visible):hover{border:var(--input-button-border-width) solid var(--input-button-border-color);border-left:none;padding-left:var(--input-button-border-width)}.dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:not(:focus-visible):active,.dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button:not(:focus-visible):hover{border:var(--input-button-border-width) solid var(--input-button-border-color);border-left:none;padding-left:var(--input-button-border-width)}

package/es/components/input/style/themes/dnb-input-theme-sbanken.scss

@@ -37,6 +37,7 @@
 
   &__submit-button__button {
     --button-secondary-color: var(--sb-color-violet);
+    --button-secondary-color--active: var(--sb-color-violet);
   }
 
   &__placeholder {
@@ -86,26 +87,6 @@
       --input-border-width: 0.125rem;
     }
 
-    // Button
-    .dnb-input__submit-button__button {
-      transition: border-radius 0.25s ease-out;
-      background-color: transparent;
-      box-shadow: none;
-
-      &:hover,
-      &:active {
-        border: var(--input-button-border-width) solid
-          var(--input-button-border-color);
-        border-left: none;
-        padding-left: var(--input-button-border-width);
-      }
-
-      &:focus-visible {
-        border: none;
-        padding-left: none;
-      }
-    }
-
     &.dnb-input__status--error {
       --input-border-color: var(--sb-color-red);
       --input-color--default: var(--sb-color-red);
@@ -116,10 +97,21 @@
 
       .dnb-input__submit-button__button {
         --button-secondary-background--hover: var(--sb-color-red);
+        --button-secondary-color--hover: var(--sb-color-white);
+        --button-secondary-color--active: var(--sb-color-red);
+      }
+    }
+
+    .dnb-input__submit-button__button:not(:focus-visible) {
+      background-color: transparent;
+      box-shadow: none;
 
-        &:hover:not(:active) {
-          --button-secondary-color: var(--sb-color-white);
-        }
+      &:hover,
+      &:active {
+        border: var(--input-button-border-width) solid
+          var(--input-button-border-color);
+        border-left: none;
+        padding-left: var(--input-button-border-width);
       }
     }
   }

package/es/components/input/style/themes/dnb-input-theme-ui.css

@@ -82,7 +82,7 @@ html:not([data-whatintent=touch]) .dnb-input__status--error .dnb-input__submit-b
 .dnb-input[data-input-state=focus] .dnb-input__placeholder {
   display: none;
 }
-.dnb-input--keep-placeholder .dnb-input[data-input-state=focus] .dnb-input__placeholder {
+.dnb-input--keep-placeholder[data-input-state=focus] .dnb-input__placeholder {
   display: block;
   color: var(--color-black-20);
 }

package/es/components/input/style/themes/dnb-input-theme-ui.min.css

@@ -1 +1 @@
-.dnb-input{color:var(--color-black)}.dnb-input__inner{color:inherit}.dnb-input__shell{--border-color:var(--color-sea-green);--border-width:var(--input-border-width);background-color:var(--color-white);border:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:inherit}.dnb-input__icon{color:var(--color-sea-green)}.dnb-input[data-input-state=disabled] .dnb-input__shell{-webkit-text-fill-color:currentcolor;--border-color:var(--color-black-55);--border-width:var(--input-border-width);background-color:var(--color-black-3);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color)}.dnb-input[data-input-state=disabled] .dnb-input__shell,.dnb-input[data-input-state=disabled] .dnb-input__shell .dnb-icon{color:var(--color-black-55)}.dnb-input:not([data-input-state=disabled]) .dnb-input__shell:hover,.dnb-input:not([data-input-state=disabled]):hover .dnb-input__shell{--border-color:var(--color-sea-green);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-input[data-input-state=focus]:not([data-input-state=disabled]) .dnb-input__shell{--border-color:var(--color-emerald-green);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-input__status--error.dnb-input:not([data-input-state=focus]) .dnb-input__shell{color:var(--color-fire-red)}.dnb-input__status--error.dnb-input:not([data-input-state=focus]):not(:hover) .dnb-input__shell{--border-color:var(--color-fire-red);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-input__status--error.dnb-input:not([data-input-state=disabled]) .dnb-input__shell:hover,.dnb-input__status--error.dnb-input:not([data-input-state=disabled]):hover .dnb-input__shell,.dnb-input__status--error.dnb-input[data-input-state=focus] .dnb-input__shell{--border-color:var(--color-fire-red);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}html:not([data-whatintent=touch]) .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not(.dnb-input__status--error .dnb-input__submit-button__button--has-text):not([disabled]):focus,html:not([data-whatintent=touch]) .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not(.dnb-input__status--error .dnb-input__submit-button__button--has-text):not([disabled]):focus:after,html:not([data-whatintent=touch]) .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not(.dnb-input__status--error .dnb-input__submit-button__button--has-text):not([disabled]):hover,html:not([data-whatintent=touch]) .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not(.dnb-input__status--error .dnb-input__submit-button__button--has-text):not([disabled]):hover:after{background-color:var(--color-fire-red)}html:not([data-whatintent=touch]) .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not(.dnb-input__status--error .dnb-input__submit-button__button--has-text):not([disabled]):focus:active,html:not([data-whatintent=touch]) .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not(.dnb-input__status--error .dnb-input__submit-button__button--has-text):not([disabled]):hover:active{color:var(--color-white)}.dnb-input__status--error .dnb-input__icon{color:var(--color-fire-red)}.dnb-input__input::selection{background-color:var(--color-mint-green);color:var(--color-black);text-shadow:none}.dnb-input__placeholder{color:var(--color-black-55)}.dnb-input[data-input-state=focus] .dnb-input__placeholder{display:none}.dnb-input--keep-placeholder .dnb-input[data-input-state=focus] .dnb-input__placeholder{color:var(--color-black-20);display:block}
+.dnb-input{color:var(--color-black)}.dnb-input__inner{color:inherit}.dnb-input__shell{--border-color:var(--color-sea-green);--border-width:var(--input-border-width);background-color:var(--color-white);border:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:inherit}.dnb-input__icon{color:var(--color-sea-green)}.dnb-input[data-input-state=disabled] .dnb-input__shell{-webkit-text-fill-color:currentcolor;--border-color:var(--color-black-55);--border-width:var(--input-border-width);background-color:var(--color-black-3);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color)}.dnb-input[data-input-state=disabled] .dnb-input__shell,.dnb-input[data-input-state=disabled] .dnb-input__shell .dnb-icon{color:var(--color-black-55)}.dnb-input:not([data-input-state=disabled]) .dnb-input__shell:hover,.dnb-input:not([data-input-state=disabled]):hover .dnb-input__shell{--border-color:var(--color-sea-green);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-input[data-input-state=focus]:not([data-input-state=disabled]) .dnb-input__shell{--border-color:var(--color-emerald-green);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-input__status--error.dnb-input:not([data-input-state=focus]) .dnb-input__shell{color:var(--color-fire-red)}.dnb-input__status--error.dnb-input:not([data-input-state=focus]):not(:hover) .dnb-input__shell{--border-color:var(--color-fire-red);--border-width:0.0625rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-input__status--error.dnb-input:not([data-input-state=disabled]) .dnb-input__shell:hover,.dnb-input__status--error.dnb-input:not([data-input-state=disabled]):hover .dnb-input__shell,.dnb-input__status--error.dnb-input[data-input-state=focus] .dnb-input__shell{--border-color:var(--color-fire-red);--border-width:0.125rem;border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}html:not([data-whatintent=touch]) .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not(.dnb-input__status--error .dnb-input__submit-button__button--has-text):not([disabled]):focus,html:not([data-whatintent=touch]) .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not(.dnb-input__status--error .dnb-input__submit-button__button--has-text):not([disabled]):focus:after,html:not([data-whatintent=touch]) .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not(.dnb-input__status--error .dnb-input__submit-button__button--has-text):not([disabled]):hover,html:not([data-whatintent=touch]) .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not(.dnb-input__status--error .dnb-input__submit-button__button--has-text):not([disabled]):hover:after{background-color:var(--color-fire-red)}html:not([data-whatintent=touch]) .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not(.dnb-input__status--error .dnb-input__submit-button__button--has-text):not([disabled]):focus:active,html:not([data-whatintent=touch]) .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not(.dnb-input__status--error .dnb-input__submit-button__button--has-text):not([disabled]):hover:active{color:var(--color-white)}.dnb-input__status--error .dnb-input__icon{color:var(--color-fire-red)}.dnb-input__input::selection{background-color:var(--color-mint-green);color:var(--color-black);text-shadow:none}.dnb-input__placeholder{color:var(--color-black-55)}.dnb-input[data-input-state=focus] .dnb-input__placeholder{display:none}.dnb-input--keep-placeholder[data-input-state=focus] .dnb-input__placeholder{color:var(--color-black-20);display:block}