@dnb/eufemia 9.31.0 → 9.32.0

package/es/components/breadcrumb/BreadcrumbMultiple.js

@@ -19,13 +19,13 @@ export const BreadcrumbMultiple = ({
     element: "ol",
     style_type: "transparent"
   }, data === null || data === void 0 ? void 0 : data.map((breadcrumbItem, i) => {
-    const style = {
-      '--delay': String(i)
-    };
     return React.createElement(BreadcrumbItem, _extends({
       key: `${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((item, i) => React.cloneElement(item, {
+    key: i,
+    itemNr: i
+  }))));
 };

package/es/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/es/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/es/components/height-animation/HeightAnimation.js

@@ -49,7 +49,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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/elements/Dl.js

@@ -22,12 +22,12 @@ const Dl = _ref => {
   }));
 };
 
-Dl.Line = ({
+Dl.Item = ({
   className,
   children
 }) => {
   return React.createElement("span", {
-    className: classnames(className, 'dnb-dl__line')
+    className: classnames(className, 'dnb-dl__item')
   }, children);
 };
 

package/es/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/es/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/es/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/es/elements/Li.js

@@ -1,16 +1,8 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _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 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';
@@ -36,11 +28,4 @@ const Li = (_ref = {}) => {
   }));
 };
 
-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/es/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>>;

package/es/elements/Ol.d.ts

@@ -1,32 +1,23 @@
-import * as React from 'react';
-export type OlSpace =
-  | string
-  | number
-  | boolean
-  | {
-      top?: string | number | boolean;
-      right?: string | number | boolean;
-      bottom?: string | number | boolean;
-      left?: string | number | boolean;
-    };
-export type OlTop = string | number | boolean;
-export type OlRight = string | number | boolean;
-export type OlBottom = string | number | boolean;
-export type OlLeft = 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 OlProps extends React.HTMLProps<HTMLElement> {
-  space?: OlSpace;
-  top?: OlTop;
-  right?: OlRight;
-  bottom?: OlBottom;
-  left?: OlLeft;
-  className?: string;
-  inside?: boolean;
-  outside?: boolean;
-  nested?: boolean;
-}
-declare const Ol: React.FC<OlProps>;
+import React from 'react';
+import { ElementProps } from './Element';
+export declare type OlProps = {
+    /**
+     * Defines the position of the marker
+     */
+    inside?: boolean;
+    /**
+     * Defines the position of the marker (default)
+     */
+    outside?: boolean;
+    /**
+     * Will ensure a nested structure of several lists
+     */
+    nested?: boolean;
+};
+export declare type OlAllProps = OlProps & React.AllHTMLAttributes<HTMLOListElement> & ElementProps;
+declare const Ol: ({ nested, inside, outside, ...p }?: OlAllProps) => JSX.Element;
 export default Ol;

package/es/elements/Ol.js

@@ -1,16 +1,8 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["nested", "inside", "outside"];
-
-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 React from 'react';
-import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import { spacingPropTypes } from '../components/space/SpacingHelper';
 import E from './Element';
 
 const Ol = (_ref = {}) => {
@@ -40,17 +32,4 @@ const Ol = (_ref = {}) => {
   }));
 };
 
-Ol.tagName = 'dnb-ol';
-process.env.NODE_ENV !== "production" ? Ol.propTypes = _objectSpread(_objectSpread({}, spacingPropTypes), {}, {
-  className: PropTypes.string,
-  inside: PropTypes.bool,
-  outside: PropTypes.bool,
-  nested: PropTypes.bool
-}) : void 0;
-Ol.defaultProps = {
-  className: null,
-  inside: null,
-  outside: null,
-  nested: null
-};
 export default Ol;

package/es/elements/Ul.d.ts

@@ -1,33 +1,23 @@
-import * as React from 'react';
-export type UlSpace =
-  | string
-  | number
-  | boolean
-  | {
-      top?: string | number | boolean;
-      right?: string | number | boolean;
-      bottom?: string | number | boolean;
-      left?: string | number | boolean;
-    };
-export type UlTop = string | number | boolean;
-export type UlRight = string | number | boolean;
-export type UlBottom = string | number | boolean;
-export type UlLeft = 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 UlProps extends React.HTMLProps<HTMLElement> {
-  space?: UlSpace;
-  top?: UlTop;
-  right?: UlRight;
-  bottom?: UlBottom;
-  left?: UlLeft;
-  className?: string;
-  inside?: boolean;
-  outside?: boolean;
-  nested?: boolean;
-  children?: React.ReactNode;
-}
-declare const Ul: React.FC<UlProps>;
+import React from 'react';
+import { ElementProps } from './Element';
+export declare type UlProps = {
+    /**
+     * Defines the position of the marker
+     */
+    inside?: boolean;
+    /**
+     * Defines the position of the marker (default)
+     */
+    outside?: boolean;
+    /**
+     * Will ensure a nested structure of several lists
+     */
+    nested?: boolean;
+};
+export declare type UlAllProps = UlProps & React.AllHTMLAttributes<HTMLUListElement> & ElementProps;
+declare const Ul: ({ nested, inside, outside, ...p }?: UlAllProps) => JSX.Element;
 export default Ul;