@dnb/eufemia 9.31.0 → 9.32.0

package/components/breadcrumb/Breadcrumb.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { SectionSpacing, SectionStyleTypes } from '../section/Section';
-import { ISpacingProps } from '../../shared/interfaces';
+import { SpacingProps } from '../../shared/types';
 import { SkeletonShow } from '../skeleton/Skeleton';
 import BreadcrumbItem, { BreadcrumbItemProps } from './BreadcrumbItem';
 export interface BreadcrumbProps {
@@ -18,12 +18,12 @@ export interface BreadcrumbProps {
      * Pass in a list of your pages as objects of breadcrumbitem to render them as breadcrumbitems.
      * Default: null
      */
-    data?: BreadcrumbItemProps[];
+    data?: Array<BreadcrumbItemProps>;
     /**
      * The content of the component. Can be used instead of prop "data".
      * Default: null
      */
-    children?: React.ReactNode;
+    children?: Array<React.ReactElement<BreadcrumbItemProps>>;
     /**
      * The variant of the component.
      * Default: When children and data is not defined, it defaults to "single". If they are defined, the variant depends on the viewport.
@@ -97,7 +97,7 @@ export declare const defaultProps: {
     spacing: boolean;
 };
 declare const Breadcrumb: {
-    (localProps: BreadcrumbProps & ISpacingProps): JSX.Element;
+    (localProps: BreadcrumbProps & SpacingProps): JSX.Element;
     Item: (localProps: BreadcrumbItemProps) => JSX.Element;
 };
 export { BreadcrumbItem };

package/components/breadcrumb/Breadcrumb.js

@@ -87,7 +87,7 @@ var Breadcrumb = function Breadcrumb(localProps) {
   }, props), React.createElement(Section, {
     className: "dnb-breadcrumb__bar",
     style_type: styleType || 'transparent',
-    spacing: isSmallScreen ? innerSpacing : false
+    spacing: innerSpacing
   }, currentVariant === 'collapse' && React.createElement(Button, {
     text: backToText,
     variant: "tertiary",

package/components/breadcrumb/BreadcrumbItem.d.ts

@@ -32,7 +32,8 @@ export interface BreadcrumbItemProps {
      * Default: null
      */
     skeleton?: SkeletonShow;
-    style?: React.CSSProperties;
+    /** Internal */
+    itemNr?: number;
 }
 declare const BreadcrumbItem: (localProps: BreadcrumbItemProps) => JSX.Element;
 export default BreadcrumbItem;

package/components/breadcrumb/BreadcrumbItem.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["text", "href", "icon", "onClick", "variant", "skeleton", "style"];
+var _excluded = ["text", "href", "icon", "onClick", "variant", "skeleton", "itemNr"];
 import React from 'react';
 import Button from '../button/Button';
 import IconPrimary from '../icon-primary/IconPrimary';
@@ -28,12 +28,15 @@ var BreadcrumbItem = function BreadcrumbItem(localProps) {
       onClick = _extendPropsWithConte.onClick,
       variant = _extendPropsWithConte.variant,
       skeleton = _extendPropsWithConte.skeleton,
-      style = _extendPropsWithConte.style,
+      itemNr = _extendPropsWithConte.itemNr,
       props = _objectWithoutProperties(_extendPropsWithConte, _excluded);
 
   var currentIcon = icon || variant === 'home' && homeIcon || 'chevron_left';
   var currentText = text || variant === 'home' && homeText || '';
   var isInteractive = (href || onClick) && variant !== 'current';
+  var style = {
+    '--delay': String(itemNr)
+  };
   return React.createElement("li", {
     className: "dnb-breadcrumb__item",
     "data-testid": "breadcrumb-item",

package/components/breadcrumb/BreadcrumbMultiple.d.ts

@@ -4,7 +4,7 @@ declare type BreadcrumbMultipleProps = {
     isCollapsed: boolean;
     noAnimation: boolean;
     data: Array<BreadcrumbItemProps>;
-    items: React.ReactNode;
+    items: Array<React.ReactElement<BreadcrumbItemProps>>;
 };
 export declare const BreadcrumbMultiple: ({ isCollapsed, items, noAnimation, data, }: BreadcrumbMultipleProps) => JSX.Element;
 export {};

package/components/breadcrumb/BreadcrumbMultiple.js

@@ -19,13 +19,15 @@ export var BreadcrumbMultiple = function BreadcrumbMultiple(_ref) {
     element: "ol",
     style_type: "transparent"
   }, data === null || data === void 0 ? void 0 : data.map(function (breadcrumbItem, i) {
-    var style = {
-      '--delay': String(i)
-    };
     return React.createElement(BreadcrumbItem, _extends({
       key: "".concat(breadcrumbItem.text),
       variant: i == 0 && 'home' || i == data.length - 1 && 'current' || null,
-      style: style
+      itemNr: i
     }, breadcrumbItem));
-  }), items));
+  }), items === null || items === void 0 ? void 0 : items.map(function (item, i) {
+    return React.cloneElement(item, {
+      key: i,
+      itemNr: i
+    });
+  })));
 };

