@dnb/eufemia 10.2.0 → 10.3.0

package/components/badge/Badge.js

@@ -17,35 +17,28 @@ export const defaultProps = {
   horizontal: null,
   variant: 'information'
 };
-
 function Badge(localProps) {
   var _span;
-
   const context = React.useContext(Context);
   const allProps = extendPropsWithContext(localProps, defaultProps, context === null || context === void 0 ? void 0 : context.Badge, {
     skeleton: context === null || context === void 0 ? void 0 : context.skeleton
   });
-
   const {
-    label,
-    className,
-    children,
-    skeleton,
-    horizontal,
-    vertical,
-    content: contentProp,
-    variant
-  } = allProps,
-        props = _objectWithoutProperties(allProps, _excluded);
-
+      label,
+      className,
+      children,
+      skeleton,
+      horizontal,
+      vertical,
+      content: contentProp,
+      variant
+    } = allProps,
+    props = _objectWithoutProperties(allProps, _excluded);
   validateDOMAttributes(allProps, props);
-
   if (children) {
     return React.createElement(BadgeRoot, null, children, React.createElement(BadgeElem, null));
   }
-
   return React.createElement(BadgeElem, null);
-
   function BadgeRoot(_ref) {
     let {
       children
@@ -54,22 +47,18 @@ function Badge(localProps) {
       className: "dnb-badge__root"
     }, children);
   }
-
   function BadgeElem() {
     const skeletonClasses = createSkeletonClass('shape', skeleton, context);
     const spacingClasses = createSpacingClasses(allProps);
     const contentIsNum = typeof contentProp === 'number';
     const variantIsNotification = variant === 'notification';
     const content = variantIsNotification && contentIsNum && contentProp > 9 ? '9+' : contentProp;
-
     if (variantIsNotification && !contentIsNum) {
       warn(`Type of content should be a number: A notification badge is best suited to display content of type number.`);
     }
-
     if (!label && contentIsNum) {
       warn(`Label required: A Badge with a number as content requires a label describing the content of the badge. This is to ensure correct semantic and accessibility.`);
     }
-
     return React.createElement("span", _extends({
       role: "status",
       className: classnames(`dnb-badge dnb-badge--variant-${variant}`, skeletonClasses, spacingClasses, className, horizontal && `dnb-badge--horizontal-${horizontal}`, vertical && `dnb-badge--vertical-${vertical}`)
@@ -78,5 +67,5 @@ function Badge(localProps) {
     }, label, " "))), content);
   }
 }
-
-export default Badge;
+export default Badge;
+//# sourceMappingURL=Badge.js.map

package/components/badge/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","names":["React","classnames","createSpacingClasses","createSkeletonClass","Context","warn","extendPropsWithContext","validateDOMAttributes","defaultProps","label","className","skeleton","children","content","vertical","horizontal","variant","Badge","localProps","_span","context","useContext","allProps","contentProp","props","_objectWithoutProperties","_excluded","createElement","BadgeRoot","BadgeElem","_ref","skeletonClasses","spacingClasses","contentIsNum","variantIsNotification","_extends","role"],"sources":["../../../../src/components/badge/Badge.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\n\n// Components\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport { createSkeletonClass } from '../skeleton/SkeletonHelper'\n\n// Shared\nimport Context from '../../shared/Context'\nimport type { SpacingProps } from '../../shared/types'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\nimport {\n  warn,\n  extendPropsWithContext,\n  validateDOMAttributes,\n} from '../../shared/component-helper'\n\nexport interface BadgeProps {\n  /**\n   * Aria label to describe the badge\n   * Default: null\n   */\n  label?: React.ReactNode\n\n  /**\n   * Custom className on the component root\n   * Default: null\n   */\n  className?: string\n\n  /**\n   * Skeleton should be applied when loading content\n   * Default: null\n   */\n  skeleton?: SkeletonShow\n\n  /**\n   * The content to display the badge on top of.\n   * Default: null\n   */\n  children?: React.ReactNode\n\n  /**\n   * The content of the component.\n   * Default: null\n   */\n  content?: string | number | React.ReactNode\n\n  /**\n   * The vertical positioning of the component.\n   * Default: null\n   */\n  vertical?: 'bottom' | 'top'\n\n  /**\n   * The horizontal positioning of the component.\n   * Default: null\n   */\n  horizontal?: 'left' | 'right'\n\n  /**\n   * The variant of the component.\n   * Default: information.\n   */\n  variant?: 'information' | 'notification'\n}\n\ntype BadgeAndSpacingProps = BadgeProps & SpacingProps\n\nexport const defaultProps = {\n  label: null,\n  className: null,\n  skeleton: false,\n  children: null,\n  content: null,\n  vertical: null,\n  horizontal: null,\n  variant: 'information',\n}\n\nfunction Badge(localProps: BadgeAndSpacingProps) {\n  // Every component should have a context\n  const context = React.useContext(Context)\n\n  // Extract additional props from global context\n  const allProps = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    context?.Badge,\n    { skeleton: context?.skeleton }\n  )\n\n  const {\n    label,\n    className,\n    children, // eslint-disable-line\n    skeleton,\n    horizontal,\n    vertical,\n    content: contentProp,\n    variant,\n    ...props\n  } = allProps\n\n  validateDOMAttributes(allProps, props)\n\n  if (children) {\n    return (\n      <BadgeRoot>\n        {children}\n        <BadgeElem />\n      </BadgeRoot>\n    )\n  }\n\n  return <BadgeElem />\n\n  function BadgeRoot({ children }: { children: React.ReactNode }) {\n    return <span className=\"dnb-badge__root\">{children}</span>\n  }\n\n  function BadgeElem() {\n    const skeletonClasses = createSkeletonClass('shape', skeleton, context)\n    const spacingClasses = createSpacingClasses(allProps)\n    const contentIsNum = typeof contentProp === 'number'\n    const variantIsNotification = variant === 'notification'\n\n    const content =\n      variantIsNotification && contentIsNum && contentProp > 9\n        ? '9+'\n        : contentProp\n\n    if (variantIsNotification && !contentIsNum) {\n      warn(\n        `Type of content should be a number: A notification badge is best suited to display content of type number.`\n      )\n    }\n    if (!label && contentIsNum) {\n      warn(\n        `Label required: A Badge with a number as content requires a label describing the content of the badge. This is to ensure correct semantic and accessibility.`\n      )\n    }\n\n    return (\n      <span\n        role=\"status\"\n        className={classnames(\n          'dnb-badge',\n          `dnb-badge--variant-${variant}`,\n          horizontal && `dnb-badge--horizontal-${horizontal}`,\n          vertical && `dnb-badge--vertical-${vertical}`,\n          skeletonClasses,\n          spacingClasses,\n          className\n        )}\n        {...props}\n      >\n        {label && <span className=\"dnb-sr-only\">{label} </span>}\n        {content}\n      </span>\n    )\n  }\n}\n\nexport default Badge\n"],"mappings":"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"}

