@dnb/eufemia 10.31.0 → 10.33.0

package/components/slider/SliderDocs.js

@@ -0,0 +1,150 @@
+export const SliderProperties = {
+  value: {
+    doc: 'The `value` of the slider as a number or an array. If an array with numbers is provided, each number will represent a thumb button (the `+` and `-` button will be hidden on multiple thumbs).',
+    type: ['number', 'Array<number>'],
+    status: 'required'
+  },
+  min: {
+    doc: 'The minimum value. Can be a negative number as well. Defaults to `0`.',
+    type: 'number',
+    status: 'optional'
+  },
+  max: {
+    doc: 'The maximum value. Defaults to `100`.',
+    type: 'number',
+    status: 'optional'
+  },
+  step: {
+    doc: 'The steps the slider takes on changing the value. Defaults to `null`.',
+    type: 'number',
+    status: 'optional'
+  },
+  vertical: {
+    doc: 'Show the slider vertically. Defaults to `false`.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  reverse: {
+    doc: 'Show the slider reversed. Defaults to `false`.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  stretch: {
+    doc: 'If set to `true`, then the slider will be 100% in `width`.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  hideButtons: {
+    doc: 'Removes the helper buttons. Defaults to `false`.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  multiThumbBehavior: {
+    doc: 'Use either `omit`, `push` or `swap`. This property only works for two (range) or more thumb buttons, while `omit` will stop the thumb from swapping, `push` will push its nearest thumb along. Defaults to `swap`.',
+    type: 'string',
+    status: 'optional'
+  },
+  thumbTitle: {
+    doc: 'Give the slider thumb button a title for accessibility reasons. Defaults to `null`.',
+    type: 'string',
+    status: 'optional'
+  },
+  subtractTitle: {
+    doc: 'Give the subtract button a title for accessibility reasons. Defaults to `−`.',
+    type: 'string',
+    status: 'optional'
+  },
+  addTitle: {
+    doc: 'Give the add button a title for accessibility reasons. Defaults to `+`.',
+    type: 'string',
+    status: 'optional'
+  },
+  numberFormat: {
+    doc: 'Will extend the return object with a `number` property (from `onChange` event). You can use all the options from the [NumberFormat](/uilib/components/number-format/properties) component. It also will use that formatted number in the increase/decrease buttons. If it has to represent a currency, then use e.g. `numberFormat={{ currency: true, decimals: 0 }}`',
+    type: 'object',
+    status: 'optional'
+  },
+  tooltip: {
+    doc: 'Use `true` to show a tooltip on `mouseOver`, `touchStart` and `focus`, showing the current number (if `numberFormat` is given) or the raw value.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  alwaysShowTooltip: {
+    doc: 'Use `true` to always show the tooltip, in addition to the `tooltip` property.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  label: {
+    doc: 'Prepends the Form Label component. If no ID is provided, a random ID is created.',
+    type: 'string',
+    status: 'optional'
+  },
+  labelDirection: {
+    doc: 'Use `labelDirection="vertical"` to change the label layout direction. Defaults to `horizontal`.',
+    type: 'string',
+    status: 'optional'
+  },
+  labelSrOnly: {
+    doc: 'Use `true` to make the label only readable by screen readers.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  status: {
+    doc: 'Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.',
+    type: 'string',
+    status: 'optional'
+  },
+  statusState: {
+    doc: 'Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.',
+    type: 'string',
+    status: 'optional'
+  },
+  statusProps: {
+    doc: 'Use an object to define additional FormStatus properties.',
+    type: 'object',
+    status: 'optional'
+  },
+  globalStatusId: {
+    doc: 'The `status_id` used for the target [GlobalStatus](/uilib/components/global-status).',
+    type: 'string',
+    status: 'optional'
+  },
+  suffix: {
+    doc: 'Text describing the content of the Slider more than the label. You can also send in a React component, so it gets wrapped inside the Slider component.',
+    type: 'string',
+    status: 'optional'
+  },
+  skeleton: {
+    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  extensions: {
+    doc: 'Makes it possible to display overlays with other functionality such as a marker on the slider marking a given value.',
+    type: 'object',
+    status: 'optional'
+  },
+  '[Space](/uilib/layout/space/properties)': {
+    doc: 'Spacing properties like `top` or `bottom` are supported.',
+    type: ['string', 'object'],
+    status: 'optional'
+  }
+};
+export const SliderEvents = {
+  onChange: {
+    doc: 'will be called on state changes made by the user. The callback `value` and `rawValue` is a number `{ value, rawValue, event }`. But if the prop `numberFormat` is given, then it will return an additional `number` with the given format `{ value, number, rawValue, event }`.',
+    type: 'function',
+    status: 'optional'
+  },
+  onDragStart: {
+    doc: 'will be called once the user stops dragging. Returns `{ event }`.',
+    type: 'function',
+    status: 'optional'
+  },
+  onDragEnd: {
+    doc: 'will be called once the user starts dragging. Returns `{ event }`.',
+    type: 'function',
+    status: 'optional'
+  }
+};
+//# sourceMappingURL=SliderDocs.js.map

package/components/slider/SliderDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderDocs.js","names":["SliderProperties","value","doc","type","status","min","max","step","vertical","reverse","stretch","hideButtons","multiThumbBehavior","thumbTitle","subtractTitle","addTitle","numberFormat","tooltip","alwaysShowTooltip","label","labelDirection","labelSrOnly","statusState","statusProps","globalStatusId","suffix","skeleton","extensions","SliderEvents","onChange","onDragStart","onDragEnd"],"sources":["../../../../src/components/slider/SliderDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const SliderProperties: PropertiesTableProps = {\n  value: {\n    doc: 'The `value` of the slider as a number or an array. If an array with numbers is provided, each number will represent a thumb button (the `+` and `-` button will be hidden on multiple thumbs).',\n    type: ['number', 'Array<number>'],\n    status: 'required',\n  },\n  min: {\n    doc: 'The minimum value. Can be a negative number as well. Defaults to `0`.',\n    type: 'number',\n    status: 'optional',\n  },\n  max: {\n    doc: 'The maximum value. Defaults to `100`.',\n    type: 'number',\n    status: 'optional',\n  },\n  step: {\n    doc: 'The steps the slider takes on changing the value. Defaults to `null`.',\n    type: 'number',\n    status: 'optional',\n  },\n  vertical: {\n    doc: 'Show the slider vertically. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  reverse: {\n    doc: 'Show the slider reversed. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  stretch: {\n    doc: 'If set to `true`, then the slider will be 100% in `width`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  hideButtons: {\n    doc: 'Removes the helper buttons. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  multiThumbBehavior: {\n    doc: 'Use either `omit`, `push` or `swap`. This property only works for two (range) or more thumb buttons, while `omit` will stop the thumb from swapping, `push` will push its nearest thumb along. Defaults to `swap`.',\n    type: 'string',\n    status: 'optional',\n  },\n  thumbTitle: {\n    doc: 'Give the slider thumb button a title for accessibility reasons. Defaults to `null`.',\n    type: 'string',\n    status: 'optional',\n  },\n  subtractTitle: {\n    doc: 'Give the subtract button a title for accessibility reasons. Defaults to `−`.',\n    type: 'string',\n    status: 'optional',\n  },\n  addTitle: {\n    doc: 'Give the add button a title for accessibility reasons. Defaults to `+`.',\n    type: 'string',\n    status: 'optional',\n  },\n  numberFormat: {\n    doc: 'Will extend the return object with a `number` property (from `onChange` event). You can use all the options from the [NumberFormat](/uilib/components/number-format/properties) component. It also will use that formatted number in the increase/decrease buttons. If it has to represent a currency, then use e.g. `numberFormat={{ currency: true, decimals: 0 }}`',\n    type: 'object',\n    status: 'optional',\n  },\n  tooltip: {\n    doc: 'Use `true` to show a tooltip on `mouseOver`, `touchStart` and `focus`, showing the current number (if `numberFormat` is given) or the raw value.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  alwaysShowTooltip: {\n    doc: 'Use `true` to always show the tooltip, in addition to the `tooltip` property.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  label: {\n    doc: 'Prepends the Form Label component. If no ID is provided, a random ID is created.',\n    type: 'string',\n    status: 'optional',\n  },\n  labelDirection: {\n    doc: 'Use `labelDirection=\"vertical\"` to change the label layout direction. Defaults to `horizontal`.',\n    type: 'string',\n    status: 'optional',\n  },\n  labelSrOnly: {\n    doc: 'Use `true` to make the label only readable by screen readers.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  status: {\n    doc: 'Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.',\n    type: 'string',\n    status: 'optional',\n  },\n  statusState: {\n    doc: 'Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.',\n    type: 'string',\n    status: 'optional',\n  },\n  statusProps: {\n    doc: 'Use an object to define additional FormStatus properties.',\n    type: 'object',\n    status: 'optional',\n  },\n  globalStatusId: {\n    doc: 'The `status_id` used for the target [GlobalStatus](/uilib/components/global-status).',\n    type: 'string',\n    status: 'optional',\n  },\n  suffix: {\n    doc: 'Text describing the content of the Slider more than the label. You can also send in a React component, so it gets wrapped inside the Slider component.',\n    type: 'string',\n    status: 'optional',\n  },\n  skeleton: {\n    doc: 'If set to `true`, an overlaying skeleton with animation will be shown.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  extensions: {\n    doc: 'Makes it possible to display overlays with other functionality such as a marker on the slider marking a given value.',\n    type: 'object',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n\nexport const SliderEvents: PropertiesTableProps = {\n  onChange: {\n    doc: 'will be called on state changes made by the user. The callback `value` and `rawValue` is a number `{ value, rawValue, event }`. But if the prop `numberFormat` is given, then it will return an additional `number` with the given format `{ value, number, rawValue, event }`.',\n    type: 'function',\n    status: 'optional',\n  },\n  onDragStart: {\n    doc: 'will be called once the user stops dragging. Returns `{ event }`.',\n    type: 'function',\n    status: 'optional',\n  },\n  onDragEnd: {\n    doc: 'will be called once the user starts dragging. Returns `{ event }`.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":"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"}

package/components/space/SpacingUtils.d.ts

@@ -27,7 +27,7 @@ export declare const createSpacingClasses: (props: SpacingProps
  */
  | SpacingUnknownProps, Element?: any) => any[];
 export declare const translateSpace: (type: SpaceType) => any;
-export declare const splitTypes: (types: SpaceType | Array<SpaceType>) => SpaceType[];
+export declare const splitTypes: (types: SpaceType | Array<SpaceType>) => SpaceType[] | (number | SpaceTypesPositiveValuesType)[];
 export declare const sumTypes: (types: SpaceType | Array<SpaceType>) => any;
 export declare const createTypeModifiers: (types: SpaceType) => Array<SpaceType>;
 export declare const findType: (num: SpaceNumber) => SpaceType;

package/components/space/SpacingUtils.js

@@ -149,7 +149,7 @@ export const splitTypes = types => {
     const test = types.split(/ /g);
     return clean(test);
   } else if (typeof types === 'boolean') {
-    return ['small'];
+    return [types ? 'small' : 0];
   } else if (typeof types === 'number') {
     return [types];
   }

package/components/space/SpacingUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpacingUtils.js","names":["warn","spacingDefaultProps","space","innerSpace","top","right","bottom","left","spacePatterns","small","medium","large","globalThis","CALC_CACHE","calc","_len","arguments","length","types","Array","_key","hash","join","result","forEach","rawTypes","createTypeModifiers","type","push","createSpacingProperties","props","computeProperties","hasMediaSize","media","keys","Object","includes","hasSize","size","_space","value","transformToAll","key","isValidSpaceProp","cur","name","String","typeModifiers","sum","sumTypes","createSpacingClasses","Element","undefined","p","isFrozen","_objectSpread","_p$left","_p$bottom","_p$right","_p$top","i","entries","reduce","acc","_ref","direction","nearestTypes","findNearestTypes","map","isInline","translateSpace","test","replace","splitTypes","split","clean","t","filter","r","firstLetter","parseFloat","num","foundType","findType","found","findTypeAll","listOfSpacePatterns","find","_ref2","k","v","multiply","res","near","reverse","_ref3","nearNum","nearType","leftOver","foundMoreTypes","index","indexOf","propName","removeSpaceProps","restProps","_objectWithoutProperties","_excluded","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  SpaceTypeMedia,\n  SpaceTypeAll,\n  SpacingElementProps,\n} from './types'\n\ntype SpaceNumber = number\n\nexport const spacingDefaultProps: SpacingProps = {\n  space: null,\n  innerSpace: 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 style out from given space types\n *\n * @param props\n * @returns { '--space-b-l': '2rem', '--space-t-l': '1rem' }\n */\nexport const createSpacingProperties = (\n  props: SpacingProps\n): React.CSSProperties => {\n  if (props?.innerSpace) {\n    return computeProperties(props.innerSpace)\n  }\n\n  return {}\n}\n\nfunction hasMediaSize(media: SpaceTypeMedia) {\n  const keys = Object.keys(media)\n  return (\n    keys.includes('small') ||\n    keys.includes('medium') ||\n    keys.includes('large')\n  )\n}\n\nfunction hasSize(space: SpacingElementProps) {\n  const keys = Object.keys(space)\n  return (\n    keys.includes('top') ||\n    keys.includes('right') ||\n    keys.includes('bottom') ||\n    keys.includes('left')\n  )\n}\n\nfunction computeProperties(space: SpaceTypeAll | SpaceTypeMedia) {\n  if (!hasMediaSize(space as SpaceTypeMedia)) {\n    space = {\n      small: space,\n      medium: space,\n      large: space,\n    } as SpaceTypeMedia\n  }\n\n  const result = {}\n\n  for (const size in space as SpaceTypeMedia) {\n    const value = space?.[size] as SpaceType | SpacingElementProps\n    const props = transformToAll(value)\n\n    for (const key in props as SpaceTypeMedia) {\n      if (isValidSpaceProp(key)) {\n        const cur = props[key]\n        const name = `--space-${key[0]}-${size[0]}`\n\n        if (String(cur) === '0' || String(cur) === 'false') {\n          result[name] = '0'\n        } else if (cur) {\n          const typeModifiers = createTypeModifiers(cur as SpaceType)\n          const sum = sumTypes(typeModifiers)\n          result[name] = `${sum}rem`\n        }\n      }\n    }\n  }\n\n  return result as React.CSSProperties\n}\n\nfunction transformToAll(value: SpaceType | SpacingElementProps) {\n  let result = value\n\n  if (!hasSize(value as SpacingElementProps)) {\n    result = {\n      top: value,\n      right: value,\n      bottom: value,\n      left: value,\n    } as SpacingElementProps\n  }\n\n  return result as SpacingElementProps\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.left = p.left ?? p.space\n      p.bottom = p.bottom ?? p.space\n      p.right = p.right ?? p.space\n      p.top = p.top ?? 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) && direction !== 'innerSpace') {\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 &&\n  ['top', 'right', 'bottom', 'left', 'space', 'innerSpace'].includes(\n    propName\n  )\n\nexport const removeSpaceProps = <Props extends SpacingProps>(\n  props: Props\n): Omit<Props, keyof SpacingProps> => {\n  const { space, innerSpace, top, bottom, left, right, ...restProps } =\n    props\n  return restProps\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":["warn","spacingDefaultProps","space","innerSpace","top","right","bottom","left","spacePatterns","small","medium","large","globalThis","CALC_CACHE","calc","_len","arguments","length","types","Array","_key","hash","join","result","forEach","rawTypes","createTypeModifiers","type","push","createSpacingProperties","props","computeProperties","hasMediaSize","media","keys","Object","includes","hasSize","size","_space","value","transformToAll","key","isValidSpaceProp","cur","name","String","typeModifiers","sum","sumTypes","createSpacingClasses","Element","undefined","p","isFrozen","_objectSpread","_p$left","_p$bottom","_p$right","_p$top","i","entries","reduce","acc","_ref","direction","nearestTypes","findNearestTypes","map","isInline","translateSpace","test","replace","splitTypes","split","clean","t","filter","r","firstLetter","parseFloat","num","foundType","findType","found","findTypeAll","listOfSpacePatterns","find","_ref2","k","v","multiply","res","near","reverse","_ref3","nearNum","nearType","leftOver","foundMoreTypes","index","indexOf","propName","removeSpaceProps","restProps","_objectWithoutProperties","_excluded","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  SpaceTypeMedia,\n  SpaceTypeAll,\n  SpacingElementProps,\n} from './types'\n\ntype SpaceNumber = number\n\nexport const spacingDefaultProps: SpacingProps = {\n  space: null,\n  innerSpace: 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 style out from given space types\n *\n * @param props\n * @returns { '--space-b-l': '2rem', '--space-t-l': '1rem' }\n */\nexport const createSpacingProperties = (\n  props: SpacingProps\n): React.CSSProperties => {\n  if (props?.innerSpace) {\n    return computeProperties(props.innerSpace)\n  }\n\n  return {}\n}\n\nfunction hasMediaSize(media: SpaceTypeMedia) {\n  const keys = Object.keys(media)\n  return (\n    keys.includes('small') ||\n    keys.includes('medium') ||\n    keys.includes('large')\n  )\n}\n\nfunction hasSize(space: SpacingElementProps) {\n  const keys = Object.keys(space)\n  return (\n    keys.includes('top') ||\n    keys.includes('right') ||\n    keys.includes('bottom') ||\n    keys.includes('left')\n  )\n}\n\nfunction computeProperties(space: SpaceTypeAll | SpaceTypeMedia) {\n  if (!hasMediaSize(space as SpaceTypeMedia)) {\n    space = {\n      small: space,\n      medium: space,\n      large: space,\n    } as SpaceTypeMedia\n  }\n\n  const result = {}\n\n  for (const size in space as SpaceTypeMedia) {\n    const value = space?.[size] as SpaceType | SpacingElementProps\n    const props = transformToAll(value)\n\n    for (const key in props as SpaceTypeMedia) {\n      if (isValidSpaceProp(key)) {\n        const cur = props[key]\n        const name = `--space-${key[0]}-${size[0]}`\n\n        if (String(cur) === '0' || String(cur) === 'false') {\n          result[name] = '0'\n        } else if (cur) {\n          const typeModifiers = createTypeModifiers(cur as SpaceType)\n          const sum = sumTypes(typeModifiers)\n          result[name] = `${sum}rem`\n        }\n      }\n    }\n  }\n\n  return result as React.CSSProperties\n}\n\nfunction transformToAll(value: SpaceType | SpacingElementProps) {\n  let result = value\n\n  if (!hasSize(value as SpacingElementProps)) {\n    result = {\n      top: value,\n      right: value,\n      bottom: value,\n      left: value,\n    } as SpacingElementProps\n  }\n\n  return result as SpacingElementProps\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.left = p.left ?? p.space\n      p.bottom = p.bottom ?? p.space\n      p.right = p.right ?? p.space\n      p.top = p.top ?? 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) && direction !== 'innerSpace') {\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 [types ? ('small' as SpaceTypesPositiveValuesType) : 0]\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 &&\n  ['top', 'right', 'bottom', 'left', 'space', 'innerSpace'].includes(\n    propName\n  )\n\nexport const removeSpaceProps = <Props extends SpacingProps>(\n  props: Props\n): Omit<Props, keyof SpacingProps> => {\n  const { space, innerSpace, top, bottom, left, right, ...restProps } =\n    props\n  return restProps\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/components/step-indicator/style/themes/dnb-step-indicator-theme-sbanken.css

@@ -0,0 +1,70 @@
+/*
+* StepIndicator theme
+* Warning, this is just a stop-gap theming to avoid dnb brand colors. This component is not fully "Sbanken-ready"
+*/
+/*
+ * Utilities
+ */
+.dnb-step-indicator-wrapper .dnb-step-indicator__item .dnb-button {
+  --border-color: var(--sb-color-gray-light);
+}
+.dnb-step-indicator-wrapper .dnb-step-indicator__item--current .dnb-button {
+  --border-color: var(--sb-color-purple-alternative);
+  color: var(--sb-color-white);
+  background-color: var(--sb-color-purple-alternative);
+}
+.dnb-step-indicator-wrapper .dnb-step-indicator__item--visited .dnb-button {
+  --border-color: var(--sb-color-purple-alternative);
+  color: var(--sb-color-purple-alternative);
+  background-color: var(--sb-color-green-light-2);
+}
+.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive .dnb-button {
+  cursor: text;
+  pointer-events: initial;
+  -webkit-user-select: initial;
+          user-select: initial;
+}
+.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary, .dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:hover, .dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:focus, .dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:active {
+  color: var(--color-black-80);
+  background-color: var(--color-white);
+  --border-color: var(--color-black-20);
+  --border-width: 0.0625rem;
+  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary, .dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:hover, .dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:focus, .dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:active {
+  --border-color: var(--color-black-80);
+  --border-width: 0.125rem;
+  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
+  border-color: transparent;
+}
+.dnb-step-indicator-wrapper .dnb-step-indicator__label, .dnb-step-indicator-wrapper .dnb-step-indicator__label.dnb-p {
+  font-size: var(--font-size-small);
+  margin-bottom: 0.5rem;
+}
+.dnb-step-indicator-wrapper .dnb-step-indicator__button__status.dnb-button--secondary {
+  color: var(--sb-color-text);
+  background-color: var(--sb-color-yellow-light-3);
+}
+.dnb-step-indicator-wrapper .dnb-step-indicator__button__status--error.dnb-button--secondary {
+  color: var(--sb-color-text);
+  background-color: var(--sb-color-magenta-light-2);
+}
+.dnb-step-indicator-wrapper .dnb-step-indicator__button__status--info.dnb-button--secondary {
+  color: var(--sb-color-text);
+  background-color: var(--sb-color-gray-light-2);
+}
+.dnb-step-indicator-wrapper .dnb-step-indicator__button__status .dnb-button__icon {
+  align-self: flex-start;
+  margin-top: 1rem;
+  margin-right: 0.25rem;
+}
+.dnb-step-indicator-wrapper .dnb-step-indicator__button__status .dnb-step-indicator__item-content__number, .dnb-step-indicator-wrapper .dnb-step-indicator__button__status .dnb-step-indicator__item-content__status {
+  font-weight: var(--font-weight-basis);
+}
+.dnb-step-indicator-wrapper .dnb-step-indicator__button__status .dnb-step-indicator__item-content__status {
+  margin-top: 0.5rem;
+  font-size: var(--font-size-x-small);
+  line-height: var(--font-size-basis);
+  color: var(--color-black-80);
+}

package/components/step-indicator/style/themes/dnb-step-indicator-theme-sbanken.min.css

@@ -0,0 +1 @@
+.dnb-step-indicator-wrapper .dnb-step-indicator__item .dnb-button{--border-color:var(--sb-color-gray-light)}.dnb-step-indicator-wrapper .dnb-step-indicator__item--current .dnb-button{--border-color:var(--sb-color-purple-alternative);background-color:var(--sb-color-purple-alternative);color:var(--sb-color-white)}.dnb-step-indicator-wrapper .dnb-step-indicator__item--visited .dnb-button{--border-color:var(--sb-color-purple-alternative);background-color:var(--sb-color-green-light-2);color:var(--sb-color-purple-alternative)}.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive .dnb-button{cursor:text;pointer-events:auto;-webkit-user-select:initial;user-select:auto}.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary,.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:active,.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:focus,.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:hover{--border-color:var(--color-black-20);--border-width:0.0625rem;background-color:var(--color-white);border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color);color:var(--color-black-80)}.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary,.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:active,.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:focus,.dnb-step-indicator-wrapper .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:hover{--border-color:var(--color-black-80);--border-width:0.125rem;border-color:transparent;box-shadow:inset 0 0 0 var(--border-width) var(--border-color)}.dnb-step-indicator-wrapper .dnb-step-indicator__label,.dnb-step-indicator-wrapper .dnb-step-indicator__label.dnb-p{font-size:var(--font-size-small);margin-bottom:.5rem}.dnb-step-indicator-wrapper .dnb-step-indicator__button__status.dnb-button--secondary{background-color:var(--sb-color-yellow-light-3);color:var(--sb-color-text)}.dnb-step-indicator-wrapper .dnb-step-indicator__button__status--error.dnb-button--secondary{background-color:var(--sb-color-magenta-light-2);color:var(--sb-color-text)}.dnb-step-indicator-wrapper .dnb-step-indicator__button__status--info.dnb-button--secondary{background-color:var(--sb-color-gray-light-2);color:var(--sb-color-text)}.dnb-step-indicator-wrapper .dnb-step-indicator__button__status .dnb-button__icon{align-self:flex-start;margin-right:.25rem;margin-top:1rem}.dnb-step-indicator-wrapper .dnb-step-indicator__button__status .dnb-step-indicator__item-content__number,.dnb-step-indicator-wrapper .dnb-step-indicator__button__status .dnb-step-indicator__item-content__status{font-weight:var(--font-weight-basis)}.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);line-height:var(--font-size-basis);margin-top:.5rem}

package/components/step-indicator/style/themes/dnb-step-indicator-theme-sbanken.scss

@@ -0,0 +1,97 @@
+/*
+* StepIndicator theme
+* Warning, this is just a stop-gap theming to avoid dnb brand colors. This component is not fully "Sbanken-ready"
+*/
+
+@import '../../../../style/core/utilities.scss';
+
+.dnb-step-indicator-wrapper .dnb-step-indicator {
+  &__item {
+    .dnb-button {
+      --border-color: var(--sb-color-gray-light);
+    }
+
+    &--current .dnb-button {
+      --border-color: var(--sb-color-purple-alternative);
+      color: var(--sb-color-white);
+      background-color: var(--sb-color-purple-alternative);
+    }
+
+    &--visited .dnb-button {
+      --border-color: var(--sb-color-purple-alternative);
+      color: var(--sb-color-purple-alternative);
+      background-color: var(--sb-color-green-light-2);
+    }
+
+    &--inactive .dnb-button {
+      cursor: text;
+      pointer-events: initial;
+      user-select: initial;
+
+      &.dnb-button--secondary,
+      &.dnb-button--secondary:hover,
+      &.dnb-button--secondary:focus,
+      &.dnb-button--secondary:active {
+        color: var(--color-black-80);
+        background-color: var(--color-white);
+
+        @include fakeBorder(var(--color-black-20), 0.0625rem, inset);
+      }
+    }
+
+    &--inactive.dnb-step-indicator__item--current {
+      .dnb-button {
+        &.dnb-button--secondary,
+        &.dnb-button--secondary:hover,
+        &.dnb-button--secondary:focus,
+        &.dnb-button--secondary:active {
+          @include fakeBorder(var(--color-black-80), 0.125rem, inset);
+        }
+      }
+    }
+  }
+
+  &__label,
+  &__label.dnb-p {
+    font-size: var(--font-size-small);
+    margin-bottom: 0.5rem;
+  }
+
+  &__button__status {
+    &.dnb-button--secondary {
+      color: var(--sb-color-text);
+      background-color: var(--sb-color-yellow-light-3);
+    }
+
+    &--error.dnb-button--secondary {
+      color: var(--sb-color-text);
+      background-color: var(--sb-color-magenta-light-2);
+    }
+
+    &--info.dnb-button--secondary {
+      color: var(--sb-color-text);
+      background-color: var(--sb-color-gray-light-2);
+    }
+
+    .dnb-button__icon {
+      align-self: flex-start;
+      margin-top: 1rem;
+      margin-right: 0.25rem;
+    }
+
+    .dnb-step-indicator__item-content {
+      &__number,
+      &__status {
+        font-weight: var(--font-weight-basis);
+      }
+
+      &__status {
+        margin-top: 0.5rem;
+
+        font-size: var(--font-size-x-small);
+        line-height: var(--font-size-basis);
+        color: var(--color-black-80);
+      }
+    }
+  }
+}

package/components/switch/style/themes/dnb-switch-theme-ui.css

@@ -47,8 +47,7 @@
 .dnb-switch__focus {
   transition: transform 150ms ease-out;
   transform: rotate(0deg);
-  -webkit-clip-path: polygon(50% 15%, 110% 15%, 110% -10%, -10% -10%, -10% 110%, 110% 110%, 110% 85%, 50% 85%);
-          clip-path: polygon(50% 15%, 110% 15%, 110% -10%, -10% -10%, -10% 110%, 110% 110%, 110% 85%, 50% 85%);
+  clip-path: polygon(50% 15%, 110% 15%, 110% -10%, -10% -10%, -10% 110%, 110% 110%, 110% 85%, 50% 85%);
 }
 .dnb-switch__input:not(:checked) ~ .dnb-switch__button {
   background-color: var(--color-white);

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

@@ -1 +1 @@
-.dnb-switch__background{background-color:var(--color-sea-green-30)}.dnb-switch__focus{-webkit-clip-path:polygon(50% 15%,110% 15%,110% -10%,-10% -10%,-10% 110%,110% 110%,110% 85%,50% 85%);clip-path:polygon(50% 15%,110% 15%,110% -10%,-10% -10%,-10% 110%,110% 110%,110% 85%,50% 85%);transform:rotate(0deg);transition:transform .15s ease-out}.dnb-switch__input:not(:checked)~.dnb-switch__button{background-color:var(--color-white);border-color:var(--color-sea-green)}.dnb-switch__input:checked~.dnb-switch__button{background-color:var(--color-sea-green)}.dnb-switch__input:not(:checked)~.dnb-switch__background:after{border:.0625rem solid var(--color-sea-green);border-radius:50%;height:.5rem;right:0;transform:translateX(calc(var(--switch-width--medium) - 2.8rem));width:.5rem}.dnb-switch__input:checked~.dnb-switch__background:after{background-color:var(--color-sea-green);border-radius:.0625rem;height:.5rem;left:0;transform:translateX(calc(var(--switch-width--medium) - 1.87rem));width:.0625rem}.dnb-switch--large .dnb-switch__input:not(:checked)~.dnb-switch__background:after{height:.625rem;transform:translateX(calc(var(--switch-width--large) - 3.7rem));width:.625rem}.dnb-switch--large .dnb-switch__input:checked~.dnb-switch__background:after{height:.625rem;transform:translateX(calc(var(--switch-width--large) - 2.5rem))}.dnb-switch__input[disabled]~.dnb-switch__background{background-color:var(--color-mint-green-25)}.dnb-switch__input[disabled]:checked~.dnb-switch__background:after{background-color:var(--color-sea-green-30)}.dnb-switch__input[disabled]:not(:checked)~.dnb-switch__background:after,.dnb-switch__input[disabled]~.dnb-switch__button{border-color:var(--color-sea-green-30)}.dnb-switch__input[disabled]:checked~.dnb-switch__button{background-color:var(--color-sea-green-30)}html[data-whatinput=keyboard] .dnb-switch__input:not([disabled]):focus~.dnb-switch__button{border:none}html[data-whatinput=keyboard] .dnb-switch__input:not([disabled]):not(:checked):focus~.dnb-switch__button{background-color:var(--color-mint-green-50)}.dnb-switch__input:not([disabled]):checked~.dnb-switch__button .dnb-switch__focus{transform:rotate(180deg)}.dnb-switch__input:not([disabled]):not(:focus):not(:active):hover~.dnb-switch__button{background-color:var(--color-mint-green-50);border-color:var(--color-sea-green)}.dnb-switch__input:not([disabled]):active~.dnb-switch__button{background-color:var(--color-mint-green-50);border-color:transparent}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):hover~.dnb-switch__button{background-color:var(--color-fire-red-8);border-color:var(--color-fire-red)}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active):not(:hover)~.dnb-switch__button{border-color:var(--color-fire-red-8)}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active):not(:hover):checked~.dnb-switch__button{background-color:var(--color-fire-red)}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active)~.dnb-switch__background{--border-color:var(--color-fire-red);--border-width:var(--focus-ring-width);background-color:var(--color-fire-red-8);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-switch__status--error .dnb-switch__input:not(:focus):not([disabled]):not(:active):checked~.dnb-switch__background:after{background-color:var(--color-fire-red)}.dnb-switch__status--error .dnb-switch__input:not(:focus):not([disabled]):not(:active):not(:checked)~.dnb-switch__background:after{border-color:var(--color-fire-red)}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active)~.dnb-switch__button .dnb-switch__focus{--border-color:var(--color-fire-red);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active):checked~.dnb-switch__button .dnb-switch__focus{transform:rotate(180deg)}.dnb-switch>.dnb-form-status{transform:translateY(.1875rem)}
+.dnb-switch__background{background-color:var(--color-sea-green-30)}.dnb-switch__focus{clip-path:polygon(50% 15%,110% 15%,110% -10%,-10% -10%,-10% 110%,110% 110%,110% 85%,50% 85%);transform:rotate(0deg);transition:transform .15s ease-out}.dnb-switch__input:not(:checked)~.dnb-switch__button{background-color:var(--color-white);border-color:var(--color-sea-green)}.dnb-switch__input:checked~.dnb-switch__button{background-color:var(--color-sea-green)}.dnb-switch__input:not(:checked)~.dnb-switch__background:after{border:.0625rem solid var(--color-sea-green);border-radius:50%;height:.5rem;right:0;transform:translateX(calc(var(--switch-width--medium) - 2.8rem));width:.5rem}.dnb-switch__input:checked~.dnb-switch__background:after{background-color:var(--color-sea-green);border-radius:.0625rem;height:.5rem;left:0;transform:translateX(calc(var(--switch-width--medium) - 1.87rem));width:.0625rem}.dnb-switch--large .dnb-switch__input:not(:checked)~.dnb-switch__background:after{height:.625rem;transform:translateX(calc(var(--switch-width--large) - 3.7rem));width:.625rem}.dnb-switch--large .dnb-switch__input:checked~.dnb-switch__background:after{height:.625rem;transform:translateX(calc(var(--switch-width--large) - 2.5rem))}.dnb-switch__input[disabled]~.dnb-switch__background{background-color:var(--color-mint-green-25)}.dnb-switch__input[disabled]:checked~.dnb-switch__background:after{background-color:var(--color-sea-green-30)}.dnb-switch__input[disabled]:not(:checked)~.dnb-switch__background:after,.dnb-switch__input[disabled]~.dnb-switch__button{border-color:var(--color-sea-green-30)}.dnb-switch__input[disabled]:checked~.dnb-switch__button{background-color:var(--color-sea-green-30)}html[data-whatinput=keyboard] .dnb-switch__input:not([disabled]):focus~.dnb-switch__button{border:none}html[data-whatinput=keyboard] .dnb-switch__input:not([disabled]):not(:checked):focus~.dnb-switch__button{background-color:var(--color-mint-green-50)}.dnb-switch__input:not([disabled]):checked~.dnb-switch__button .dnb-switch__focus{transform:rotate(180deg)}.dnb-switch__input:not([disabled]):not(:focus):not(:active):hover~.dnb-switch__button{background-color:var(--color-mint-green-50);border-color:var(--color-sea-green)}.dnb-switch__input:not([disabled]):active~.dnb-switch__button{background-color:var(--color-mint-green-50);border-color:transparent}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):hover~.dnb-switch__button{background-color:var(--color-fire-red-8);border-color:var(--color-fire-red)}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active):not(:hover)~.dnb-switch__button{border-color:var(--color-fire-red-8)}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active):not(:hover):checked~.dnb-switch__button{background-color:var(--color-fire-red)}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active)~.dnb-switch__background{--border-color:var(--color-fire-red);--border-width:var(--focus-ring-width);background-color:var(--color-fire-red-8);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-switch__status--error .dnb-switch__input:not(:focus):not([disabled]):not(:active):checked~.dnb-switch__background:after{background-color:var(--color-fire-red)}.dnb-switch__status--error .dnb-switch__input:not(:focus):not([disabled]):not(:active):not(:checked)~.dnb-switch__background:after{border-color:var(--color-fire-red)}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active)~.dnb-switch__button .dnb-switch__focus{--border-color:var(--color-fire-red);--border-width:var(--focus-ring-width);border-color:transparent;box-shadow:0 0 0 var(--border-width) var(--border-color)}.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active):checked~.dnb-switch__button .dnb-switch__focus{transform:rotate(180deg)}.dnb-switch>.dnb-form-status{transform:translateY(.1875rem)}

package/components/table/style/dnb-table.css

@@ -61,8 +61,7 @@
 }
 .dnb-table--outline {
   position: relative;
-  -webkit-clip-path: inset(0 0 -10rem 0 round var(--table-outline-radius) var(--table-outline-radius) 0 0);
-          clip-path: inset(0 0 -10rem 0 round var(--table-outline-radius) var(--table-outline-radius) 0 0);
+  clip-path: inset(0 0 -10rem 0 round var(--table-outline-radius) var(--table-outline-radius) 0 0);
   z-index: 1;
 }
 .dnb-table--outline, .dnb-table--outline::after {
@@ -85,8 +84,7 @@
 }
 .dnb-table--outline > caption:not(.dnb-sr-only) ~ tbody:last-child .dnb-table__tr:last-child,
 .dnb-table--outline > caption:not(.dnb-sr-only) ~ tbody:last-child .dnb-table__tr--has-accordion-content.dnb-table__tr--last {
-  -webkit-clip-path: none;
-          clip-path: none;
+  clip-path: none;
 }
 .dnb-table--outline > caption:not(.dnb-sr-only) ~ tbody:last-child .dnb-table__tr:last-child .dnb-table__th, .dnb-table--outline > caption:not(.dnb-sr-only) ~ tbody:last-child .dnb-table__tr:last-child .dnb-table__th::before, .dnb-table--outline > caption:not(.dnb-sr-only) ~ tbody:last-child .dnb-table__tr:last-child .dnb-table__th::after,
 .dnb-table--outline > caption:not(.dnb-sr-only) ~ tbody:last-child .dnb-table__tr:last-child .dnb-table__td,