package/components/button/Button.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { SkeletonShow } from '../skeleton/Skeleton';
 import { IconPrimaryIcon } from '../icon-primary/IconPrimary';
-import { DataAttributeTypes } from '../../shared/interfaces';
+import { DataAttributeTypes } from '../../shared/types';
 export type ButtonText = string | React.ReactNode;
 export type ButtonVariant =
   | 'primary'

package/components/height-animation/HeightAnimation.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DynamicElement, ISpacingProps } from '../../shared/interfaces';
+import { DynamicElement, SpacingProps } from '../../shared/types';
 import { useHeightAnimationOptions } from './useHeightAnimation';
 export declare type HeightAnimationProps = {
     /**
@@ -24,4 +24,4 @@ export declare type HeightAnimationProps = {
     innerRef?: React.RefObject<HTMLElement>;
     className?: React.ReactNode;
 } & useHeightAnimationOptions;
-export default function HeightAnimation({ open, animate, keepInDOM, element, duration, className, innerRef, children, onInit, onOpen, onAnimationEnd, ...props }: HeightAnimationProps & ISpacingProps): JSX.Element;
+export default function HeightAnimation({ open, animate, keepInDOM, element, duration, className, innerRef, children, onInit, onOpen, onAnimationEnd, ...props }: HeightAnimationProps & SpacingProps): JSX.Element;

package/components/height-animation/HeightAnimation.js

@@ -53,7 +53,7 @@ export default function HeightAnimation(_ref) {
   return React.createElement(Space, _extends({
     innerRef: innerRef || ref,
     element: element || 'div',
-    className: classnames('dnb-height-animation', className, isInDOM && 'dnb-height-animation--is-in-dom', isVisible && 'dnb-height-animation--is-visible', isVisibleParallax && 'dnb-height-animation--parallax', isAnimating && 'dnb-height-animation--animating'),
+    className: classnames('dnb-height-animation', className, isVisible ? 'dnb-height-animation--is-visible' : !isAnimating && !open && 'dnb-height-animation--hidden', isInDOM && 'dnb-height-animation--is-in-dom', isVisibleParallax && 'dnb-height-animation--parallax', isAnimating && 'dnb-height-animation--animating'),
     style: style,
     "aria-hidden": keepInDOM ? !open : undefined
   }, props), children);

package/components/info-card/InfoCard.d.ts

@@ -3,7 +3,7 @@ import { ButtonProps } from '../button/Button';
 import { IconPrimaryIcon } from '../icon-primary/IconPrimary';
 import { ImgProps } from '../../elements/Img';
 import { SkeletonShow } from '../skeleton/Skeleton';
-import { ISpacingProps } from '../../shared/interfaces';
+import { SpacingProps } from '../../shared/types';
 export interface InfoCardProps {
     /**
      * Used in combination with `src` to provide an alt attribute for the `img` element.
@@ -86,5 +86,5 @@ export declare const defaultProps: {
     skeleton: boolean;
     icon: (props: any) => JSX.Element;
 };
-declare const InfoCard: (localProps: InfoCardProps & ISpacingProps) => JSX.Element;
+declare const InfoCard: (localProps: InfoCardProps & SpacingProps) => JSX.Element;
 export default InfoCard;

package/components/lib.d.ts

@@ -2,17 +2,17 @@ export function getComponents(): {
     Accordion: typeof Accordion;
     Autocomplete: typeof Autocomplete;
     Avatar: {
-        (localProps: import("./avatar/Avatar").AvatarProps & import("../shared/interfaces").ISpacingElementProps & {
-            space?: import("../shared/interfaces").ISpacingElementProps | import("../shared/interfaces").SpaceTypes;
+        (localProps: import("./avatar/Avatar").AvatarProps & import("../shared/types").SpacingElementProps & {
+            space?: import("../shared/types").SpaceTypes | import("../shared/types").SpacingElementProps;
         }): JSX.Element;
-        Group: (localProps: import("./avatar/AvatarGroup").AvatarGroupProps & import("../shared/interfaces").ISpacingElementProps & {
-            space?: import("../shared/interfaces").ISpacingElementProps | import("../shared/interfaces").SpaceTypes;
+        Group: (localProps: import("./avatar/AvatarGroup").AvatarGroupProps & import("../shared/types").SpacingElementProps & {
+            space?: import("../shared/types").SpaceTypes | import("../shared/types").SpacingElementProps;
         }) => JSX.Element;
     };
     Badge: typeof Badge;
     Breadcrumb: {
-        (localProps: import("./breadcrumb/Breadcrumb").BreadcrumbProps & import("../shared/interfaces").ISpacingElementProps & {
-            space?: import("../shared/interfaces").ISpacingElementProps | import("../shared/interfaces").SpaceTypes;
+        (localProps: import("./breadcrumb/Breadcrumb").BreadcrumbProps & import("../shared/types").SpacingElementProps & {
+            space?: import("../shared/types").SpaceTypes | import("../shared/types").SpacingElementProps;
         }): JSX.Element;
         Item: (localProps: import("./breadcrumb/BreadcrumbItem").BreadcrumbItemProps) => JSX.Element;
     };
@@ -33,8 +33,8 @@ export function getComponents(): {
     HelpButton: typeof HelpButton;
     Icon: typeof Icon;
     IconPrimary: typeof IconPrimary;
-    InfoCard: (localProps: import("./info-card/InfoCard").InfoCardProps & import("../shared/interfaces").ISpacingElementProps & {
-        space?: import("../shared/interfaces").ISpacingElementProps | import("../shared/interfaces").SpaceTypes;
+    InfoCard: (localProps: import("./info-card/InfoCard").InfoCardProps & import("../shared/types").SpacingElementProps & {
+        space?: import("../shared/types").SpaceTypes | import("../shared/types").SpacingElementProps;
     }) => JSX.Element;
     Input: typeof Input;
     InputMasked: import("react").FC<import("./input-masked/InputMasked").InputMaskedProps>;
@@ -51,24 +51,24 @@ export function getComponents(): {
     StepIndicator: typeof StepIndicator;
     Switch: typeof Switch;
     Table: {
-        (componentProps: import("./table/Table").TableProps & import("react").TableHTMLAttributes<HTMLTableElement> & import("../shared/interfaces").ISpacingElementProps & {
-            space?: import("../shared/interfaces").ISpacingElementProps | import("../shared/interfaces").SpaceTypes;
+        (componentProps: import("./table/Table").TableProps & import("react").TableHTMLAttributes<HTMLTableElement> & import("../shared/types").SpacingElementProps & {
+            space?: import("../shared/types").SpaceTypes | import("../shared/types").SpacingElementProps;
         }): JSX.Element;
         StickyHelper: () => JSX.Element;
     };
     Tabs: typeof Tabs;
     Tag: {
-        (localProps: import("./tag/Tag").TagProps & import("../shared/interfaces").ISpacingElementProps & {
-            space?: import("../shared/interfaces").ISpacingElementProps | import("../shared/interfaces").SpaceTypes;
+        (localProps: import("./tag/Tag").TagProps & import("../shared/types").SpacingElementProps & {
+            space?: import("../shared/types").SpaceTypes | import("../shared/types").SpacingElementProps;
         }): JSX.Element;
-        Group: (localProps: import("./tag/TagGroup").TagGroupProps & import("../shared/interfaces").ISpacingElementProps & {
-            space?: import("../shared/interfaces").ISpacingElementProps | import("../shared/interfaces").SpaceTypes;
+        Group: (localProps: import("./tag/TagGroup").TagGroupProps & import("../shared/types").SpacingElementProps & {
+            space?: import("../shared/types").SpaceTypes | import("../shared/types").SpacingElementProps;
         }) => JSX.Element;
     };
     Textarea: typeof Textarea;
     Timeline: {
-        (localProps: import("./timeline/Timeline").TimelineProps & import("../shared/interfaces").ISpacingElementProps & {
-            space?: import("../shared/interfaces").ISpacingElementProps | import("../shared/interfaces").SpaceTypes;
+        (localProps: import("./timeline/Timeline").TimelineProps & import("../shared/types").SpacingElementProps & {
+            space?: import("../shared/types").SpaceTypes | import("../shared/types").SpacingElementProps;
         }): JSX.Element;
         Item: (localProps: import("./timeline/TimelineItem").TimelineItemProps) => JSX.Element;
     };

package/components/modal/Modal.d.ts

@@ -10,14 +10,14 @@ import ModalHeader from './parts/ModalHeader';
 import ModalHeaderBar from './parts/ModalHeaderBar';
 import { ScrollViewProps } from '../../fragments/scroll-view/ScrollView';
 import CloseButton from './parts/CloseButton';
-import { ISpacingProps } from '../../shared/interfaces';
+import { SpacingProps } from '../../shared/types';
 import { ToCamelCasePartial } from '../../shared/helpers/withCamelCaseProps';
 export declare const ANIMATION_DURATION = 300;
 interface ModalState {
     hide: boolean;
     modalActive: boolean;
 }
-export declare type ModalPropTypes = ModalProps & ISpacingProps & Omit<ScrollViewProps, 'title'>;
+export declare type ModalPropTypes = ModalProps & SpacingProps & Omit<ScrollViewProps, 'title'>;
 declare class Modal extends React.PureComponent<ModalPropTypes & ToCamelCasePartial<ModalPropTypes>, ModalState> {
     static contextType: React.Context<import("../../shared/Context").ContextProps>;
     static tagName: string;

package/components/section/Section.d.ts

@@ -3,7 +3,7 @@
  *
  */
 import React from 'react';
-import { DynamicElement, ISpacingProps } from '../../shared/interfaces';
+import { DynamicElement, SpacingProps } from '../../shared/types';
 export declare type SectionStyleTypes = 'divider' | 'white' | 'transparent' | 'lavender' | 'pistachio' | 'emerald-green' | 'sea-green' | 'fire-red' | 'fire-red-8' | 'sand-yellow' | 'black-3' | 'mint-green' | 'mint-green-12';
 export declare type SectionSpacing = boolean | 'x-small' | 'small' | 'medium' | 'large';
 export declare type SectionProps = {
@@ -22,7 +22,7 @@ export declare type SectionProps = {
     inner_ref?: React.RefObject<HTMLElement>;
     className?: string;
     children?: React.ReactNode;
-} & ISpacingProps & React.HTMLProps<HTMLElement>;
+} & SpacingProps & React.HTMLProps<HTMLElement>;
 declare function Section(localProps: SectionProps): JSX.Element;
 declare namespace Section {
     var tagName: string;

package/components/slider/types.d.ts

@@ -3,7 +3,7 @@ import React from 'react';
 import type { SuffixChildren } from '../../shared/helpers/Suffix';
 import type { formatReturnType, formatOptionParams } from '../number-format/NumberUtils';
 import { IncludeSnakeCase } from '../../shared/helpers/withSnakeCaseProps';
-import { ISpacingProps } from '../../shared/interfaces';
+import { SpacingProps } from '../../shared/types';
 export declare type ValueTypes = number | Array<number>;
 export declare type NumberFormatTypes = formatOptionParams | ((value: number) => unknown);
 export declare type onChangeEventProps = {
@@ -83,7 +83,7 @@ export declare type SliderProps = IncludeSnakeCase<{
     use_scrollwheel?: boolean;
     children?: React.ReactChild;
 }>;
-export declare type SliderAllProps = SliderProps & ISpacingProps & Omit<React.HTMLProps<HTMLElement>, keyof SliderProps>;
+export declare type SliderAllProps = SliderProps & SpacingProps & Omit<React.HTMLProps<HTMLElement>, keyof SliderProps>;
 export declare type ThumbStateEnums = 'initial' | 'normal' | 'activated' | 'released';
 export declare type SliderContextTypes = {
     isMulti: boolean;

package/components/table/Table.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { SkeletonShow } from '../skeleton/Skeleton';
-import { ISpacingProps } from '../../shared/interfaces';
+import { SpacingProps } from '../../shared/types';
 import { StickyHelper, StickyTableHeaderProps } from './TableStickyHeader';
 export declare type TableSizes = 'medium' | 'large';
 export declare type TableVariants = 'basis' | 'not-defined-yet';
@@ -34,7 +34,7 @@ export declare const defaultProps: {
     variant: string;
 };
 declare const Table: {
-    (componentProps: TableProps & React.TableHTMLAttributes<HTMLTableElement> & ISpacingProps): JSX.Element;
+    (componentProps: TableProps & React.TableHTMLAttributes<HTMLTableElement> & SpacingProps): JSX.Element;
     StickyHelper: () => JSX.Element;
 };
 export default Table;

package/components/tag/Tag.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IconPrimaryIcon } from '../icon-primary/IconPrimary';
-import { ISpacingProps } from '../../shared/interfaces';
+import { SpacingProps } from '../../shared/types';
 import { SkeletonShow } from '../skeleton/Skeleton';
 export interface TagProps {
     /**
@@ -59,9 +59,9 @@ export declare const defaultProps: {
     omitOnKeyUpDeleteEvent: boolean;
 };
 declare const Tag: {
-    (localProps: TagProps & ISpacingProps): JSX.Element;
-    Group: (localProps: import("./TagGroup").TagGroupProps & import("../../shared/interfaces").ISpacingElementProps & {
-        space?: import("../../shared/interfaces").ISpacingElementProps | import("../../shared/interfaces").SpaceTypes;
+    (localProps: TagProps & SpacingProps): JSX.Element;
+    Group: (localProps: import("./TagGroup").TagGroupProps & import("../../shared/types").SpacingElementProps & {
+        space?: import("../../shared/types").SpaceTypes | import("../../shared/types").SpacingElementProps;
     }) => JSX.Element;
 };
 export default Tag;

package/components/tag/TagGroup.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ISpacingProps } from '../../shared/interfaces';
+import { SpacingProps } from '../../shared/types';
 import { SkeletonShow } from '../skeleton/Skeleton';
 export interface TagGroupProps {
     /**
@@ -29,5 +29,5 @@ export declare const defaultProps: {
     children: any;
     skeleton: boolean;
 };
-declare const TagGroup: (localProps: TagGroupProps & ISpacingProps) => JSX.Element;
+declare const TagGroup: (localProps: TagGroupProps & SpacingProps) => JSX.Element;
 export default TagGroup;

package/components/timeline/Timeline.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ISpacingProps } from '../../shared/interfaces';
+import { SpacingProps } from '../../shared/types';
 import { SkeletonShow } from '../skeleton/Skeleton';
 import TimelineItem, { TimelineItemProps } from './TimelineItem';
 export interface TimelineProps {
@@ -31,7 +31,7 @@ export declare const defaultProps: {
     children: any;
 };
 declare const Timeline: {
-    (localProps: TimelineProps & ISpacingProps): JSX.Element;
+    (localProps: TimelineProps & SpacingProps): JSX.Element;
     Item: (localProps: TimelineItemProps) => JSX.Element;
 };
 export { TimelineItem };

package/components/tooltip/types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { IncludeSnakeCase } from '../../shared/helpers/withSnakeCaseProps';
-import { ISpacingProps } from '../../shared/interfaces';
+import { SpacingProps } from '../../shared/types';
 export declare type TooltipPosition = 'top' | 'right' | 'bottom' | 'left';
 export declare type TooltipArrow = null | 'center' | 'top' | 'right' | 'bottom' | 'left';
 export declare type TooltipAlign = null | 'center' | 'right' | 'left';
@@ -25,4 +25,4 @@ export declare type TooltipProps = IncludeSnakeCase<{
     className?: string;
     children?: React.ReactNode;
 }>;
-export declare type TooltipAllProps = TooltipProps & ISpacingProps & Omit<React.HTMLProps<HTMLElement>, keyof TooltipProps>;
+export declare type TooltipAllProps = TooltipProps & SpacingProps & Omit<React.HTMLProps<HTMLElement>, keyof TooltipProps>;

package/components/visually-hidden/VisuallyHidden.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DynamicElement } from '../../shared/interfaces';
+import { DynamicElement } from '../../shared/types';
 export interface VisuallyHiddenProps {
     /**
      * The content of the visually hidden element, can be a string or a React Element

package/elements/Anchor.d.ts

@@ -3,7 +3,7 @@
  *
  */
 import React from 'react';
-import { ISpacingProps } from '../shared/interfaces';
+import { SpacingProps } from '../shared/types';
 export declare type AnchorProps = {
     element?: React.ReactNode;
     href?: string;
@@ -23,7 +23,7 @@ export declare type AnchorProps = {
     inner_ref?: React.ForwardedRef<unknown>;
     /** @deprecated use targetBlankTitle instead */
     target_blank_title?: string;
-} & Partial<Omit<HTMLAnchorElement, 'children'>> & ISpacingProps;
+} & Partial<Omit<HTMLAnchorElement, 'children'>> & SpacingProps;
 declare const Anchor: React.ForwardRefExoticComponent<{
     element?: React.ReactNode;
     href?: string;
@@ -43,7 +43,7 @@ declare const Anchor: React.ForwardRefExoticComponent<{
     inner_ref?: React.ForwardedRef<unknown>;
     /** @deprecated use targetBlankTitle instead */
     target_blank_title?: string;
-} & Partial<Omit<HTMLAnchorElement, "children">> & import("../shared/interfaces").ISpacingElementProps & {
-    space?: import("../shared/interfaces").ISpacingElementProps | import("../shared/interfaces").SpaceTypes;
+} & Partial<Omit<HTMLAnchorElement, "children">> & import("../shared/types").SpacingElementProps & {
+    space?: import("../shared/types").SpaceTypes | import("../shared/types").SpacingElementProps;
 } & React.RefAttributes<unknown>>;
 export default Anchor;

package/elements/Dd.d.ts

@@ -7,7 +7,7 @@ export declare type DdProps = {
     className?: string;
     children: React.ReactNode;
 };
-declare const Dd: React.ForwardRefExoticComponent<DdProps & import("../shared/interfaces").ISpacingElementProps & {
-    space?: import("../shared/interfaces").ISpacingElementProps | import("../shared/interfaces").SpaceTypes;
+declare const Dd: React.ForwardRefExoticComponent<DdProps & import("../shared/types").SpacingElementProps & {
+    space?: import("../shared/types").SpaceTypes | import("../shared/types").SpacingElementProps;
 } & React.RefAttributes<unknown>>;
 export default Dd;

package/elements/Dl.d.ts

@@ -3,20 +3,17 @@
  *
  */
 import React from 'react';
-import { ISpacingProps } from '../shared/interfaces';
+import { ElementProps } from './Element';
 export declare type DlProps = {
     /**
      * Use "true" to horizontallly align both the term and the description
      */
     direction?: 'vertical' | 'horizontal';
-    className?: string;
-    children: React.ReactNode;
 };
+export declare type DlAllProps = DlProps & React.AllHTMLAttributes<Omit<HTMLDListElement, 'children'>> & ElementProps;
 declare const Dl: {
-    ({ direction, ...props }: DlProps & ISpacingProps & Partial<Omit<HTMLDListElement, 'children'>>): JSX.Element;
-    Line({ className, children }: DlLineProps & HTMLSpanElement): JSX.Element;
-};
-export declare type DlLineProps = {
-    children: React.ReactNode;
+    ({ direction, ...props }: DlAllProps): JSX.Element;
+    Item({ className, children, }: DlItemProps & React.AllHTMLAttributes<HTMLSpanElement>): JSX.Element;
 };
+export declare type DlItemProps = {};
 export default Dl;

package/elements/Dl.js

@@ -20,11 +20,11 @@ var Dl = function Dl(_ref) {
   }));
 };
 
-Dl.Line = function (_ref2) {
+Dl.Item = function (_ref2) {
   var className = _ref2.className,
       children = _ref2.children;
   return React.createElement("span", {
-    className: classnames(className, 'dnb-dl__line')
+    className: classnames(className, 'dnb-dl__item')
   }, children);
 };
 

package/elements/Dt.d.ts

@@ -7,7 +7,7 @@ export declare type DtProps = {
     className?: string;
     children: React.ReactNode;
 };
-declare const Dt: React.ForwardRefExoticComponent<DtProps & import("../shared/interfaces").ISpacingElementProps & {
-    space?: import("../shared/interfaces").ISpacingElementProps | import("../shared/interfaces").SpaceTypes;
+declare const Dt: React.ForwardRefExoticComponent<DtProps & import("../shared/types").SpacingElementProps & {
+    space?: import("../shared/types").SpaceTypes | import("../shared/types").SpacingElementProps;
 } & React.RefAttributes<unknown>>;
 export default Dt;

package/elements/Element.d.ts

@@ -4,8 +4,10 @@
  */
 import React from 'react';
 import { SkeletonMethods } from '../components/skeleton/SkeletonHelper';
-export declare type ElementProps = {
+export declare type ElementInternalProps = {
     is: React.ReactNode;
+};
+export declare type ElementProps = {
     skeleton?: boolean;
     skeletonMethod?: SkeletonMethods;
     class?: string;
@@ -22,5 +24,5 @@ export declare type ElementProps = {
 export declare const defaultProps: {
     skeletonMethod: string;
 };
-declare const Element: React.ForwardRefExoticComponent<ElementProps & React.RefAttributes<unknown>>;
+declare const Element: React.ForwardRefExoticComponent<ElementInternalProps & ElementProps & React.RefAttributes<unknown>>;
 export default Element;

package/elements/Li.d.ts

@@ -1,29 +1,9 @@
-import * as React from 'react';
-export type LiSpace =
-  | string
-  | number
-  | boolean
-  | {
-      top?: string | number | boolean;
-      right?: string | number | boolean;
-      bottom?: string | number | boolean;
-      left?: string | number | boolean;
-    };
-export type LiTop = string | number | boolean;
-export type LiRight = string | number | boolean;
-export type LiBottom = string | number | boolean;
-export type LiLeft = string | number | boolean;
-
 /**
- * NB: Do not change the docs (comments) in here. The docs are updated during build time by "generateTypes.js" and "fetchPropertiesFromDocs.js".
+ * HTML Element
+ *
  */
-export interface LiProps extends React.HTMLProps<HTMLElement> {
-  space?: LiSpace;
-  top?: LiTop;
-  right?: LiRight;
-  bottom?: LiBottom;
-  left?: LiLeft;
-  className?: string;
-}
-declare const Li: React.FC<LiProps>;
+import React from 'react';
+import { ElementProps } from './Element';
+export declare type LiAllProps = React.AllHTMLAttributes<HTMLLIElement> & ElementProps;
+declare const Li: ({ className, ...p }?: LiAllProps) => JSX.Element;
 export default Li;

package/elements/Li.js

@@ -1,23 +1,10 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["className"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
 import "core-js/modules/es.object.to-string.js";
 import "core-js/modules/web.dom-collections.for-each.js";
-import "core-js/modules/es.object.keys.js";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.array.filter.js";
-import "core-js/modules/es.object.get-own-property-descriptor.js";
-import "core-js/modules/es.object.get-own-property-descriptors.js";
 import React from 'react';
-import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import { spacingPropTypes } from '../components/space/SpacingHelper';
 import E from './Element';
 import Ul from './Ul';
 import Ol from './Ol';
@@ -43,11 +30,4 @@ var Li = function Li() {
   }));
 };
 
-Li.tagName = 'dnb-li';
-process.env.NODE_ENV !== "production" ? Li.propTypes = _objectSpread(_objectSpread({}, spacingPropTypes), {}, {
-  className: PropTypes.string
-}) : void 0;
-Li.defaultProps = {
-  className: null
-};
 export default Li;

package/elements/Link.d.ts

@@ -16,6 +16,6 @@ declare const Link: import("react").ForwardRefExoticComponent<{
     lang?: string;
     inner_ref?: import("react").ForwardedRef<unknown>;
     target_blank_title?: string;
-} & Partial<Omit<HTMLAnchorElement, "children">> & import("../shared/interfaces").ISpacingElementProps & {
-    space?: import("../shared/interfaces").ISpacingElementProps | import("../shared/interfaces").SpaceTypes;
+} & Partial<Omit<HTMLAnchorElement, "children">> & import("../shared/types").SpacingElementProps & {
+    space?: import("../shared/types").SpaceTypes | import("../shared/types").SpacingElementProps;
 } & import("react").RefAttributes<unknown>>;