package/components/badge/index.js

@@ -1,3 +1,4 @@
 import Badge from './Badge';
 export default Badge;
-export * from './Badge';
+export * from './Badge';
+//# sourceMappingURL=index.js.map

package/components/badge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Badge"],"sources":["../../../../src/components/badge/index.ts"],"sourcesContent":["/**\n * Component Entry\n *\n */\n\nimport Badge from './Badge'\nexport default Badge\nexport * from './Badge'\n"],"mappings":"AAKA,OAAOA,KAAK,MAAM,SAAS;AAC3B,eAAeA,KAAK;AACpB,cAAc,SAAS"}

package/components/badge/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/badge/style/index.js"],"sourcesContent":["/**\n * Web Style Import\n *\n */\n\nimport './dnb-badge.scss'\n"],"mappings":"AAKA,OAAO,qBAAkB"}

package/components/badge/style/themes/ui.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui.js","names":[],"sources":["../../../../../../src/components/badge/style/themes/ui.js"],"sourcesContent":["/**\n * Imports the default theme\n *\n */\n\nimport './dnb-badge-theme-ui.scss'\n"],"mappings":"AAKA,OAAO,8BAA2B"}

package/components/badge/style.js.map

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

package/components/breadcrumb/Breadcrumb.js

@@ -23,35 +23,31 @@ export const defaultProps = {
   collapsedStyleType: 'pistachio',
   spacing: false
 };
-
 const Breadcrumb = localProps => {
   var _context$translation;
-
   const context = React.useContext(Context);
   const allProps = extendPropsWithContext(localProps, defaultProps, context === null || context === void 0 ? void 0 : (_context$translation = context.translation) === null || _context$translation === void 0 ? void 0 : _context$translation.Breadcrumb, context === null || context === void 0 ? void 0 : context.Breadcrumb, {
     skeleton: context === null || context === void 0 ? void 0 : context.skeleton
   });
-
   const {
-    className,
-    skeleton,
-    children: items,
-    variant,
-    onClick,
-    navText,
-    goBackText,
-    homeText,
-    backToText,
-    styleType,
-    collapsedStyleType,
-    isCollapsed: overrideIsCollapsed,
-    spacing,
-    noAnimation,
-    data,
-    href
-  } = allProps,
-        props = _objectWithoutProperties(allProps, _excluded);
-
+      className,
+      skeleton,
+      children: items,
+      variant,
+      onClick,
+      navText,
+      goBackText,
+      homeText,
+      backToText,
+      styleType,
+      collapsedStyleType,
+      isCollapsed: overrideIsCollapsed,
+      spacing,
+      noAnimation,
+      data,
+      href
+    } = allProps,
+    props = _objectWithoutProperties(allProps, _excluded);
   const skeletonClasses = createSkeletonClass('font', skeleton, context);
   const spacingClasses = createSpacingClasses(props);
   const [isCollapsed, setCollapse] = useState(overrideIsCollapsed);
