@dnb/eufemia 10.51.2 → 10.52.0

package/components/avatar/style/themes/dnb-avatar-theme-sbanken.css

@@ -30,6 +30,6 @@
 }
 .dnb-avatar__group {
   --avatar-font-size-left--medium: var(--font-size-basis);
-  --avatar-font-size-left--large: var(--font-size-medium);
-  --avatar-font-size-left--x-large: var(--font-size-medium);
+  --avatar-font-size-left--large: var(--sb-font-size-medium--plus);
+  --avatar-font-size-left--x-large: var(--sb-font-size-medium--plus);
 }

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

@@ -1 +1 @@
-.dnb-avatar{--avatar-font-size--large:var(--font-size-x-large);--avatar-font-size--x-large:var(--font-size-x-large);color:var(--sb-color-white)}.dnb-avatar--primary{background-color:var(--sb-color-purple-alternative)}.dnb-avatar--secondary{background-color:var(--sb-color-violet-light)}.dnb-avatar--tertiary{background-color:var(--sb-color-violet-light-2);color:var(--sb-color-purple-alternative)}.dnb-avatar--size-large,.dnb-avatar--size-x-large{font-family:var(--sb-font-family-headings);font-weight:var(--sb-font-weight-basis)}.dnb-avatar__group{--avatar-font-size-left--medium:var(--font-size-basis);--avatar-font-size-left--large:var(--font-size-medium);--avatar-font-size-left--x-large:var(--font-size-medium)}
+.dnb-avatar{--avatar-font-size--large:var(--font-size-x-large);--avatar-font-size--x-large:var(--font-size-x-large);color:var(--sb-color-white)}.dnb-avatar--primary{background-color:var(--sb-color-purple-alternative)}.dnb-avatar--secondary{background-color:var(--sb-color-violet-light)}.dnb-avatar--tertiary{background-color:var(--sb-color-violet-light-2);color:var(--sb-color-purple-alternative)}.dnb-avatar--size-large,.dnb-avatar--size-x-large{font-family:var(--sb-font-family-headings);font-weight:var(--sb-font-weight-basis)}.dnb-avatar__group{--avatar-font-size-left--medium:var(--font-size-basis);--avatar-font-size-left--large:var(--sb-font-size-medium--plus);--avatar-font-size-left--x-large:var(--sb-font-size-medium--plus)}

package/components/avatar/style/themes/dnb-avatar-theme-sbanken.scss

@@ -36,7 +36,7 @@
 
   &__group {
     --avatar-font-size-left--medium: var(--font-size-basis);
-    --avatar-font-size-left--large: var(--font-size-medium);
-    --avatar-font-size-left--x-large: var(--font-size-medium);
+    --avatar-font-size-left--large: var(--sb-font-size-medium--plus);
+    --avatar-font-size-left--x-large: var(--sb-font-size-medium--plus);
   }
 }

package/components/dialog/style/themes/dnb-dialog-theme-sbanken.css

@@ -17,4 +17,10 @@
 .dnb-dialog__icon {
   margin-top: calc(var(--dialog-icon-positioning) * -1);
   margin-bottom: calc(var(--dialog-icon-positioning) * -1);
+}
+@media screen and (max-width: 60em) and (min-width: 40.00625em) {
+  .dnb-dialog__title {
+    font-size: var(--sb-font-size-medium--plus) !important;
+    line-height: var(--line-height-medium) !important;
+  }
 }

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

@@ -1 +1 @@
-.dnb-dialog{--dialog-background:var(--sb-color-white);--dialog-icon-positioning:-0.5rem;--dialog-radius:0.25rem;--dialog-icon-color--info:var(--sb-color-violet);--dialog-icon-color--warning:var(--sb-color-red);--dialog-icon-background--info:var(--sb-color-green-light-2);--dialog-icon-background--warning:var(--sb-color-magenta-light-2)}.dnb-dialog__icon{margin-bottom:calc(var(--dialog-icon-positioning)*-1);margin-top:calc(var(--dialog-icon-positioning)*-1)}
+.dnb-dialog{--dialog-background:var(--sb-color-white);--dialog-icon-positioning:-0.5rem;--dialog-radius:0.25rem;--dialog-icon-color--info:var(--sb-color-violet);--dialog-icon-color--warning:var(--sb-color-red);--dialog-icon-background--info:var(--sb-color-green-light-2);--dialog-icon-background--warning:var(--sb-color-magenta-light-2)}.dnb-dialog__icon{margin-bottom:calc(var(--dialog-icon-positioning)*-1);margin-top:calc(var(--dialog-icon-positioning)*-1)}@media screen and (max-width:60em) and (min-width:40.00625em){.dnb-dialog__title{font-size:var(--sb-font-size-medium--plus)!important;line-height:var(--line-height-medium)!important}}

package/components/dialog/style/themes/dnb-dialog-theme-sbanken.scss

@@ -22,4 +22,11 @@
     margin-top: calc(var(--dialog-icon-positioning) * -1);
     margin-bottom: calc(var(--dialog-icon-positioning) * -1);
   }
+
+  &__title {
+    @include allBetween(small, medium) {
+      font-size: var(--sb-font-size-medium--plus) !important;
+      line-height: var(--line-height-medium) !important;
+    }
+  }
 }

package/components/form-status/FormStatus.d.ts

@@ -129,3 +129,8 @@ export interface MarketingIconProps {
   title?: string;
 }
 export declare const MarketingIcon: React.FC<MarketingIconProps>;
+export type FormStatusIconTypes =
+  | typeof ErrorIcon
+  | typeof WarnIcon
+  | typeof InfoIcon
+  | typeof MarketingIcon;

package/components/icon/Icon.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import { ContextProps } from '../../shared/Context';
 import { SpacingProps } from '../../shared/types';
 import { SkeletonShow } from '../Skeleton';
