@dnb/eufemia 10.71.1 → 10.72.0

package/cjs/components/step-indicator/StepIndicatorSidebar.d.ts

@@ -1,30 +1,30 @@
-/**
- * Web StepIndicator Component
- *
- */
 import React from 'react';
 import { SpacingProps } from '../../shared/types';
 import { StepIndicatorData, StepIndicatorMode, StepIndicatorProps } from '../StepIndicator';
 export type StepIndicatorSidebarProps = SpacingProps & Pick<StepIndicatorProps, 'current_step' | 'skeleton'> & Omit<React.HTMLProps<HTMLAnchorElement>, 'ref' | 'data'> & {
     /**
      * Defines the data/steps showing up in a JavaScript Array or JSON format like `[{title,is_current}]`. See parameters and the example above.
+     * @deprecated StepIndicator.Sidebar variant is no longer supported
      */
     data?: StepIndicatorData;
     /**
      * Defines how the StepIndicator should work. Use `static` for non-interactive steps. Use `strict` for a chronological step order, also, the user can navigate between visited steps. Use `loose` if the user should be able to navigate freely.
+     * @deprecated StepIndicator.Sidebar variant is no longer supported
      */
     mode?: StepIndicatorMode;
     /**
      * Stuff
+     * @deprecated StepIndicator.Sidebar variant is no longer supported
      */
     showInitialData?: boolean;
     /**
      * <em>(required)</em> a unique string-based ID in order to bind together the main component and the sidebar (`<StepIndicator.Sidebar />`). Both have to get the same ID.
+     * @deprecated StepIndicator.Sidebar variant is no longer supported
      */
     sidebar_id: string;
 };
-declare function StepIndicatorSidebar({ current_step, data, ...restOfProps }: StepIndicatorSidebarProps): import("react/jsx-runtime").JSX.Element;
-declare namespace StepIndicatorSidebar {
-    var _supportsSpacingProps: boolean;
-}
+/**
+ * @deprecated StepIndicatorSidebar variant is no longer supported
+ */
+declare function StepIndicatorSidebar(props: StepIndicatorSidebarProps): import("react/jsx-runtime").JSX.Element;
 export default StepIndicatorSidebar;

package/cjs/components/step-indicator/StepIndicatorSidebar.js

@@ -1,73 +1,16 @@
 "use strict";