@@ -62,7 +58,6 @@ const Breadcrumb = localProps => {
     }
   });
   let currentVariant = variant;
-
   if (!variant) {
     if (items || data) {
       currentVariant = isSmallScreen ? 'collapse' : 'multiple';
@@ -70,7 +65,6 @@ const Breadcrumb = localProps => {
       currentVariant = 'single';
     }
   }
-
   useEffect(() => {
     setCollapse(overrideIsCollapsed);
   }, [overrideIsCollapsed]);
@@ -114,7 +108,7 @@ const Breadcrumb = localProps => {
     noAnimation: noAnimation
   })));
 };
-
 Breadcrumb.Item = BreadcrumbItem;
 export { BreadcrumbItem };
-export default Breadcrumb;
+export default Breadcrumb;
+//# sourceMappingURL=Breadcrumb.js.map

package/components/breadcrumb/Breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.js","names":["React","useEffect","useState","classnames","createSkeletonClass","createSpacingClasses","Section","Button","useMediaQuery","Context","BreadcrumbItem","convertJsxToString","isTrue","validateDOMAttributes","extendPropsWithContext","BreadcrumbMultiple","defaultProps","skeleton","navText","goBackText","homeText","backToText","isCollapsed","styleType","collapsedStyleType","spacing","Breadcrumb","localProps","_context$translation","context","useContext","allProps","translation","className","children","items","variant","onClick","overrideIsCollapsed","noAnimation","data","href","props","_objectWithoutProperties","_excluded","skeletonClasses","spacingClasses","setCollapse","isSmallScreen","matchOnSSR","when","max","currentVariant","innerSpacing","createElement","_extends","style_type","text","icon","icon_position","Item"],"sources":["../../../../src/components/breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\nimport classnames from 'classnames'\n\n// Components\nimport { createSkeletonClass } from '../skeleton/SkeletonHelper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport Section, {\n  SectionSpacing,\n  SectionStyleTypes,\n} from '../section/Section'\nimport Button from '../button/Button'\n\n// Shared\nimport { useMediaQuery } from '../../shared'\nimport Context from '../../shared/Context'\nimport type { SpacingProps } from '../../shared/types'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\n\n// Internal\nimport BreadcrumbItem, { BreadcrumbItemProps } from './BreadcrumbItem'\nimport {\n  convertJsxToString,\n  isTrue,\n  validateDOMAttributes,\n  extendPropsWithContext,\n} from '../../shared/component-helper'\nimport { BreadcrumbMultiple } from './BreadcrumbMultiple'\n\nexport interface BreadcrumbProps {\n  /**\n   * Custom className on the component root\n   * Default: null\n   */\n  className?: string\n\n  /**\n   * Skeleton should be applied when loading content\n   * Default: null\n   */\n  skeleton?: SkeletonShow\n\n  /**\n   * Pass in a list of your pages as objects of breadcrumbitem to render them as breadcrumbitems.\n   * Default: null\n   */\n  data?: Array<BreadcrumbItemProps>\n\n  /**\n   * The content of the component. Can be used instead of prop \"data\".\n   * Default: null\n   */\n  children?:\n    | React.ReactElement<BreadcrumbItemProps>\n    | Array<React.ReactElement<BreadcrumbItemProps>>\n\n  /**\n   * The variant of the component.\n   * Default: When children and data is not defined, it defaults to \"single\". If they are defined, the variant depends on the viewport.\n   */\n  variant?: 'single' | 'multiple' | 'collapse'\n\n  /**\n   * Handle the click event on 'single'/'collapse'\n   * Default: null\n   */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>\n\n  /**\n   * For variant 'single', use href (or onClick) to set href when clicking \"Back\"\n   * Default: null\n   */\n  href?: string\n\n  /**\n   * Every <nav> on a page needs an unique aria-label text\n   * Default: Page hierarchy\n   */\n  navText?: React.ReactNode\n\n  /**\n   * Add custom 'Back' text for variant 'single'\n   * Default: 'Back' or defined by Context translation\n   */\n  goBackText?: React.ReactNode\n\n  /**\n   * Add custom 'Home' text\n   * Default: 'Home' or defined by Context translation\n   */\n  homeText?: React.ReactNode\n\n  /**\n   * Add custom 'Back to...' text, for variant collapse\n   * Default 'Back to...' or defined by Context translation\n   */\n  backToText?: React.ReactNode\n\n  /**\n   * If variant='collapse', you can override isCollapsed for the collapsed content by updating this value.\n   * Default: null\n   */\n  isCollapsed?: boolean\n\n  /**\n   * Use one of the Section component style types (style_type)\n   * Default: transparent\n   */\n  styleType?: SectionStyleTypes\n\n  /**\n   * Use one of the Section component style types (style_type)\n   * Default: pistachio\n   */\n  collapsedStyleType?: SectionStyleTypes\n\n  /**\n   * Include spacing properties from the Section component in breadcrumb. If only `true` is given, the spacing will be `small`.\n   * Default: false\n   */\n  spacing?: SectionSpacing\n\n  /**\n   * Will disable the height animation\n   * Default: false\n   */\n  noAnimation?: boolean\n}\n\nexport const defaultProps = {\n  skeleton: false,\n  navText: 'Back',\n  goBackText: 'Back',\n  homeText: 'Home',\n  backToText: 'Back to...',\n  isCollapsed: true,\n  styleType: 'transparent',\n  collapsedStyleType: 'pistachio',\n  spacing: false,\n}\n\nconst Breadcrumb = (localProps: BreadcrumbProps & SpacingProps) => {\n  // Every component should have a context\n  const context = React.useContext(Context)\n\n  // Extract additional props from global context\n  const allProps = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    context?.translation?.Breadcrumb,\n    context?.Breadcrumb,\n    { skeleton: context?.skeleton }\n  )\n\n  const {\n    className,\n    skeleton,\n    children: items,\n    variant,\n    onClick,\n    navText, // has a translation in context\n    goBackText, // has a translation in context\n    homeText, // eslint-disable-line\n    backToText, // has a translation in context\n    styleType,\n    collapsedStyleType,\n    isCollapsed: overrideIsCollapsed,\n    spacing,\n    noAnimation,\n    data,\n    href,\n    ...props\n  } = allProps\n  const skeletonClasses = createSkeletonClass('font', skeleton, context)\n  const spacingClasses = createSpacingClasses(props)\n\n  const [isCollapsed, setCollapse] = useState(overrideIsCollapsed)\n  const isSmallScreen = useMediaQuery({\n    matchOnSSR: true,\n    when: { max: 'medium' },\n  })\n\n  let currentVariant = variant\n  if (!variant) {\n    if (items || data) {\n      currentVariant = isSmallScreen ? 'collapse' : 'multiple'\n    } else {\n      currentVariant = 'single'\n    }\n  }\n\n  useEffect(() => {\n    setCollapse(overrideIsCollapsed)\n  }, [overrideIsCollapsed])\n\n  validateDOMAttributes(allProps, props)\n\n  const innerSpacing = isTrue(spacing) ? 'small' : spacing\n\n  return (\n    <nav\n      aria-label={convertJsxToString(navText)}\n      className={classnames(\n        'dnb-breadcrumb',\n        skeletonClasses,\n        spacingClasses,\n        className\n      )}\n      {...props}\n    >\n      <Section\n        className=\"dnb-breadcrumb__bar\"\n        style_type={styleType || 'transparent'}\n        spacing={innerSpacing}\n      >\n        {currentVariant === 'collapse' && (\n          <Button\n            text={backToText}\n            variant=\"tertiary\"\n            icon=\"chevron_left\"\n            icon_position=\"left\"\n            onClick={\n              onClick ||\n              (() => {\n                setCollapse(!isCollapsed)\n              })\n            }\n            aria-expanded={!isCollapsed}\n          />\n        )}\n\n        {currentVariant === 'single' && (\n          <Button\n            text={goBackText}\n            variant=\"tertiary\"\n            icon=\"chevron_left\"\n            icon_position=\"left\"\n            onClick={onClick}\n            href={href}\n          />\n        )}\n\n        {currentVariant === 'multiple' && (\n          <BreadcrumbMultiple\n            data={data}\n            items={items}\n            isCollapsed={false}\n            noAnimation={noAnimation}\n          />\n        )}\n      </Section>\n\n      {currentVariant === 'collapse' && (\n        <Section\n          style_type={collapsedStyleType}\n          className=\"dnb-breadcrumb__collapse\"\n        >\n          <BreadcrumbMultiple\n            data={data}\n            items={items}\n            isCollapsed={isCollapsed}\n            noAnimation={noAnimation}\n          />\n        </Section>\n      )}\n    </nav>\n  )\n}\n\nBreadcrumb.Item = BreadcrumbItem\n\nexport { BreadcrumbItem }\n\nexport default Breadcrumb\n"],"mappings":"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"}

