@dnb/eufemia 10.0.0 → 10.1.0

package/cjs/components/lib.d.ts

@@ -59,9 +59,9 @@ import VisuallyHidden from './visually-hidden/VisuallyHidden';
 export { Accordion, Anchor, Autocomplete, Avatar, Badge, Breadcrumb, Button, Checkbox, DatePicker, Dialog, Drawer, Dropdown, FormLabel, FormRow, FormSet, FormStatus, GlobalError, GlobalStatus, Heading, HeightAnimation, HelpButton, Icon, IconPrimary, InfoCard, Input, InputMasked, Logo, Modal, NumberFormat, Pagination, ProgressIndicator, Radio, Section, Skeleton, SkipContent, Slider, Space, StepIndicator, Switch, Table, Tabs, Tag, Textarea, Timeline, ToggleButton, Tooltip, Upload, VisuallyHidden, };
 export declare const getComponents: () => {
     Accordion: typeof Accordion;
-    Anchor: import("react").ForwardRefExoticComponent<Pick<import("./anchor/Anchor").AnchorProps & import("react").HTMLProps<HTMLAnchorElement> & import("./space/types").SpacingElementProps & {
+    Anchor: import("react").ForwardRefExoticComponent<import("./anchor/Anchor").AnchorProps & Omit<import("react").HTMLProps<HTMLAnchorElement>, "ref"> & import("./space/types").SpacingElementProps & {
         space?: import("./space/types").SpaceType | import("./space/types").SpacingElementProps;
-    }, "aria-hidden" | "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "accessKey" | "key" | "value" | "space" | "top" | "right" | "bottom" | "left" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "className" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "innerRef" | "list" | "tooltip" | "step" | "shape" | "skeleton" | "as" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "target" | "type" | "useMap" | "width" | "wmode" | "wrap" | "to" | "icon" | "element" | "targetBlankTitle" | "iconPosition" | "omitClass" | "inner_ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
+    } & import("react").RefAttributes<HTMLAnchorElement>>;
     Autocomplete: typeof Autocomplete;
     Avatar: {
         (localProps: import("./avatar/Avatar").AvatarProps & import("./space/types").SpacingElementProps & {

package/cjs/components/logo/Logo.d.ts

@@ -6,7 +6,7 @@ export type LogoRatio = number | string;
 export type LogoWidth = number | string;
 export type LogoHeight = number | string;
 export interface LogoProps
-  extends React.HTMLProps<HTMLElement>,
+  extends Omit<React.HTMLProps<HTMLElement>, 'ref'>,
     SpacingProps {
   /**
    * Define the size of the logo. Sets the height. The width will be calculated by the ratio. Also, `inherit` will use the inherited height. Defaults to `auto`.

package/cjs/components/number-format/NumberFormat.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-exports.runIOSSelectionFix = runIOSSelectionFix;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -94,7 +93,7 @@ class NumberFormat extends _react.default.PureComponent {
 
     if (_helpers.IS_IOS && !hasiOSFix) {
       hasiOSFix = true;
-      runIOSSelectionFix();
+      (0, _NumberUtils.runIOSSelectionFix)();
     }
   }
 
@@ -378,13 +377,4 @@ process.env.NODE_ENV !== "production" ? NumberFormat.propTypes = _objectSpread(_
   className: _propTypes.default.string,
   children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func])
 }) : void 0;
-let hasiOSFix = false;
-
-function runIOSSelectionFix() {
-  try {
-    const selection = window.getSelection();
-    const range = document.createRange();
-    selection.removeAllRanges();
-    selection.addRange(range);
-  } catch (e) {}
-}
+let hasiOSFix = false;

package/cjs/components/number-format/NumberUtils.d.ts

@@ -124,4 +124,16 @@ export const countDecimals: (
 ) => number;
 
 type copy = (content: string, HTMLElement) => void;
+
+/**
+ * Only for internal use as of now. So its not documented.
+ */
 export const useCopyWithNotice: () => { copy: copy };
+
+/**
+ * Only for internal use as of now. So its not documented.
+ *
+ * So iOS v13 can select something on the first try, we run this add range trick.
+ * NB: This hack may be removed in future iOS versions.
+ */
+export const runIOSSelectionFix = () => null;

package/cjs/components/pagination/Pagination.d.ts

@@ -35,7 +35,7 @@ type PaginationIndicatorElement =
   | string;
 type PaginationChildren = React.ReactNode | ((...args: any[]) => any);
 export interface PaginationProps
-  extends React.HTMLProps<HTMLElement>,
+  extends Omit<React.HTMLProps<HTMLElement>, 'ref'>,
     SpacingProps {
   /**
    * The page shown in the very beginning. If `current_page` is set, then it may not make too much sense to set this as well.

package/cjs/components/radio/Radio.d.ts

@@ -21,7 +21,7 @@ export type RadioSuffix =
 export type RadioAttributes = string | Record<string, unknown>;
 export type RadioChildren = string | ((...args: any[]) => any);
 export interface RadioProps
-  extends React.HTMLProps<HTMLElement>,
+  extends Omit<React.HTMLProps<HTMLElement>, 'ref'>,
     SpacingProps {
   /**
    * Use either the `label` property or provide a custom one.

package/cjs/components/radio/RadioGroup.d.ts

@@ -21,7 +21,7 @@ export type RadioGroupChildren =
   | ((...args: any[]) => any)
   | React.ReactNode;
 export interface RadioGroupProps
-  extends React.HTMLProps<HTMLElement>,
+  extends Omit<React.HTMLProps<HTMLElement>, 'ref'>,
     SpacingProps {
   /**
    * Use either the `label` property or provide a custom one.

package/cjs/components/section/Section.d.ts

@@ -23,5 +23,5 @@ export declare type SectionProps = {
     className?: string;
     children?: React.ReactNode;
 };
-export declare type SectionAllProps = SectionProps & SpacingProps & React.HTMLProps<HTMLElement>;
+export declare type SectionAllProps = SectionProps & SpacingProps & Omit<React.HTMLProps<HTMLElement>, 'ref'>;
 export default function Section(localProps: SectionAllProps): JSX.Element;

package/cjs/components/skeleton/Skeleton.d.ts

@@ -10,7 +10,7 @@ export type SkeletonChildren =
   | ((...args: any[]) => any)
   | React.ReactNode;
 export interface SkeletonProps
-  extends React.HTMLProps<HTMLElement>,
+  extends Omit<React.HTMLProps<HTMLElement>, 'ref'>,
     SpacingProps {
   /**
    * Use `true` to enable/show the skeleton for the component used inside. Defaults to `false`.

package/cjs/components/space/Space.d.ts

@@ -40,7 +40,7 @@ export declare type SpaceProps = {
      */
     innerRef?: React.RefObject<HTMLElement>;
 } & SpacingProps;
-export declare type SpaceAllProps = SpaceProps & React.HTMLProps<HTMLElement>;
+export declare type SpaceAllProps = SpaceProps & Omit<React.HTMLProps<HTMLElement>, 'ref'>;
 export default class Space extends React.PureComponent<SpaceAllProps | React.HTMLProps<HTMLElement>> {
     static contextType: React.Context<import("../../shared/Context").ContextProps>;
     static propTypes: {

package/cjs/components/step-indicator/StepIndicator.d.ts

@@ -23,7 +23,7 @@ export type StepIndicatorChildren =
   | React.ReactNode
   | ((...args: any[]) => any);
 export interface StepIndicatorProps
-  extends React.HTMLProps<HTMLElement>,
+  extends Omit<React.HTMLProps<HTMLAnchorElement>, 'ref'>,
     SpacingProps {
   /**
    * <em>(required)</em> a unique string-based ID in order to bind together the main component and the sidebar (`<StepIndicator.Sidebar />`). Both have to get the same ID.

package/cjs/components/step-indicator/StepIndicatorItem.d.ts

@@ -47,7 +47,7 @@ export default class StepIndicatorItem extends React.Component<
 }
 export interface StepItemButtonProps {
   children?: React.ReactNode;
-  inner_ref?: Record<string, unknown>;
+  inner_ref?: React.RefObject<HTMLElement>;
   className?: string;
   status?: FormStatusText;
   status_state?: StepIndicatorStatusState;

package/cjs/components/step-indicator/StepIndicatorSidebar.d.ts

@@ -3,13 +3,15 @@ import type { SpacingProps } from '../../shared/types';
 import type { StepIndicatorProps } from './StepIndicator';
 export interface StepIndicatorSidebarProps
   extends SpacingProps,
-    Pick<
-      StepIndicatorProps,
-      'sidebar_id' | 'mode' | 'current_step' | 'data'
-    >,
-    React.HTMLProps<HTMLElement> {
+    Pick<StepIndicatorProps, 'mode' | 'current_step' | 'data'>,
+    Omit<React.HTMLProps<HTMLAnchorElement>, 'ref'> {
   internalId?: string;
   showInitialData?: boolean;
+
+  /**
+   * <em>(required)</em> a unique string-based ID in order to bind together the main component and the sidebar (`<StepIndicator.Sidebar />`). Both have to get the same ID.
+   */
+  sidebar_id: string;
 }
 export default class StepIndicatorSidebar extends React.Component<
   StepIndicatorSidebarProps,

package/cjs/components/step-indicator/StepIndicatorTriggerButton.d.ts

@@ -6,7 +6,7 @@ export interface StepIndicatorTriggerButtonProps
    */
   sidebar_id?: string;
   className?: string;
-  inner_ref?: Record<string, unknown>;
+  inner_ref?: React.RefObject<HTMLElement>;
 }
 export default class StepIndicatorTriggerButton extends React.Component<
   StepIndicatorTriggerButtonProps,

package/cjs/components/switch/Switch.d.ts

@@ -16,7 +16,7 @@ export type SwitchSuffix =
 export type SwitchAttributes = string | Record<string, unknown>;
 export type SwitchChildren = string | ((...args: any[]) => any);
 export interface SwitchProps
-  extends React.HTMLProps<HTMLElement>,
+  extends Omit<React.HTMLProps<HTMLElement>, 'ref'>,
     SpacingProps {
   /**
    * Use either the `label` property or provide a custom one.

package/cjs/components/tabs/Tabs.d.ts

@@ -28,7 +28,7 @@ export type TabsChildren =
   | React.ReactNode
   | ((...args: any[]) => any);
 export interface TabsProps
-  extends React.HTMLProps<HTMLElement>,
+  extends Omit<React.HTMLProps<HTMLElement>, 'ref'>,
     SpacingProps {
   /**
    * <em>(required)</em> defines the data structure to load as a JSON. e.g. `[{title: &#39;...&#39;, content: &#39;Current tab&#39;, key: &#39;...&#39;, hash: &#39;...&#39;}]`

package/cjs/components/textarea/Textarea.d.ts

@@ -25,7 +25,7 @@ export type TextareaTextareaElement =
   | React.ReactNode;
 export type TextareaChildren = React.ReactNode | ((...args: any[]) => any);
 export interface TextareaProps
-  extends React.HTMLProps<HTMLElement>,
+  extends Omit<React.HTMLProps<HTMLElement>, 'ref'>,
     SpacingProps {
   /**
    * The content value of the Textarea.

package/cjs/components/toggle-button/ToggleButton.d.ts

@@ -24,7 +24,7 @@ export type ToggleButtonValue =
 export type ToggleButtonAttributes = string | Record<string, unknown>;
 export type ToggleButtonChildren = string | ((...args: any[]) => any);
 export interface ToggleButtonProps
-  extends React.HTMLProps<HTMLElement>,
+  extends Omit<React.HTMLProps<HTMLElement>, 'ref'>,
     SpacingProps {
   /**
    * <em>(required)</em> the text shown in the ToggleButton.

package/cjs/core/jest/jestSetupScreenshots.css

@@ -30,6 +30,7 @@ html {
 	*/
   padding: 1rem;
   margin: -1rem;
+  box-shadow: 0 0 0 1px #fff;
 
   background: #fff;
 }

package/cjs/elements/Element.d.ts

@@ -20,11 +20,11 @@ export declare type ElementProps = {
     innerRef?: React.RefObject<HTMLElement> | React.ForwardedRef<unknown>;
     children?: React.ReactNode;
 } & SpacingProps;
-export declare type ElementAllProps = ElementProps & ElementInternalProps & React.HTMLProps<HTMLElement>;
+export declare type ElementAllProps = ElementProps & ElementInternalProps & Omit<React.HTMLProps<HTMLElement>, 'ref'>;
 export declare const defaultProps: {
     skeletonMethod: string;
 };
-declare const Element: React.ForwardRefExoticComponent<Pick<{
+declare const Element: React.ForwardRefExoticComponent<{
     skeleton?: SkeletonShow;
     skeletonMethod?: SkeletonMethods;
     internalClass?: string;
@@ -32,5 +32,5 @@ declare const Element: React.ForwardRefExoticComponent<Pick<{
     children?: React.ReactNode;
 } & import("../shared/types").SpacingElementProps & {
     space?: import("../shared/types").SpaceType | import("../shared/types").SpacingElementProps;
-} & ElementInternalProps & React.HTMLProps<HTMLElement>, "aria-hidden" | "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "accessKey" | "key" | "value" | "space" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "className" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "innerRef" | "list" | "step" | keyof import("../shared/types").SpacingElementProps | "shape" | "skeleton" | "skeletonMethod" | "internalClass" | "as" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "target" | "type" | "useMap" | "width" | "wmode" | "wrap"> & React.RefAttributes<unknown>>;
+} & ElementInternalProps & Omit<React.HTMLProps<HTMLElement>, "ref"> & React.RefAttributes<unknown>>;
 export default Element;

package/cjs/elements/Link.d.ts

@@ -3,7 +3,7 @@
  *
  */
 /// <reference types="react" />
-declare const Link: import("react").ForwardRefExoticComponent<Pick<import("../components/Anchor").AnchorProps & import("react").HTMLProps<HTMLAnchorElement> & import("../shared/types").SpacingElementProps & {
+declare const Link: import("react").ForwardRefExoticComponent<import("../components/Anchor").AnchorProps & Omit<import("react").HTMLProps<HTMLAnchorElement>, "ref"> & import("../shared/types").SpacingElementProps & {
     space?: import("../shared/types").SpaceType | import("../shared/types").SpacingElementProps;
-}, "aria-hidden" | "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "accessKey" | "key" | "value" | "space" | "top" | "right" | "bottom" | "left" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "className" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "innerRef" | "list" | "tooltip" | "step" | "shape" | "skeleton" | "as" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "target" | "type" | "useMap" | "width" | "wmode" | "wrap" | "to" | "icon" | "element" | "targetBlankTitle" | "iconPosition" | "omitClass" | "inner_ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
+} & import("react").RefAttributes<HTMLAnchorElement>>;
 export default Link;

package/cjs/elements/img/style/dnb-img.scss

@@ -3,30 +3,8 @@
  *
  */
 
-@import './img-mixins.scss';
+@use './img-mixins.scss';
 
 .dnb-img {
-  display: inline-flex;
-  flex-direction: column;
-
-  &:not([class*='dnb-space']) {
-    margin: 0;
-  }
-  padding: 0;
-
-  text-align: center; // works on Chrome – hides the alt text
-  align-items: center; // works on FF – hides the alt text
-
-  img,
-  figcaption {
-    font-size: var(--font-size-basis);
-  }
-
-  img {
-    @include imageStyle();
-  }
-
-  figcaption {
-    margin-top: 0.5rem;
-  }
+  @include img-mixins.figureStyle();
 }

package/cjs/elements/img/style/img-mixins.scss

@@ -31,8 +31,37 @@
   }
 }
 
+@mixin figureStyle() {
+  display: inline-flex;
+  flex-direction: column;
+
+  &:not([class*='dnb-space']) {
+    margin: 0;
+  }
+  padding: 0;
+
+  text-align: center; // works on Chrome – hides the alt text
+  align-items: center; // works on FF – hides the alt text
+
+  img,
+  figcaption {
+    font-size: var(--font-size-basis);
+  }
+
+  img {
+    @include imageStyle();
+  }
+
+  figcaption {
+    margin-top: 0.5rem;
+  }
+}
+
 @mixin imageTag() {
   img {
     @include imageStyle();
   }
+  figure {
+    @include figureStyle();
+  }
 }

package/cjs/elements/img/style/themes/dnb-img-theme-ui.scss

@@ -1,11 +1,24 @@
-.dnb-img {
+@mixin imgStyle() {
   &[alt]::after {
     color: var(--color-black-80);
     background-color: var(--color-black-8);
   }
+}
 
-  &__img--error {
-    color: var(--color-black-80);
-    background-color: var(--color-black-8);
+$useClasses: true !default;
+@if $useClasses {
+  .dnb-img {
+    @include imgStyle();
+
+    &__img--error {
+      color: var(--color-black-80);
+      background-color: var(--color-black-8);
+    }
+  }
+}
+
+@mixin imgThemeTag() {
+  img {
+    @include imgStyle();
   }
 }

package/cjs/elements/lib.d.ts

@@ -85,9 +85,9 @@ export declare const getElements: () => {
     Ingress: (props: import("./P").PProps) => JSX.Element;
     Lead: (props: import("./P").PProps) => JSX.Element;
     Li: ({ className, ...p }?: import("./Li").LiAllProps) => JSX.Element;
-    Link: import("react").ForwardRefExoticComponent<Pick<import("../components/Anchor").AnchorProps & import("react").HTMLProps<HTMLAnchorElement> & import("../shared/types").SpacingElementProps & {
+    Link: import("react").ForwardRefExoticComponent<import("../components/Anchor").AnchorProps & Omit<import("react").HTMLProps<HTMLAnchorElement>, "ref"> & import("../shared/types").SpacingElementProps & {
         space?: import("../shared/types").SpaceType | import("../shared/types").SpacingElementProps;
-    }, "aria-hidden" | "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "accessKey" | "key" | "value" | "space" | "top" | "right" | "bottom" | "left" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "className" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "innerRef" | "list" | "tooltip" | "step" | "shape" | "skeleton" | "as" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "target" | "type" | "useMap" | "width" | "wmode" | "wrap" | "to" | "icon" | "element" | "targetBlankTitle" | "iconPosition" | "omitClass" | "inner_ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
+    } & import("react").RefAttributes<HTMLAnchorElement>>;
     Ol: ({ nested, inside, outside, ...p }?: import("./Ol").OlAllProps) => JSX.Element;
     P: ({ modifier, element, className, medium, bold, size, ...props }: import("./P").PProps) => JSX.Element;
     Paragraph: (props: import("./P").PProps) => JSX.Element;

package/cjs/elements/typography/style/themes/dnb-typography-theme-ui.scss

@@ -1,7 +1,6 @@
 @use '../typography-mixins.scss' as typography;
 
-// Paragraphs
-.dnb-p {
+@mixin typographyStyle() {
   color: var(--theme-color-black-80, currentColor);
 }
 
@@ -14,3 +13,20 @@
 @include typography.headingClasses() {
   color: var(--theme-color-black-80, currentColor);
 }
+
+$useClasses: true !default;
+@if $useClasses {
+  .dnb-p {
+    @include typographyStyle();
+  }
+}
+
+@mixin typographyThemeTag() {
+  @include typography.headingTags() {
+    @include typographyStyle();
+  }
+
+  p {
+    @include typographyStyle();
+  }
+}

package/cjs/icons/{document_csv.d.ts → accounting.d.ts}

@@ -1,3 +1,3 @@
 /** This file is auto generated by convertSvgToJsx.ts */
-import icon from './dnb/document_csv';
+import icon from './dnb/accounting';
 export default icon;

package/cjs/icons/{document_pdf.js → accounting.js}

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _document_pdf = _interopRequireDefault(require("./dnb/document_pdf"));
+var _accounting = _interopRequireDefault(require("./dnb/accounting"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _default = _document_pdf.default;
+var _default = _accounting.default;
 exports.default = _default;

package/cjs/icons/{document_contract.d.ts → accounting_medium.d.ts}

@@ -1,3 +1,3 @@
 /** This file is auto generated by convertSvgToJsx.ts */
-import icon from './dnb/document_contract';
+import icon from './dnb/accounting_medium';
 export default icon;

package/cjs/icons/{document_contract.js → accounting_medium.js}

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _document_contract = _interopRequireDefault(require("./dnb/document_contract"));
+var _accounting_medium = _interopRequireDefault(require("./dnb/accounting_medium"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _default = _document_contract.default;
+var _default = _accounting_medium.default;
 exports.default = _default;

package/cjs/icons/{document_pdf.d.ts → candle_stick.d.ts}

@@ -1,3 +1,3 @@
 /** This file is auto generated by convertSvgToJsx.ts */
-import icon from './dnb/document_pdf';
+import icon from './dnb/candle_stick';
 export default icon;

package/cjs/icons/{document_add.js → candle_stick.js}

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _document_add = _interopRequireDefault(require("./dnb/document_add"));
+var _candle_stick = _interopRequireDefault(require("./dnb/candle_stick"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _default = _document_add.default;
+var _default = _candle_stick.default;
 exports.default = _default;

package/cjs/icons/{document_add_medium.d.ts → candle_stick_medium.d.ts}

@@ -1,3 +1,3 @@
 /** This file is auto generated by convertSvgToJsx.ts */
-import icon from './dnb/document_add_medium';
+import icon from './dnb/candle_stick_medium';
 export default icon;

package/cjs/icons/{document_add_medium.js → candle_stick_medium.js}

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _document_add_medium = _interopRequireDefault(require("./dnb/document_add_medium"));
+var _candle_stick_medium = _interopRequireDefault(require("./dnb/candle_stick_medium"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var _default = _document_add_medium.default;
+var _default = _candle_stick_medium.default;
 exports.default = _default;

package/cjs/icons/dnb/{document_pdf.d.ts → accounting.d.ts}

@@ -1,4 +1,4 @@
 /** This file is auto generated by convertSvgToJsx.ts */
 /// <reference types="react" />
-declare const document_pdf: (props: any) => JSX.Element;
-export default document_pdf;
+declare const accounting: (props: any) => JSX.Element;
+export default accounting;

package/cjs/icons/dnb/{document_rejected.js → accounting.js}

@@ -13,19 +13,19 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const document_rejected = props => _react.default.createElement("svg", _extends({
+const accounting = props => _react.default.createElement("svg", _extends({
+  xmlns: "http://www.w3.org/2000/svg",
   width: 16,
   height: 16,
-  viewBox: "0 0 16 16",
   fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
+  viewBox: "0 0 16 16"
 }, props), _path || (_path = _react.default.createElement("path", {
-  d: "M9.59 2.5L8.61958 1.35383C8.42957 1.12942 8.15043 1 7.85638 1H2C1.44772 1 1 1.44772 1 2V14C1 14.5523 1.44772 15 2 15H4M8.6875 11.8125L10.25 10.25M10.25 10.25L11.8125 8.6875M10.25 10.25L11.8125 11.8125M10.25 10.25L8.6875 8.6875M15.17 10.25C15.17 12.9673 12.9672 15.17 10.25 15.17C7.53275 15.17 5.32999 12.9673 5.32999 10.25C5.32999 7.53278 7.53275 5.33002 10.25 5.33002C12.9672 5.33002 15.17 7.53278 15.17 10.25Z",
-  stroke: "black",
-  strokeWidth: 1.5,
+  stroke: "#000",
   strokeLinecap: "round",
-  strokeLinejoin: "round"
+  strokeLinejoin: "round",
+  strokeWidth: 1.5,
+  d: "M4.733 15h6.534M1 7.533l2.47-2.47a.467.467 0 0 1 .66 0L5.337 6.27a.467.467 0 0 0 .66 0l2.47-2.47M9.4 7.572v1.4m3.733-1.4v1.4m-1.866-2.8v2.8M9.867 15H6.133l.467-2.8h2.8l.467 2.8ZM3.8 12.2h8.4c1.546 0 2.8-1.306 2.8-2.917V3.917C15 2.306 13.746 1 12.2 1H3.8C2.254 1 1 2.306 1 3.917v5.366C1 10.894 2.254 12.2 3.8 12.2Z"
 })));
 
-var _default = document_rejected;
+var _default = accounting;
 exports.default = _default;

package/cjs/icons/dnb/accounting_medium.d.ts

@@ -0,0 +1,4 @@
+/** This file is auto generated by convertSvgToJsx.ts */
+/// <reference types="react" />
+declare const accounting_medium: (props: any) => JSX.Element;
+export default accounting_medium;