+import { FormStatusIconTypes } from '../FormStatus';
 export declare const DefaultIconSize = 16;
 export declare const DefaultIconSizes: {
     readonly default: 16;
@@ -18,7 +19,7 @@ export type ValidIconNumericSize = DefaultIconSizes[keyof DefaultIconSizes];
 /** For internal usage */
 type IconType = string | React.ReactElement<SVGElement> | ((props?: unknown) => JSX.Element) | false;
 /** For external usage */
-export type IconIcon = IconType | React.FC<unknown>;
+export type IconIcon = IconType | FormStatusIconTypes | React.FC<unknown>;
 export type IconSize = ValidIconNumericSize | `${ValidIconNumericSize | number}` | ValidIconType | 'auto' | 'basis';
 export type IconColor = string | number | {
     [key: string]: string | number;

package/components/icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","names":["React","useContext","classnames","ErrorHandler","validateDOMAttributes","processChildren","extendPropsWithContext","Context","createSpacingClasses","createSkeletonClass","iconCase","DefaultIconSize","DefaultIconSizes","default","medium","ListDefaultIconSizes","ValidIconType","Icon","localProps","context","props","skeleton","icon","iconProp","size","wrapperParams","iconParams","alt","children","prepareIcon","IconContainer","prerenderIcon","createElement","Fragment","getIconNameFromComponent","name","String","test","calcSize","width","height","sizeAsInt","sizeAsString","nameParts","split","length","_ListDefaultIconSizes","_ListDefaultIconSizes2","lastPartOfIconName","reverse","potentialSize","filter","_ref","key","includes","elem","viewBox","parseFloat","exec","isNaN","_ListDefaultIconSizes3","_ListDefaultIconSizes4","_ListDefaultIconSizes5","_ref2","_ListDefaultIconSizes6","_ListDefaultIconSizes7","_ListDefaultIconSizes8","_ref3","value","potentialSizeAsString","reduce","acc","_ref4","isCustomSize","params","prepareIconParams","_ref5","rest","_objectWithoutProperties","_excluded","border","color","inheritColor","inherit_color","modifier","title","className","attributes","_excluded2","label","_objectSpread","role","replace","process","env","NODE_ENV","iconToRender","getIcon","defaultProps","listOfIcons","src","isValidElement","Array","isArray","mod","dnbIcons","e","_supportsSpacingProps"],"sources":["../../../../src/components/icon/Icon.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport { ErrorHandler } from '../../shared/error-helper'\nimport {\n  validateDOMAttributes,\n  processChildren,\n  extendPropsWithContext,\n} from '../../shared/component-helper'\nimport Context, { ContextProps } from '../../shared/Context'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport { createSkeletonClass } from '../skeleton/SkeletonHelper'\nimport { iconCase } from './IconHelpers'\nimport { SpacingProps } from '../../shared/types'\nimport { SkeletonShow } from '../Skeleton'\n\nexport const DefaultIconSize = 16\nexport const DefaultIconSizes = {\n  // small: 8, // currently not in use\n  default: 16,\n  medium: 24,\n  // large: 32 // currently not in use\n} as const\nexport const ListDefaultIconSizes: Array<\n  [ValidIconType, ValidIconNumericSize]\n> = [\n  ['default', 16],\n  ['medium', 24],\n]\nexport const ValidIconType = [\n  'small', // 12px 0.75rem\n  'default', // 16px 1rem\n  'medium', // 24px 1.5rem\n  'large', // 32px 2rem\n  'x-large', // 40px 2.5rem\n  'xx-large', // 48px 3rem\n] as const\n\nexport type DefaultIconSizes = typeof DefaultIconSizes\nexport type ValidIconType = (typeof ValidIconType)[number]\nexport type ValidIconNumericSize = DefaultIconSizes[keyof DefaultIconSizes]\n\n/** For internal usage */\ntype IconType =\n  | string\n  | React.ReactElement<SVGElement>\n  | ((props?: unknown) => JSX.Element)\n  | false\n\n/** For external usage */\nexport type IconIcon = IconType | React.FC<unknown>\n\nexport type IconSize =\n  | ValidIconNumericSize\n  | `${ValidIconNumericSize | number}`\n  | ValidIconType\n  | 'auto'\n  | 'basis'\n\nexport type IconColor =\n  | string\n  | number\n  | { [key: string]: string | number }\n\nexport type IconProps = {\n  /**\n   * A React SVG Component.\n   */\n  icon?: IconIcon\n\n  /**\n   * The dimension of the icon. This will be the `viewBox` and represent `width` and `height`. Defaults to `16`. You can use `small`,`medium`, `large` or `auto`. Auto will enable that the icon size gets inherited by the parent HTML element if it provides a `font-size`.\n   */\n  size?: IconSize\n\n  /**\n   * The color can be any valid color property, such as Hex, RGB or preferable – any CSS variable from the <a href=\"/uilib/usage/customisation/colors\">colors table</a>, e.g. `var(--color-ocean-green)`. Default is no color, which means `--color-black-80`.\n   */\n  color?: IconColor\n\n  /**\n   * Defaults to `true`. Set to `false` if you do not want to inherit the color by `currentColor`.\n   */\n  inheritColor?: boolean\n\n  /** @deprecated Use `inheritColor` instead */\n  inherit_color?: boolean\n\n  /**\n   * The alternative label (text version) of the icon. Defaults to the imported icon name.\n   */\n  alt?: string\n\n  /**\n   * Use a title to provide extra information about the icon used.\n   */\n  title?: string\n\n  /**\n   * If set to `true`, an overlaying skeleton with animation will be shown.\n   */\n  skeleton?: SkeletonShow\n\n  /**\n   * Modifier class to define. Will result in: `dnb-icon--${modifier}`.\n   */\n  modifier?: string\n\n  border?: boolean\n  width?: `${IconSize}` | `${number}%` | number\n  height?: `${IconSize}` | `${number}%` | number\n  children?: IconIcon\n}\n\nexport type IconAllProps = IconProps &\n  SpacingProps &\n  Omit<React.HTMLProps<HTMLElement>, 'size' | 'children'>\n\nexport default function Icon(localProps: IconAllProps) {\n  const context = useContext(Context)\n\n  // use only the props from context, who are available here anyway\n  const props = extendPropsWithContext(\n    localProps,\n    {},\n    { skeleton: context?.skeleton },\n    context.Icon\n  )\n\n  // Todo: rewrite prepareIcon to hook\n  const {\n    icon: iconProp,\n    size,\n    wrapperParams,\n    iconParams,\n    alt,\n    children,\n  } = prepareIcon(props, context)\n  const icon = iconProp ?? children\n\n  if (!icon) {\n    return null\n  }\n\n  const IconContainer = prerenderIcon({ icon, size, alt })\n\n  // make sure we return an empty span if we couldn't get the icon\n  if (!IconContainer) {\n    return <></>\n  }\n\n  return (\n    <span {...wrapperParams}>\n      <IconContainer {...iconParams} />\n    </span>\n  )\n}\n\nexport function getIconNameFromComponent(icon: IconProps['icon']): string {\n  const name = typeof icon === 'function' ? icon.name : String(icon)\n  if (/^data:image\\//.test(name)) {\n    return null\n  }\n  return name\n}\n\nexport function calcSize(props: IconProps) {\n  const { icon, size, width, height } = props as Omit<\n    IconProps,\n    'icon'\n  > & { icon: IconType }\n\n  let sizeAsInt: ValidIconNumericSize | -1 = null\n  let sizeAsString = null\n\n  // if there is no size, check if we can find the actual size in the name\n  if (!size || size === DefaultIconSize) {\n    // get the icon name - we use it for several things\n    const name = getIconNameFromComponent(icon)\n\n    const nameParts = String(name || '').split('_')\n\n    if (nameParts.length > 1) {\n      const lastPartOfIconName = nameParts.reverse()[0] as ValidIconType\n      const potentialSize = ListDefaultIconSizes.filter(\n        ([key]) => key === lastPartOfIconName\n      )?.[0]?.[1]\n      if (potentialSize) {\n        sizeAsInt = potentialSize\n      }\n      if (ValidIconType.includes(lastPartOfIconName)) {\n        sizeAsString = lastPartOfIconName\n      }\n    } else {\n      if (typeof icon === 'function') {\n        const elem = icon()\n        if (elem.props) {\n          let potentialSize: ValidIconNumericSize | -1 = null\n          if (elem.props.width) {\n            potentialSize = elem.props.width\n          }\n          if (!potentialSize && elem.props.viewBox) {\n            potentialSize = parseFloat(\n              /[0-9]+ [0-9]+ ([0-9]+)/.exec(elem.props.viewBox)[1]\n            ) as ValidIconNumericSize // get the width\n          }\n          if (!isNaN(potentialSize)) {\n            sizeAsInt = potentialSize\n          }\n        }\n      }\n    }\n  }\n\n  // if size is defined as a string, find the size number\n  else if (typeof size === 'string' && !(parseFloat(size) > 0)) {\n    sizeAsInt =\n      ListDefaultIconSizes.filter(([key]) => key === size)?.[0]?.[1] ?? -1\n\n    // or if the size is a default size defined as a string\n    if (ValidIconType.includes(size as ValidIconType)) {\n      sizeAsString = size\n    }\n  }\n\n  // check if the size is given as a number, and if it's a default size\n  else if (parseFloat(String(size)) > 0) {\n    sizeAsInt =\n      ListDefaultIconSizes.filter(\n        ([key, value]) => key && value === parseFloat(String(size))\n      )?.[0]?.[1] ?? -1\n\n    // has custom size\n    if (sizeAsInt === -1) {\n      sizeAsInt = parseFloat(String(size)) as ValidIconNumericSize\n      sizeAsString = 'custom-size'\n    }\n  }\n\n  // check if the sizeAsInt is a default size - and no sizeAsString exists yet\n  if (!sizeAsString && sizeAsInt > 0) {\n    const potentialSizeAsString = ListDefaultIconSizes.reduce(\n      (acc, [key, value]) => {\n        if (key && value === sizeAsInt) {\n          return key\n        }\n        return acc\n      },\n      null\n    )\n\n    if (potentialSizeAsString) {\n      sizeAsString = potentialSizeAsString\n    }\n  }\n\n  // define all the svg parameters\n  const { sizeAsString: isCustomSize, params: iconParams } =\n    prepareIconParams({\n      sizeAsString,\n      sizeAsInt,\n      size,\n      width,\n      height,\n    })\n\n  if (isCustomSize) {\n    sizeAsString = isCustomSize\n  }\n\n  if (!(sizeAsInt > 0)) {\n    sizeAsInt = DefaultIconSize\n  }\n\n  if (size === 'auto') {\n    iconParams.width = '100%'\n    iconParams.height = '100%'\n    sizeAsString = 'auto'\n  }\n\n  return {\n    iconParams,\n    sizeAsInt,\n    sizeAsString,\n  }\n}\n\nfunction prepareIconParams({\n  sizeAsString,\n  ...rest\n}: Omit<IconProps, 'icon'> & {\n  sizeAsString?: ValidIconType | 'custom-size'\n  sizeAsInt?: ValidIconNumericSize | -1\n}) {\n  const { size, width, height, sizeAsInt } = rest\n  const params: {\n    height?: IconProps['height']\n    width?: IconProps['width']\n    color?: IconProps['color']\n  } = {}\n\n  if (!sizeAsString && !(sizeAsInt > 0) && parseFloat(String(size)) > -1) {\n    params.width = params.height = parseFloat(String(size))\n  } else if (sizeAsString === 'custom-size') {\n    params.width = params.height = parseFloat(String(sizeAsInt))\n  }\n  if (parseFloat(String(width)) > -1) {\n    sizeAsString = 'custom-size'\n    params.width = parseFloat(String(width))\n  }\n  if (parseFloat(String(height)) > -1) {\n    sizeAsString = 'custom-size'\n    params.height = parseFloat(String(height))\n  }\n\n  validateDOMAttributes({}, params)\n\n  return { params, sizeAsString }\n}\n\nexport function prepareIcon(props: IconAllProps, context: ContextProps) {\n  const {\n    icon,\n    size,\n    width,\n    height,\n    border,\n    color,\n    inheritColor,\n    inherit_color,\n    modifier,\n    alt,\n    title,\n    skeleton,\n    className,\n    ...attributes\n  } = props\n\n  const { sizeAsString, iconParams } = calcSize({\n    icon,\n    size,\n    width,\n    height,\n  })\n\n  if (color) {\n    iconParams.color = color\n  }\n\n  const label = icon ? getIconNameFromComponent(icon) : null\n\n  // some wrapper params\n  // also used for code markup simulation\n  const wrapperParams = validateDOMAttributes(props, {\n    role: alt ? 'img' : 'presentation',\n    alt, // in case the image don't shows up (because we define the role to be img)\n    'aria-label':\n      label && !label.includes('default')\n        ? label.replace(/_/g, ' ') + ' icon'\n        : null, // for screen readers only\n    title, // to show on hover, if defined\n    ...attributes,\n  })\n  if (!alt && typeof wrapperParams['aria-hidden'] === 'undefined') {\n    wrapperParams['aria-hidden'] = true\n  }\n  if (wrapperParams['aria-hidden']) {\n    if (\n      !wrapperParams['data-testid'] &&\n      typeof process !== 'undefined' &&\n      process.env.NODE_ENV === 'test'\n    ) {\n      wrapperParams['data-testid'] = wrapperParams['aria-label']\n    }\n    delete wrapperParams['aria-label']\n  }\n\n  wrapperParams.className = classnames(\n    'dnb-icon',\n    modifier && `dnb-icon--${modifier}`,\n    border && 'dnb-icon--border',\n    (inheritColor ?? inherit_color) !== false && 'dnb-icon--inherit-color',\n    sizeAsString ? `dnb-icon--${sizeAsString}` : 'dnb-icon--default',\n    createSkeletonClass(null, skeleton, context),\n    createSpacingClasses(props),\n    className\n  )\n\n  let iconToRender = getIcon(props)\n\n  if (iconToRender && typeof iconToRender.defaultProps !== 'undefined') {\n    iconToRender = React.createElement(\n      iconToRender,\n      validateDOMAttributes(\n        {},\n        {\n          color,\n          icon,\n          size,\n          width,\n          height,\n        }\n      )\n    )\n  }\n\n  return {\n    ...props,\n    icon: iconToRender,\n    alt,\n    iconParams,\n    wrapperParams,\n  }\n}\n\nexport function prerenderIcon(\n  props: IconProps & {\n    listOfIcons?: Record<string, IconIcon>\n  }\n) {\n  const { size = null, listOfIcons = null, alt = null } = props\n  let { icon } = props as Omit<IconProps, 'icon'> & { icon: IconType }\n\n  if (typeof icon === 'string' && /^data:image\\//.test(icon)) {\n    return () => <img src={String(icon)} alt={alt || 'no-alt'} />\n  }\n\n  if (typeof icon === 'function') {\n    const elem = icon()\n    if (React.isValidElement(elem)) {\n      return icon\n    }\n    return elem\n  }\n\n  if (React.isValidElement(icon) || Array.isArray(icon)) {\n    return () => icon\n  }\n\n  // For UMD/ dynamic import of icons\n  try {\n    icon = iconCase(icon)\n    if (\n      size &&\n      DefaultIconSizes[size] &&\n      size !== 'basis' &&\n      size !== 'default' &&\n      !(parseFloat(String(size)) > 0) &&\n      !icon.includes(size as ValidIconType)\n    ) {\n      icon = `${icon}_${size}`\n    }\n    const mod = (\n      listOfIcons.dnbIcons ? listOfIcons.dnbIcons : listOfIcons\n    )[icon]\n    return mod && mod.default ? mod.default : mod\n  } catch (e) {\n    ErrorHandler(`Icon '${icon}' did not exist!`)\n    return null\n  }\n}\n\nfunction getIcon(props) {\n  if (props.icon) {\n    return props.icon\n  }\n  return processChildren(props)\n}\n\nIcon._supportsSpacingProps = true\n"],"mappings":"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"}
+{"version":3,"file":"Icon.js","names":["React","useContext","classnames","ErrorHandler","validateDOMAttributes","processChildren","extendPropsWithContext","Context","createSpacingClasses","createSkeletonClass","iconCase","DefaultIconSize","DefaultIconSizes","default","medium","ListDefaultIconSizes","ValidIconType","Icon","localProps","context","props","skeleton","icon","iconProp","size","wrapperParams","iconParams","alt","children","prepareIcon","IconContainer","prerenderIcon","createElement","Fragment","getIconNameFromComponent","name","String","test","calcSize","width","height","sizeAsInt","sizeAsString","nameParts","split","length","_ListDefaultIconSizes","_ListDefaultIconSizes2","lastPartOfIconName","reverse","potentialSize","filter","_ref","key","includes","elem","viewBox","parseFloat","exec","isNaN","_ListDefaultIconSizes3","_ListDefaultIconSizes4","_ListDefaultIconSizes5","_ref2","_ListDefaultIconSizes6","_ListDefaultIconSizes7","_ListDefaultIconSizes8","_ref3","value","potentialSizeAsString","reduce","acc","_ref4","isCustomSize","params","prepareIconParams","_ref5","rest","_objectWithoutProperties","_excluded","border","color","inheritColor","inherit_color","modifier","title","className","attributes","_excluded2","label","_objectSpread","role","replace","process","env","NODE_ENV","iconToRender","getIcon","defaultProps","listOfIcons","src","isValidElement","Array","isArray","mod","dnbIcons","e","_supportsSpacingProps"],"sources":["../../../../src/components/icon/Icon.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport { ErrorHandler } from '../../shared/error-helper'\nimport {\n  validateDOMAttributes,\n  processChildren,\n  extendPropsWithContext,\n} from '../../shared/component-helper'\nimport Context, { ContextProps } from '../../shared/Context'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport { createSkeletonClass } from '../skeleton/SkeletonHelper'\nimport { iconCase } from './IconHelpers'\nimport { SpacingProps } from '../../shared/types'\nimport { SkeletonShow } from '../Skeleton'\nimport { FormStatusIconTypes } from '../FormStatus'\n\nexport const DefaultIconSize = 16\nexport const DefaultIconSizes = {\n  // small: 8, // currently not in use\n  default: 16,\n  medium: 24,\n  // large: 32 // currently not in use\n} as const\nexport const ListDefaultIconSizes: Array<\n  [ValidIconType, ValidIconNumericSize]\n> = [\n  ['default', 16],\n  ['medium', 24],\n]\nexport const ValidIconType = [\n  'small', // 12px 0.75rem\n  'default', // 16px 1rem\n  'medium', // 24px 1.5rem\n  'large', // 32px 2rem\n  'x-large', // 40px 2.5rem\n  'xx-large', // 48px 3rem\n] as const\n\nexport type DefaultIconSizes = typeof DefaultIconSizes\nexport type ValidIconType = (typeof ValidIconType)[number]\nexport type ValidIconNumericSize = DefaultIconSizes[keyof DefaultIconSizes]\n\n/** For internal usage */\ntype IconType =\n  | string\n  | React.ReactElement<SVGElement>\n  | ((props?: unknown) => JSX.Element)\n  | false\n\n/** For external usage */\nexport type IconIcon = IconType | FormStatusIconTypes | React.FC<unknown>\n\nexport type IconSize =\n  | ValidIconNumericSize\n  | `${ValidIconNumericSize | number}`\n  | ValidIconType\n  | 'auto'\n  | 'basis'\n\nexport type IconColor =\n  | string\n  | number\n  | { [key: string]: string | number }\n\nexport type IconProps = {\n  /**\n   * A React SVG Component.\n   */\n  icon?: IconIcon\n\n  /**\n   * The dimension of the icon. This will be the `viewBox` and represent `width` and `height`. Defaults to `16`. You can use `small`,`medium`, `large` or `auto`. Auto will enable that the icon size gets inherited by the parent HTML element if it provides a `font-size`.\n   */\n  size?: IconSize\n\n  /**\n   * The color can be any valid color property, such as Hex, RGB or preferable – any CSS variable from the <a href=\"/uilib/usage/customisation/colors\">colors table</a>, e.g. `var(--color-ocean-green)`. Default is no color, which means `--color-black-80`.\n   */\n  color?: IconColor\n\n  /**\n   * Defaults to `true`. Set to `false` if you do not want to inherit the color by `currentColor`.\n   */\n  inheritColor?: boolean\n\n  /** @deprecated Use `inheritColor` instead */\n  inherit_color?: boolean\n\n  /**\n   * The alternative label (text version) of the icon. Defaults to the imported icon name.\n   */\n  alt?: string\n\n  /**\n   * Use a title to provide extra information about the icon used.\n   */\n  title?: string\n\n  /**\n   * If set to `true`, an overlaying skeleton with animation will be shown.\n   */\n  skeleton?: SkeletonShow\n\n  /**\n   * Modifier class to define. Will result in: `dnb-icon--${modifier}`.\n   */\n  modifier?: string\n\n  border?: boolean\n  width?: `${IconSize}` | `${number}%` | number\n  height?: `${IconSize}` | `${number}%` | number\n  children?: IconIcon\n}\n\nexport type IconAllProps = IconProps &\n  SpacingProps &\n  Omit<React.HTMLProps<HTMLElement>, 'size' | 'children'>\n\nexport default function Icon(localProps: IconAllProps) {\n  const context = useContext(Context)\n\n  // use only the props from context, who are available here anyway\n  const props = extendPropsWithContext(\n    localProps,\n    {},\n    { skeleton: context?.skeleton },\n    context.Icon\n  )\n\n  // Todo: rewrite prepareIcon to hook\n  const {\n    icon: iconProp,\n    size,\n    wrapperParams,\n    iconParams,\n    alt,\n    children,\n  } = prepareIcon(props, context)\n  const icon = iconProp ?? children\n\n  if (!icon) {\n    return null\n  }\n\n  const IconContainer = prerenderIcon({ icon, size, alt })\n\n  // make sure we return an empty span if we couldn't get the icon\n  if (!IconContainer) {\n    return <></>\n  }\n\n  return (\n    <span {...wrapperParams}>\n      <IconContainer {...iconParams} />\n    </span>\n  )\n}\n\nexport function getIconNameFromComponent(icon: IconProps['icon']): string {\n  const name = typeof icon === 'function' ? icon.name : String(icon)\n  if (/^data:image\\//.test(name)) {\n    return null\n  }\n  return name\n}\n\nexport function calcSize(props: IconProps) {\n  const { icon, size, width, height } = props as Omit<\n    IconProps,\n    'icon'\n  > & { icon: IconType }\n\n  let sizeAsInt: ValidIconNumericSize | -1 = null\n  let sizeAsString = null\n\n  // if there is no size, check if we can find the actual size in the name\n  if (!size || size === DefaultIconSize) {\n    // get the icon name - we use it for several things\n    const name = getIconNameFromComponent(icon)\n\n    const nameParts = String(name || '').split('_')\n\n    if (nameParts.length > 1) {\n      const lastPartOfIconName = nameParts.reverse()[0] as ValidIconType\n      const potentialSize = ListDefaultIconSizes.filter(\n        ([key]) => key === lastPartOfIconName\n      )?.[0]?.[1]\n      if (potentialSize) {\n        sizeAsInt = potentialSize\n      }\n      if (ValidIconType.includes(lastPartOfIconName)) {\n        sizeAsString = lastPartOfIconName\n      }\n    } else {\n      if (typeof icon === 'function') {\n        const elem = icon()\n        if (elem.props) {\n          let potentialSize: ValidIconNumericSize | -1 = null\n          if (elem.props.width) {\n            potentialSize = elem.props.width\n          }\n          if (!potentialSize && elem.props.viewBox) {\n            potentialSize = parseFloat(\n              /[0-9]+ [0-9]+ ([0-9]+)/.exec(elem.props.viewBox)[1]\n            ) as ValidIconNumericSize // get the width\n          }\n          if (!isNaN(potentialSize)) {\n            sizeAsInt = potentialSize\n          }\n        }\n      }\n    }\n  }\n\n  // if size is defined as a string, find the size number\n  else if (typeof size === 'string' && !(parseFloat(size) > 0)) {\n    sizeAsInt =\n      ListDefaultIconSizes.filter(([key]) => key === size)?.[0]?.[1] ?? -1\n\n    // or if the size is a default size defined as a string\n    if (ValidIconType.includes(size as ValidIconType)) {\n      sizeAsString = size\n    }\n  }\n\n  // check if the size is given as a number, and if it's a default size\n  else if (parseFloat(String(size)) > 0) {\n    sizeAsInt =\n      ListDefaultIconSizes.filter(\n        ([key, value]) => key && value === parseFloat(String(size))\n      )?.[0]?.[1] ?? -1\n\n    // has custom size\n    if (sizeAsInt === -1) {\n      sizeAsInt = parseFloat(String(size)) as ValidIconNumericSize\n      sizeAsString = 'custom-size'\n    }\n  }\n\n  // check if the sizeAsInt is a default size - and no sizeAsString exists yet\n  if (!sizeAsString && sizeAsInt > 0) {\n    const potentialSizeAsString = ListDefaultIconSizes.reduce(\n      (acc, [key, value]) => {\n        if (key && value === sizeAsInt) {\n          return key\n        }\n        return acc\n      },\n      null\n    )\n\n    if (potentialSizeAsString) {\n      sizeAsString = potentialSizeAsString\n    }\n  }\n\n  // define all the svg parameters\n  const { sizeAsString: isCustomSize, params: iconParams } =\n    prepareIconParams({\n      sizeAsString,\n      sizeAsInt,\n      size,\n      width,\n      height,\n    })\n\n  if (isCustomSize) {\n    sizeAsString = isCustomSize\n  }\n\n  if (!(sizeAsInt > 0)) {\n    sizeAsInt = DefaultIconSize\n  }\n\n  if (size === 'auto') {\n    iconParams.width = '100%'\n    iconParams.height = '100%'\n    sizeAsString = 'auto'\n  }\n\n  return {\n    iconParams,\n    sizeAsInt,\n    sizeAsString,\n  }\n}\n\nfunction prepareIconParams({\n  sizeAsString,\n  ...rest\n}: Omit<IconProps, 'icon'> & {\n  sizeAsString?: ValidIconType | 'custom-size'\n  sizeAsInt?: ValidIconNumericSize | -1\n}) {\n  const { size, width, height, sizeAsInt } = rest\n  const params: {\n    height?: IconProps['height']\n    width?: IconProps['width']\n    color?: IconProps['color']\n  } = {}\n\n  if (!sizeAsString && !(sizeAsInt > 0) && parseFloat(String(size)) > -1) {\n    params.width = params.height = parseFloat(String(size))\n  } else if (sizeAsString === 'custom-size') {\n    params.width = params.height = parseFloat(String(sizeAsInt))\n  }\n  if (parseFloat(String(width)) > -1) {\n    sizeAsString = 'custom-size'\n    params.width = parseFloat(String(width))\n  }\n  if (parseFloat(String(height)) > -1) {\n    sizeAsString = 'custom-size'\n    params.height = parseFloat(String(height))\n  }\n\n  validateDOMAttributes({}, params)\n\n  return { params, sizeAsString }\n}\n\nexport function prepareIcon(props: IconAllProps, context: ContextProps) {\n  const {\n    icon,\n    size,\n    width,\n    height,\n    border,\n    color,\n    inheritColor,\n    inherit_color,\n    modifier,\n    alt,\n    title,\n    skeleton,\n    className,\n    ...attributes\n  } = props\n\n  const { sizeAsString, iconParams } = calcSize({\n    icon,\n    size,\n    width,\n    height,\n  })\n\n  if (color) {\n    iconParams.color = color\n  }\n\n  const label = icon ? getIconNameFromComponent(icon) : null\n\n  // some wrapper params\n  // also used for code markup simulation\n  const wrapperParams = validateDOMAttributes(props, {\n    role: alt ? 'img' : 'presentation',\n    alt, // in case the image don't shows up (because we define the role to be img)\n    'aria-label':\n      label && !label.includes('default')\n        ? label.replace(/_/g, ' ') + ' icon'\n        : null, // for screen readers only\n    title, // to show on hover, if defined\n    ...attributes,\n  })\n  if (!alt && typeof wrapperParams['aria-hidden'] === 'undefined') {\n    wrapperParams['aria-hidden'] = true\n  }\n  if (wrapperParams['aria-hidden']) {\n    if (\n      !wrapperParams['data-testid'] &&\n      typeof process !== 'undefined' &&\n      process.env.NODE_ENV === 'test'\n    ) {\n      wrapperParams['data-testid'] = wrapperParams['aria-label']\n    }\n    delete wrapperParams['aria-label']\n  }\n\n  wrapperParams.className = classnames(\n    'dnb-icon',\n    modifier && `dnb-icon--${modifier}`,\n    border && 'dnb-icon--border',\n    (inheritColor ?? inherit_color) !== false && 'dnb-icon--inherit-color',\n    sizeAsString ? `dnb-icon--${sizeAsString}` : 'dnb-icon--default',\n    createSkeletonClass(null, skeleton, context),\n    createSpacingClasses(props),\n    className\n  )\n\n  let iconToRender = getIcon(props)\n\n  if (iconToRender && typeof iconToRender.defaultProps !== 'undefined') {\n    iconToRender = React.createElement(\n      iconToRender,\n      validateDOMAttributes(\n        {},\n        {\n          color,\n          icon,\n          size,\n          width,\n          height,\n        }\n      )\n    )\n  }\n\n  return {\n    ...props,\n    icon: iconToRender,\n    alt,\n    iconParams,\n    wrapperParams,\n  }\n}\n\nexport function prerenderIcon(\n  props: IconProps & {\n    listOfIcons?: Record<string, IconIcon>\n  }\n) {\n  const { size = null, listOfIcons = null, alt = null } = props\n  let { icon } = props as Omit<IconProps, 'icon'> & { icon: IconType }\n\n  if (typeof icon === 'string' && /^data:image\\//.test(icon)) {\n    return () => <img src={String(icon)} alt={alt || 'no-alt'} />\n  }\n\n  if (typeof icon === 'function') {\n    const elem = icon()\n    if (React.isValidElement(elem)) {\n      return icon\n    }\n    return elem\n  }\n\n  if (React.isValidElement(icon) || Array.isArray(icon)) {\n    return () => icon\n  }\n\n  // For UMD/ dynamic import of icons\n  try {\n    icon = iconCase(icon)\n    if (\n      size &&\n      DefaultIconSizes[size] &&\n      size !== 'basis' &&\n      size !== 'default' &&\n      !(parseFloat(String(size)) > 0) &&\n      !icon.includes(size as ValidIconType)\n    ) {\n      icon = `${icon}_${size}`\n    }\n    const mod = (\n      listOfIcons.dnbIcons ? listOfIcons.dnbIcons : listOfIcons\n    )[icon]\n    return mod && mod.default ? mod.default : mod\n  } catch (e) {\n    ErrorHandler(`Icon '${icon}' did not exist!`)\n    return null\n  }\n}\n\nfunction getIcon(props) {\n  if (props.icon) {\n    return props.icon\n  }\n  return processChildren(props)\n}\n\nIcon._supportsSpacingProps = true\n"],"mappings":"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"}

package/components/logo/Logo.js.map

@@ -1 +1 @@
-{"version":3,"file":"Logo.js","names":["React","useContext","useMemo","classnames","Context","validateDOMAttributes","extendPropsWithContext","createSpacingClasses","convertSnakeCaseProps","LogoSvg","defaultProps","size","variant","inheritSize","Logo","localProps","context","props","_convertDimensionalPr","convertDimensionalPropsToString","alt","ratio","width","height","heightProp","brand","brandProp","color","inheritColor","className","classNameProp","rest","_objectWithoutProperties","_excluded","theme","name","logoType","parseFloat","altText","sharedClasses","rootParams","_objectSpread","role","svgParams","remainingDOMProps","createElement","allProps","handleTypeToString","val","String","undefined"],"sources":["../../../../src/components/logo/Logo.tsx"],"sourcesContent":["/**\n * Web Logo Component\n */\n\nimport React, { useContext, useMemo } from 'react'\nimport classnames from 'classnames'\nimport Context from '../../shared/Context'\nimport {\n  validateDOMAttributes,\n  extendPropsWithContext,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\n\nimport type { IconColor } from '../Icon'\nimport type { SpacingProps } from '../space/types'\nimport { convertSnakeCaseProps } from '../../shared/helpers/withSnakeCaseProps'\nimport LogoSvg from './LogoSvg'\n\nexport type LogoWidth = number | string\nexport type LogoHeight = number | string\nexport type LogoVariant = 'default' | 'compact' | 'compactHorizontal'\n\nexport type LogoProps = {\n  /**\n   * Define the width of the logo.\n   */\n  width?: LogoWidth // v11: replace with string\n  /**\n   * Define the height of the logo.\n   */\n  height?: LogoHeight // v11: replace with string\n  /**\n   * Define the color of the logo.\n   */\n  color?: IconColor\n  /**\n   * Define which brands logo to show. `ui` (DNB) or `sbanken`. Defaults to `ui`.\n   */\n  brand?: string\n  /**\n   * Define the logo variant, if there is more than one variant of a brands logo. Currently the only option other than default is a `compact` variant of the Sbanken logo. Defaults to `default`.\n   */\n  variant?: LogoVariant\n  /**\n   * Set to `true` if you do not want to inherit the color by `currentColor`. Defaults to `false`.\n   */\n  inheritColor?: boolean\n  /**\n   * Set to `true` if you want the logo to inherit the parent size\n   */\n  inheritSize?: boolean\n} & SpacingProps &\n  Omit<React.HTMLProps<HTMLElement>, 'ref' | 'size'> &\n  DeprecatedLogoProps\n\ntype DeprecatedLogoProps = {\n  /** @deprecated Will be removed in eufemia v11 */\n  alt?: string\n  /** @deprecated Will be removed in eufemia v11 */\n  ratio?: number | string\n  /** @deprecated Use 'inheritColor' */\n  inherit_color?: boolean\n  /** @deprecated Will be removed in eufemia v11 */\n  size?: string | number\n}\n\nconst defaultProps: LogoProps = {\n  size: 'auto',\n  variant: 'default',\n  inheritSize: false,\n}\n\nfunction Logo(localProps: LogoProps) {\n  const context = useContext(Context)\n\n  const props = extendPropsWithContext(\n    convertSnakeCaseProps(localProps),\n    defaultProps,\n    context.Logo\n  )\n\n  const {\n    alt, // eslint-disable-line\n    size, // eslint-disable-line\n    ratio, // eslint-disable-line\n    width,\n    inheritSize,\n    height: heightProp,\n    brand: brandProp,\n    variant,\n    color,\n    inheritColor,\n    className: classNameProp,\n    ...rest\n  } = convertDimensionalPropsToString(props)\n\n  // Attempt to get theme from context\n  const brand = context.theme ? context.theme.name : brandProp\n\n  const logoType = useMemo(() => {\n    if (brand === 'sbanken') {\n      if (variant === 'compact') {\n        return 'sbankenCompact'\n      } else if (variant === 'compactHorizontal') {\n        return 'sbankenHorizontal'\n      } else {\n        return 'sbankenDefault'\n      }\n    }\n\n    return 'dnb'\n  }, [brand, variant])\n\n  /** @deprecated Can remove this in v11 */\n  const height = parseFloat(size) > 0 ? size : heightProp\n\n  // Alt text for the logo does not need to be translated. DNB alt will be the same in english, and sbanken alt should always be in norwegian\n  const altText =\n    logoType === 'dnb' ? 'DNB Logo' : 'Sbanken - et konsept fra DNB logo'\n\n  const sharedClasses = classnames(\n    classNameProp,\n    createSpacingClasses(props)\n  )\n  const className = useMemo(() => {\n    if (logoType === 'dnb') {\n      return classnames(\n        'dnb-logo',\n        sharedClasses,\n        (parseFloat(width) > 0 || parseFloat(height) > 0) &&\n          'dnb-logo--has-size',\n        (inheritSize || size === 'inherit') && 'dnb-logo--inherit-size',\n        inheritColor && 'dnb-logo--inherit-color'\n      )\n    }\n\n    return classnames(\n      'sbanken-logo',\n      sharedClasses,\n      (parseFloat(width) > 0 || parseFloat(height) > 0) &&\n        'sbanken-logo--has-size',\n      (inheritSize || size === 'inherit') && 'sbanken-logo--inherit-size',\n      inheritColor && 'sbanken-logo--inherit-color'\n    )\n  }, [\n    logoType,\n    sharedClasses,\n    width,\n    height,\n    inheritSize,\n    size,\n    inheritColor,\n  ])\n\n  const rootParams = {\n    role: 'img',\n    'aria-hidden': true,\n    className,\n    alt: altText,\n    ...rest,\n  }\n\n  const svgParams = {\n    width,\n    height,\n    color,\n    alt: altText,\n  }\n\n  const remainingDOMProps = validateDOMAttributes(props, rootParams)\n\n  return (\n    <span {...remainingDOMProps}>\n      <LogoSvg logoType={logoType} svgParams={svgParams} />\n    </span>\n  )\n}\n\n/**\n * @deprecated Can be removed in v11\n */\nfunction convertDimensionalPropsToString(allProps: LogoProps) {\n  return {\n    ...allProps,\n    size: handleTypeToString(allProps.size),\n    ratio: handleTypeToString(allProps.ratio),\n    width: handleTypeToString(allProps.width),\n    height: handleTypeToString(allProps.height),\n  }\n}\n\nfunction handleTypeToString(val: number | string) {\n  return val ? String(val) : undefined\n}\n\nexport default Logo\n"],"mappings":"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"}
+{"version":3,"file":"Logo.js","names":["React","useContext","useMemo","classnames","Context","validateDOMAttributes","extendPropsWithContext","createSpacingClasses","convertSnakeCaseProps","LogoSvg","defaultProps","size","variant","inheritSize","Logo","localProps","context","props","_convertDimensionalPr","convertDimensionalPropsToString","alt","ratio","width","height","heightProp","brand","brandProp","color","inheritColor","className","classNameProp","rest","_objectWithoutProperties","_excluded","theme","name","logoType","parseFloat","altText","sharedClasses","rootParams","_objectSpread","role","svgParams","remainingDOMProps","createElement","allProps","handleTypeToString","val","String","undefined"],"sources":["../../../../src/components/logo/Logo.tsx"],"sourcesContent":["/**\n * Web Logo Component\n */\n\nimport React, { useContext, useMemo } from 'react'\nimport classnames from 'classnames'\nimport Context from '../../shared/Context'\nimport {\n  validateDOMAttributes,\n  extendPropsWithContext,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\n\nimport type { IconColor } from '../Icon'\nimport type { SpacingProps } from '../space/types'\nimport { convertSnakeCaseProps } from '../../shared/helpers/withSnakeCaseProps'\nimport LogoSvg from './LogoSvg'\n\nexport type LogoWidth = number | string\nexport type LogoHeight = number | string\nexport type LogoVariant = 'default' | 'compact' | 'compactHorizontal'\n\nexport type LogoProps = {\n  /**\n   * Define the width of the logo.\n   */\n  width?: LogoWidth // v11: replace with string\n  /**\n   * Define the height of the logo.\n   */\n  height?: LogoHeight // v11: replace with string\n  /**\n   * Define the color of the logo.\n   */\n  color?: IconColor\n  /**\n   * Define which brands logo to show. `ui` (DNB) or `sbanken`. Defaults to `ui`.\n   */\n  brand?: string\n  /**\n   * Define the logo variant, if there is more than one variant of a brands logo. Currently the only option other than default is a `compact` variant of the Sbanken logo. Defaults to `default`.\n   */\n  variant?: LogoVariant\n  /**\n   * Set to `true` if you do not want to inherit the color by `currentColor`. Defaults to `false`.\n   */\n  inheritColor?: boolean\n  /**\n   * Set to `true` if you want the logo to inherit the parent size\n   */\n  inheritSize?: boolean\n} & SpacingProps &\n  Omit<React.HTMLProps<HTMLElement>, 'ref' | 'size'> &\n  DeprecatedLogoProps\n\ntype DeprecatedLogoProps = {\n  /** @deprecated Will be removed in eufemia v11 */\n  alt?: string\n  /** @deprecated Will be removed in eufemia v11 */\n  ratio?: number | string\n  /** @deprecated Use 'inheritColor' */\n  inherit_color?: boolean\n  /** @deprecated Will be removed in eufemia v11 */\n  size?: string | number\n}\n\nconst defaultProps: LogoProps = {\n  size: 'auto',\n  variant: 'default',\n  inheritSize: false,\n}\n\nfunction Logo(localProps: LogoProps) {\n  const context = useContext(Context)\n\n  const props = extendPropsWithContext(\n    convertSnakeCaseProps(localProps),\n    defaultProps,\n    context.Logo\n  )\n\n  const {\n    alt, // eslint-disable-line\n    size, // eslint-disable-line\n    ratio, // eslint-disable-line\n    width,\n    inheritSize,\n    height: heightProp,\n    brand: brandProp,\n    variant,\n    color,\n    inheritColor,\n    className: classNameProp,\n    ...rest\n  } = convertDimensionalPropsToString(props)\n\n  // Attempt to get theme from context\n  const brand = context.theme ? context.theme.name : brandProp\n\n  const logoType = useMemo(() => {\n    if (brand === 'sbanken') {\n      if (variant === 'compact') {\n        return 'sbankenCompact'\n      } else if (variant === 'compactHorizontal') {\n        return 'sbankenHorizontal'\n      } else {\n        return 'sbankenDefault'\n      }\n    }\n\n    return 'dnb'\n  }, [brand, variant])\n\n  /** @deprecated Can remove this in v11 */\n  const height = parseFloat(size) > 0 ? size : heightProp\n\n  // Alt text for the logo does not need to be translated. DNB alt will be the same in English, and sbanken alt should always be in Norwegian\n  const altText =\n    logoType === 'dnb' ? 'DNB Logo' : 'Sbanken - et konsept fra DNB logo'\n\n  const sharedClasses = classnames(\n    classNameProp,\n    createSpacingClasses(props)\n  )\n  const className = useMemo(() => {\n    if (logoType === 'dnb') {\n      return classnames(\n        'dnb-logo',\n        sharedClasses,\n        (parseFloat(width) > 0 || parseFloat(height) > 0) &&\n          'dnb-logo--has-size',\n        (inheritSize || size === 'inherit') && 'dnb-logo--inherit-size',\n        inheritColor && 'dnb-logo--inherit-color'\n      )\n    }\n\n    return classnames(\n      'sbanken-logo',\n      sharedClasses,\n      (parseFloat(width) > 0 || parseFloat(height) > 0) &&\n        'sbanken-logo--has-size',\n      (inheritSize || size === 'inherit') && 'sbanken-logo--inherit-size',\n      inheritColor && 'sbanken-logo--inherit-color'\n    )\n  }, [\n    logoType,\n    sharedClasses,\n    width,\n    height,\n    inheritSize,\n    size,\n    inheritColor,\n  ])\n\n  const rootParams = {\n    role: 'img',\n    'aria-hidden': true,\n    className,\n    alt: altText,\n    ...rest,\n  }\n\n  const svgParams = {\n    width,\n    height,\n    color,\n    alt: altText,\n  }\n\n  const remainingDOMProps = validateDOMAttributes(props, rootParams)\n\n  return (\n    <span {...remainingDOMProps}>\n      <LogoSvg logoType={logoType} svgParams={svgParams} />\n    </span>\n  )\n}\n\n/**\n * @deprecated Can be removed in v11\n */\nfunction convertDimensionalPropsToString(allProps: LogoProps) {\n  return {\n    ...allProps,\n    size: handleTypeToString(allProps.size),\n    ratio: handleTypeToString(allProps.ratio),\n    width: handleTypeToString(allProps.width),\n    height: handleTypeToString(allProps.height),\n  }\n}\n\nfunction handleTypeToString(val: number | string) {\n  return val ? String(val) : undefined\n}\n\nexport default Logo\n"],"mappings":"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"}

package/components/number-format/NumberUtils.d.ts

@@ -163,3 +163,17 @@ export const roundHalfEven: (
   num: number,
   decimalPlaces?: number
 ) => number;
+
+/**
+ * Formats a number as a phone number
+ *
+ * @param {string|number} number any number
+ * @param {string} locale as a string. Defaults to the global LOCALE constant
+ * @param {string} options formatting options based on the toLocaleString API
+ * @returns {string} a phone number
+ */
+export const formatPhone: (
+  number: string | number,
+  locale?: string,
+  options?: Intl.NumberFormatOptions
+) => { number: string; aria: string };

package/components/number-format/NumberUtils.js

@@ -360,18 +360,17 @@ export const formatPhone = function (number) {
       {
         number = String(number).replace(/[^+0-9]/g, '');
         let code = '';
-        if (number.length > 8 && number.substr(0, 2) !== '00') {
+        if (number.length > 8 && number.substring(0, 2) !== '00' && !number.startsWith('+')) {
           number = '+' + number;
-          number = number.replace(/^\+{2,}/, '+');
         }
         if (number[0] === '+') {
-          code = number.substr(0, 3) + ' ';
-          number = number.substr(3);
-        } else if (number.substr(0, 2) === '00') {
-          code = number.substr(0, 4) + ' ';
-          number = number.substr(4);
+          code = number.substring(0, 3) + ' ';
+          number = number.substring(3);
+        } else if (number.substring(0, 2) === '00') {
+          code = number.substring(0, 4) + ' ';
+          number = number.substring(4);
         }
-        code = code.replace('+', '00');
+        code = code.replace(/^00/, '+');
         const length = number.length;
         if (length === 8 && number[0] === '8') {
           display = code + number.split(/([0-9]{3})([0-9]{2})/).filter(s => s).join(' ');