@dnb/eufemia 10.7.0 → 10.8.0

package/cjs/components/section/style/themes/dnb-section-theme-ui.scss

@@ -11,8 +11,11 @@
 
     &::after {
       color: var(--color-white);
-      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-mint-green-50),
         99vw 0.0625rem 0 0 var(--color-mint-green-50),
         0 -0.0625rem 0 0 var(--color-mint-green-50),
@@ -28,7 +31,9 @@
     }
   }
 
-  &--mint-green-12, &--default {
+  /** deprecated: default should be white in v11 */
+  &--mint-green-12,
+  &--default {
     color: var(--color-black-80);
 
     &::after {
@@ -44,6 +49,7 @@
     }
   }
 
+  /** deprecated */
   &--mint-green {
     color: var(--color-black-80);
 
@@ -52,6 +58,7 @@
     }
   }
 
+  /** deprecated */
   &--lavender {
     color: var(--color-black-80);
 
@@ -60,7 +67,8 @@
     }
   }
 
-  &--sand-yellow, &--warning {
+  &--sand-yellow,/** deprecated */
+  &--warning {
     color: var(--color-black-80);
 
     &::after {
@@ -68,7 +76,8 @@
     }
   }
 
-  &--pistachio, &--info {
+  &--pistachio,/** deprecated */
+  &--info {
     color: var(--color-black-80);
 
     &::after {
@@ -76,6 +85,7 @@
     }
   }
 
+  /** deprecated */
   &--black-3 {
     color: var(--color-black-80);
 
@@ -84,6 +94,7 @@
     }
   }
 
+  /** deprecated */
   &--emerald-green {
     color: var(--color-mint-green);
 
@@ -92,6 +103,7 @@
     }
   }
 
+  /** deprecated */
   &--sea-green {
     color: var(--color-white);
 
@@ -100,6 +112,7 @@
     }
   }
 
+  /** deprecated */
   &--fire-red {
     color: var(--color-white);
 
@@ -108,7 +121,8 @@
     }
   }
 