@@ -399,8 +397,7 @@ html[data-whatinput=keyboard] .dnb-table > thead > tr > th.dnb-table--active .dn
 }
 .dnb-table--outline tbody:last-child .dnb-table__tr:last-child,
 .dnb-table--outline tbody:last-child .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded).dnb-table__tr--last {
-  -webkit-clip-path: inset(0 round 0 0 var(--table-outline-radius) var(--table-outline-radius));
-          clip-path: inset(0 round 0 0 var(--table-outline-radius) var(--table-outline-radius));
+  clip-path: inset(0 round 0 0 var(--table-outline-radius) var(--table-outline-radius));
 }
 .dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__th:first-child, .dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__th:first-child::before, .dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__th:first-child::after,
 .dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__td:first-child,
@@ -481,8 +478,7 @@ html[data-whatinput=keyboard] .dnb-table > thead > tr > th.dnb-table--active .dn
   bottom: 0;
   height: 6px;
   box-shadow: var(--shadow-default-x) -2px 12px 8px var(--shadow-default-color);
-  -webkit-clip-path: inset(6px 0 -48px 0);
-          clip-path: inset(6px 0 -48px 0);
+  clip-path: inset(6px 0 -48px 0);
 }
 
 /*
@@ -557,8 +553,7 @@ html[data-whatinput=keyboard] .dnb-table > thead > tr > th.dnb-table--active .dn
   min-height: 1rem;
 }
 .dnb-table__container .dnb-table__scroll-view {
-  -webkit-clip-path: inset(0 round 0 0 var(--table-outline-radius) var(--table-outline-radius));
-          clip-path: inset(0 round 0 0 var(--table-outline-radius) var(--table-outline-radius));
+  clip-path: inset(0 round 0 0 var(--table-outline-radius) var(--table-outline-radius));
 }
 @supports (-webkit-appearance: none) and (not (-moz-appearance: meterbar)) {
   .dnb-table__container::after {