@dnb/eufemia 9.23.0-beta.1 → 9.23.0-beta.2

package/elements/H3.d.ts

@@ -1,26 +1,39 @@
-export default H3;
-declare function H3(props: any): JSX.Element;
-declare namespace H3 {
-    const tagName: string;
-    const propTypes: {
-        level: PropTypes.Requireable<string>;
-        size: PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        space: PropTypes.Requireable<string | number | boolean | PropTypes.InferProps<{
-            top: PropTypes.Requireable<string | number | boolean>;
-            right: PropTypes.Requireable<string | number | boolean>;
-            bottom: PropTypes.Requireable<string | number | boolean>;
-            left: PropTypes.Requireable<string | number | boolean>;
-        }>>;
-        top: PropTypes.Requireable<string | number | boolean>;
-        right: PropTypes.Requireable<string | number | boolean>;
-        bottom: PropTypes.Requireable<string | number | boolean>;
-        left: PropTypes.Requireable<string | number | boolean>;
+import * as React from 'react';
+export type H3Space =
+  | string
+  | number
+  | boolean
+  | {
+      top?: string | number | boolean;
+      right?: string | number | boolean;
+      bottom?: string | number | boolean;
+      left?: string | number | boolean;
     };
-    namespace defaultProps {
-        const level: any;
-        const size: string;
-        const children: any;
-    }
+export type H3Top = string | number | boolean;
+export type H3Right = string | number | boolean;
+export type H3Bottom = string | number | boolean;
+export type H3Left = string | number | boolean;
+export type H3Size =
+  | 'xx-large'
+  | 'x-large'
+  | 'large'
+  | 'medium'
+  | 'basis'
+  | 'small'
+  | 'x-small';
+
+/**
+ * NB: Do not change the docs (comments) in here. The docs are updated during build time by "generateTypes.js" and "fetchPropertiesFromDocs.js".
+ */
+export interface H3Props extends React.HTMLProps<HTMLElement> {
+  space?: H3Space;
+  top?: H3Top;
+  right?: H3Right;
+  bottom?: H3Bottom;
+  left?: H3Left;
+  level?: string;
+  size?: H3Size;
+  children?: React.ReactNode;
 }
-import PropTypes from "prop-types";
+declare const H3: React.FC<H3Props>;
+export default H3;

package/elements/H4.d.ts

@@ -1,26 +1,39 @@
-export default H4;
-declare function H4(props: any): JSX.Element;
-declare namespace H4 {
-    const tagName: string;
-    const propTypes: {
-        level: PropTypes.Requireable<string>;
-        size: PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        space: PropTypes.Requireable<string | number | boolean | PropTypes.InferProps<{
-            top: PropTypes.Requireable<string | number | boolean>;
-            right: PropTypes.Requireable<string | number | boolean>;
-            bottom: PropTypes.Requireable<string | number | boolean>;
-            left: PropTypes.Requireable<string | number | boolean>;
-        }>>;
-        top: PropTypes.Requireable<string | number | boolean>;
-        right: PropTypes.Requireable<string | number | boolean>;
-        bottom: PropTypes.Requireable<string | number | boolean>;
-        left: PropTypes.Requireable<string | number | boolean>;
+import * as React from 'react';
+export type H4Space =
+  | string
+  | number
+  | boolean
+  | {
+      top?: string | number | boolean;
+      right?: string | number | boolean;
+      bottom?: string | number | boolean;
+      left?: string | number | boolean;
     };
-    namespace defaultProps {
-        const level: any;
-        const size: string;
-        const children: any;
-    }
+export type H4Top = string | number | boolean;
+export type H4Right = string | number | boolean;
+export type H4Bottom = string | number | boolean;
+export type H4Left = string | number | boolean;
+export type H4Size =
+  | 'xx-large'
+  | 'x-large'
+  | 'large'
+  | 'medium'
+  | 'basis'
+  | 'small'
+  | 'x-small';
+
+/**
+ * NB: Do not change the docs (comments) in here. The docs are updated during build time by "generateTypes.js" and "fetchPropertiesFromDocs.js".
+ */
+export interface H4Props extends React.HTMLProps<HTMLElement> {
+  space?: H4Space;
+  top?: H4Top;
+  right?: H4Right;
+  bottom?: H4Bottom;
+  left?: H4Left;
+  level?: string;
+  size?: H4Size;
+  children?: React.ReactNode;
 }
-import PropTypes from "prop-types";
+declare const H4: React.FC<H4Props>;
+export default H4;

package/elements/H5.d.ts

@@ -1,26 +1,39 @@
-export default H5;
-declare function H5(props: any): JSX.Element;
-declare namespace H5 {
-    const tagName: string;
-    const propTypes: {
-        level: PropTypes.Requireable<string>;
-        size: PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        space: PropTypes.Requireable<string | number | boolean | PropTypes.InferProps<{
-            top: PropTypes.Requireable<string | number | boolean>;
-            right: PropTypes.Requireable<string | number | boolean>;
-            bottom: PropTypes.Requireable<string | number | boolean>;
-            left: PropTypes.Requireable<string | number | boolean>;
-        }>>;
-        top: PropTypes.Requireable<string | number | boolean>;
-        right: PropTypes.Requireable<string | number | boolean>;
-        bottom: PropTypes.Requireable<string | number | boolean>;
-        left: PropTypes.Requireable<string | number | boolean>;
+import * as React from 'react';
+export type H5Space =
+  | string
+  | number
+  | boolean
+  | {
+      top?: string | number | boolean;
+      right?: string | number | boolean;
+      bottom?: string | number | boolean;
+      left?: string | number | boolean;
     };
-    namespace defaultProps {
-        const level: any;
-        const size: string;
-        const children: any;
-    }
+export type H5Top = string | number | boolean;
+export type H5Right = string | number | boolean;
+export type H5Bottom = string | number | boolean;
+export type H5Left = string | number | boolean;
+export type H5Size =
+  | 'xx-large'
+  | 'x-large'
+  | 'large'
+  | 'medium'
+  | 'basis'
+  | 'small'
+  | 'x-small';
+
+/**
+ * NB: Do not change the docs (comments) in here. The docs are updated during build time by "generateTypes.js" and "fetchPropertiesFromDocs.js".
+ */
+export interface H5Props extends React.HTMLProps<HTMLElement> {
+  space?: H5Space;
+  top?: H5Top;
+  right?: H5Right;
+  bottom?: H5Bottom;
+  left?: H5Left;
+  level?: string;
+  size?: H5Size;
+  children?: React.ReactNode;
 }
-import PropTypes from "prop-types";
+declare const H5: React.FC<H5Props>;
+export default H5;

package/elements/H6.d.ts

@@ -1,26 +1,39 @@
-export default H6;
-declare function H6(props: any): JSX.Element;
-declare namespace H6 {
-    const tagName: string;
-    const propTypes: {
-        level: PropTypes.Requireable<string>;
-        size: PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        space: PropTypes.Requireable<string | number | boolean | PropTypes.InferProps<{
-            top: PropTypes.Requireable<string | number | boolean>;
-            right: PropTypes.Requireable<string | number | boolean>;
-            bottom: PropTypes.Requireable<string | number | boolean>;
-            left: PropTypes.Requireable<string | number | boolean>;
-        }>>;
-        top: PropTypes.Requireable<string | number | boolean>;
-        right: PropTypes.Requireable<string | number | boolean>;
-        bottom: PropTypes.Requireable<string | number | boolean>;
-        left: PropTypes.Requireable<string | number | boolean>;
+import * as React from 'react';
+export type H6Space =
+  | string
+  | number
+  | boolean
+  | {
+      top?: string | number | boolean;
+      right?: string | number | boolean;
+      bottom?: string | number | boolean;
+      left?: string | number | boolean;
     };
-    namespace defaultProps {
-        const level: any;
-        const size: string;
-        const children: any;
-    }
+export type H6Top = string | number | boolean;
+export type H6Right = string | number | boolean;
+export type H6Bottom = string | number | boolean;
+export type H6Left = string | number | boolean;
+export type H6Size =
+  | 'xx-large'
+  | 'x-large'
+  | 'large'
+  | 'medium'
+  | 'basis'
+  | 'small'
+  | 'x-small';
+
+/**
+ * NB: Do not change the docs (comments) in here. The docs are updated during build time by "generateTypes.js" and "fetchPropertiesFromDocs.js".
+ */
+export interface H6Props extends React.HTMLProps<HTMLElement> {
+  space?: H6Space;
+  top?: H6Top;
+  right?: H6Right;
+  bottom?: H6Bottom;
+  left?: H6Left;
+  level?: string;
+  size?: H6Size;
+  children?: React.ReactNode;
 }
-import PropTypes from "prop-types";
+declare const H6: React.FC<H6Props>;
+export default H6;

package/elements/Hr.d.ts

@@ -1,32 +1,32 @@
-export default Hr;
-declare function Hr({ fullscreen, light, medium, ...props }?: {
-    fullscreen: any;
-    light: any;
-    medium: any;
-}): JSX.Element;
-declare namespace Hr {
-    const tagName: string;
-    const propTypes: {
-        className: PropTypes.Requireable<string>;
-        light: PropTypes.Requireable<boolean>;
-        medium: PropTypes.Requireable<boolean>;
-        fullscreen: PropTypes.Requireable<boolean>;
-        space: PropTypes.Requireable<string | number | boolean | PropTypes.InferProps<{
-            top: PropTypes.Requireable<string | number | boolean>;
-            right: PropTypes.Requireable<string | number | boolean>;
-            bottom: PropTypes.Requireable<string | number | boolean>;
-            left: PropTypes.Requireable<string | number | boolean>;
-        }>>;
-        top: PropTypes.Requireable<string | number | boolean>;
-        right: PropTypes.Requireable<string | number | boolean>;
-        bottom: PropTypes.Requireable<string | number | boolean>;
-        left: PropTypes.Requireable<string | number | boolean>;
+import * as React from 'react';
+export type HrSpace =
+  | string
+  | number
+  | boolean
+  | {
+      top?: string | number | boolean;
+      right?: string | number | boolean;
+      bottom?: string | number | boolean;
+      left?: string | number | boolean;
     };
-    namespace defaultProps {
-        const className: any;
-        const light: any;
-        const medium: any;
-        const fullscreen: any;
-    }
+export type HrTop = string | number | boolean;
+export type HrRight = string | number | boolean;
+export type HrBottom = string | number | boolean;
+export type HrLeft = 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".
+ */
+export interface HrProps extends React.HTMLProps<HTMLElement> {
+  space?: HrSpace;
+  top?: HrTop;
+  right?: HrRight;
+  bottom?: HrBottom;
+  left?: HrLeft;
+  className?: string;
+  light?: boolean;
+  medium?: boolean;
+  fullscreen?: boolean;
 }
-import PropTypes from "prop-types";
+declare const Hr: React.FC<HrProps>;
+export default Hr;

package/elements/Img.d.ts

@@ -15,10 +15,10 @@ export type ImgBottom = string | number | boolean;
 export type ImgLeft = string | number | boolean;
 export type ImgSkeleton = string | boolean;
 export type ImgClassName = string | any | any[];
-
 /**
  * NB: Do not change the docs (comments) in here. The docs are updated during build time by "generateTypes.js" and "fetchPropertiesFromDocs.js".
  */
+
 export interface ImgProps extends React.HTMLProps<HTMLElement> {
   space?: ImgSpace;
   top?: ImgTop;

package/elements/Lead.d.ts

@@ -1,3 +1,29 @@
+import * as React from 'react';
+export type LeadSpace =
+  | string
+  | number
+  | boolean
+  | {
+      top?: string | number | boolean;
+      right?: string | number | boolean;
+      bottom?: string | number | boolean;
+      left?: string | number | boolean;
+    };
+export type LeadTop = string | number | boolean;
+export type LeadRight = string | number | boolean;
+export type LeadBottom = string | number | boolean;
+export type LeadLeft = 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".
+ */
+export interface LeadProps extends React.HTMLProps<HTMLElement> {
+  space?: LeadSpace;
+  top?: LeadTop;
+  right?: LeadRight;
+  bottom?: LeadBottom;
+  left?: LeadLeft;
+  children?: React.ReactNode;
+}
+declare const Lead: React.FC<LeadProps>;
 export default Lead;
-declare const Lead: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from "react";

package/elements/Li.d.ts

@@ -1,24 +1,29 @@
-export default Li;
-declare function Li({ className, ...p }?: {
-    className: any;
-}): JSX.Element;
-declare namespace Li {
-    const tagName: string;
-    const propTypes: {
-        className: PropTypes.Requireable<string>;
-        space: PropTypes.Requireable<string | number | boolean | PropTypes.InferProps<{
-            top: PropTypes.Requireable<string | number | boolean>;
-            right: PropTypes.Requireable<string | number | boolean>;
-            bottom: PropTypes.Requireable<string | number | boolean>;
-            left: PropTypes.Requireable<string | number | boolean>;
-        }>>;
-        top: PropTypes.Requireable<string | number | boolean>;
-        right: PropTypes.Requireable<string | number | boolean>;
-        bottom: PropTypes.Requireable<string | number | boolean>;
-        left: PropTypes.Requireable<string | number | boolean>;
+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;
     };
-    namespace defaultProps {
-        const className: any;
-    }
+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".
+ */
+export interface LiProps extends React.HTMLProps<HTMLElement> {
+  space?: LiSpace;
+  top?: LiTop;
+  right?: LiRight;
+  bottom?: LiBottom;
+  left?: LiLeft;
+  className?: string;
 }
-import PropTypes from "prop-types";
+declare const Li: React.FC<LiProps>;
+export default Li;

package/elements/Link.d.ts

@@ -1,2 +1,2 @@
 export default Link;
-declare const Link: import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>;
+declare const Link: import("react").FC<import("./Anchor").AnchorProps>;

package/elements/Ol.d.ts

@@ -1,32 +1,32 @@
-export default Ol;
-declare function Ol({ nested, inside, outside, ...p }?: {
-    nested: any;
-    inside: any;
-    outside: any;
-}): JSX.Element;
-declare namespace Ol {
-    const tagName: string;
-    const propTypes: {
-        className: PropTypes.Requireable<string>;
-        inside: PropTypes.Requireable<boolean>;
-        outside: PropTypes.Requireable<boolean>;
-        nested: PropTypes.Requireable<boolean>;
-        space: PropTypes.Requireable<string | number | boolean | PropTypes.InferProps<{
-            top: PropTypes.Requireable<string | number | boolean>;
-            right: PropTypes.Requireable<string | number | boolean>;
-            bottom: PropTypes.Requireable<string | number | boolean>;
-            left: PropTypes.Requireable<string | number | boolean>;
-        }>>;
-        top: PropTypes.Requireable<string | number | boolean>;
-        right: PropTypes.Requireable<string | number | boolean>;
-        bottom: PropTypes.Requireable<string | number | boolean>;
-        left: PropTypes.Requireable<string | number | boolean>;
+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;
     };
-    namespace defaultProps {
-        const className: any;
-        const inside: any;
-        const outside: any;
-        const nested: any;
-    }
+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".
+ */
+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;
 }
-import PropTypes from "prop-types";
+declare const Ol: React.FC<OlProps>;
+export default Ol;

package/elements/P.d.ts

@@ -21,10 +21,10 @@ export type PSize =
   | 'large'
   | 'x-large'
   | 'xx-large';
-
 /**
  * NB: Do not change the docs (comments) in here. The docs are updated during build time by "generateTypes.js" and "fetchPropertiesFromDocs.js".
  */
+
 export interface PProps
   extends Omit<React.HTMLProps<HTMLElement>, 'size'> {
   space?: PSpace;

package/elements/Span.d.ts

@@ -1,3 +1,29 @@
+import * as React from 'react';
+export type SpanSpace =
+  | string
+  | number
+  | boolean
+  | {
+      top?: string | number | boolean;
+      right?: string | number | boolean;
+      bottom?: string | number | boolean;
+      left?: string | number | boolean;
+    };
+export type SpanTop = string | number | boolean;
+export type SpanRight = string | number | boolean;
+export type SpanBottom = string | number | boolean;
+export type SpanLeft = 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".
+ */
+export interface SpanProps extends React.HTMLProps<HTMLElement> {
+  space?: SpanSpace;
+  top?: SpanTop;
+  right?: SpanRight;
+  bottom?: SpanBottom;
+  left?: SpanLeft;
+  children?: React.ReactNode;
+}
+declare const Span: React.FC<SpanProps>;
 export default Span;
-declare const Span: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from "react";

package/elements/Table.d.ts

@@ -1,40 +1,35 @@
-export function StickyHelper(): JSX.Element;
-declare class Table extends React.PureComponent<any, any, any> {
-    static tagName: string;
-    static propTypes: {
-        sticky: PropTypes.Requireable<string | boolean>;
-        sticky_offset: PropTypes.Requireable<string | number>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        space: PropTypes.Requireable<string | number | boolean | PropTypes.InferProps<{
-            top: PropTypes.Requireable<string | number | boolean>;
-            right: PropTypes.Requireable<string | number | boolean>;
-            bottom: PropTypes.Requireable<string | number | boolean>;
-            left: PropTypes.Requireable<string | number | boolean>;
-        }>>;
-        top: PropTypes.Requireable<string | number | boolean>;
-        right: PropTypes.Requireable<string | number | boolean>;
-        bottom: PropTypes.Requireable<string | number | boolean>;
-        left: PropTypes.Requireable<string | number | boolean>;
+import * as React from 'react';
+export type TableSpace =
+  | string
+  | number
+  | boolean
+  | {
+      top?: string | number | boolean;
+      right?: string | number | boolean;
+      bottom?: string | number | boolean;
+      left?: string | number | boolean;
     };
-    static defaultProps: {
-        sticky: boolean;
-        sticky_offset: any;
-        children: any;
-    };
-    static enableWebComponent(): void;
-    constructor(props: any);
-    _ref: React.RefObject<any>;
-    _isMounted: boolean;
-    init: () => void;
-    getTdElement(e: any): any;
-    getThElement(e: any): any;
-    enableStickyHeader(): void;
-    intersectionObserver: IntersectionObserver;
-    stickyWarning(e?: string): void;
+export type TableTop = string | number | boolean;
+export type TableRight = string | number | boolean;
+export type TableBottom = string | number | boolean;
+export type TableLeft = string | number | boolean;
+export type TableSticky = string | boolean;
+export type TableStickyOffset = string | number;
+
+/**
+ * NB: Do not change the docs (comments) in here. The docs are updated during build time by "generateTypes.js" and "fetchPropertiesFromDocs.js".
+ */
+export interface TableProps extends React.HTMLProps<HTMLElement> {
+  space?: TableSpace;
+  top?: TableTop;
+  right?: TableRight;
+  bottom?: TableBottom;
+  left?: TableLeft;
+  sticky?: TableSticky;
+  sticky_offset?: TableStickyOffset;
+  children?: React.ReactNode;
 }
-declare namespace Table {
-    export { StickyHelper };
+export default class Table extends React.Component<TableProps, any> {
+  static defaultProps: object;
+  render(): JSX.Element;
 }
-export default Table;
-import React from "react";
-import PropTypes from "prop-types";