package/components/breadcrumb/BreadcrumbItem.js

@@ -16,7 +16,6 @@ const defaultProps = {
   variant: null,
   skeleton: null
 };
-
 const BreadcrumbItem = localProps => {
   const context = React.useContext(Context);
   const {
@@ -26,19 +25,17 @@ const BreadcrumbItem = localProps => {
       }
     }
   } = context;
-
   const _extendPropsWithConte = extendPropsWithContext(localProps, defaultProps, context === null || context === void 0 ? void 0 : context.BreadcrumbItem),
-        {
-    text,
-    href,
-    icon,
-    onClick,
-    variant,
-    skeleton,
-    itemNr
-  } = _extendPropsWithConte,
-        props = _objectWithoutProperties(_extendPropsWithConte, _excluded);
-
+    {
+      text,
+      href,
+      icon,
+      onClick,
+      variant,
+      skeleton,
+      itemNr
+    } = _extendPropsWithConte,
+    props = _objectWithoutProperties(_extendPropsWithConte, _excluded);
   const currentIcon = icon || variant === 'home' && homeIcon || 'chevron_left';
   const currentText = text || variant === 'home' && homeText || '';
   const isInteractive = (href || onClick) && variant !== 'current';
@@ -66,5 +63,5 @@ const BreadcrumbItem = localProps => {
     left: "0"
   }, currentText)));
 };