-  &--fire-red-8, &--error {
+  &--fire-red-8,/** deprecated */
+  &--error {
     color: var(--color-black-80);
 
     &::after {
@@ -125,16 +139,16 @@
   }
 
   // Contrast styles
-  &--fire-red .dnb-anchor,
-  &--emerald-green .dnb-anchor,
-  &--sea-green .dnb-anchor,
+  &--fire-red .dnb-anchor,/** deprecated */
+  &--emerald-green .dnb-anchor,/** deprecated */
+  &--sea-green .dnb-anchor,/** deprecated */
   &--success .dnb-anchor {
     @include useAnchorContrastStyle();
   }
 
-  &--fire-red .dnb-button--tertiary,
-  &--emerald-green .dnb-button--tertiary,
-  &--sea-green .dnb-button--tertiary {
+  &--fire-red .dnb-button--tertiary,/** deprecated */
+  &--emerald-green .dnb-button--tertiary,/** deprecated */
+  &--sea-green .dnb-button--tertiary /** deprecated */ {
     color: var(--color-white);
 
     &:hover {
@@ -155,8 +169,8 @@
   }
 
   // contrast color
-  &--fire-red,
-  &--mint-green {
+  &--fire-red,/** deprecated */
+  &--mint-green /** deprecated */ {
     ::selection {
       background-color: var(--color-white);
     }

package/cjs/components/skeleton/style/dnb-skeleton.scss

@@ -125,7 +125,8 @@ $fonts-path: '../../assets/fonts/dnb' !default;
 // Skeleton-Regular
 @font-face {
   font-family: DNBSkeleton;
-  src: url('#{$fonts-path}/skeleton/DNB-Skeleton-Regular.woff2')
+  src:
+    url('#{$fonts-path}/skeleton/DNB-Skeleton-Regular.woff2')
       format('woff2'),
     url('#{$fonts-path}/skeleton/DNB-Skeleton-Regular.woff') format('woff'),
     url('#{$fonts-path}/skeleton/DNB-Skeleton-Regular.ttf')
@@ -138,7 +139,8 @@ $fonts-path: '../../assets/fonts/dnb' !default;
 // Skeleton-Medium
 @font-face {
   font-family: DNBSkeleton;
-  src: url('#{$fonts-path}/skeleton/DNB-Skeleton-Medium.woff2')
+  src:
+    url('#{$fonts-path}/skeleton/DNB-Skeleton-Medium.woff2')
       format('woff2'),
     url('#{$fonts-path}/skeleton/DNB-Skeleton-Medium.woff') format('woff'),
     url('#{$fonts-path}/skeleton/DNB-Skeleton-Medium.ttf')
@@ -151,8 +153,8 @@ $fonts-path: '../../assets/fonts/dnb' !default;
 // Skeleton-Bold
 @font-face {
   font-family: DNBSkeleton;
-  src: url('#{$fonts-path}/skeleton/DNB-Skeleton-Bold.woff2')
-      format('woff2'),
+  src:
+    url('#{$fonts-path}/skeleton/DNB-Skeleton-Bold.woff2') format('woff2'),
     url('#{$fonts-path}/skeleton/DNB-Skeleton-Bold.woff') format('woff'),
     url('#{$fonts-path}/skeleton/DNB-Skeleton-Bold.ttf') format('truetype');
   font-weight: 600;
@@ -163,7 +165,8 @@ $fonts-path: '../../assets/fonts/dnb' !default;
 // Mono-Skeleton
 @font-face {
   font-family: DNBMonoSkeleton;
-  src: url('#{$fonts-path}/skeleton/DNBMono-Skeleton-Regular.woff2')
+  src:
+    url('#{$fonts-path}/skeleton/DNBMono-Skeleton-Regular.woff2')
       format('woff2'),
     url('#{$fonts-path}/skeleton/DNBMono-Skeleton-Regular.woff')
       format('woff'),

package/cjs/components/slider/style/dnb-slider.scss

@@ -199,8 +199,10 @@
 
   &__state--animate &__thumb,
   &__state--animate &__line {
-    transition: left 250ms var(--easing-default),
-      top 250ms var(--easing-default), bottom 250ms var(--easing-default),
+    transition:
+      left 250ms var(--easing-default),
+      top 250ms var(--easing-default),
+      bottom 250ms var(--easing-default),
       right 250ms var(--easing-default),
       box-shadow 250ms var(--easing-default);
   }

package/cjs/components/space/SpacingUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpacingUtils.js","names":["_componentHelper","require","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","obj","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","spacingDefaultProps","space","top","right","bottom","left","exports","spacePatterns","small","medium","large","globalThis","CALC_CACHE","calc","_len","types","Array","_key","hash","join","result","rawTypes","createTypeModifiers","type","createSpacingClasses","props","Element","p","isFrozen","isValidSpaceProp","entries","reduce","acc","_ref","direction","cur","typeModifiers","sum","sumTypes","warn","nearestTypes","findNearestTypes","map","isInline","translateSpace","test","replace","splitTypes","split","clean","t","r","firstLetter","parseFloat","num","foundType","findType","found","findTypeAll","listOfSpacePatterns","find","_ref2","k","v","multiply","near","reverse","includes","_ref3","nearNum","nearType","leftOver","foundMoreTypes","index","indexOf","propName","removeSpaceProps","elementName"],"sources":["../../../../src/components/space/SpacingUtils.ts"],"sourcesContent":["/**\n * Space helper\n *\n */\n\nimport { warn } from '../../shared/component-helper'\n\nimport type {\n  SpaceType,\n  SpacingUnknownProps,\n  SpacingProps,\n  SpaceTypesPositiveValuesType,\n  SpaceTypesPositiveRemValuesType,\n  SpaceStringTypes,\n} from './types'\n\ntype SpaceNumber = number\n\nexport const spacingDefaultProps: SpacingProps = {\n  space: null,\n  top: null,\n  right: null,\n  bottom: null,\n  left: null,\n}\n// IMPORTANT: Keep the shorthand after the long type names\nexport const spacePatterns: Record<\n  SpaceTypesPositiveValuesType,\n  SpaceTypesPositiveRemValuesType\n> = {\n  'xx-small': 0.25,\n  'x-small': 0.5,\n  small: 1,\n  medium: 1.5,\n  large: 2,\n  'x-large': 3,\n  'xx-large': 3.5,\n  'xx-large-x2': 7,\n}\n\n/**\n * Helper function to generate a calc(var(--spacing-large) + var(--spacing-small))\n *\n * @param types 'small', '16px', '1rem'\n * @returns e.g. calc(var(--spacing-large) + var(--spacing-small))\n */\nglobalThis.CALC_CACHE = {}\nexport const calc = (...types: Array<SpaceType>) => {\n  const hash = types.join('|')\n  if (globalThis.CALC_CACHE[hash]) {\n    return globalThis.CALC_CACHE[hash]\n  }\n\n  const result: Array<string> = []\n\n  types.forEach((rawTypes) => {\n    createTypeModifiers(rawTypes as SpaceType).forEach((type) => {\n      result.push(`var(--spacing-${type})`)\n    })\n  })\n\n  return result.length\n    ? (globalThis.CALC_CACHE[hash] = `calc(${result.join(' + ')})`)\n    : null\n}\n\n/**\n * Creates a valid space CSS class out from given space types\n *\n * @param props\n * @param Element to check if it should be handled as inline\n * @returns \"dnb-space__large dnb-space__small\"\n */\nexport const createSpacingClasses = (\n  props:\n    | SpacingProps\n    /**\n     * To support typical not defined props form components\n     */\n    | SpacingUnknownProps,\n  Element = null\n) => {\n  const p = Object.isFrozen(props) ? { ...props } : props\n\n  if (typeof p.space !== 'undefined') {\n    if (\n      typeof p.space === 'string' ||\n      typeof p.space === 'number' ||\n      (typeof p.space === 'boolean' && p.space)\n    ) {\n      p.top = p.right = p.bottom = p.left = p.space\n    }\n    if (typeof p.space === 'object') {\n      for (const i in p.space) {\n        if (!p[i] && isValidSpaceProp(i)) {\n          p[i] = p.space[i]\n        }\n      }\n    }\n    delete p.space\n  }\n\n  return Object.entries(p).reduce((acc, [direction, cur]) => {\n    if (isValidSpaceProp(direction)) {\n      if (String(cur) === '0' || String(cur) === 'false') {\n        acc.push(`dnb-space__${direction}--zero`)\n      } else if (cur) {\n        const typeModifiers = createTypeModifiers(cur as SpaceType)\n\n        // get the total sum\n        const sum = sumTypes(typeModifiers)\n        if (sum > 10) {\n          warn(\n            `Spacing of more than 10rem is not supported! You used ${sum} / (${typeModifiers.join(\n              ','\n            )})`\n          )\n        } else {\n          // auto combine classes\n          const nearestTypes = findNearestTypes(sum, true)\n\n          acc = [\n            ...acc,\n            ...nearestTypes.map(\n              (type) => `dnb-space__${direction}--${type}`\n            ),\n          ]\n        }\n      }\n    } else if (direction === 'no_collapse') {\n      acc.push('dnb-space--no-collapse')\n      if (Element && isInline(Element)) {\n        acc.push('dnb-space--inline')\n      }\n    }\n\n    return acc\n  }, [])\n}\n\n// @internal splits types by given string\nexport const translateSpace = (type: SpaceType) => {\n  if (/-x2$/.test(String(type))) {\n    return spacePatterns[String(type).replace(/-x2$/, '')] * 2\n  }\n  return spacePatterns[String(type)] || 0\n}\n\n// @internal Splits a string of: \"large x-small\" into an array of the same\nexport const splitTypes = (types: SpaceType | Array<SpaceType>) => {\n  if (typeof types === 'string') {\n    const test = (types as SpaceStringTypes).split(/ /g)\n    return clean(test as Array<SpaceStringTypes>)\n  } else if (typeof types === 'boolean') {\n    return ['small' as SpaceTypesPositiveValuesType]\n  } else if (typeof types === 'number') {\n    return [types]\n  }\n\n  return clean(types) || null\n\n  function clean(t: Array<SpaceType> | Array<SpaceStringTypes>) {\n    return t?.filter((r) => r && String(r).length > 0)\n  }\n}\n\n// @internal Sums e.g. \"large\" + \"x-small\" to be = 2.5rem\nexport const sumTypes = (types: SpaceType | Array<SpaceType>) =>\n  splitTypes(types)\n    .map((type) => translateSpace(type))\n    .reduce((acc, cur) => {\n      if (cur > 0) {\n        acc += cur\n      } else if (cur < 0) {\n        acc -= cur\n      }\n      return acc\n    }, 0)\n\n// @internal Returns an array with modifiers e.g. [\"large\", \"x-small\"]\nexport const createTypeModifiers = (\n  types: SpaceType\n): Array<SpaceType> => {\n  return (splitTypes(types) || []).reduce((acc, type) => {\n    if (type) {\n      const firstLetter = String(type)[0]\n      if (parseFloat(firstLetter) > -1) {\n        // can be \"2rem\" or \"32px\" - but we want only a number\n        let num = parseFloat(String(type))\n\n        // check if we got pixels\n        if (num >= 8 && /[0-9]px/.test(String(type))) {\n          num = num / 16\n        }\n\n        // check if the type exists in our extensions\n        const foundType = findType(num)\n\n        // get the type\n        if (foundType) {\n          type = foundType\n        } else {\n          findNearestTypes(num).forEach((type) => {\n            if (type) {\n              acc.push(type)\n            }\n          })\n        }\n      }\n\n      if (!(parseFloat(String(type)) > 0)) {\n        acc.push(type)\n      }\n    }\n    return acc\n  }, [])\n}\n\n// @internal Finds from \"2.0\" the equivalent type \"large\"\nexport const findType = (num: SpaceNumber): SpaceType => {\n  const found = findTypeAll(num)\n\n  // get the type\n  if (found) {\n    return found[0]\n  }\n\n  return null\n}\n\n// @internal Finds from \"2.0\" the equivalent type \"large\" and returns all results\nexport const findTypeAll = (\n  num: SpaceNumber\n): Array<\n  SpaceTypesPositiveValuesType | SpaceTypesPositiveRemValuesType\n> => {\n  const listOfSpacePatterns = Object.entries(spacePatterns) as [\n    SpaceTypesPositiveValuesType,\n    SpaceTypesPositiveRemValuesType\n  ][]\n  const found =\n    listOfSpacePatterns.find(([k, v]) => k && v === num) || null\n  return found\n}\n\n// @internal Finds from e.g. a value of \"2.5rem\" the nearest type = [\"large\", \"x-small\"]\nexport const findNearestTypes = (num: SpaceNumber, multiply = false) => {\n  let res = []\n\n  const near = Object.entries(spacePatterns)\n    .reverse()\n    .filter((k) => (multiply ? true : !k[0].includes('-x'))) // e.g. -x2\n    .find(([k, v]) => k && num >= v)\n  const nearNum = (near && near[1]) || num\n  const types = findTypeAll(nearNum)\n\n  if (types) {\n    const nearType = types[0]\n    res.push(nearType)\n    const leftOver = num - parseFloat(String(types[1]))\n    const foundMoreTypes = findNearestTypes(leftOver, multiply)\n\n    // if the value already exists, then replace it with an x2\n    foundMoreTypes.forEach((type) => {\n      const index = res.indexOf(type)\n      if (index !== -1) {\n        res[index] = multiply ? `${type}-x2` : type\n      }\n    })\n\n    res = [...res, ...foundMoreTypes]\n  }\n\n  return res\n}\n\n// @internal Checks if a space prop is a valid string like \"top\"\nexport const isValidSpaceProp = (propName: string) =>\n  propName && ['top', 'right', 'bottom', 'left'].includes(propName)\n\nexport const removeSpaceProps = (\n  props: SpacingProps | SpacingUnknownProps\n) => {\n  const p = Object.isFrozen(props) ? { ...props } : props\n  for (const i in p) {\n    if (isValidSpaceProp(i)) {\n      delete p[i]\n    }\n  }\n  return p\n}\n\nexport const isInline = (elementName: string) => {\n  switch (elementName) {\n    case 'h1':\n    case 'h2':\n    case 'h3':\n    case 'h4':\n    case 'h5':\n    case 'h6':\n    case 'p':\n      return true\n  }\n\n  return false\n}\n"],"mappings":"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"}
+{"version":3,"file":"SpacingUtils.js","names":["_componentHelper","require","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","obj","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","spacingDefaultProps","space","top","right","bottom","left","exports","spacePatterns","small","medium","large","globalThis","CALC_CACHE","calc","_len","types","Array","_key","hash","join","result","rawTypes","createTypeModifiers","type","createSpacingClasses","props","Element","p","isFrozen","isValidSpaceProp","entries","reduce","acc","_ref","direction","cur","typeModifiers","sum","sumTypes","warn","nearestTypes","findNearestTypes","map","isInline","translateSpace","test","replace","splitTypes","split","clean","t","r","firstLetter","parseFloat","num","foundType","findType","found","findTypeAll","listOfSpacePatterns","find","_ref2","k","v","multiply","near","reverse","includes","_ref3","nearNum","nearType","leftOver","foundMoreTypes","index","indexOf","propName","removeSpaceProps","elementName"],"sources":["../../../../src/components/space/SpacingUtils.ts"],"sourcesContent":["/**\n * Space helper\n *\n */\n\nimport { warn } from '../../shared/component-helper'\n\nimport type {\n  SpaceType,\n  SpacingUnknownProps,\n  SpacingProps,\n  SpaceTypesPositiveValuesType,\n  SpaceTypesPositiveRemValuesType,\n  SpaceStringTypes,\n} from './types'\n\ntype SpaceNumber = number\n\nexport const spacingDefaultProps: SpacingProps = {\n  space: null,\n  top: null,\n  right: null,\n  bottom: null,\n  left: null,\n}\n// IMPORTANT: Keep the shorthand after the long type names\nexport const spacePatterns: Record<\n  SpaceTypesPositiveValuesType,\n  SpaceTypesPositiveRemValuesType\n> = {\n  'xx-small': 0.25,\n  'x-small': 0.5,\n  small: 1,\n  medium: 1.5,\n  large: 2,\n  'x-large': 3,\n  'xx-large': 3.5,\n  'xx-large-x2': 7,\n}\n\n/**\n * Helper function to generate a calc(var(--spacing-large) + var(--spacing-small))\n *\n * @param types 'small', '16px', '1rem'\n * @returns e.g. calc(var(--spacing-large) + var(--spacing-small))\n */\nglobalThis.CALC_CACHE = {}\nexport const calc = (...types: Array<SpaceType>) => {\n  const hash = types.join('|')\n  if (globalThis.CALC_CACHE[hash]) {\n    return globalThis.CALC_CACHE[hash]\n  }\n\n  const result: Array<string> = []\n\n  types.forEach((rawTypes) => {\n    createTypeModifiers(rawTypes as SpaceType).forEach((type) => {\n      result.push(`var(--spacing-${type})`)\n    })\n  })\n\n  return result.length\n    ? (globalThis.CALC_CACHE[hash] = `calc(${result.join(' + ')})`)\n    : null\n}\n\n/**\n * Creates a valid space CSS class out from given space types\n *\n * @param props\n * @param Element to check if it should be handled as inline\n * @returns \"dnb-space__large dnb-space__small\"\n */\nexport const createSpacingClasses = (\n  props:\n    | SpacingProps\n    /**\n     * To support typical not defined props form components\n     */\n    | SpacingUnknownProps,\n  Element = null\n) => {\n  const p = Object.isFrozen(props) ? { ...props } : props\n\n  if (typeof p.space !== 'undefined') {\n    if (\n      typeof p.space === 'string' ||\n      typeof p.space === 'number' ||\n      (typeof p.space === 'boolean' && p.space)\n    ) {\n      p.top = p.right = p.bottom = p.left = p.space\n    }\n    if (typeof p.space === 'object') {\n      for (const i in p.space) {\n        if (!p[i] && isValidSpaceProp(i)) {\n          p[i] = p.space[i]\n        }\n      }\n    }\n    delete p.space\n  }\n\n  return Object.entries(p).reduce((acc, [direction, cur]) => {\n    if (isValidSpaceProp(direction)) {\n      if (String(cur) === '0' || String(cur) === 'false') {\n        acc.push(`dnb-space__${direction}--zero`)\n      } else if (cur) {\n        const typeModifiers = createTypeModifiers(cur as SpaceType)\n\n        // get the total sum\n        const sum = sumTypes(typeModifiers)\n        if (sum > 10) {\n          warn(\n            `Spacing of more than 10rem is not supported! You used ${sum} / (${typeModifiers.join(\n              ','\n            )})`\n          )\n        } else {\n          // auto combine classes\n          const nearestTypes = findNearestTypes(sum, true)\n\n          acc = [\n            ...acc,\n            ...nearestTypes.map(\n              (type) => `dnb-space__${direction}--${type}`\n            ),\n          ]\n        }\n      }\n    } else if (direction === 'no_collapse') {\n      acc.push('dnb-space--no-collapse')\n      if (Element && isInline(Element)) {\n        acc.push('dnb-space--inline')\n      }\n    }\n\n    return acc\n  }, [])\n}\n\n// @internal splits types by given string\nexport const translateSpace = (type: SpaceType) => {\n  if (/-x2$/.test(String(type))) {\n    return spacePatterns[String(type).replace(/-x2$/, '')] * 2\n  }\n  return spacePatterns[String(type)] || 0\n}\n\n// @internal Splits a string of: \"large x-small\" into an array of the same\nexport const splitTypes = (types: SpaceType | Array<SpaceType>) => {\n  if (typeof types === 'string') {\n    const test = (types as SpaceStringTypes).split(/ /g)\n    return clean(test as Array<SpaceStringTypes>)\n  } else if (typeof types === 'boolean') {\n    return ['small' as SpaceTypesPositiveValuesType]\n  } else if (typeof types === 'number') {\n    return [types]\n  }\n\n  return clean(types) || null\n\n  function clean(t: Array<SpaceType> | Array<SpaceStringTypes>) {\n    return t?.filter((r) => r && String(r).length > 0)\n  }\n}\n\n// @internal Sums e.g. \"large\" + \"x-small\" to be = 2.5rem\nexport const sumTypes = (types: SpaceType | Array<SpaceType>) =>\n  splitTypes(types)\n    .map((type) => translateSpace(type))\n    .reduce((acc, cur) => {\n      if (cur > 0) {\n        acc += cur\n      } else if (cur < 0) {\n        acc -= cur\n      }\n      return acc\n    }, 0)\n\n// @internal Returns an array with modifiers e.g. [\"large\", \"x-small\"]\nexport const createTypeModifiers = (\n  types: SpaceType\n): Array<SpaceType> => {\n  return (splitTypes(types) || []).reduce((acc, type) => {\n    if (type) {\n      const firstLetter = String(type)[0]\n      if (parseFloat(firstLetter) > -1) {\n        // can be \"2rem\" or \"32px\" - but we want only a number\n        let num = parseFloat(String(type))\n\n        // check if we got pixels\n        if (num >= 8 && /[0-9]px/.test(String(type))) {\n          num = num / 16\n        }\n\n        // check if the type exists in our extensions\n        const foundType = findType(num)\n\n        // get the type\n        if (foundType) {\n          type = foundType\n        } else {\n          findNearestTypes(num).forEach((type) => {\n            if (type) {\n              acc.push(type)\n            }\n          })\n        }\n      }\n\n      if (!(parseFloat(String(type)) > 0)) {\n        acc.push(type)\n      }\n    }\n    return acc\n  }, [])\n}\n\n// @internal Finds from \"2.0\" the equivalent type \"large\"\nexport const findType = (num: SpaceNumber): SpaceType => {\n  const found = findTypeAll(num)\n\n  // get the type\n  if (found) {\n    return found[0]\n  }\n\n  return null\n}\n\n// @internal Finds from \"2.0\" the equivalent type \"large\" and returns all results\nexport const findTypeAll = (\n  num: SpaceNumber\n): Array<\n  SpaceTypesPositiveValuesType | SpaceTypesPositiveRemValuesType\n> => {\n  const listOfSpacePatterns = Object.entries(spacePatterns) as [\n    SpaceTypesPositiveValuesType,\n    SpaceTypesPositiveRemValuesType,\n  ][]\n  const found =\n    listOfSpacePatterns.find(([k, v]) => k && v === num) || null\n  return found\n}\n\n// @internal Finds from e.g. a value of \"2.5rem\" the nearest type = [\"large\", \"x-small\"]\nexport const findNearestTypes = (num: SpaceNumber, multiply = false) => {\n  let res = []\n\n  const near = Object.entries(spacePatterns)\n    .reverse()\n    .filter((k) => (multiply ? true : !k[0].includes('-x'))) // e.g. -x2\n    .find(([k, v]) => k && num >= v)\n  const nearNum = (near && near[1]) || num\n  const types = findTypeAll(nearNum)\n\n  if (types) {\n    const nearType = types[0]\n    res.push(nearType)\n    const leftOver = num - parseFloat(String(types[1]))\n    const foundMoreTypes = findNearestTypes(leftOver, multiply)\n\n    // if the value already exists, then replace it with an x2\n    foundMoreTypes.forEach((type) => {\n      const index = res.indexOf(type)\n      if (index !== -1) {\n        res[index] = multiply ? `${type}-x2` : type\n      }\n    })\n\n    res = [...res, ...foundMoreTypes]\n  }\n\n  return res\n}\n\n// @internal Checks if a space prop is a valid string like \"top\"\nexport const isValidSpaceProp = (propName: string) =>\n  propName && ['top', 'right', 'bottom', 'left'].includes(propName)\n\nexport const removeSpaceProps = (\n  props: SpacingProps | SpacingUnknownProps\n) => {\n  const p = Object.isFrozen(props) ? { ...props } : props\n  for (const i in p) {\n    if (isValidSpaceProp(i)) {\n      delete p[i]\n    }\n  }\n  return p\n}\n\nexport const isInline = (elementName: string) => {\n  switch (elementName) {\n    case 'h1':\n    case 'h2':\n    case 'h3':\n    case 'h4':\n    case 'h5':\n    case 'h6':\n    case 'p':\n      return true\n  }\n\n  return false\n}\n"],"mappings":"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"}

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

@@ -1,79 +1,93 @@
-import * as React from 'react';
+/**
+ * Web StepIndicator Component
+ *
+ */
+import React from 'react';
+import StepIndicatorSidebar from './StepIndicatorSidebar';
+import { StepIndicatorContextValues } from './StepIndicatorContext';
 import type { SpacingProps } from '../../shared/types';
 import type { SkeletonShow } from '../Skeleton';
-import type { StepIndicatorItemProps } from './StepIndicatorItem';
-import StepIndicatorSidebar from './StepIndicatorSidebar';
+import type { StepIndicatorItemProps, StepItemWrapper } from './StepIndicatorItem';
 export type StepIndicatorMode = 'static' | 'strict' | 'loose';
-export type StepIndicatorData =
-  | string
-  | string[]
-  | Pick<
-      StepIndicatorItemProps,
-      | 'title'
-      | 'is_current'
-      | 'inactive'
-      | 'disabled'
-      | 'status'
-      | 'status_state'
-      | 'on_click'
-      | 'on_render'
-    >[];
-export type StepIndicatorCurrentStep = string | number;
-export type StepIndicatorChildren =
-  | React.ReactNode
-  | ((...args: any[]) => any);
-export interface StepIndicatorProps
-  extends Omit<React.HTMLProps<HTMLAnchorElement>, 'ref'>,
-    SpacingProps {
-  /**
-   * <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;
-  /**
-   * <em>(required)</em> 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.
-   */
-  mode?: StepIndicatorMode;
-  /**
-   * <em>(required)</em> defines the data/steps showing up in a JavaScript Array or JSON format like `[{title,is_current}]`. See parameters and the example above.
-   */
-  data?: StepIndicatorData;
-  /**
-   * Will be called once the user clicks on the current or another step. Will be emitted on every click. Returns an object `{ event, item, current_step }`.
-   */
-  on_click?: (...args: any[]) => any;
-  overview_title?: string;
-  step_title_extended?: string;
-  step_title?: string;
-  /**
-   * Defines the active number marked step starting by 0. Defaults to `0`.
-   */
-  current_step?: StepIndicatorCurrentStep;
-  /**
-   * Define whether to show automatically counted numbers or not. Defaults to `false`.
-   */
-  hide_numbers?: boolean;
-  /**
-   * Callback function to manipulate or wrap every item. Has to return a React Node. You receive an object you can use in your custom HOC `{ StepItem, element, attributes, props, context }`.
-   */
-  on_item_render?: (...args: any[]) => any;
-  /**
-   * If set to `true`, the height animation on the step items and the drawer button will be omitted. Defaults to `false`.
-   */
-  no_animation?: boolean;
-  skeleton?: SkeletonShow;
-  class?: string;
-  className?: string;
-  children?: StepIndicatorChildren;
-  /**
-   * Will be called once the user visits actively a new step. Will be emitted only once. Returns an object `{ event, item, current_step }`.
-   */
-  on_change?: (...args: any[]) => any;
-}
-export default class StepIndicator extends React.Component<
-  StepIndicatorProps,
-  any
-> {
-  static defaultProps: object;
-  static Sidebar = StepIndicatorSidebar;
-  render(): JSX.Element;
+export type StepIndicatorDataItem = Pick<StepIndicatorItemProps, 'title' | 'is_current' | 'inactive' | 'disabled' | 'status' | 'status_state' | 'on_click' | 'on_render'>;
+export type StepIndicatorData = string | string[] | StepIndicatorDataItem[];
+export type StepIndicatorMouseEvent = {
+    event: React.MouseEvent<HTMLButtonElement>;
+    item: StepIndicatorItemProps;
+    currentStep: number;
+    current_step: number;
+};
+export type StepIndicatorRenderCallback = {
+    StepItem: typeof StepItemWrapper;
+    element: React.ReactNode;
+    attributes: React.HTMLProps<HTMLElement>;
+    props: StepIndicatorItemProps;
+    context: StepIndicatorContextValues;
+};
+export type StepIndicatorProps = Omit<React.HTMLProps<HTMLAnchorElement>, 'ref' | 'data'> & SpacingProps & {
+    /**
+     * <em>(required with `<StepIndicator.Sidebar />`)</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;
+    /**
+     * <em>(required)</em> 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.
+     */
+    mode: StepIndicatorMode;
+    /**
+     * <em>(required)</em> defines the data/steps showing up in a JavaScript Array or JSON format like `[{title,is_current}]`. See parameters and the example above.
+     */
+    data: StepIndicatorData;
+    /**
+     *  The title shown inside the `<StepIndicatorModal />` supplemental screen reader text for the `<StepIndicatorTriggerButton />`
+     *  Defaults to `Steps Overview`
+     */
+    overview_title?: string;
+    /**
+     *  The label for `<StepIndicatorTriggerButton />` and supplemental screen reader text for `<StepIndicatorItem />`
+     *  This value need to contain `%step` and `%count` if you want to display the current step and total amount of steps
+     * `%step` is used to place the current step into the text
+     * `%count` is used to place the step total into the text
+     *  Defaults to `Step %step of %count`
+     */
+    step_title?: string;
+    /**
+     *  A descriptive label used in `<StepIndicatorModal />`
+     *  This value need to contain `%step` and `%count` if you want to display the current step and total amount of steps
+     * `%step` is used to place the current step into the text
+     * `%count` is used to place the step total into the text
+     *  Defaults to `You are on step %step of %count`
+     */
+    step_title_extended?: string;
+    /**
+     * Defines the active number marked step starting by 0. Defaults to `0`.
+     */
+    current_step?: number;
+    /**
+     * Define whether to show automatically counted numbers or not. Defaults to `false`.
+     */
+    hide_numbers?: boolean;
+    /**
+     * Will be called once the user clicks on the current or another step. Will be emitted on every click. Returns an object `{ event, item, current_step, currentStep }`.
+     */
+    on_click?: ({ event, item, current_step, currentStep, }: StepIndicatorMouseEvent) => void;
+    /**
+     * Callback function to manipulate or wrap every item. Has to return a React Node. You receive an object you can use in your custom HOC `{ StepItem, element, attributes, props, context }`.
+     */
+    on_item_render?: ({ StepItem, element, attributes, props, context, }: StepIndicatorRenderCallback) => React.ReactNode;
+    /**
+     * Will be called once the user visits actively a new step. Will be emitted only once. Returns an object `{ event, item, current_step, currentStep }`.
+     */
+    on_change?: ({ event, item, current_step, currentStep, }: StepIndicatorMouseEvent) => void;
+    /**
+     * If set to `true`, the height animation on the step items and the drawer button will be omitted. Defaults to `false`.
+     */
+    no_animation?: boolean;
+    skeleton?: SkeletonShow;
+    className?: string;
+    children?: React.ReactNode;
+};
+declare function StepIndicator({ data, skeleton, current_step, hide_numbers, no_animation, ...restOfProps }: StepIndicatorProps): import("react/jsx-runtime").JSX.Element;
+declare namespace StepIndicator {
+    var Sidebar: typeof StepIndicatorSidebar;
 }
+export default StepIndicator;

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

@@ -5,44 +5,49 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _componentHelper = require("../../shared/component-helper");
 var _StepIndicatorSidebar = _interopRequireDefault(require("./StepIndicatorSidebar"));
 var _StepIndicatorModal = _interopRequireDefault(require("./StepIndicatorModal"));
 var _StepIndicatorContext = require("./StepIndicatorContext");
 var _StepIndicatorProps = require("./StepIndicatorProps");
 var _div;
+const _excluded = ["data", "skeleton", "current_step", "hide_numbers", "no_animation"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-class StepIndicator extends _react.default.PureComponent {
-  constructor(props) {
-    super(props);
-    this.state = {
-      sidebar_id: props.internalId || props.sidebar_id || (0, _componentHelper.makeUniqueId)()
-    };
-  }
-  render() {
-    if (!this.props.sidebar_id && this.props.mode) {
-      (0, _componentHelper.warn)('StepIndicator needs an unique "sidebar_id" property, also on the <StepIndicator.Sidebar... />');
-    }
-    return _react.default.createElement(_StepIndicatorContext.StepIndicatorProvider, _extends({}, this.props, {
-      sidebar_id: this.state.sidebar_id
-    }), _div || (_div = _react.default.createElement("div", {
-      className: "dnb-step-indicator-wrapper"
-    }, _react.default.createElement(_StepIndicatorModal.default, null))));
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function StepIndicator(_ref) {
+  let {
+      data = _StepIndicatorProps.stepIndicatorDefaultProps.data,
+      skeleton = _StepIndicatorProps.stepIndicatorDefaultProps.skeleton,
+      current_step = _StepIndicatorProps.stepIndicatorDefaultProps.current_step,
+      hide_numbers = _StepIndicatorProps.stepIndicatorDefaultProps.hide_numbers,
+      no_animation = _StepIndicatorProps.stepIndicatorDefaultProps.no_animation
+    } = _ref,
+    restOfProps = _objectWithoutProperties(_ref, _excluded);
+  const props = _objectSpread({
+    data,
+    skeleton,
+    current_step,
+    hide_numbers,
+    no_animation
+  }, restOfProps);
+  const sidebarId = props.sidebar_id || (0, _componentHelper.makeUniqueId)();
+  if (!props.sidebar_id && props.mode) {
+    (0, _componentHelper.warn)('StepIndicator needs an unique "sidebar_id" property, also on the <StepIndicator.Sidebar... />');
   }
+  return _react.default.createElement(_StepIndicatorContext.StepIndicatorProvider, _extends({}, props, {
+    sidebar_id: sidebarId
+  }), _div || (_div = _react.default.createElement("div", {
+    className: "dnb-step-indicator-wrapper"
+  }, _react.default.createElement(_StepIndicatorModal.default, null))));
 }
-exports.default = StepIndicator;
-_defineProperty(StepIndicator, "Sidebar", _StepIndicatorSidebar.default);
-_defineProperty(StepIndicator, "defaultProps", _objectSpread({
-  sidebar_id: null
-}, _StepIndicatorProps.stepIndicatorDefaultProps));
-process.env.NODE_ENV !== "production" ? StepIndicator.propTypes = _objectSpread({
-  sidebar_id: _propTypes.default.string
-}, _StepIndicatorProps.stepIndicatorPropTypes) : void 0;
+StepIndicator.Sidebar = _StepIndicatorSidebar.default;
+var _default = StepIndicator;
+exports.default = _default;
 //# sourceMappingURL=StepIndicator.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StepIndicator.js","names":["_react","_interopRequireDefault","require","_propTypes","_componentHelper","_StepIndicatorSidebar","_StepIndicatorModal","_StepIndicatorContext","_StepIndicatorProps","_div","obj","__esModule","default","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","_extends","assign","bind","prototype","hasOwnProperty","call","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","StepIndicator","React","PureComponent","constructor","props","state","sidebar_id","internalId","makeUniqueId","render","mode","warn","createElement","StepIndicatorProvider","className","exports","StepIndicatorSidebar","stepIndicatorDefaultProps","process","env","NODE_ENV","propTypes","PropTypes","string","stepIndicatorPropTypes"],"sources":["../../../../src/components/step-indicator/StepIndicator.js"],"sourcesContent":["/**\n * Web StepIndicator Component\n *\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport { makeUniqueId, warn } from '../../shared/component-helper'\nimport StepIndicatorSidebar from './StepIndicatorSidebar'\n\nimport StepIndicatorModal from './StepIndicatorModal'\nimport { StepIndicatorProvider } from './StepIndicatorContext'\nimport {\n  stepIndicatorPropTypes,\n  stepIndicatorDefaultProps,\n} from './StepIndicatorProps'\n\nexport default class StepIndicator extends React.PureComponent {\n  static Sidebar = StepIndicatorSidebar\n\n  static propTypes = {\n    sidebar_id: PropTypes.string,\n    ...stepIndicatorPropTypes,\n  }\n\n  static defaultProps = {\n    sidebar_id: null,\n    ...stepIndicatorDefaultProps,\n  }\n\n  constructor(props) {\n    super(props)\n\n    this.state = {\n      sidebar_id: props.internalId || props.sidebar_id || makeUniqueId(),\n    }\n  }\n\n  render() {\n    if (!this.props.sidebar_id && this.props.mode) {\n      warn(\n        'StepIndicator needs an unique \"sidebar_id\" property, also on the <StepIndicator.Sidebar... />'\n      )\n    }\n\n    return (\n      <StepIndicatorProvider\n        {...this.props}\n        sidebar_id={this.state.sidebar_id}\n      >\n        <div className=\"dnb-step-indicator-wrapper\">\n          <StepIndicatorModal />\n        </div>\n      </StepIndicatorProvider>\n    )\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"StepIndicator.js","names":["_react","_interopRequireDefault","require","_componentHelper","_StepIndicatorSidebar","_StepIndicatorModal","_StepIndicatorContext","_StepIndicatorProps","_div","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","StepIndicator","_ref","data","stepIndicatorDefaultProps","skeleton","current_step","hide_numbers","no_animation","restOfProps","props","sidebarId","sidebar_id","makeUniqueId","mode","warn","createElement","StepIndicatorProvider","className","Sidebar","StepIndicatorSidebar","_default","exports"],"sources":["../../../../src/components/step-indicator/StepIndicator.tsx"],"sourcesContent":["/**\n * Web StepIndicator Component\n *\n */\n\nimport React from 'react'\n\nimport { makeUniqueId, warn } from '../../shared/component-helper'\nimport StepIndicatorSidebar from './StepIndicatorSidebar'\n\nimport StepIndicatorModal from './StepIndicatorModal'\nimport {\n  StepIndicatorContextValues,\n  StepIndicatorProvider,\n} from './StepIndicatorContext'\n\nimport type { SpacingProps } from '../../shared/types'\nimport type { SkeletonShow } from '../Skeleton'\nimport type {\n  StepIndicatorItemProps,\n  StepItemWrapper,\n} from './StepIndicatorItem'\nimport { stepIndicatorDefaultProps } from './StepIndicatorProps'\n\nexport type StepIndicatorMode = 'static' | 'strict' | 'loose'\nexport type StepIndicatorDataItem = Pick<\n  StepIndicatorItemProps,\n  | 'title'\n  | 'is_current'\n  | 'inactive'\n  | 'disabled'\n  | 'status'\n  | 'status_state'\n  | 'on_click'\n  | 'on_render'\n>\nexport type StepIndicatorData = string | string[] | StepIndicatorDataItem[]\n\nexport type StepIndicatorMouseEvent = {\n  event: React.MouseEvent<HTMLButtonElement>\n  item: StepIndicatorItemProps\n  currentStep: number\n  current_step: number\n}\n\nexport type StepIndicatorRenderCallback = {\n  StepItem: typeof StepItemWrapper\n  element: React.ReactNode\n  attributes: React.HTMLProps<HTMLElement>\n  props: StepIndicatorItemProps\n  context: StepIndicatorContextValues\n}\n\nexport type StepIndicatorProps = Omit<\n  React.HTMLProps<HTMLAnchorElement>,\n  'ref' | 'data'\n> &\n  SpacingProps & {\n    /**\n     * <em>(required with `<StepIndicator.Sidebar />`)</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     * <em>(required)</em> 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     * <em>(required)</em> 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     *  The title shown inside the `<StepIndicatorModal />` supplemental screen reader text for the `<StepIndicatorTriggerButton />`\n     *  Defaults to `Steps Overview`\n     */\n    overview_title?: string\n    /**\n     *  The label for `<StepIndicatorTriggerButton />` and supplemental screen reader text for `<StepIndicatorItem />`\n     *  This value need to contain `%step` and `%count` if you want to display the current step and total amount of steps\n     * `%step` is used to place the current step into the text\n     * `%count` is used to place the step total into the text\n     *  Defaults to `Step %step of %count`\n     */\n    step_title?: string\n    /**\n     *  A descriptive label used in `<StepIndicatorModal />`\n     *  This value need to contain `%step` and `%count` if you want to display the current step and total amount of steps\n     * `%step` is used to place the current step into the text\n     * `%count` is used to place the step total into the text\n     *  Defaults to `You are on step %step of %count`\n     */\n    step_title_extended?: string\n    /**\n     * Defines the active number marked step starting by 0. Defaults to `0`.\n     */\n    current_step?: number\n    /**\n     * Define whether to show automatically counted numbers or not. Defaults to `false`.\n     */\n    hide_numbers?: boolean\n    /**\n     * Will be called once the user clicks on the current or another step. Will be emitted on every click. Returns an object `{ event, item, current_step, currentStep }`.\n     */\n    on_click?: ({\n      event,\n      item,\n      current_step,\n      currentStep,\n    }: StepIndicatorMouseEvent) => void\n    /**\n     * Callback function to manipulate or wrap every item. Has to return a React Node. You receive an object you can use in your custom HOC `{ StepItem, element, attributes, props, context }`.\n     */\n    on_item_render?: ({\n      StepItem,\n      element,\n      attributes,\n      props,\n      context,\n    }: StepIndicatorRenderCallback) => React.ReactNode\n    /**\n     * Will be called once the user visits actively a new step. Will be emitted only once. Returns an object `{ event, item, current_step, currentStep }`.\n     */\n    on_change?: ({\n      event,\n      item,\n      current_step,\n      currentStep,\n    }: StepIndicatorMouseEvent) => void\n\n    /**\n     * If set to `true`, the height animation on the step items and the drawer button will be omitted. Defaults to `false`.\n     */\n    no_animation?: boolean\n    skeleton?: SkeletonShow\n    className?: string\n    children?: React.ReactNode\n  }\n\nfunction StepIndicator({\n  data = stepIndicatorDefaultProps.data,\n  skeleton = stepIndicatorDefaultProps.skeleton,\n  current_step = stepIndicatorDefaultProps.current_step,\n  hide_numbers = stepIndicatorDefaultProps.hide_numbers,\n  no_animation = stepIndicatorDefaultProps.no_animation,\n  ...restOfProps\n}: StepIndicatorProps) {\n  const props = {\n    data,\n    skeleton,\n    current_step,\n    hide_numbers,\n    no_animation,\n    ...restOfProps,\n  }\n\n  const sidebarId = props.sidebar_id || makeUniqueId()\n\n  if (!props.sidebar_id && props.mode) {\n    warn(\n      'StepIndicator needs an unique \"sidebar_id\" property, also on the <StepIndicator.Sidebar... />'\n    )\n  }\n\n  return (\n    <StepIndicatorProvider {...props} sidebar_id={sidebarId}>\n      <div className=\"dnb-step-indicator-wrapper\">\n        <StepIndicatorModal />\n      </div>\n    </StepIndicatorProvider>\n  )\n}\n\nStepIndicator.Sidebar = StepIndicatorSidebar\n\nexport default StepIndicator\n"],"mappings":";;;;;;AAKA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,qBAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAAG,mBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,qBAAA,GAAAJ,OAAA;AAWA,IAAAK,mBAAA,GAAAL,OAAA;AAAgE,IAAAM,IAAA;AAAA,MAAAC,SAAA;AAAA,SAAAR,uBAAAS,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,QAAAC,MAAA,EAAAC,cAAA,QAAAC,IAAA,GAAAhB,MAAA,CAAAgB,IAAA,CAAAF,MAAA,OAAAd,MAAA,CAAAiB,qBAAA,QAAAC,OAAA,GAAAlB,MAAA,CAAAiB,qBAAA,CAAAH,MAAA,GAAAC,cAAA,KAAAG,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAApB,MAAA,CAAAqB,wBAAA,CAAAP,MAAA,EAAAM,GAAA,EAAAE,UAAA,OAAAN,IAAA,CAAAO,IAAA,CAAAX,KAAA,CAAAI,IAAA,EAAAE,OAAA,YAAAF,IAAA;AAAA,SAAAQ,cAAArB,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,WAAAF,SAAA,CAAAD,CAAA,IAAAC,SAAA,CAAAD,CAAA,QAAAA,CAAA,OAAAS,OAAA,CAAAb,MAAA,CAAAO,MAAA,OAAAkB,OAAA,WAAAjB,GAAA,IAAAkB,eAAA,CAAAvB,MAAA,EAAAK,GAAA,EAAAD,MAAA,CAAAC,GAAA,SAAAR,MAAA,CAAA2B,yBAAA,GAAA3B,MAAA,CAAA4B,gBAAA,CAAAzB,MAAA,EAAAH,MAAA,CAAA2B,yBAAA,CAAApB,MAAA,KAAAM,OAAA,CAAAb,MAAA,CAAAO,MAAA,GAAAkB,OAAA,WAAAjB,GAAA,IAAAR,MAAA,CAAA6B,cAAA,CAAA1B,MAAA,EAAAK,GAAA,EAAAR,MAAA,CAAAqB,wBAAA,CAAAd,MAAA,EAAAC,GAAA,iBAAAL,MAAA;AAAA,SAAAuB,gBAAA9B,GAAA,EAAAY,GAAA,EAAAsB,KAAA,IAAAtB,GAAA,GAAAuB,cAAA,CAAAvB,GAAA,OAAAA,GAAA,IAAAZ,GAAA,IAAAI,MAAA,CAAA6B,cAAA,CAAAjC,GAAA,EAAAY,GAAA,IAAAsB,KAAA,EAAAA,KAAA,EAAAR,UAAA,QAAAU,YAAA,QAAAC,QAAA,oBAAArC,GAAA,CAAAY,GAAA,IAAAsB,KAAA,WAAAlC,GAAA;AAAA,SAAAmC,eAAAG,GAAA,QAAA1B,GAAA,GAAA2B,YAAA,CAAAD,GAAA,2BAAA1B,GAAA,gBAAAA,GAAA,GAAA4B,MAAA,CAAA5B,GAAA;AAAA,SAAA2B,aAAAE,KAAA,EAAAC,IAAA,eAAAD,KAAA,iBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAG,MAAA,CAAAC,WAAA,OAAAF,IAAA,KAAAG,SAAA,QAAAC,GAAA,GAAAJ,IAAA,CAAA5B,IAAA,CAAA0B,KAAA,EAAAC,IAAA,2BAAAK,GAAA,sBAAAA,GAAA,YAAAC,SAAA,4DAAAN,IAAA,gBAAAF,MAAA,GAAAS,MAAA,EAAAR,KAAA;AAAA,SAAAS,yBAAAvC,MAAA,EAAAwC,QAAA,QAAAxC,MAAA,yBAAAJ,MAAA,GAAA6C,6BAAA,CAAAzC,MAAA,EAAAwC,QAAA,OAAAvC,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAiB,qBAAA,QAAAgC,gBAAA,GAAAjD,MAAA,CAAAiB,qBAAA,CAAAV,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAA6C,gBAAA,CAAA3C,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAyC,gBAAA,CAAA7C,CAAA,OAAA2C,QAAA,CAAAG,OAAA,CAAA1C,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAA0C,oBAAA,CAAAxC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAA6C,8BAAAzC,MAAA,EAAAwC,QAAA,QAAAxC,MAAA,yBAAAJ,MAAA,WAAAiD,UAAA,GAAApD,MAAA,CAAAgB,IAAA,CAAAT,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgD,UAAA,CAAA9C,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAA4C,UAAA,CAAAhD,CAAA,OAAA2C,QAAA,CAAAG,OAAA,CAAA1C,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAmHhE,SAASkD,aAAaA,CAAAC,IAAA,EAOC;EAAA,IAPA;MACrBC,IAAI,GAAGC,6CAAyB,CAACD,IAAI;MACrCE,QAAQ,GAAGD,6CAAyB,CAACC,QAAQ;MAC7CC,YAAY,GAAGF,6CAAyB,CAACE,YAAY;MACrDC,YAAY,GAAGH,6CAAyB,CAACG,YAAY;MACrDC,YAAY,GAAGJ,6CAAyB,CAACI;IAEvB,CAAC,GAAAN,IAAA;IADhBO,WAAW,GAAAf,wBAAA,CAAAQ,IAAA,EAAA3D,SAAA;EAEd,MAAMmE,KAAK,GAAAtC,aAAA;IACT+B,IAAI;IACJE,QAAQ;IACRC,YAAY;IACZC,YAAY;IACZC;EAAY,GACTC,WAAW,CACf;EAED,MAAME,SAAS,GAAGD,KAAK,CAACE,UAAU,IAAI,IAAAC,6BAAY,EAAC,CAAC;EAEpD,IAAI,CAACH,KAAK,CAACE,UAAU,IAAIF,KAAK,CAACI,IAAI,EAAE;IACnC,IAAAC,qBAAI,EACF,+FACF,CAAC;EACH;EAEA,OACEjF,MAAA,CAAAY,OAAA,CAAAsE,aAAA,CAAC5E,qBAAA,CAAA6E,qBAAqB,EAAAtE,QAAA,KAAK+D,KAAK;IAAEE,UAAU,EAAED;EAAU,IAAArE,IAAA,KAAAA,IAAA,GACtDR,MAAA,CAAAY,OAAA,CAAAsE,aAAA;IAAKE,SAAS,EAAC;EAA4B,GACzCpF,MAAA,CAAAY,OAAA,CAAAsE,aAAA,CAAC7E,mBAAA,CAAAO,OAAkB,MAAE,CAClB,CAAC,CACe,CAAC;AAE5B;AAEAuD,aAAa,CAACkB,OAAO,GAAGC,6BAAoB;AAAA,IAAAC,QAAA,GAE7BpB,aAAa;AAAAqB,OAAA,CAAA5E,OAAA,GAAA2E,QAAA"}