@dnb/eufemia 9.48.0-beta.1 → 10.0.0-beta.2

package/cjs/components/accordion/AccordionHeader.d.ts

@@ -1,96 +1,22 @@
 import * as React from 'react';
-export type AccordionHeaderTitleSpace =
-  | string
-  | number
-  | boolean
-  | {
-      top?: string | number | boolean;
-      right?: string | number | boolean;
-      bottom?: string | number | boolean;
-      left?: string | number | boolean;
-    };
-export type AccordionHeaderTitleTop = string | number | boolean;
-export type AccordionHeaderTitleRight = string | number | boolean;
-export type AccordionHeaderTitleBottom = string | number | boolean;
-export type AccordionHeaderTitleLeft = 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 AccordionHeaderTitleProps {
-  space?: AccordionHeaderTitleSpace;
-  top?: AccordionHeaderTitleTop;
-  right?: AccordionHeaderTitleRight;
-  bottom?: AccordionHeaderTitleBottom;
-  left?: AccordionHeaderTitleLeft;
+import type { ButtonIconPosition } from '../button';
+import type { HeadingLevel } from '../Heading';
+import type { IconPrimarySize } from '../IconPrimary';
+import type { SkeletonShow } from '../Skeleton';
+import type { SpacingProps } from '../space/types';
+import type { AccordionIcon } from './Accordion';
+export interface AccordionHeaderTitleProps extends SpacingProps {
   children?: React.ReactNode;
 }
 declare const AccordionHeaderTitle: React.FC<AccordionHeaderTitleProps>;
-export type AccordionHeaderDescriptionSpace =
-  | string
-  | number
-  | boolean
-  | {
-      top?: string | number | boolean;
-      right?: string | number | boolean;
-      bottom?: string | number | boolean;
-      left?: string | number | boolean;
-    };
-export type AccordionHeaderDescriptionTop = string | number | boolean;
-export type AccordionHeaderDescriptionRight = string | number | boolean;
-export type AccordionHeaderDescriptionBottom = string | number | boolean;
-export type AccordionHeaderDescriptionLeft = 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 AccordionHeaderDescriptionProps {
-  space?: AccordionHeaderDescriptionSpace;
-  top?: AccordionHeaderDescriptionTop;
-  right?: AccordionHeaderDescriptionRight;
-  bottom?: AccordionHeaderDescriptionBottom;
-  left?: AccordionHeaderDescriptionLeft;
+export interface AccordionHeaderDescriptionProps extends SpacingProps {
   children?: React.ReactNode;
 }
 declare const AccordionHeaderDescription: React.FC<AccordionHeaderDescriptionProps>;
-export type AccordionHeaderContainerSpace =
-  | string
-  | number
-  | boolean
-  | {
-      top?: string | number | boolean;
-      right?: string | number | boolean;
-      bottom?: string | number | boolean;
-      left?: string | number | boolean;
-    };
-export type AccordionHeaderContainerTop = string | number | boolean;
-export type AccordionHeaderContainerRight = string | number | boolean;
-export type AccordionHeaderContainerBottom = string | number | boolean;
-export type AccordionHeaderContainerLeft = 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 AccordionHeaderContainerProps {
-  space?: AccordionHeaderContainerSpace;
-  top?: AccordionHeaderContainerTop;
-  right?: AccordionHeaderContainerRight;
-  bottom?: AccordionHeaderContainerBottom;
-  left?: AccordionHeaderContainerLeft;
+export interface AccordionHeaderContainerProps extends SpacingProps {
   children?: React.ReactNode;
 }
 declare const AccordionHeaderContainer: React.FC<AccordionHeaderContainerProps>;
-export type AccordionHeaderIconIcon =
-  | React.ReactNode
-  | ((...args: any[]) => any)
-  | {
-      closed?: React.ReactNode | ((...args: any[]) => any);
-      expanded?: React.ReactNode | ((...args: 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 AccordionHeaderIconProps {
   icon?: AccordionHeaderIconIcon;
   size?: string;
@@ -118,7 +44,6 @@ export type AccordionHeaderHeading =
   | string
   | React.ReactNode
   | ((...args: any[]) => any);
-export type AccordionHeaderHeadingLevel = string | number;
 export type AccordionHeaderIcon =
   | React.ReactNode
   | ((...args: any[]) => any)
@@ -126,51 +51,25 @@ export type AccordionHeaderIcon =
       closed?: React.ReactNode | ((...args: any[]) => any);
       expanded?: React.ReactNode | ((...args: any[]) => any);
     };
-export type AccordionHeaderIconPosition = 'left' | 'right';
-export type AccordionHeaderDisabled = string | boolean;
-export type AccordionHeaderSkeleton = string | boolean;
-export type AccordionHeaderNoAnimation = string | boolean;
-export type AccordionHeaderSpace =
-  | string
-  | number
-  | boolean
-  | {
-      top?: string | number | boolean;
-      right?: string | number | boolean;
-      bottom?: string | number | boolean;
-      left?: string | number | boolean;
-    };
-export type AccordionHeaderTop = string | number | boolean;
-export type AccordionHeaderRight = string | number | boolean;
-export type AccordionHeaderBottom = string | number | boolean;
-export type AccordionHeaderLeft = string | number | boolean;
 export type AccordionHeaderChildren =
   | string
   | React.ReactNode
   | ((...args: 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 AccordionHeaderProps
-  extends React.HTMLProps<HTMLElement> {
+  extends React.HTMLProps<HTMLElement>,
+    SpacingProps {
   title?: AccordionHeaderTitle;
   description?: AccordionHeaderDescription;
   left_component?: AccordionHeaderLeftComponent;
   element?: AccordionHeaderElement;
   heading?: AccordionHeaderHeading;
-  heading_level?: AccordionHeaderHeadingLevel;
-  icon?: AccordionHeaderIcon;
-  icon_position?: AccordionHeaderIconPosition;
-  icon_size?: string;
-  disabled?: AccordionHeaderDisabled;
-  skeleton?: AccordionHeaderSkeleton;
-  no_animation?: AccordionHeaderNoAnimation;
-  space?: AccordionHeaderSpace;
-  top?: AccordionHeaderTop;
-  right?: AccordionHeaderRight;
-  bottom?: AccordionHeaderBottom;
-  left?: AccordionHeaderLeft;
+  heading_level?: HeadingLevel;
+  icon?: AccordionIcon;
+  icon_position?: ButtonIconPosition;
+  icon_size?: IconPrimarySize;
+  disabled?: boolean;
+  skeleton?: SkeletonShow;
+  no_animation?: boolean;
   className?: string;
   children?: AccordionHeaderChildren;
 }
@@ -179,5 +78,20 @@ export default class AccordionHeader extends React.Component<
   any
 > {
   static defaultProps: object;
+  static Container: ({
+    children
+  }: {
+    children: React.ReactNode;
+  }) => JSX.Element;
+  static Title: ({
+    children
+  }: {
+    children: React.ReactNode;
+  }) => JSX.Element;
+  static Description: ({
+    children
+  }: {
+    children: React.ReactNode;
+  }) => JSX.Element;
   render(): JSX.Element;
 }

package/cjs/components/accordion/AccordionProvider.d.ts

@@ -1,88 +1,52 @@
 import * as React from 'react';
-export type AccordionGroupExpanded = string | boolean;
-export type AccordionGroupNoAnimation = string | boolean;
-export type AccordionGroupExpandedSsr = string | boolean;
-export type AccordionGroupPrerender = string | boolean;
-export type AccordionGroupPreventRerender = string | boolean;
-export type AccordionGroupPreventRerenderConditional = string | boolean;
-export type AccordionGroupRememberState = string | boolean;
-export type AccordionGroupFlushRememberedState = string | boolean;
-export type AccordionGroupSingleContainer = string | boolean;
+import type { ButtonIconPosition } from '../button';
+import type { HeadingLevel } from '../Heading';
+import type { IconPrimarySize } from '../IconPrimary';
+import type { SkeletonShow } from '../Skeleton';
+import type { SpacingProps } from '../space/types';
+import type { AccordionIcon } from './Accordion';
 export type AccordionGroupVariant =
   | 'plain'
   | 'default'
   | 'outlined'
   | 'filled';
-export type AccordionGroupAllowCloseAll = string | boolean;
-export type AccordionGroupDisabled = string | boolean;
-export type AccordionGroupSkeleton = string | boolean;
 export type AccordionGroupHeading = boolean | React.ReactNode;
-export type AccordionGroupHeadingLevel = string | number;
-export type AccordionGroupIcon =
-  | React.ReactNode
-  | ((...args: any[]) => any)
-  | {
-      closed?: React.ReactNode | ((...args: any[]) => any);
-      expanded?: React.ReactNode | ((...args: any[]) => any);
-    };
 export type AccordionGroupClosed =
   | React.ReactNode
   | ((...args: any[]) => any);
-export type AccordionGroupIconPosition = 'left' | 'right';
 export type AccordionGroupAttributes = string | Record<string, unknown>;
-export type AccordionGroupSpace =
-  | string
-  | number
-  | boolean
-  | {
-      top?: string | number | boolean;
-      right?: string | number | boolean;
-      bottom?: string | number | boolean;
-      left?: string | number | boolean;
-    };
-export type AccordionGroupTop = string | number | boolean;
-export type AccordionGroupRight = string | number | boolean;
-export type AccordionGroupBottom = string | number | boolean;
-export type AccordionGroupLeft = 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 AccordionGroupProps extends React.HTMLProps<HTMLElement> {
+export interface AccordionGroupProps
+  extends React.HTMLProps<HTMLElement>,
+    SpacingProps {
   title?: React.ReactNode;
-  expanded?: AccordionGroupExpanded;
-  no_animation?: AccordionGroupNoAnimation;
-  expanded_ssr?: AccordionGroupExpandedSsr;
-  prerender?: AccordionGroupPrerender;
-  prevent_rerender?: AccordionGroupPreventRerender;
-  prevent_rerender_conditional?: AccordionGroupPreventRerenderConditional;
-  remember_state?: AccordionGroupRememberState;
+  expanded?: boolean;
+  no_animation?: boolean;
+  expanded_ssr?: boolean;
+  prerender?: boolean;
+  prevent_rerender?: boolean;
+  prevent_rerender_conditional?: boolean;
+  remember_state?: boolean;
   contentRef?: Record<string, unknown>;
-  flush_remembered_state?: AccordionGroupFlushRememberedState;
-  single_container?: AccordionGroupSingleContainer;
+  flush_remembered_state?: boolean;
+  single_container?: boolean;
   variant?: AccordionGroupVariant;
   left_component?: React.ReactNode;
-  allow_close_all?: AccordionGroupAllowCloseAll;
-  disabled?: AccordionGroupDisabled;
-  skeleton?: AccordionGroupSkeleton;
+  allow_close_all?: boolean;
+  disabled?: boolean;
+  skeleton?: SkeletonShow;
   id?: string;
   group?: string;
   element?: React.ReactNode;
   heading?: AccordionGroupHeading;
-  heading_level?: AccordionGroupHeadingLevel;
-  icon?: AccordionGroupIcon;
+  heading_level?: HeadingLevel;
+  icon?: AccordionIcon;
   closed?: AccordionGroupClosed;
-  icon_position?: AccordionGroupIconPosition;
-  icon_size?: string;
+  icon_position?: ButtonIconPosition;
+  icon_size?: IconPrimarySize;
   attributes?: AccordionGroupAttributes;
   class?: string;
   className?: string;
   children?: React.ReactNode;
-  space?: AccordionGroupSpace;
-  top?: AccordionGroupTop;
-  right?: AccordionGroupRight;
-  bottom?: AccordionGroupBottom;
-  left?: AccordionGroupLeft;
 
   /**
    * Will be called by user click interaction. Returns an object with a boolean state `expanded` inside `{ expanded, id, event, ...event }`.
@@ -94,6 +58,7 @@ export interface AccordionGroupProps extends React.HTMLProps<HTMLElement> {
 }
 export default class AccordionGroup extends React.Component<
   AccordionGroupProps,
+  SpacingProps,
   any
 > {
   render(): JSX.Element;