-
-export default BreadcrumbItem;
+export default BreadcrumbItem;
+//# sourceMappingURL=BreadcrumbItem.js.map

package/components/breadcrumb/BreadcrumbItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbItem.js","names":["React","Button","IconPrimary","P","homeIcon","Context","extendPropsWithContext","defaultProps","text","href","icon","onClick","variant","skeleton","BreadcrumbItem","localProps","context","useContext","translation","Breadcrumb","homeText","_extendPropsWithConte","itemNr","props","_objectWithoutProperties","_excluded","currentIcon","currentText","isInteractive","style","String","createElement","className","undefined","_extends","icon_position","on_click","left"],"sources":["../../../../src/components/breadcrumb/BreadcrumbItem.tsx"],"sourcesContent":["import React from 'react'\n\n// Components\nimport Button from '../button/Button'\nimport IconPrimary from '../icon-primary/IconPrimary'\nimport type { IconIcon } from '../icon/Icon'\n\n// Elements\nimport P from '../../elements/P'\n\n// Icons\nimport homeIcon from '../../icons/home'\n\n// Shared\nimport Context from '../../shared/Context'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\nimport { extendPropsWithContext } from '../../shared/component-helper'\n\nexport interface BreadcrumbItemProps {\n  /**\n   * Text displaying the title of the item's corresponding page\n   * Default: If variant='home', default is \"Home\". Otherwise it is required.\n   */\n  text?: React.ReactNode\n\n  /**\n   * Icon displaying on the left side\n   * Default: HomeIcon / chevron_left\n   */\n  icon?: IconIcon\n\n  /**\n   * Href should be the link to the item's corresponding page.\n   * Default: null\n   */\n  href?: string\n\n  /**\n   * Set a custom click event. In this case, you should not define the prop href.\n   * Default: null\n   */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>\n\n  /**\n   * The component variant. Variant 'current' should correspond to the current page and 'home' to the root page.\n   * Default: null\n   */\n  variant?: 'home' | 'previous' | 'current'\n\n  /**\n   * Skeleton should be applied when loading content\n   * Default: null\n   */\n  skeleton?: SkeletonShow\n\n  /** Internal */\n  itemNr?: number\n}\n\nconst defaultProps = {\n  text: null,\n  href: null,\n  icon: null,\n  onClick: null,\n  variant: null,\n  skeleton: null,\n}\n\nconst BreadcrumbItem = (localProps: BreadcrumbItemProps) => {\n  // Every component should have a context\n  const context = React.useContext(Context)\n  const {\n    translation: {\n      Breadcrumb: { homeText },\n    },\n  } = context\n\n  // Extract additional props from global context\n  const {\n    text,\n    href,\n    icon,\n    onClick,\n    variant,\n    skeleton,\n    itemNr,\n    ...props\n  } = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    context?.BreadcrumbItem\n  )\n\n  const currentIcon: IconIcon =\n    icon || (variant === 'home' && homeIcon) || 'chevron_left'\n  const currentText = text || (variant === 'home' && homeText) || ''\n  const isInteractive = (href || onClick) && variant !== 'current'\n  const style = { '--delay': String(itemNr) } as React.CSSProperties\n\n  return (\n    <li\n      className=\"dnb-breadcrumb__item\"\n      aria-current={variant === 'current' ? 'page' : undefined}\n      style={style}\n    >\n      {isInteractive ? (\n        <Button\n          variant=\"tertiary\"\n          href={href}\n          icon={currentIcon}\n          icon_position=\"left\"\n          on_click={onClick}\n          text={currentText}\n          skeleton={skeleton}\n          {...props}\n        />\n      ) : (\n        <span className=\"dnb-breadcrumb__item__span\" {...props}>\n          <IconPrimary\n            icon={currentIcon}\n            className=\"dnb-breadcrumb__item__span__icon\"\n          />\n          <P left=\"0\">{currentText}</P>\n        </span>\n      )}\n    </li>\n  )\n}\n\nexport default BreadcrumbItem\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,OAAOC,MAAM,MAAM,kBAAkB;AACrC,OAAOC,WAAW,MAAM,6BAA6B;AAIrD,OAAOC,CAAC,MAAM,kBAAkB;AAGhC,OAAOC,QAAQ,MAAM,kBAAkB;AAGvC,OAAOC,OAAO,MAAM,sBAAsB;AAE1C,SAASC,sBAAsB,QAAQ,+BAA+B;AA2CtE,MAAMC,YAAY,GAAG;EACnBC,IAAI,EAAE,IAAI;EACVC,IAAI,EAAE,IAAI;EACVC,IAAI,EAAE,IAAI;EACVC,OAAO,EAAE,IAAI;EACbC,OAAO,EAAE,IAAI;EACbC,QAAQ,EAAE;AACZ,CAAC;AAED,MAAMC,cAAc,GAAIC,UAA+B,IAAK;EAE1D,MAAMC,OAAO,GAAGhB,KAAK,CAACiB,UAAU,CAACZ,OAAO,CAAC;EACzC,MAAM;IACJa,WAAW,EAAE;MACXC,UAAU,EAAE;QAAEC;MAAS;IACzB;EACF,CAAC,GAAGJ,OAAO;EAGX,MAAAK,qBAAA,GASIf,sBAAsB,CACxBS,UAAU,EACVR,YAAY,EACZS,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEF,cACX,CAAC;IAbK;MACJN,IAAI;MACJC,IAAI;MACJC,IAAI;MACJC,OAAO;MACPC,OAAO;MACPC,QAAQ;MACRS;IAEF,CAAC,GAAAD,qBAAA;IADIE,KAAK,GAAAC,wBAAA,CAAAH,qBAAA,EAAAI,SAAA;EAOV,MAAMC,WAAqB,GACzBhB,IAAI,IAAKE,OAAO,KAAK,MAAM,IAAIR,QAAS,IAAI,cAAc;EAC5D,MAAMuB,WAAW,GAAGnB,IAAI,IAAKI,OAAO,KAAK,MAAM,IAAIQ,QAAS,IAAI,EAAE;EAClE,MAAMQ,aAAa,GAAG,CAACnB,IAAI,IAAIE,OAAO,KAAKC,OAAO,KAAK,SAAS;EAChE,MAAMiB,KAAK,GAAG;IAAE,SAAS,EAAEC,MAAM,CAACR,MAAM;EAAE,CAAwB;EAElE,OACEtB,KAAA,CAAA+B,aAAA;IACEC,SAAS,EAAC,sBAAsB;IAChC,gBAAcpB,OAAO,KAAK,SAAS,GAAG,MAAM,GAAGqB,SAAU;IACzDJ,KAAK,EAAEA;EAAM,GAEZD,aAAa,GACZ5B,KAAA,CAAA+B,aAAA,CAAC9B,MAAM,EAAAiC,QAAA;IACLtB,OAAO,EAAC,UAAU;IAClBH,IAAI,EAAEA,IAAK;IACXC,IAAI,EAAEgB,WAAY;IAClBS,aAAa,EAAC,MAAM;IACpBC,QAAQ,EAAEzB,OAAQ;IAClBH,IAAI,EAAEmB,WAAY;IAClBd,QAAQ,EAAEA;EAAS,GACfU,KAAK,CACV,CAAC,GAEFvB,KAAA,CAAA+B,aAAA,SAAAG,QAAA;IAAMF,SAAS,EAAC;EAA4B,GAAKT,KAAK,GACpDvB,KAAA,CAAA+B,aAAA,CAAC7B,WAAW;IACVQ,IAAI,EAAEgB,WAAY;IAClBM,SAAS,EAAC;EAAkC,CAC7C,CAAC,EACFhC,KAAA,CAAA+B,aAAA,CAAC5B,CAAC;IAACkC,IAAI,EAAC;EAAG,GAAEV,WAAe,CACxB,CAEN,CAAC;AAET,CAAC;AAED,eAAeb,cAAc"}