-"use client";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-require("core-js/modules/web.dom-collections.iterator.js");
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _componentHelper = require("../../shared/component-helper");
-var _Context = _interopRequireDefault(require("../../shared/Context"));
-var _StepIndicatorList2 = _interopRequireDefault(require("./StepIndicatorList"));
-var _StepIndicatorProps = require("./StepIndicatorProps");
-var _StepIndicatorContext = require("./StepIndicatorContext");
-var _SpacingHelper = require("../space/SpacingHelper");
-var _StepIndicatorList;
-const _excluded = ["current_step", "data"];
+var _react = _interopRequireDefault(require("react"));
+var _div;
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-function StepIndicatorSidebar(_ref) {
-  let {
-      current_step = _StepIndicatorProps.stepIndicatorDefaultProps.current_step,
-      data = _StepIndicatorProps.stepIndicatorDefaultProps.data
-    } = _ref,
-    restOfProps = _objectWithoutProperties(_ref, _excluded);
-  const props = (0, _react.useMemo)(() => {
-    return _objectSpread({
-      current_step,
-      data
-    }, restOfProps);
-  }, [current_step, data, restOfProps]);
-  const context = (0, _react.useContext)(_Context.default);
-  const [showInitialData, setShowInitialData] = (0, _react.useState)(true);
-  const hasSkeletonData = (0, _react.useRef)(null);
-  (0, _react.useEffect)(() => {
-    if (!props.showInitialData) {
-      setShowInitialData(false);
-    }
-  }, [props.showInitialData]);
-  const getContextAndProps = (0, _react.useCallback)(() => {
-    var _providerProps$data;
-    const providerProps = (0, _componentHelper.extendPropsWithContext)(props, _StepIndicatorProps.stepIndicatorDefaultProps, {
-      skeleton: context === null || context === void 0 ? void 0 : context.skeleton
-    }, context.getTranslation(context).StepIndicator, context === null || context === void 0 ? void 0 : context.StepIndicator);
-    if (!(((_providerProps$data = providerProps.data) === null || _providerProps$data === void 0 ? void 0 : _providerProps$data.length) > 0)) {
-      providerProps.data = ['Loading...'];
-      providerProps.skeleton = true;
-      hasSkeletonData.current = true;
-    }
-    return providerProps;
-  }, [context, props]);
-  const providerProps = showInitialData ? getContextAndProps() : null;
-  return _react.default.createElement("div", {
-    id: 'sidebar__' + props.sidebar_id,
-    className: (0, _classnames.default)("dnb-step-indicator-wrapper dnb-step-indicator__sidebar", (0, _SpacingHelper.createSpacingClasses)(props), hasSkeletonData.current && (providerProps === null || providerProps === void 0 ? void 0 : providerProps.skeleton) && 'dnb-step-indicator__sidebar--ssr-skeleton')
-  }, providerProps && _react.default.createElement(_StepIndicatorContext.StepIndicatorProvider, _extends({
-    isSidebar: true,
-    sidebar_id: props.sidebar_id
-  }, providerProps), _StepIndicatorList || (_StepIndicatorList = _react.default.createElement(_StepIndicatorList2.default, null))));
+function StepIndicatorSidebar(props) {
+  return _div || (_div = _react.default.createElement("div", {
+    className: "dnb-step-indicator__sidebar"
+  }));
 }
-StepIndicatorSidebar._supportsSpacingProps = true;
 var _default = exports.default = StepIndicatorSidebar;
 //# sourceMappingURL=StepIndicatorSidebar.js.map

package/cjs/components/step-indicator/StepIndicatorSidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepIndicatorSidebar.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_componentHelper","_Context","_StepIndicatorList2","_StepIndicatorProps","_StepIndicatorContext","_SpacingHelper","_StepIndicatorList","_excluded","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_objectWithoutProperties","_objectWithoutPropertiesLoose","indexOf","propertyIsEnumerable","StepIndicatorSidebar","_ref","current_step","stepIndicatorDefaultProps","data","restOfProps","props","useMemo","context","useContext","Context","showInitialData","setShowInitialData","useState","hasSkeletonData","useRef","useEffect","getContextAndProps","useCallback","_providerProps$data","providerProps","extendPropsWithContext","skeleton","getTranslation","StepIndicator","current","createElement","id","sidebar_id","className","classnames","createSpacingClasses","StepIndicatorProvider","isSidebar","_supportsSpacingProps","_default","exports"],"sources":["../../../../src/components/step-indicator/StepIndicatorSidebar.tsx"],"sourcesContent":["/**\n * Web StepIndicator Component\n *\n */\n\nimport React, {\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\n\nimport classnames from 'classnames'\nimport { extendPropsWithContext } from '../../shared/component-helper'\nimport Context from '../../shared/Context'\nimport StepIndicatorList from './StepIndicatorList'\nimport { stepIndicatorDefaultProps } from './StepIndicatorProps'\nimport { StepIndicatorProvider } from './StepIndicatorContext'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport { SpacingProps } from '../../shared/types'\nimport {\n  StepIndicatorData,\n  StepIndicatorMode,\n  StepIndicatorProps,\n} from '../StepIndicator'\n\nexport type StepIndicatorSidebarProps = SpacingProps &\n  Pick<StepIndicatorProps, 'current_step' | 'skeleton'> &\n  Omit<React.HTMLProps<HTMLAnchorElement>, 'ref' | 'data'> & {\n    /**\n     * Defines the data/steps showing up in a JavaScript Array or JSON format like `[{title,is_current}]`. See parameters and the example above.\n     */\n    data?: StepIndicatorData\n    /**\n     * Defines how the StepIndicator should work. Use `static` for non-interactive steps. Use `strict` for a chronological step order, also, the user can navigate between visited steps. Use `loose` if the user should be able to navigate freely.\n     */\n    mode?: StepIndicatorMode\n    /**\n     * Stuff\n     */\n    showInitialData?: boolean\n    /**\n     * <em>(required)</em> a unique string-based ID in order to bind together the main component and the sidebar (`<StepIndicator.Sidebar />`). Both have to get the same ID.\n     */\n    sidebar_id: string\n  }\n\nfunction StepIndicatorSidebar({\n  current_step = stepIndicatorDefaultProps.current_step,\n  data = stepIndicatorDefaultProps.data,\n  ...restOfProps\n}: StepIndicatorSidebarProps) {\n  const props = useMemo(() => {\n    return { current_step, data, ...restOfProps }\n  }, [current_step, data, restOfProps])\n\n  const context = useContext(Context)\n\n  const [showInitialData, setShowInitialData] = useState<boolean>(true)\n\n  const hasSkeletonData = useRef<boolean>(null)\n\n  useEffect(() => {\n    if (!props.showInitialData) {\n      setShowInitialData(false)\n    }\n  }, [props.showInitialData])\n\n  const getContextAndProps = useCallback(() => {\n    const providerProps = extendPropsWithContext(\n      props,\n      stepIndicatorDefaultProps,\n      { skeleton: context?.skeleton },\n      context.getTranslation(context).StepIndicator,\n      context?.StepIndicator\n    )\n\n    if (!(providerProps.data?.length > 0)) {\n      providerProps.data = ['Loading...']\n      providerProps.skeleton = true\n      hasSkeletonData.current = true\n    }\n\n    return providerProps\n  }, [context, props])\n\n  const providerProps = showInitialData ? getContextAndProps() : null\n\n  return (\n    <div\n      id={'sidebar__' + props.sidebar_id}\n      className={classnames(\n        'dnb-step-indicator-wrapper',\n        'dnb-step-indicator__sidebar',\n        hasSkeletonData.current &&\n          providerProps?.skeleton &&\n          'dnb-step-indicator__sidebar--ssr-skeleton',\n        createSpacingClasses(props)\n      )}\n    >\n      {providerProps && (\n        <StepIndicatorProvider\n          isSidebar\n          sidebar_id={props.sidebar_id}\n          {...providerProps}\n        >\n          <StepIndicatorList />\n        </StepIndicatorProvider>\n      )}\n    </div>\n  )\n}\n\nStepIndicatorSidebar._supportsSpacingProps = true\n\nexport default StepIndicatorSidebar\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"StepIndicatorSidebar.js","names":["_react","_interopRequireDefault","require","_div","e","__esModule","default","StepIndicatorSidebar","props","createElement","className","_default","exports"],"sources":["../../../../src/components/step-indicator/StepIndicatorSidebar.tsx"],"sourcesContent":["import React from 'react'\nimport { SpacingProps } from '../../shared/types'\nimport {\n  StepIndicatorData,\n  StepIndicatorMode,\n  StepIndicatorProps,\n} from '../StepIndicator'\n\nexport type StepIndicatorSidebarProps = SpacingProps &\n  Pick<StepIndicatorProps, 'current_step' | 'skeleton'> &\n  Omit<React.HTMLProps<HTMLAnchorElement>, 'ref' | 'data'> & {\n    /**\n     * Defines the data/steps showing up in a JavaScript Array or JSON format like `[{title,is_current}]`. See parameters and the example above.\n     * @deprecated StepIndicator.Sidebar variant is no longer supported\n     */\n    data?: StepIndicatorData\n    /**\n     * Defines how the StepIndicator should work. Use `static` for non-interactive steps. Use `strict` for a chronological step order, also, the user can navigate between visited steps. Use `loose` if the user should be able to navigate freely.\n     * @deprecated StepIndicator.Sidebar variant is no longer supported\n     */\n    mode?: StepIndicatorMode\n    /**\n     * Stuff\n     * @deprecated StepIndicator.Sidebar variant is no longer supported\n     */\n    showInitialData?: boolean\n    /**\n     * <em>(required)</em> a unique string-based ID in order to bind together the main component and the sidebar (`<StepIndicator.Sidebar />`). Both have to get the same ID.\n     * @deprecated StepIndicator.Sidebar variant is no longer supported\n     */\n    sidebar_id: string\n  }\n\n/**\n * @deprecated StepIndicatorSidebar variant is no longer supported\n */\nfunction StepIndicatorSidebar(props: StepIndicatorSidebarProps) {\n  return <div className=\"dnb-step-indicator__sidebar\"></div>\n}\n\nexport default StepIndicatorSidebar\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAyB,IAAAC,IAAA;AAAA,SAAAF,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAoCzB,SAASG,oBAAoBA,CAACC,KAAgC,EAAE;EAC9D,OAAAL,IAAA,KAAAA,IAAA,GAAOH,MAAA,CAAAM,OAAA,CAAAG,aAAA;IAAKC,SAAS,EAAC;EAA6B,CAAM,CAAC;AAC5D;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAN,OAAA,GAEcC,oBAAoB","ignoreList":[]}

package/cjs/components/step-indicator/StepIndicatorTriggerButton.d.ts

@@ -2,15 +2,9 @@
  * Web StepIndicator Component
  *
  */
-import React from 'react';
 import { ButtonProps } from '../button/Button';
 export type StepIndicatorTriggerButtonProps = ButtonProps & {
-    /**
-     * <em>(required)</em> a unique string-based ID in order to bind together the main component and the sidebar (`<StepIndicator.Sidebar />`). Both have to get the same ID.
-     */
-    sidebar_id?: string;
     className?: string;
-    inner_ref?: React.RefObject<HTMLElement>;
 };
-declare function StepIndicatorTriggerButton(props: StepIndicatorTriggerButtonProps): import("react/jsx-runtime").JSX.Element;
+declare function StepIndicatorTriggerButton({ className, ...rest }: StepIndicatorTriggerButtonProps): import("react/jsx-runtime").JSX.Element;
 export default StepIndicatorTriggerButton;

package/cjs/components/step-indicator/StepIndicatorTriggerButton.js

@@ -9,15 +9,17 @@ exports.default = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireWildcard(require("react"));
 var _Button = _interopRequireDefault(require("../button/Button"));
-var _chevron_right_medium = _interopRequireDefault(require("../../icons/chevron_right_medium"));
-var _componentHelper = require("../../shared/component-helper");
+var _Section = _interopRequireDefault(require("../section/Section"));
 var _HeightAnimation = _interopRequireDefault(require("../height-animation/HeightAnimation"));
-var _SpacingHelper = require("../space/SpacingHelper");
+var _chevron_down = _interopRequireDefault(require("../../icons/chevron_down"));
+var _chevron_up = _interopRequireDefault(require("../../icons/chevron_up"));
+var _componentHelper = require("../../shared/component-helper");
+var _useId = _interopRequireDefault(require("../../shared/helpers/useId"));
 var _FormLabel = _interopRequireDefault(require("../form-label/FormLabel"));
 var _StepIndicatorContext = _interopRequireDefault(require("./StepIndicatorContext"));
-var _StepIndicatorItem = require("./StepIndicatorItem");
 var _SkeletonHelper = require("../skeleton/SkeletonHelper");
-const _excluded = ["data", "triggerButtonProps"];
+const _excluded = ["className"],
+  _excluded2 = ["data"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -29,51 +31,81 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-function StepIndicatorTriggerButton(props) {
-  const context = (0, _react.useContext)(_StepIndicatorContext.default);
-  const buttonRef = (0, _react.useRef)((props === null || props === void 0 ? void 0 : props.inner_ref) || null);
-  const item = context.data[context.activeStep || 0];
-  const label = context.stepsLabel;
+function StepIndicatorTriggerButton(_ref) {
+  let {
+      className
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  const _useContext = (0, _react.useContext)(_StepIndicatorContext.default),
+    {
+      data
+    } = _useContext,
+    contextWithoutData = _objectWithoutProperties(_useContext, _excluded2);
   const {
-      data,
-      triggerButtonProps
-    } = context,
-    contextWithoutData = _objectWithoutProperties(context, _excluded);
+    stepsLabel,
+    activeStep,
+    overview_title,
+    openState,
+    closeHandler,
+    openHandler,
+    skeleton,
+    filterAttributes,
+    no_animation
+  } = contextWithoutData;
+  const item = data[activeStep || 0];
+  const label = stepsLabel;
+  const id = (0, _useId.default)();
   const triggerParams = _objectSpread(_objectSpread({}, contextWithoutData), {}, {
-    className: (0, _classnames.default)('dnb-step-indicator__trigger', (0, _SkeletonHelper.createSkeletonClass)('font', context.skeleton), (0, _SpacingHelper.createSpacingClasses)(context)),
+    className: (0, _classnames.default)('dnb-step-indicator__trigger', (0, _SkeletonHelper.createSkeletonClass)('font', skeleton)),
     'aria-live': 'polite'
   });
-  const buttonParams = _objectSpread(_objectSpread(_objectSpread({}, triggerButtonProps), props), {}, {
-    className: (0, _classnames.default)('dnb-step-indicator__trigger__button', props.className)
+  const buttonParams = _objectSpread(_objectSpread({}, rest), {}, {
+    className: (0, _classnames.default)(`dnb-step-indicator__trigger__button dnb-step-indicator__trigger__button--${openState ? 'expanded' : 'collapsed'}`, className)
   });
-  buttonParams['aria-describedby'] = (0, _componentHelper.combineDescribedBy)(buttonParams, context.sidebar_id + '-overview');
+  buttonParams['aria-describedby'] = (0, _componentHelper.combineDescribedBy)(buttonParams, id + '-overview');
   Object.keys(triggerParams).forEach(key => {
-    if (context.filterAttributes.includes(key)) {
+    if (filterAttributes.includes(key)) {
       delete triggerParams[key];
     }
   });
-  (0, _SkeletonHelper.skeletonDOMAttributes)(triggerParams, context.skeleton);
-  (0, _componentHelper.validateDOMAttributes)(context, triggerParams);
-  return _react.default.createElement("div", triggerParams, _react.default.createElement("span", {
+  (0, _SkeletonHelper.skeletonDOMAttributes)(triggerParams, skeleton);
+  (0, _componentHelper.validateDOMAttributes)(contextWithoutData, triggerParams);
+  return _react.default.createElement(_Section.default, {
+    backgroundColor: "var(--step-indicator-trigger-background)",
+    innerSpace: {
+      top: 'small',
+      bottom: 'small'
+    },
+    roundedCorner: {
+      small: false,
+      medium: [true, true, !openState, !openState],
+      large: [true, true, !openState, !openState]
+    }
+  }, _react.default.createElement(_HeightAnimation.default, {
+    animate: !no_animation
+  }, _react.default.createElement("div", triggerParams, _react.default.createElement("span", {
     className: "dnb-sr-only",
-    id: context.sidebar_id + '-overview'
-  }, context.overview_title), _react.default.createElement(_FormLabel.default, {
-    "aria-describedby": context.sidebar_id,
-    forId: context.sidebar_id,
-    className: "dnb-step-indicator__label"
+    id: id + '-overview'
+  }, overview_title), _react.default.createElement(_FormLabel.default, {
+    "aria-describedby": id,
+    forId: id,
+    className: "dnb-step-indicator__label",
+    right: "x-small"
   }, label), _react.default.createElement(_Button.default, _extends({}, buttonParams, {
-    id: context.sidebar_id,
+    onClick: () => {
+      if (openState) {
+        closeHandler();
+      } else {
+        openHandler();
+      }
+    },
+    "aria-expanded": openState,
+    id: id,
     wrap: true,
-    stretch: true,
-    variant: "secondary",
-    icon: _chevron_right_medium.default,
-    icon_size: "medium",
-    icon_position: "right",
-    inner_ref: buttonRef
-  }), _react.default.createElement(_StepIndicatorItem.StepItemWrapper, {
-    number: (context.activeStep || 0) + 1,
-    hide_numbers: context.hide_numbers
-  }, _react.default.createElement(_HeightAnimation.default, null, (typeof item === 'string' ? item : item && item.title) || ''))));
+    variant: "tertiary",
+    icon: openState ? _chevron_up.default : _chevron_down.default,
+    icon_position: "right"
+  }), (typeof item === 'string' ? item : item && item.title) || ''))));
 }
 var _default = exports.default = StepIndicatorTriggerButton;
 //# sourceMappingURL=StepIndicatorTriggerButton.js.map

package/cjs/components/step-indicator/StepIndicatorTriggerButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepIndicatorTriggerButton.js","names":["_classnames","_interopRequireDefault","require","_react","_interopRequireWildcard","_Button","_chevron_right_medium","_componentHelper","_HeightAnimation","_SpacingHelper","_FormLabel","_StepIndicatorContext","_StepIndicatorItem","_SkeletonHelper","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_objectWithoutProperties","_objectWithoutPropertiesLoose","indexOf","propertyIsEnumerable","StepIndicatorTriggerButton","props","context","useContext","StepIndicatorContext","buttonRef","useRef","inner_ref","item","data","activeStep","label","stepsLabel","triggerButtonProps","contextWithoutData","triggerParams","className","classnames","createSkeletonClass","skeleton","createSpacingClasses","buttonParams","combineDescribedBy","sidebar_id","key","filterAttributes","includes","skeletonDOMAttributes","validateDOMAttributes","createElement","id","overview_title","forId","wrap","stretch","variant","icon","chevron_icon","icon_size","icon_position","StepItemWrapper","number","hide_numbers","title","_default","exports"],"sources":["../../../../src/components/step-indicator/StepIndicatorTriggerButton.tsx"],"sourcesContent":["/**\n * Web StepIndicator Component\n *\n */\n\nimport classnames from 'classnames'\nimport React, { useContext, useRef } from 'react'\nimport Button, { ButtonProps } from '../button/Button'\nimport chevron_icon from '../../icons/chevron_right_medium'\nimport {\n  validateDOMAttributes,\n  combineDescribedBy,\n} from '../../shared/component-helper'\nimport HeightAnimation from '../height-animation/HeightAnimation'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport FormLabel from '../form-label/FormLabel'\nimport StepIndicatorContext from './StepIndicatorContext'\nimport { StepItemWrapper } from './StepIndicatorItem'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\n\nexport type StepIndicatorTriggerButtonProps = ButtonProps & {\n  /**\n   * <em>(required)</em> a unique string-based ID in order to bind together the main component and the sidebar (`<StepIndicator.Sidebar />`). Both have to get the same ID.\n   */\n  sidebar_id?: string\n  className?: string\n  inner_ref?: React.RefObject<HTMLElement>\n}\nfunction StepIndicatorTriggerButton(\n  props: StepIndicatorTriggerButtonProps\n) {\n  const context = useContext(StepIndicatorContext)\n\n  const buttonRef = useRef(props?.inner_ref || null)\n\n  const item = context.data[context.activeStep || 0]\n  const label = context.stepsLabel\n\n  const {\n    data, // eslint-disable-line\n    triggerButtonProps, // eslint-disable-line\n    ...contextWithoutData\n  } = context\n\n  const triggerParams = {\n    ...contextWithoutData,\n    className: classnames(\n      'dnb-step-indicator__trigger',\n      createSkeletonClass('font', context.skeleton),\n      createSpacingClasses(context)\n    ),\n    'aria-live': 'polite',\n  } as React.HTMLProps<HTMLElement>\n\n  const buttonParams = {\n    ...triggerButtonProps,\n    ...props,\n    className: classnames(\n      'dnb-step-indicator__trigger__button',\n      props.className\n    ),\n  }\n\n  buttonParams['aria-describedby'] = combineDescribedBy(\n    buttonParams,\n    context.sidebar_id + '-overview'\n  )\n\n  Object.keys(triggerParams).forEach((key) => {\n    if (context.filterAttributes.includes(key)) {\n      delete triggerParams[key]\n    }\n  })\n\n  skeletonDOMAttributes(triggerParams, context.skeleton)\n\n  // also used for code markup simulation\n  validateDOMAttributes(context, triggerParams)\n\n  return (\n    <div {...(triggerParams as React.HTMLProps<HTMLDivElement>)}>\n      <span className=\"dnb-sr-only\" id={context.sidebar_id + '-overview'}>\n        {context.overview_title}\n      </span>\n      <FormLabel\n        aria-describedby={context.sidebar_id}\n        forId={context.sidebar_id}\n        className=\"dnb-step-indicator__label\"\n      >\n        {label}\n      </FormLabel>\n      <Button\n        {...buttonParams}\n        id={context.sidebar_id}\n        wrap\n        stretch\n        variant=\"secondary\"\n        icon={chevron_icon}\n        icon_size=\"medium\"\n        icon_position=\"right\"\n        inner_ref={buttonRef}\n      >\n        <StepItemWrapper\n          number={(context.activeStep || 0) + 1}\n          hide_numbers={context.hide_numbers}\n        >\n          <HeightAnimation>\n            {(typeof item === 'string' ? item : item && item.title) || ''}\n          </HeightAnimation>\n        </StepItemWrapper>\n      </Button>\n    </div>\n  )\n}\n\nexport default StepIndicatorTriggerButton\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"StepIndicatorTriggerButton.js","names":["_classnames","_interopRequireDefault","require","_react","_interopRequireWildcard","_Button","_Section","_HeightAnimation","_chevron_down","_chevron_up","_componentHelper","_useId","_FormLabel","_StepIndicatorContext","_SkeletonHelper","_excluded","_excluded2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_objectWithoutProperties","_objectWithoutPropertiesLoose","indexOf","propertyIsEnumerable","StepIndicatorTriggerButton","_ref","className","rest","_useContext","useContext","StepIndicatorContext","data","contextWithoutData","stepsLabel","activeStep","overview_title","openState","closeHandler","openHandler","skeleton","filterAttributes","no_animation","item","label","id","useId","triggerParams","classnames","createSkeletonClass","buttonParams","combineDescribedBy","key","includes","skeletonDOMAttributes","validateDOMAttributes","createElement","backgroundColor","innerSpace","top","bottom","roundedCorner","small","medium","large","animate","forId","right","onClick","wrap","variant","icon","chevron_up","chevron_down","icon_position","title","_default","exports"],"sources":["../../../../src/components/step-indicator/StepIndicatorTriggerButton.tsx"],"sourcesContent":["/**\n * Web StepIndicator Component\n *\n */\n\nimport classnames from 'classnames'\nimport React, { useContext } from 'react'\nimport Button, { ButtonProps } from '../button/Button'\nimport Section from '../section/Section'\nimport HeightAnimation from '../height-animation/HeightAnimation'\nimport chevron_down from '../../icons/chevron_down'\nimport chevron_up from '../../icons/chevron_up'\nimport {\n  validateDOMAttributes,\n  combineDescribedBy,\n} from '../../shared/component-helper'\nimport useId from '../../shared/helpers/useId'\nimport FormLabel from '../form-label/FormLabel'\nimport StepIndicatorContext from './StepIndicatorContext'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\n\nexport type StepIndicatorTriggerButtonProps = ButtonProps & {\n  className?: string\n}\nfunction StepIndicatorTriggerButton({\n  className,\n  ...rest\n}: StepIndicatorTriggerButtonProps) {\n  const {\n    data, // eslint-disable-line\n    ...contextWithoutData\n  } = useContext(StepIndicatorContext)\n\n  const {\n    stepsLabel,\n    activeStep,\n    overview_title,\n    openState,\n    closeHandler,\n    openHandler,\n    skeleton,\n    filterAttributes,\n    no_animation,\n  } = contextWithoutData\n\n  const item = data[activeStep || 0]\n  const label = stepsLabel\n  const id = useId()\n\n  const triggerParams = {\n    ...contextWithoutData,\n    className: classnames(\n      'dnb-step-indicator__trigger',\n      createSkeletonClass('font', skeleton)\n    ),\n    'aria-live': 'polite',\n  } as React.HTMLProps<HTMLElement>\n\n  const buttonParams = {\n    ...rest,\n    className: classnames(\n      'dnb-step-indicator__trigger__button',\n      `dnb-step-indicator__trigger__button--${\n        openState ? 'expanded' : 'collapsed'\n      }`,\n      className\n    ),\n  }\n\n  buttonParams['aria-describedby'] = combineDescribedBy(\n    buttonParams,\n    id + '-overview'\n  )\n\n  Object.keys(triggerParams).forEach((key) => {\n    if (filterAttributes.includes(key)) {\n      delete triggerParams[key]\n    }\n  })\n\n  skeletonDOMAttributes(triggerParams, skeleton)\n\n  // also used for code markup simulation\n  validateDOMAttributes(contextWithoutData, triggerParams)\n\n  return (\n    <Section\n      backgroundColor=\"var(--step-indicator-trigger-background)\"\n      innerSpace={{\n        top: 'small',\n        bottom: 'small',\n      }}\n      roundedCorner={{\n        small: false,\n        medium: [true, true, !openState, !openState],\n        large: [true, true, !openState, !openState],\n      }}\n    >\n      <HeightAnimation animate={!no_animation}>\n        <div {...(triggerParams as React.HTMLProps<HTMLDivElement>)}>\n          <span className=\"dnb-sr-only\" id={id + '-overview'}>\n            {overview_title}\n          </span>\n          <FormLabel\n            aria-describedby={id}\n            forId={id}\n            className=\"dnb-step-indicator__label\"\n            right=\"x-small\"\n          >\n            {label}\n          </FormLabel>\n          <Button\n            {...buttonParams}\n            onClick={() => {\n              if (openState) {\n                closeHandler()\n              } else {\n                openHandler()\n              }\n            }}\n            aria-expanded={openState}\n            id={id}\n            wrap\n            variant=\"tertiary\"\n            icon={openState ? chevron_up : chevron_down}\n            icon_position=\"right\"\n          >\n            {(typeof item === 'string' ? item : item && item.title) || ''}\n          </Button>\n        </div>\n      </HeightAnimation>\n    </Section>\n  )\n}\n\nexport default StepIndicatorTriggerButton\n"],"mappings":"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","ignoreList":[]}

package/cjs/components/step-indicator/style/dnb-step-indicator.css

@@ -5,79 +5,122 @@
 /*
  * Utilities
  */
-@media screen and (min-width: 50.1em) {
-  .dnb-step-indicator__sidebar {
-    max-width: 20rem;
-    margin-right: var(--spacing-x-large);
-  }
-  .dnb-step-indicator__sidebar .dnb-step-indicator__item {
-    min-width: 320px;
-  }
-}
-@media screen and (max-width: 50.1em) {
-  .dnb-step-indicator__sidebar--ssr-skeleton {
-    visibility: hidden;
-    overflow: hidden;
-    width: 0;
-    height: 5.5rem;
-  }
-}
-
-.dnb-step-indicator-wrapper .dnb-step-indicator__list {
-  display: flex;
-  flex-direction: column;
+.dnb-step-indicator {
+  --step-indicator-trigger-background: var(--color-black-3);
+  --step-indicator-check-bg: var(--color-pistachio);
+  --step-indicator-check-color: var(--color-success-green);
+  --step-indicator-current-border: var(--color-black-80);
+  --padding-top: 0;
+  --padding-bottom: 0;
+}
+.dnb-step-indicator__sidebar {
+  display: none;
+}
+.dnb-step-indicator__list {
   padding: 0;
   margin: 0;
   list-style: none;
 }
-.dnb-step-indicator-wrapper .dnb-step-indicator__trigger {
+.dnb-step-indicator__trigger {
   display: flex;
-  flex-direction: column;
+  flex-wrap: wrap;
+  align-items: flex-start;
 }
-.dnb-step-indicator-wrapper .dnb-step-indicator__trigger__button, .dnb-step-indicator-wrapper .dnb-step-indicator__item .dnb-button {
-  overflow: hidden;
-  justify-content: space-between;
-  border-radius: 0.25rem;
+.dnb-step-indicator__trigger__button {
+  line-height: inherit;
 }
-.dnb-step-indicator-wrapper .dnb-step-indicator__trigger__button .dnb-button__text, .dnb-step-indicator-wrapper .dnb-step-indicator__item .dnb-button .dnb-button__text {
-  text-align: left;
+.dnb-step-indicator__trigger__button .dnb-button__text {
+  margin: 0;
+  transform: none;
 }
-.dnb-step-indicator-wrapper .dnb-step-indicator__trigger__button.dnb-button--has-icon .dnb-button__text, .dnb-step-indicator-wrapper .dnb-step-indicator__item .dnb-button.dnb-button--has-icon .dnb-button__text {
-  margin-right: 1rem;
+.dnb-step-indicator__trigger__button .dnb-button__icon {
+  --button-icon-margin-top: 0.25rem;
 }
-.dnb-step-indicator-wrapper .dnb-step-indicator__trigger__button .dnb-button__alignment, .dnb-step-indicator-wrapper .dnb-step-indicator__item .dnb-button .dnb-button__alignment {
-  order: 2;
+.dnb-step-indicator__item__wrapper {
+  display: flex;
+  gap: 1rem;
+  padding-bottom: 1rem;
+  position: relative;
+}
+.dnb-step-indicator__item__wrapper::before {
+  content: "";
+  display: block;
+  position: absolute;
+  top: 0.25rem;
+  left: 0.71875rem;
+  width: 0.0625rem;
+  height: 100%;
+  background-color: var(--color-black-20);
+}
+.dnb-step-indicator__item__bullet {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 1.5rem;
+  width: 1.5rem;
+  height: 1.5rem;
+  z-index: 0;
+  border-radius: 50%;
+}
+.dnb-step-indicator__item__bullet--check, .dnb-step-indicator__item__bullet--empty, .dnb-step-indicator__item__bullet--current {
+  background-color: var(--step-indicator-check-bg);
+  border-width: 0.0625rem;
+  border-style: solid;
+  border-color: transparent;
+}
+.dnb-step-indicator__item__bullet--check {
+  font-size: 0.875rem;
+  color: var(--step-indicator-check-color);
+  border-color: var(--step-indicator-check-color);
+}
+.dnb-step-indicator__item__bullet--empty {
+  color: var(--color-black-20);
+  background-color: var(--color-white);
+  border-color: var(--color-black-20);
+}
+.dnb-step-indicator__item__bullet--current {
+  border-width: 0.1875rem;
+  border-color: var(--step-indicator-current-border);
+}
+.dnb-step-indicator__item__bullet.dnb-skeleton {
+  border-width: 0.0625rem;
+  border-color: var(--color-black-20);
+}
+.dnb-step-indicator__item-content {
+  display: flex;
 }
-.dnb-step-indicator-wrapper .dnb-step-indicator__trigger button.dnb-step-indicator-wrapper .dnb-step-indicator__trigger__button {
-  margin-top: 0.5rem;
+.dnb-step-indicator__item-content__number {
+  font-size: var(--font-size-basis);
+  white-space: nowrap;
+  margin-right: 0.5rem;
 }
-.dnb-step-indicator-wrapper .dnb-step-indicator__item {
-  margin-bottom: 1rem;
+.dnb-step-indicator__item-content__wrapper {
+  display: flex;
+  flex-direction: column;
 }
-.dnb-step-indicator-wrapper .dnb-step-indicator__item .dnb-button__icon {
-  opacity: 1;
-  transition: opacity 1400ms ease-in-out;
+.dnb-step-indicator__item-content__text {
+  font-size: var(--font-size-basis);
 }
-html[data-visual-test] .dnb-step-indicator-wrapper .dnb-step-indicator__item .dnb-button__icon {
-  transition-duration: 1ms !important;
+.dnb-step-indicator__item__icon {
+  opacity: 1;
+  transition: opacity 400ms ease-in-out;
 }
-.dnb-step-indicator-wrapper .dnb-step-indicator__item:not(.dnb-step-indicator__item--visited) .dnb-button:not(.dnb-step-indicator__button__status) .dnb-button__icon {
+.dnb-step-indicator__item__icon--hidden {
   opacity: 0;
+  transition-timing-function: ease-out;
 }
-.dnb-step-indicator-wrapper .dnb-step-indicator__item-content {
-  display: flex;
-  flex-wrap: nowrap;
-  padding: 0.5rem 0;
+.dnb-step-indicator__item:last-child .dnb-step-indicator__item__wrapper::before {
+  display: none;
 }
-.dnb-step-indicator-wrapper .dnb-step-indicator__item-content__number {
-  padding-right: 0.5rem;
-  white-space: nowrap;
+html[data-visual-test] .dnb-step-indicator__item__icon {
+  transition-duration: 1ms !important;
 }
-.dnb-step-indicator-wrapper .dnb-step-indicator__item-content__wrapper {
-  display: flex;
-  flex-direction: column;
+.dnb-step-indicator__button {
+  white-space: normal;
+  text-align: left;
+  align-self: flex-start;
 }
-.dnb-step-indicator-wrapper .dnb-step-indicator__button__status .dnb-step-indicator__item-content__status {
-  color: var(--color-black-80);
-  font-size: var(--font-size-x-small);
+.dnb-step-indicator__button.dnb-anchor {
+  padding: 0;
+  line-height: inherit;
 }

package/cjs/components/step-indicator/style/dnb-step-indicator.min.css

@@ -1 +1 @@
-@media screen and (min-width:50.1em){.dnb-step-indicator__sidebar{margin-right:var(--spacing-x-large);max-width:20rem}.dnb-step-indicator__sidebar .dnb-step-indicator__item{min-width:320px}}@media screen and (max-width:50.1em){.dnb-step-indicator__sidebar--ssr-skeleton{height:5.5rem;overflow:hidden;visibility:hidden;width:0}}.dnb-step-indicator-wrapper .dnb-step-indicator__list{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.dnb-step-indicator-wrapper .dnb-step-indicator__trigger{display:flex;flex-direction:column}.dnb-step-indicator-wrapper .dnb-step-indicator__item .dnb-button,.dnb-step-indicator-wrapper .dnb-step-indicator__trigger__button{border-radius:.25rem;justify-content:space-between;overflow:hidden}.dnb-step-indicator-wrapper .dnb-step-indicator__item .dnb-button .dnb-button__text,.dnb-step-indicator-wrapper .dnb-step-indicator__trigger__button .dnb-button__text{text-align:left}.dnb-step-indicator-wrapper .dnb-step-indicator__item .dnb-button.dnb-button--has-icon .dnb-button__text,.dnb-step-indicator-wrapper .dnb-step-indicator__trigger__button.dnb-button--has-icon .dnb-button__text{margin-right:1rem}.dnb-step-indicator-wrapper .dnb-step-indicator__item .dnb-button .dnb-button__alignment,.dnb-step-indicator-wrapper .dnb-step-indicator__trigger__button .dnb-button__alignment{order:2}.dnb-step-indicator-wrapper .dnb-step-indicator__trigger button.dnb-step-indicator-wrapper .dnb-step-indicator__trigger__button{margin-top:.5rem}.dnb-step-indicator-wrapper .dnb-step-indicator__item{margin-bottom:1rem}.dnb-step-indicator-wrapper .dnb-step-indicator__item .dnb-button__icon{opacity:1;transition:opacity 1.4s ease-in-out}html[data-visual-test] .dnb-step-indicator-wrapper .dnb-step-indicator__item .dnb-button__icon{transition-duration:1ms!important}.dnb-step-indicator-wrapper .dnb-step-indicator__item:not(.dnb-step-indicator__item--visited) .dnb-button:not(.dnb-step-indicator__button__status) .dnb-button__icon{opacity:0}.dnb-step-indicator-wrapper .dnb-step-indicator__item-content{display:flex;flex-wrap:nowrap;padding:.5rem 0}.dnb-step-indicator-wrapper .dnb-step-indicator__item-content__number{padding-right:.5rem;white-space:nowrap}.dnb-step-indicator-wrapper .dnb-step-indicator__item-content__wrapper{display:flex;flex-direction:column}.dnb-step-indicator-wrapper .dnb-step-indicator__button__status .dnb-step-indicator__item-content__status{color:var(--color-black-80);font-size:var(--font-size-x-small)}
+.dnb-step-indicator{--step-indicator-trigger-background:var(--color-black-3);--step-indicator-check-bg:var(--color-pistachio);--step-indicator-check-color:var(--color-success-green);--step-indicator-current-border:var(--color-black-80);--padding-top:0;--padding-bottom:0}.dnb-step-indicator__sidebar{display:none}.dnb-step-indicator__list{list-style:none;margin:0;padding:0}.dnb-step-indicator__trigger{align-items:flex-start;display:flex;flex-wrap:wrap}.dnb-step-indicator__trigger__button{line-height:inherit}.dnb-step-indicator__trigger__button .dnb-button__text{margin:0;transform:none}.dnb-step-indicator__trigger__button .dnb-button__icon{--button-icon-margin-top:0.25rem}.dnb-step-indicator__item__wrapper{display:flex;gap:1rem;padding-bottom:1rem;position:relative}.dnb-step-indicator__item__wrapper:before{background-color:var(--color-black-20);content:"";display:block;height:100%;left:.71875rem;position:absolute;top:.25rem;width:.0625rem}.dnb-step-indicator__item__bullet{align-items:center;border-radius:50%;display:flex;height:1.5rem;justify-content:center;min-width:1.5rem;width:1.5rem;z-index:0}.dnb-step-indicator__item__bullet--check,.dnb-step-indicator__item__bullet--current,.dnb-step-indicator__item__bullet--empty{background-color:var(--step-indicator-check-bg);border:.0625rem solid transparent}.dnb-step-indicator__item__bullet--check{border-color:var(--step-indicator-check-color);color:var(--step-indicator-check-color);font-size:.875rem}.dnb-step-indicator__item__bullet--empty{background-color:var(--color-white);border-color:var(--color-black-20);color:var(--color-black-20)}.dnb-step-indicator__item__bullet--current{border-color:var(--step-indicator-current-border);border-width:.1875rem}.dnb-step-indicator__item__bullet.dnb-skeleton{border-color:var(--color-black-20);border-width:.0625rem}.dnb-step-indicator__item-content{display:flex}.dnb-step-indicator__item-content__number{font-size:var(--font-size-basis);margin-right:.5rem;white-space:nowrap}.dnb-step-indicator__item-content__wrapper{display:flex;flex-direction:column}.dnb-step-indicator__item-content__text{font-size:var(--font-size-basis)}.dnb-step-indicator__item__icon{opacity:1;transition:opacity .4s ease-in-out}.dnb-step-indicator__item__icon--hidden{opacity:0;transition-timing-function:ease-out}.dnb-step-indicator__item:last-child .dnb-step-indicator__item__wrapper:before{display:none}html[data-visual-test] .dnb-step-indicator__item__icon{transition-duration:1ms!important}.dnb-step-indicator__button{align-self:flex-start;text-align:left;white-space:normal}.dnb-step-indicator__button.dnb-anchor{line-height:inherit;padding:0}