package/components/breadcrumb/BreadcrumbMultiple.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { BreadcrumbItemProps } from './BreadcrumbItem';
-declare type BreadcrumbMultipleProps = {
+type BreadcrumbMultipleProps = {
     isCollapsed: boolean;
     noAnimation: boolean;
     data: Array<BreadcrumbItemProps>;

package/components/breadcrumb/BreadcrumbMultiple.js

@@ -28,4 +28,5 @@ export const BreadcrumbMultiple = _ref => {
     key: i,
     itemNr: i
   }))));
-};
+};
+//# sourceMappingURL=BreadcrumbMultiple.js.map

package/components/breadcrumb/BreadcrumbMultiple.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbMultiple.js","names":["React","HeightAnimation","Section","BreadcrumbItem","BreadcrumbMultiple","_ref","isCollapsed","items","noAnimation","data","createElement","open","animate","className","element","style_type","map","breadcrumbItem","i","_extends","key","text","variant","length","itemNr","Children","toArray","filter","item","isValidElement","cloneElement"],"sources":["../../../../src/components/breadcrumb/BreadcrumbMultiple.tsx"],"sourcesContent":["import React from 'react'\nimport HeightAnimation from '../height-animation/HeightAnimation'\nimport Section from '../section/Section'\nimport BreadcrumbItem, { BreadcrumbItemProps } from './BreadcrumbItem'\n\ntype BreadcrumbMultipleProps = {\n  isCollapsed: boolean\n  noAnimation: boolean\n  data: Array<BreadcrumbItemProps>\n  items:\n    | React.ReactElement<BreadcrumbItemProps>\n    | Array<React.ReactElement<BreadcrumbItemProps>>\n}\n\nexport const BreadcrumbMultiple = ({\n  isCollapsed,\n  items,\n  noAnimation,\n  data,\n}: BreadcrumbMultipleProps) => {\n  return (\n    <HeightAnimation\n      open={!isCollapsed}\n      animate={!noAnimation}\n      className=\"dnb-breadcrumb__animation\"\n    >\n      <Section\n        className=\"dnb-breadcrumb__list\"\n        element=\"ol\"\n        style_type=\"transparent\"\n      >\n        {data?.map((breadcrumbItem, i) => {\n          return (\n            <BreadcrumbItem\n              key={`${breadcrumbItem.text}`}\n              variant={\n                (i == 0 && 'home') ||\n                (i == data.length - 1 && 'current') ||\n                null\n              }\n              itemNr={i}\n              {...breadcrumbItem}\n            />\n          )\n        })}\n\n        {React.Children.toArray(items)\n          .filter((item) => React.isValidElement(item))\n          .map((item: React.ReactElement<BreadcrumbItemProps>, i) =>\n            React.cloneElement(item, { key: i, itemNr: i })\n          )}\n      </Section>\n    </HeightAnimation>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,MAAM,qCAAqC;AACjE,OAAOC,OAAO,MAAM,oBAAoB;AACxC,OAAOC,cAAc,MAA+B,kBAAkB;AAWtE,OAAO,MAAMC,kBAAkB,GAAGC,IAAA,IAKH;EAAA,IALI;IACjCC,WAAW;IACXC,KAAK;IACLC,WAAW;IACXC;EACuB,CAAC,GAAAJ,IAAA;EACxB,OACEL,KAAA,CAAAU,aAAA,CAACT,eAAe;IACdU,IAAI,EAAE,CAACL,WAAY;IACnBM,OAAO,EAAE,CAACJ,WAAY;IACtBK,SAAS,EAAC;EAA2B,GAErCb,KAAA,CAAAU,aAAA,CAACR,OAAO;IACNW,SAAS,EAAC,sBAAsB;IAChCC,OAAO,EAAC,IAAI;IACZC,UAAU,EAAC;EAAa,GAEvBN,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEO,GAAG,CAAC,CAACC,cAAc,EAAEC,CAAC,KAAK;IAChC,OACElB,KAAA,CAAAU,aAAA,CAACP,cAAc,EAAAgB,QAAA;MACbC,GAAG,EAAG,GAAEH,cAAc,CAACI,IAAK,EAAE;MAC9BC,OAAO,EACJJ,CAAC,IAAI,CAAC,IAAI,MAAM,IAChBA,CAAC,IAAIT,IAAI,CAACc,MAAM,GAAG,CAAC,IAAI,SAAU,IACnC,IACD;MACDC,MAAM,EAAEN;IAAE,GACND,cAAc,CACnB,CAAC;EAEN,CAAC,CAAC,EAEDjB,KAAK,CAACyB,QAAQ,CAACC,OAAO,CAACnB,KAAK,CAAC,CAC3BoB,MAAM,CAAEC,IAAI,IAAK5B,KAAK,CAAC6B,cAAc,CAACD,IAAI,CAAC,CAAC,CAC5CZ,GAAG,CAAC,CAACY,IAA6C,EAAEV,CAAC,KACpDlB,KAAK,CAAC8B,YAAY,CAACF,IAAI,EAAE;IAAER,GAAG,EAAEF,CAAC;IAAEM,MAAM,EAAEN;EAAE,CAAC,CAChD,CACK,CACM,CAAC;AAEtB,CAAC"}

package/components/breadcrumb/index.js

@@ -1,3 +1,4 @@
 import Breadcrumb from './Breadcrumb';
 export default Breadcrumb;
-export * from './Breadcrumb';
+export * from './Breadcrumb';
+//# sourceMappingURL=index.js.map

package/components/breadcrumb/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Breadcrumb"],"sources":["../../../../src/components/breadcrumb/index.ts"],"sourcesContent":["/**\n * Component Entry\n *\n */\n\nimport Breadcrumb from './Breadcrumb'\nexport default Breadcrumb\nexport * from './Breadcrumb'\n"],"mappings":"AAKA,OAAOA,UAAU,MAAM,cAAc;AACrC,eAAeA,UAAU;AACzB,cAAc,cAAc"}

package/components/breadcrumb/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/breadcrumb/style/index.js"],"sourcesContent":["/**\n * Web Style Import\n *\n */\n\nimport './dnb-breadcrumb.scss'\n"],"mappings":"AAKA,OAAO,0BAAuB"}

package/components/breadcrumb/style.js.map

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

package/components/button/Button.d.ts

@@ -43,114 +43,92 @@ export type ButtonProps = {
    * The content of the button can be a string or a React Element.
    */
   text?: ButtonText;
-
   /**
    * `button`, `reset` or `submit` for the `type` HTML attribute. Defaults to `button` for legacy reasons.
    */
   type?: string;
-
   /**
    * Title of the button. Optional, but should always be included because of accessibility.
    */
   title?: React.ReactNode;
-
   /**
    * Defines the kind of button. Possible values are `primary`, `secondary`, `tertiary` and `signal`. Defaults to `primary` (or `secondary` if icon only).
    */
   variant?: ButtonVariant;
-
   /**
    * The size of the button. For now there is "medium", "default" and "large".
    */
   size?: ButtonSize;
-
   /**
    * To be included in the button. <a href="/icons/primary">Primary Icons</a> can be set as a string (e.g. `icon="chevron_right"`), other icons should be set as React elements.
    */
   icon?: ButtonIcon;
-
   /**
    * Position of icon inside the button. Set to `left` or `right`. Tertiary button variant also supports `top`. Defaults to `right` if not set.
    */
   icon_position?: ButtonIconPositionAll;
-
   /**
    * Define icon width and height. Defaults to 16px.
    */
   icon_size?: IconSize;
-
   /**
    * Provide a string or a React Element to be shown as the tooltip content.
    */
   tooltip?: ButtonTooltip;
-
   /**
    * Set it to either `status="error"` or a 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.
    */
   status?: FormStatusText;
-
   /**
    * Defines the state of the status. Currently there are two statuses `[error, info]`. Defaults to `error`.
    */
   status_state?: FormStatusState;
-
   /**
    * Use an object to define additional FormStatus properties.
    */
   status_props?: FormStatusProps;
   status_no_animation?: boolean;
-
   /**
    * The <a href="/uilib/components/global-status/properties/#configuration-object">configuration</a> used for the target <a href="/uilib/components/global-status">GlobalStatus</a>.
    */
   globalStatus?: GlobalStatusConfigObject;
   id?: string;
-
   /**
    * Any extra modifying class.
    */
   class?: string;
-
   /**
    * If you want the button to behave as a link. Use with caution! A link should normally visually be a link and not a button.
    */
   href?: string;
-
   /**
    * When button behaves as a link. Used to specify where to open the linked document, specified by `href`. Possible values are `_self`, `_blank`, `_parent` and `_top`.
    */
   target?: string;
-
   /**
    * When button behaves as a link. Used to specify the relationship between a linked resource and the current document. Examples(non-exhaustive list) of values are `nofollow`, `search`, and `tag`.
    */
   rel?: string;
-
   /**
    * Use this prop only if you are using a router Link component as the `element` that uses the `to` property to declare the navigation url.
    */
   to?: ButtonTo;
-
   /**
    * If you need to inject completely custom markup (React Element) into the button component. You have then to handle alignment and styling by yourself.
    */
   custom_content?: React.ReactNode;
-
   /**
    * If set to `true` the button text will wrap in to new lines if the overflow point is reached. Defaults to `false`.
    */
   wrap?: boolean;
-
   /**
    * Set it to `true` in order to extend the bounding box (above the visual button background). You may also look into the HTML class `dnb-button__bounding` if it needs some CSS customization in order to get the particular button right for your use-case.
    */
   bounding?: boolean;
-
   /**
    * Set it to `true` in order to stretch the button to the available space. Defaults to false.
    */
   stretch?: boolean;
-
   /**
    * If set to `true`, an overlaying skeleton with animation will be shown.
    */
@@ -159,17 +137,14 @@ export type ButtonProps = {
   inner_ref?: any;
   className?: string;
   innerRef?: any;
-
   /**
    * The content of the button can be a string or a React Element.
    */
   children?: ButtonChildren;
-
   /**
    * Only meant to be used for special use cases. Defaults to `button` or `a` depending if href is set or not.
    */
   element?: ButtonElement;
-
   /**
    * Will be called on a click event. Returns an object with the native event: `{ event }`.
    */