diff --git a/e2e/tests/plugin-form-Nested.spec.ts b/e2e/tests/plugin-form-Nested.spec.ts
index fbc8ff273..dc52c4825 100644
--- a/e2e/tests/plugin-form-Nested.spec.ts
+++ b/e2e/tests/plugin-form-Nested.spec.ts
@@ -1,4 +1,4 @@
-import { Page, expect, test } from '@playwright/test'
+import { type Page, expect, test } from '@playwright/test'
 
 test.describe.configure({ mode: 'serial' })
 
diff --git a/e2e/tests/plugin-view_selector-car_garage.spec.ts b/e2e/tests/plugin-view_selector-car_garage.spec.ts
index 65da2eeb8..4446bc6ab 100644
--- a/e2e/tests/plugin-view_selector-car_garage.spec.ts
+++ b/e2e/tests/plugin-view_selector-car_garage.spec.ts
@@ -69,9 +69,11 @@ test('View selector - car garage', async ({ page }) => {
       page.getByRole('tab', { name: 'car Dimensions' })
     ).toBeVisible()
 
-    await page.getByTestId('form-text-widget-Next control date').last()
+    await page
+      .getByTestId('form-text-widget-Next control date')
+      .last()
 
-    .fill('2025-06-31')
+      .fill('2025-06-31')
     await page.getByRole('button', { name: 'Submit' }).click()
     await expect(page.getByRole('alert')).toHaveText(['Document updated'])
     await page
diff --git a/e2e/tsconfig.json b/e2e/tsconfig.json
index b3fd4e82e..e5569fb1e 100644
--- a/e2e/tsconfig.json
+++ b/e2e/tsconfig.json
@@ -1,9 +1,5 @@
 {
   "extends": "../tsconfig.json",
-  "include": [
-    "tests"
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["tests"],
+  "exclude": ["node_modules"]
 }
diff --git a/example/src/App.tsx b/example/src/App.tsx
index 16e213146..0a6b0e0e0 100644
--- a/example/src/App.tsx
+++ b/example/src/App.tsx
@@ -3,13 +3,13 @@ import {
   DMApplicationProvider,
   DmssAPI,
   EntityView,
-  ErrorResponse,
-  TApplication,
+  type ErrorResponse,
+  type TApplication,
 } from '@development-framework/dm-core'
 import { Button, Card, Icon, Typography } from '@equinor/eds-core-react'
 import { refresh } from '@equinor/eds-icons'
 
-import { AxiosError } from 'axios'
+import type { AxiosError } from 'axios'
 import { useContext, useEffect, useState } from 'react'
 import { RouterProvider, createBrowserRouter } from 'react-router-dom'
 import ViewPage from './ViewPage'
diff --git a/example/src/ViewPage.tsx b/example/src/ViewPage.tsx
index 76abb78f7..c79f6ce7b 100644
--- a/example/src/ViewPage.tsx
+++ b/example/src/ViewPage.tsx
@@ -2,7 +2,7 @@ import {
   EntityView,
   ErrorGroup,
   Loading,
-  TValidEntity,
+  type TValidEntity,
   useDocument,
 } from '@development-framework/dm-core'
 import { Typography } from '@equinor/eds-core-react'
diff --git a/example/src/plugins/marmo-ui/containers/views/SignalPlot.tsx b/example/src/plugins/marmo-ui/containers/views/SignalPlot.tsx
index ed4f7a678..bcb0bee43 100644
--- a/example/src/plugins/marmo-ui/containers/views/SignalPlot.tsx
+++ b/example/src/plugins/marmo-ui/containers/views/SignalPlot.tsx
@@ -1,7 +1,7 @@
 import {
-  IUIPlugin,
+  type IUIPlugin,
   Loading,
-  TGenericObject,
+  type TGenericObject,
   useDocument,
 } from '@development-framework/dm-core'
 // @ts-ignore
diff --git a/example/src/plugins/marmo-ui/containers/views/SignalTable/SignalTable.tsx b/example/src/plugins/marmo-ui/containers/views/SignalTable/SignalTable.tsx
index 29c4dfb87..3182abc6c 100644
--- a/example/src/plugins/marmo-ui/containers/views/SignalTable/SignalTable.tsx
+++ b/example/src/plugins/marmo-ui/containers/views/SignalTable/SignalTable.tsx
@@ -9,9 +9,9 @@ import { chevron_left, chevron_right } from '@equinor/eds-icons'
 import { useState } from 'react'
 
 import {
-  IUIPlugin,
+  type IUIPlugin,
   Loading,
-  TGenericObject,
+  type TGenericObject,
   useDocument,
 } from '@development-framework/dm-core'
 import { PaginationWrapper, SectionWrapper } from './styles'
@@ -86,6 +86,7 @@ const SignalTable = (props: { document: TGenericObject }) => {
           {rows
             .slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage)
             .map((row: any) => (
+              // biome-ignore lint/a11y/useSemanticElements: <explanation>
               <Table.Row role='checkbox' tabIndex={-1} key={row.index}>
                 {columns.map((column) => {
                   const value = row[column.id]
diff --git a/example/src/plugins/marmo-ui/index.tsx b/example/src/plugins/marmo-ui/index.tsx
index 8c373ac7a..72c278711 100644
--- a/example/src/plugins/marmo-ui/index.tsx
+++ b/example/src/plugins/marmo-ui/index.tsx
@@ -1,14 +1,14 @@
-import { TUiPluginMap } from '@development-framework/dm-core'
+import type { TUiPluginMap } from '@development-framework/dm-core'
 
 //views
 import { SignalPlot } from './containers/views/SignalPlot'
 import { SignalTable } from './containers/views/SignalTable/SignalTable'
 
-export default ({
+export default {
   'marmo-ess-plot-view': {
     component: SignalPlot,
   },
   'marmo-ess-table-view': {
     component: SignalTable,
   },
-} as TUiPluginMap)
+} as TUiPluginMap
diff --git a/example/tsconfig.json b/example/tsconfig.json
index d9a0c4ae1..5b3a000fa 100644
--- a/example/tsconfig.json
+++ b/example/tsconfig.json
@@ -3,20 +3,14 @@
     "baseUrl": "./src",
     "incremental": true,
     "paths": {
-      "@development-framework/dm-core/*": [
-        "../packages/dm-core/src/*"
-      ],
+      "@development-framework/dm-core/*": ["../packages/dm-core/src/*"],
       "@development-framework/dm-core-plugins/*": [
         "../packages/dm-core-plugins/src/*"
       ]
     },
     "target": "ESNext",
     "useDefineForClassFields": true,
-    "lib": [
-      "ES2020",
-      "DOM",
-      "DOM.Iterable"
-    ],
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
     "allowJs": true,
     "skipLibCheck": true,
     "esModuleInterop": false,
@@ -30,17 +24,8 @@
     "isolatedModules": true,
     "noEmit": true,
     "jsx": "react-jsx",
-    "types": [
-      "vite/client",
-      "vite-plugin-svgr/client",
-      "node"
-    ]
+    "types": ["vite/client", "vite-plugin-svgr/client", "node"]
   },
-  "include": [
-    "src"
-  ],
-  "exclude": [
-    "node_modules",
-    "tsconfig.tsbuildinfo"
-  ]
+  "include": ["src"],
+  "exclude": ["node_modules", "tsconfig.tsbuildinfo"]
 }
diff --git a/packages/dm-core-plugins/package.json b/packages/dm-core-plugins/package.json
index 40d0114be..1a3013415 100644
--- a/packages/dm-core-plugins/package.json
+++ b/packages/dm-core-plugins/package.json
@@ -4,56 +4,53 @@
   "version": "1.57.0",
   "main": "dist/index.js",
   "dependencies": {
-    "@dnd-kit/core": "^6.0.8",
-    "@dnd-kit/modifiers": "^6.0.1",
-    "@dnd-kit/sortable": "^7.0.2",
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/modifiers": "^9.0.0",
+    "@dnd-kit/sortable": "^10.0.0",
     "@development-framework/dm-core": "^1.46.0",
-    "@equinor/eds-core-react": ">0.33.0",
-    "@equinor/eds-icons": ">0.19.3",
-    "@equinor/eds-tokens": ">0.9.0",
-    "axios": "^1.4.0",
-    "dompurify": "^3.0.6",
-    "highlight.js": "^11.8.0",
+    "@equinor/eds-core-react": "^0.42.5",
+    "@equinor/eds-icons": "^0.21.0",
+    "@equinor/eds-tokens": "^0.9.2",
+    "axios": "^1.7.9",
+    "dompurify": "^3.2.3",
+    "highlight.js": "^11.10.0",
     "lodash": "^4.17.21",
-    "luxon": "^3.4.3",
-    "mermaid": "^10.0.0",
-    "react-hook-form": "^7.48.2",
-    "react-toastify": "^9.1.3",
-    "ts-node": "^10.9.1",
-    "yaml": "^2.3.2"
+    "luxon": "^3.5.0",
+    "mermaid": "^11.4.1",
+    "react-hook-form": "^7.54.0",
+    "react-toastify": "^10.0.6",
+    "ts-node": "^10.9.2",
+    "yaml": "^2.6.1"
   },
   "devDependencies": {
-    "@biomejs/biome": "1.4.1",
-    "@testing-library/dom": "^9.2.0",
-    "@testing-library/react": "^14.0.0",
-    "@testing-library/user-event": "14.4.3",
-    "@types/dompurify": "^3.0.4",
-    "@types/jest": "^29.5.0",
-    "@types/js-yaml": "^4.0.5",
-    "@types/lodash": "^4.14.202",
-    "@types/luxon": "^3.3.3",
-    "@types/node": "^20.10.0",
-    "@types/react-dom": "^18.2.7",
+    "@biomejs/biome": "1.9.4",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/react": "^16.1.0",
+    "@testing-library/user-event": "14.5.2",
+    "@types/dompurify": "^3.2.0",
+    "@types/jest": "^29.5.14",
+    "@types/js-yaml": "^4.0.9",
+    "@types/lodash": "^4.17.13",
+    "@types/luxon": "^3.4.2",
+    "@types/node": "^22.10.2",
+    "@types/react-dom": "^19.0.2",
     "@types/react-router-dom": "^5.3.3",
-    "@types/styled-components": "^5.1.26",
-    "jest": "^29.5.0",
-    "jest-environment-jsdom": "^29.5.0",
-    "react-router-dom": ">=5.1.2",
-    "shx": " 0.3.4",
-    "ts-jest": "^29.1.0",
-    "ts-loader": "^9.3.1",
-    "typescript": "^5.1.6"
+    "@types/styled-components": "^5.1.34",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "react-router-dom": "^7.0.2",
+    "shx": "0.3.4",
+    "ts-jest": "^29.2.5",
+    "ts-loader": "^9.5.1",
+    "typescript": "^5.7.2"
   },
   "peerDependencies": {
-    "@types/react": "^18.2.8",
+    "@types/react": "^18.2.20",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "styled-components": ">=5.1.0"
+    "styled-components": "^6.1.13"
   },
-  "files": [
-    "blueprints",
-    "dist"
-  ],
+  "files": ["blueprints", "dist"],
   "types": "dist/index.d.ts",
   "scripts": {
     "prebuild": "shx rm -rf dist",
diff --git a/packages/dm-core-plugins/src/blueprint-hierarchy/BlueprintHierarchyPlugin.tsx b/packages/dm-core-plugins/src/blueprint-hierarchy/BlueprintHierarchyPlugin.tsx
index fe6519755..0fca8b512 100644
--- a/packages/dm-core-plugins/src/blueprint-hierarchy/BlueprintHierarchyPlugin.tsx
+++ b/packages/dm-core-plugins/src/blueprint-hierarchy/BlueprintHierarchyPlugin.tsx
@@ -1,15 +1,15 @@
 import { useEffect, useState } from 'react'
 
 import {
-  DmssAPI,
-  IUIPlugin,
+  type DmssAPI,
+  type IUIPlugin,
   Loading,
   useApplication,
   useDocument,
 } from '@development-framework/dm-core'
 import MermaidWrapper from './MermaidWrapper'
-import { Node, dfs, loader } from './loader'
-import { TAttributeType } from './types'
+import { type Node, dfs, loader } from './loader'
+import type { TAttributeType } from './types'
 
 const classElement = (node: Node) => {
   const primitiveAttributeElements = node
diff --git a/packages/dm-core-plugins/src/blueprint-hierarchy/loader.tsx b/packages/dm-core-plugins/src/blueprint-hierarchy/loader.tsx
index d80ffd235..23be0ad1f 100644
--- a/packages/dm-core-plugins/src/blueprint-hierarchy/loader.tsx
+++ b/packages/dm-core-plugins/src/blueprint-hierarchy/loader.tsx
@@ -1,4 +1,4 @@
-import { IBlueprintType, TAttributeType } from './types'
+import type { IBlueprintType, TAttributeType } from './types'
 
 export class Node {
   public attribute: TAttributeType
diff --git a/packages/dm-core-plugins/src/blueprint/BlueprintAttribute.tsx b/packages/dm-core-plugins/src/blueprint/BlueprintAttribute.tsx
index 8a0e74e8c..890311991 100644
--- a/packages/dm-core-plugins/src/blueprint/BlueprintAttribute.tsx
+++ b/packages/dm-core-plugins/src/blueprint/BlueprintAttribute.tsx
@@ -3,11 +3,11 @@ import {
   EPrimitiveTypes,
   INPUT_FIELD_WIDTH,
   Select,
-  TGenericObject,
+  type TGenericObject,
   truncatePathString,
 } from '@development-framework/dm-core'
 import { Input, Label, Radio, Switch, TextField } from '@equinor/eds-core-react'
-import { ChangeEvent } from 'react'
+import type { ChangeEvent } from 'react'
 import { Stack } from '../common'
 
 type TAttribute = {
diff --git a/packages/dm-core-plugins/src/blueprint/BlueprintPlugin.tsx b/packages/dm-core-plugins/src/blueprint/BlueprintPlugin.tsx
index 3732b08c6..cefda950c 100644
--- a/packages/dm-core-plugins/src/blueprint/BlueprintPlugin.tsx
+++ b/packages/dm-core-plugins/src/blueprint/BlueprintPlugin.tsx
@@ -1,14 +1,14 @@
 import {
   INPUT_FIELD_WIDTH,
-  IUIPlugin,
+  type IUIPlugin,
   Loading,
-  TBlueprint,
+  type TBlueprint,
   useDocument,
 } from '@development-framework/dm-core'
 import { Button, Icon, TextField, Typography } from '@equinor/eds-core-react'
 import { save, undo } from '@equinor/eds-icons'
 import { isEqual } from 'lodash'
-import { ChangeEvent, useEffect, useMemo, useState } from 'react'
+import { type ChangeEvent, useEffect, useMemo, useState } from 'react'
 import styled from 'styled-components'
 import { Stack } from '../common'
 import { BlueprintAttributeList } from './BlueprintAttributeList'
diff --git a/packages/dm-core-plugins/src/common/AddRowButton/AddRowButton.tsx b/packages/dm-core-plugins/src/common/AddRowButton/AddRowButton.tsx
index d24c83b51..3f7dc61ab 100644
--- a/packages/dm-core-plugins/src/common/AddRowButton/AddRowButton.tsx
+++ b/packages/dm-core-plugins/src/common/AddRowButton/AddRowButton.tsx
@@ -1,7 +1,6 @@
 import { Icon } from '@equinor/eds-core-react'
 import { add } from '@equinor/eds-icons'
 import { tokens } from '@equinor/eds-tokens'
-import React from 'react'
 import styled from 'styled-components'
 
 const StyledButton = styled.button`
diff --git a/packages/dm-core-plugins/src/common/CollapseExpandButton/CollapseExpandButton.tsx b/packages/dm-core-plugins/src/common/CollapseExpandButton/CollapseExpandButton.tsx
index 05fdfad07..238701069 100644
--- a/packages/dm-core-plugins/src/common/CollapseExpandButton/CollapseExpandButton.tsx
+++ b/packages/dm-core-plugins/src/common/CollapseExpandButton/CollapseExpandButton.tsx
@@ -1,6 +1,6 @@
 import {
   Button,
-  ButtonProps,
+  type ButtonProps,
   EdsProvider,
   Icon,
   Tooltip,
@@ -8,7 +8,7 @@ import {
 import { chevron_right } from '@equinor/eds-icons'
 import styled from 'styled-components'
 
-const StyledButton = styled(Button)<{ expanded: boolean }>`
+const StyledButton = styled(Button)<{ $expanded: boolean }>`
     span {
         transition: transform ease-in-out 0.2s;
         transform: ${(props) => (props.expanded ? 'rotate(90deg)' : 'none')};
@@ -30,7 +30,7 @@ export function CollapseExpandButton(props: CollapseExpandButtonProps) {
           aria-expanded={isExpanded}
           aria-controls={props.controls}
           aria-label={isExpanded ? 'Collapse item' : 'Expand item'}
-          expanded={isExpanded}
+          $expanded={isExpanded}
           variant='ghost_icon'
           color={color}
           onClick={setIsExpanded}
diff --git a/packages/dm-core-plugins/src/common/Datepicker/Calendar.tsx b/packages/dm-core-plugins/src/common/Datepicker/Calendar.tsx
index 6091843c9..1df49e485 100644
--- a/packages/dm-core-plugins/src/common/Datepicker/Calendar.tsx
+++ b/packages/dm-core-plugins/src/common/Datepicker/Calendar.tsx
@@ -13,11 +13,11 @@ import {
   chevron_up,
 } from '@equinor/eds-icons'
 import { DateTime } from 'luxon'
-import { ReactElement, useEffect, useState } from 'react'
+import { type ReactElement, useEffect, useState } from 'react'
 import { Stack } from '../Stack/Stack'
 import {
   CALENDAR_MONTHS,
-  DateSelection,
+  type DateSelection,
   THIS_MONTH,
   THIS_YEAR,
   calendar,
@@ -136,6 +136,7 @@ export const Calendar = (props: CalendarProps): ReactElement => {
                 <StyledOptionButton
                   key={month}
                   variant='ghost'
+                  // biome-ignore lint/a11y/useSemanticElements:
                   role='radio'
                   aria-checked={index + 1 === activeMonth}
                   selected={index + 1 === activeMonth}
diff --git a/packages/dm-core-plugins/src/common/Datepicker/Datepicker.tsx b/packages/dm-core-plugins/src/common/Datepicker/Datepicker.tsx
index ebb6adff2..b5c8e8d25 100644
--- a/packages/dm-core-plugins/src/common/Datepicker/Datepicker.tsx
+++ b/packages/dm-core-plugins/src/common/Datepicker/Datepicker.tsx
@@ -8,12 +8,12 @@ import {
 } from '@equinor/eds-core-react'
 import { calendar } from '@equinor/eds-icons'
 import { DateTime } from 'luxon'
-import { ReactElement, useEffect, useRef, useState } from 'react'
+import { type ReactElement, useEffect, useRef, useState } from 'react'
 import { createPortal } from 'react-dom'
 import { Stack } from '../Stack/Stack'
 import { Calendar } from './Calendar'
 import { Timefield } from './Timefield'
-import { DateSelection, zeroPad } from './calendarUtils'
+import { type DateSelection, zeroPad } from './calendarUtils'
 import { extractDateComponents, formatTime } from './datepickerUtils'
 
 interface DatepickerProps {
diff --git a/packages/dm-core-plugins/src/common/Datepicker/Timefield.tsx b/packages/dm-core-plugins/src/common/Datepicker/Timefield.tsx
index fa8c38f8c..a737dd0d9 100644
--- a/packages/dm-core-plugins/src/common/Datepicker/Timefield.tsx
+++ b/packages/dm-core-plugins/src/common/Datepicker/Timefield.tsx
@@ -1,5 +1,5 @@
 import { TextField, Typography } from '@equinor/eds-core-react'
-import { ReactElement } from 'react'
+import type { ReactElement } from 'react'
 
 interface TimefieldProps {
   useMinutes?: boolean
diff --git a/packages/dm-core-plugins/src/common/DeleteSoftButton.tsx b/packages/dm-core-plugins/src/common/DeleteSoftButton.tsx
index 668f3eed9..bd942e26c 100644
--- a/packages/dm-core-plugins/src/common/DeleteSoftButton.tsx
+++ b/packages/dm-core-plugins/src/common/DeleteSoftButton.tsx
@@ -1,6 +1,6 @@
 import { Button, EdsProvider, Icon } from '@equinor/eds-core-react'
 import { close } from '@equinor/eds-icons'
-import { MouseEventHandler } from 'react'
+import type { MouseEventHandler } from 'react'
 
 interface DeleteSoftButtonProps {
   onClick: MouseEventHandler
diff --git a/packages/dm-core-plugins/src/common/LazyLoad/LazyLoad.tsx b/packages/dm-core-plugins/src/common/LazyLoad/LazyLoad.tsx
index 5f382849b..9d9d9e90b 100644
--- a/packages/dm-core-plugins/src/common/LazyLoad/LazyLoad.tsx
+++ b/packages/dm-core-plugins/src/common/LazyLoad/LazyLoad.tsx
@@ -1,4 +1,4 @@
-import React, { ComponentType, PropsWithChildren, useRef } from 'react'
+import { type ComponentType, type PropsWithChildren, useRef } from 'react'
 
 type LazyProps = {
   visible: boolean
diff --git a/packages/dm-core-plugins/src/common/Message/Message.tsx b/packages/dm-core-plugins/src/common/Message/Message.tsx
index 3bea73518..552a9e9e5 100644
--- a/packages/dm-core-plugins/src/common/Message/Message.tsx
+++ b/packages/dm-core-plugins/src/common/Message/Message.tsx
@@ -6,7 +6,7 @@ import {
   StyledMessage,
   StyledMessageContent,
 } from './styles'
-import { ICON_TYPES, MessageProps } from './types'
+import { ICON_TYPES, type MessageProps } from './types'
 
 export const Message = (props: MessageProps) => {
   const {
diff --git a/packages/dm-core-plugins/src/common/Message/styles.ts b/packages/dm-core-plugins/src/common/Message/styles.ts
index 738a70153..143e94574 100644
--- a/packages/dm-core-plugins/src/common/Message/styles.ts
+++ b/packages/dm-core-plugins/src/common/Message/styles.ts
@@ -1,6 +1,6 @@
 import styled from 'styled-components'
 
-import { MessageTypes } from './types'
+import type { MessageTypes } from './types'
 
 export const StyledMessage = styled.div<{ type: MessageTypes }>`
   display: flex;
diff --git a/packages/dm-core-plugins/src/common/Message/types.ts b/packages/dm-core-plugins/src/common/Message/types.ts
index 792bc82c3..71eefd933 100644
--- a/packages/dm-core-plugins/src/common/Message/types.ts
+++ b/packages/dm-core-plugins/src/common/Message/types.ts
@@ -1,11 +1,10 @@
 import {
-  IconData,
+  type IconData,
   check_circle_outlined,
   error_outlined,
   info_circle,
   warning_outlined,
 } from '@equinor/eds-icons'
-import React from 'react'
 
 export type MessageTypes = 'success' | 'error' | 'info' | 'warning'
 
diff --git a/packages/dm-core-plugins/src/common/SortableList/SortableContext.tsx b/packages/dm-core-plugins/src/common/SortableList/SortableContext.tsx
index a897c042e..8b6a8cb92 100644
--- a/packages/dm-core-plugins/src/common/SortableList/SortableContext.tsx
+++ b/packages/dm-core-plugins/src/common/SortableList/SortableContext.tsx
@@ -1,6 +1,6 @@
 import {
   DndContext,
-  DragEndEvent,
+  type DragEndEvent,
   KeyboardSensor,
   PointerSensor,
   closestCenter,
@@ -9,7 +9,7 @@ import {
 } from '@dnd-kit/core'
 import { restrictToVerticalAxis } from '@dnd-kit/modifiers'
 import { arrayMove, sortableKeyboardCoordinates } from '@dnd-kit/sortable'
-import { SortableContextProps } from './types'
+import type { SortableContextProps } from './types'
 
 export const SortableContext = <T extends { key: string | number }>({
   items,
diff --git a/packages/dm-core-plugins/src/common/SortableList/SortableItem/SortableItem.tsx b/packages/dm-core-plugins/src/common/SortableList/SortableItem/SortableItem.tsx
index c969ccfab..eb0f85124 100644
--- a/packages/dm-core-plugins/src/common/SortableList/SortableItem/SortableItem.tsx
+++ b/packages/dm-core-plugins/src/common/SortableList/SortableItem/SortableItem.tsx
@@ -3,7 +3,7 @@ import { CSS } from '@dnd-kit/utilities'
 import { Button, Icon } from '@equinor/eds-core-react'
 import { drag_handle } from '@equinor/eds-icons'
 import React from 'react'
-import { SortableItemProps } from './types'
+import type { SortableItemProps } from './types'
 
 export const SortableItem = <T extends { key: string | number }>({
   children,
@@ -25,6 +25,7 @@ export const SortableItem = <T extends { key: string | number }>({
 
   return React.Children.only(
     React.cloneElement(children as React.ReactElement, {
+      // @ts-expect-error
       setNodeRef: setNodeRef,
       style: draggableStyle,
       dragHandle: () => (
diff --git a/packages/dm-core-plugins/src/common/SortableList/SortableItem/types.ts b/packages/dm-core-plugins/src/common/SortableList/SortableItem/types.ts
index 130d2aee0..391b2b681 100644
--- a/packages/dm-core-plugins/src/common/SortableList/SortableItem/types.ts
+++ b/packages/dm-core-plugins/src/common/SortableList/SortableItem/types.ts
@@ -1,4 +1,4 @@
-import { ReactNode } from 'react'
+import type { ReactNode } from 'react'
 
 export type SortableItemProps<T extends { key: string | number }> = {
   children: ReactNode
diff --git a/packages/dm-core-plugins/src/common/SortableList/SortableList.tsx b/packages/dm-core-plugins/src/common/SortableList/SortableList.tsx
index 40b477056..88c74748c 100644
--- a/packages/dm-core-plugins/src/common/SortableList/SortableList.tsx
+++ b/packages/dm-core-plugins/src/common/SortableList/SortableList.tsx
@@ -1,6 +1,6 @@
 import { SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable'
 
-import { SortableListProps } from './types'
+import type { SortableListProps } from './types'
 
 export const SortableList = ({ items, children }: SortableListProps) => {
   return (
diff --git a/packages/dm-core-plugins/src/common/SortableList/types.ts b/packages/dm-core-plugins/src/common/SortableList/types.ts
index 9f661b8c4..236bd3457 100644
--- a/packages/dm-core-plugins/src/common/SortableList/types.ts
+++ b/packages/dm-core-plugins/src/common/SortableList/types.ts
@@ -1,4 +1,4 @@
-import { ReactNode } from 'react'
+import type { ReactNode } from 'react'
 
 export type SortableListProps = {
   items: any[]
diff --git a/packages/dm-core-plugins/src/common/Stack/Stack.tsx b/packages/dm-core-plugins/src/common/Stack/Stack.tsx
index 3338458ce..91de9c13c 100644
--- a/packages/dm-core-plugins/src/common/Stack/Stack.tsx
+++ b/packages/dm-core-plugins/src/common/Stack/Stack.tsx
@@ -1,13 +1,7 @@
-import { forwardRef } from 'react'
 import { StyledStack } from './styles'
-import { StackProps, defaultProps } from './types'
+import { type StackProps, defaultProps } from './types'
 
-export const Stack = forwardRef((props: StackProps, ref) => {
+export const Stack = (props: StackProps) => {
   const mergedProps = { ...defaultProps, ...props }
-  return (
-    <StyledStack
-      ref={ref as React.RefObject<HTMLDivElement>}
-      {...mergedProps}
-    />
-  )
-})
+  return <StyledStack {...mergedProps} />
+}
diff --git a/packages/dm-core-plugins/src/common/Stack/styles.ts b/packages/dm-core-plugins/src/common/Stack/styles.ts
index a5a8e4bf1..2f2356f08 100644
--- a/packages/dm-core-plugins/src/common/Stack/styles.ts
+++ b/packages/dm-core-plugins/src/common/Stack/styles.ts
@@ -1,8 +1,18 @@
 import styled, { css } from 'styled-components'
 
-import { StackProps } from './types'
+import type { StackProps } from './types'
 
-export const StyledStack = styled.div<StackProps>`
+const props_to_pass: string[] = [
+  'children',
+  'style',
+  'date-testid',
+  'id',
+  'className',
+]
+
+export const StyledStack = styled('div').withConfig({
+  shouldForwardProp: (propName) => props_to_pass.includes(propName),
+})<StackProps>`
   display: ${(props) => (props.inline ? 'inline-flex' : 'flex')};
   flex-direction: ${(props) => props.direction};
   flex-grow: ${(props) => props.grow};
diff --git a/packages/dm-core-plugins/src/common/Stack/types.ts b/packages/dm-core-plugins/src/common/Stack/types.ts
index 931386424..fc2e1bc43 100644
--- a/packages/dm-core-plugins/src/common/Stack/types.ts
+++ b/packages/dm-core-plugins/src/common/Stack/types.ts
@@ -1,4 +1,4 @@
-import React from 'react'
+import type React from 'react'
 
 export type AlignDefaultTypes =
   | 'center'
@@ -51,7 +51,7 @@ export interface StackProps extends React.ComponentPropsWithRef<'div'> {
   minHeight?: number
   scrollY?: boolean
   scrollX?: boolean
-  as?: keyof JSX.IntrinsicElements
+  as?: keyof React.JSX.IntrinsicElements
 }
 
 export const defaultProps: StackProps = {
diff --git a/packages/dm-core-plugins/src/common/TooltipButton.tsx b/packages/dm-core-plugins/src/common/TooltipButton.tsx
index ec044dc83..a6f59465c 100644
--- a/packages/dm-core-plugins/src/common/TooltipButton.tsx
+++ b/packages/dm-core-plugins/src/common/TooltipButton.tsx
@@ -1,6 +1,5 @@
 import { Button, EdsProvider, Icon, Tooltip } from '@equinor/eds-core-react'
-import { IconData } from '@equinor/eds-icons'
-import React from 'react'
+import type { IconData } from '@equinor/eds-icons'
 
 type Prefix<T, P extends string> = {
   [K in keyof T as `${P}-${string & K}`]: T[K]
diff --git a/packages/dm-core-plugins/src/data-grid/DataCell/DataCell.tsx b/packages/dm-core-plugins/src/data-grid/DataCell/DataCell.tsx
index 398da490b..e9807f056 100644
--- a/packages/dm-core-plugins/src/data-grid/DataCell/DataCell.tsx
+++ b/packages/dm-core-plugins/src/data-grid/DataCell/DataCell.tsx
@@ -1,7 +1,7 @@
 import { Checkbox } from '@equinor/eds-core-react'
-import { ChangeEvent } from 'react'
+import type { ChangeEvent } from 'react'
 import * as Styled from '../styles'
-import { DataGridConfig } from '../types'
+import type { DataGridConfig } from '../types'
 
 type DataCellProps = {
   attributeType: string
@@ -21,7 +21,11 @@ export function DataCell(props: DataCellProps) {
   function parseValue(event: ChangeEvent<HTMLInputElement>) {
     const { value, checked } = event.target
     if (attributeType === 'number') {
-      return value === '' ? undefined : value === '-' ? '-' : parseFloat(value)
+      return value === ''
+        ? undefined
+        : value === '-'
+          ? '-'
+          : Number.parseFloat(value)
     }
     if (attributeType === 'boolean') {
       return checked
diff --git a/packages/dm-core-plugins/src/data-grid/DataGrid.tsx b/packages/dm-core-plugins/src/data-grid/DataGrid.tsx
index 779262d32..6103b6dce 100644
--- a/packages/dm-core-plugins/src/data-grid/DataGrid.tsx
+++ b/packages/dm-core-plugins/src/data-grid/DataGrid.tsx
@@ -7,9 +7,9 @@ import { DataGridPagination } from './DataGridPagination/DataGridPagination'
 import { HeaderCell } from './HeaderCell/HeaderCell'
 import * as Styled from './styles'
 import {
-  DataGridConfig,
-  DataGridProps,
-  TFunctionalityChecks,
+  type DataGridConfig,
+  type DataGridProps,
+  type TFunctionalityChecks,
   defaultConfig,
 } from './types'
 import * as utils from './utils'
@@ -68,7 +68,7 @@ export function DataGrid(props: DataGridProps) {
           ? data.length > 0
             ? data[0].length
             : 0
-          : parseInt(functionality.columnDimensions, 10)
+          : Number.parseInt(functionality.columnDimensions, 10)
         : ['1']
       updateColumnLabels(columnsLength)
       updateRowLabels(data?.length)
diff --git a/packages/dm-core-plugins/src/data-grid/DataGridActions/DataGridActions.tsx b/packages/dm-core-plugins/src/data-grid/DataGridActions/DataGridActions.tsx
index 3e1a29dd8..9ac2f8aec 100644
--- a/packages/dm-core-plugins/src/data-grid/DataGridActions/DataGridActions.tsx
+++ b/packages/dm-core-plugins/src/data-grid/DataGridActions/DataGridActions.tsx
@@ -23,7 +23,7 @@ import { useState } from 'react'
 import { Stack } from '../../common'
 import { createSyntheticFileDownload } from '../../utils'
 import * as Styled from '../styles'
-import { DataGridConfig, TFunctionalityChecks } from '../types'
+import type { DataGridConfig, TFunctionalityChecks } from '../types'
 import { DataGridImportDialog } from './DataGridImportDialog/DataGridImportDialog'
 
 type DataGridActionsProps = {
diff --git a/packages/dm-core-plugins/src/data-grid/DataGridActions/DataGridImportDialog/DataGridImportDialog.tsx b/packages/dm-core-plugins/src/data-grid/DataGridActions/DataGridImportDialog/DataGridImportDialog.tsx
index dd4e3a09d..721c54802 100644
--- a/packages/dm-core-plugins/src/data-grid/DataGridActions/DataGridImportDialog/DataGridImportDialog.tsx
+++ b/packages/dm-core-plugins/src/data-grid/DataGridActions/DataGridImportDialog/DataGridImportDialog.tsx
@@ -7,7 +7,7 @@ import {
 } from '@equinor/eds-core-react'
 import { useState } from 'react'
 import { Message, Skeleton, Stack } from '../../../common'
-import { DataGridImportDialogProps } from './types'
+import type { DataGridImportDialogProps } from './types'
 import { checkAndParseToAttributeType, checkDimensions } from './utils'
 
 export function DataGridImportDialog(props: DataGridImportDialogProps) {
diff --git a/packages/dm-core-plugins/src/data-grid/DataGridActions/DataGridImportDialog/utils.ts b/packages/dm-core-plugins/src/data-grid/DataGridActions/DataGridImportDialog/utils.ts
index cf2615d08..059b0b9b7 100644
--- a/packages/dm-core-plugins/src/data-grid/DataGridActions/DataGridImportDialog/utils.ts
+++ b/packages/dm-core-plugins/src/data-grid/DataGridActions/DataGridImportDialog/utils.ts
@@ -8,7 +8,7 @@ export async function checkAndParseToAttributeType(
 
   function parseValue(value: any, rowIndex: number, colIndex: number) {
     if (attributeType === 'number') {
-      const parsedValue = parseFloat(value.replace(',', '.'))
+      const parsedValue = Number.parseFloat(value.replace(',', '.'))
       if (Number.isNaN(parsedValue)) {
         errors.push(
           `Data in cell ${colIndex + 1}, row ${
@@ -62,11 +62,11 @@ export async function checkDimensions(
   const isMultiDimensional: boolean = dimensions?.includes(',') || false
   if (definedColumns === '*' && definedRows === '*') return []
   const definedColumnsAmount =
-    definedColumns !== '*' ? parseInt(definedColumns, 10) : '*'
+    definedColumns !== '*' ? Number.parseInt(definedColumns, 10) : '*'
   const definedRowsAmount = !isMultiDimensional
     ? definedColumnsAmount
     : definedRows !== '*'
-      ? parseInt(definedRows, 10)
+      ? Number.parseInt(definedRows, 10)
       : '*'
   const dataColumnsLength = data[0].length
   const dataRowsLength = data.length
diff --git a/packages/dm-core-plugins/src/data-grid/DataGridPagination/DataGridPagination.tsx b/packages/dm-core-plugins/src/data-grid/DataGridPagination/DataGridPagination.tsx
index 1d376e77c..45e200a71 100644
--- a/packages/dm-core-plugins/src/data-grid/DataGridPagination/DataGridPagination.tsx
+++ b/packages/dm-core-plugins/src/data-grid/DataGridPagination/DataGridPagination.tsx
@@ -1,6 +1,5 @@
 import { Icon, Typography } from '@equinor/eds-core-react'
 import { chevron_left, chevron_right } from '@equinor/eds-icons'
-import React from 'react'
 import { Stack } from '../../common'
 import * as Styled from '../styles'
 
diff --git a/packages/dm-core-plugins/src/data-grid/DataGridPlugin.tsx b/packages/dm-core-plugins/src/data-grid/DataGridPlugin.tsx
index 6897b360e..28b5df766 100644
--- a/packages/dm-core-plugins/src/data-grid/DataGridPlugin.tsx
+++ b/packages/dm-core-plugins/src/data-grid/DataGridPlugin.tsx
@@ -1,7 +1,7 @@
 import {
-  IUIPlugin,
-  TAttribute,
-  TGenericObject,
+  type IUIPlugin,
+  type TAttribute,
+  type TGenericObject,
   useApplication,
   useBlueprint,
   useDocument,
@@ -11,7 +11,7 @@ import { undo } from '@equinor/eds-icons'
 import { useEffect, useState } from 'react'
 import { Stack } from '../common'
 import { DataGrid } from './DataGrid'
-import { DataGridConfig, defaultConfig } from './types'
+import { type DataGridConfig, defaultConfig } from './types'
 import { getFunctionalityVariables, reverseData } from './utils'
 
 export function DataGridPlugin(props: IUIPlugin) {
@@ -40,7 +40,7 @@ export function DataGridPlugin(props: IUIPlugin) {
         ? data.length > 0
           ? data[0].length
           : 0
-        : parseInt(functionality.columnDimensions, 10)
+        : Number.parseInt(functionality.columnDimensions, 10)
       : 1
     return columnLength
   }
diff --git a/packages/dm-core-plugins/src/data-grid/HeaderCell/HeaderCell.tsx b/packages/dm-core-plugins/src/data-grid/HeaderCell/HeaderCell.tsx
index 55cb2f462..2846bfec5 100644
--- a/packages/dm-core-plugins/src/data-grid/HeaderCell/HeaderCell.tsx
+++ b/packages/dm-core-plugins/src/data-grid/HeaderCell/HeaderCell.tsx
@@ -1,6 +1,7 @@
-import { Icon, Menu, Typography } from '@equinor/eds-core-react'
+import { Icon, Menu, Tooltip } from '@equinor/eds-core-react'
 import { add as addIcon, delete_to_trash } from '@equinor/eds-icons'
-import React, { useState } from 'react'
+import { useState } from 'react'
+import { ConditionalWrapper } from '../../utils'
 import * as Styled from '../styles'
 
 type HeaderCellProps = {
@@ -57,34 +58,39 @@ export function HeaderCell(props: HeaderCellProps) {
       selected={index === selected}
       tabIndex={0}
     >
-      {label}
-      <Menu
-        anchorEl={menuButtonAnchor}
-        id={`tablehead-menu`}
-        onClose={onContextMenuClose}
-        open={isMenuOpen}
-      >
-        {!props.editable ? (
-          <Typography variant='caption' style={{ padding: '0 0.5rem' }}>
-            {type === 'column' ? 'Columns' : 'Rows'} are pre-defined and cannot
-            be deleted or added.
-          </Typography>
-        ) : (
-          <>
-            <Menu.Item onClick={() => props.delete(index)}>
-              <Icon size={16} data={delete_to_trash} /> Delete {type}
-            </Menu.Item>
-            <Menu.Item onClick={() => add(index)}>
-              <Icon size={16} data={addIcon} /> Add 1 {type}{' '}
-              {type === 'column' ? 'left' : 'above'}
-            </Menu.Item>
-            <Menu.Item onClick={() => add(index + 1)}>
-              <Icon size={16} data={addIcon} /> Add 1 {type}{' '}
-              {type === 'column' ? 'right' : 'below'}
-            </Menu.Item>
-          </>
+      <ConditionalWrapper
+        condition={!props.editable}
+        wrapper={(child: React.ReactElement) => (
+          <Tooltip
+            title={`${type === 'column' ? 'Columns' : 'Rows'} are pre-defined and cannot
+            be deleted or added.}`}
+          >
+            <span>{child}</span>
+          </Tooltip>
         )}
-      </Menu>
+      >
+        {label}
+      </ConditionalWrapper>
+      {props.editable && (
+        <Menu
+          anchorEl={menuButtonAnchor}
+          id={`tablehead-menu`}
+          onClose={onContextMenuClose}
+          open={isMenuOpen}
+        >
+          <Menu.Item onClick={() => props.delete(index)}>
+            <Icon size={16} data={delete_to_trash} /> Delete {type}
+          </Menu.Item>
+          <Menu.Item onClick={() => add(index)}>
+            <Icon size={16} data={addIcon} /> Add 1 {type}{' '}
+            {type === 'column' ? 'left' : 'above'}
+          </Menu.Item>
+          <Menu.Item onClick={() => add(index + 1)}>
+            <Icon size={16} data={addIcon} /> Add 1 {type}{' '}
+            {type === 'column' ? 'right' : 'below'}
+          </Menu.Item>
+        </Menu>
+      )}
     </Styled.Header>
   )
 }
diff --git a/packages/dm-core-plugins/src/data-grid/utils.ts b/packages/dm-core-plugins/src/data-grid/utils.ts
index c45ff9f90..0cebefad7 100644
--- a/packages/dm-core-plugins/src/data-grid/utils.ts
+++ b/packages/dm-core-plugins/src/data-grid/utils.ts
@@ -1,4 +1,8 @@
-import { DataGridConfig, PredefinedLabels, TFunctionalityChecks } from './types'
+import type {
+  DataGridConfig,
+  PredefinedLabels,
+  TFunctionalityChecks,
+} from './types'
 
 const predefinedLabels: PredefinedLabels[] = ['...ABC', '...ZYX', '...123']
 
diff --git a/packages/dm-core-plugins/src/explorer/ExplorerPlugin.tsx b/packages/dm-core-plugins/src/explorer/ExplorerPlugin.tsx
index f767635e8..0c263b097 100644
--- a/packages/dm-core-plugins/src/explorer/ExplorerPlugin.tsx
+++ b/packages/dm-core-plugins/src/explorer/ExplorerPlugin.tsx
@@ -1,8 +1,8 @@
 import {
   EBlueprint,
   EntityView,
-  TNodeWrapperProps,
-  TreeNode,
+  type TNodeWrapperProps,
+  type TreeNode,
   TreeView,
   useApplication,
 } from '@development-framework/dm-core'
diff --git a/packages/dm-core-plugins/src/explorer/components/Sidebar.tsx b/packages/dm-core-plugins/src/explorer/components/Sidebar.tsx
index 1844cfbce..874bdf999 100644
--- a/packages/dm-core-plugins/src/explorer/components/Sidebar.tsx
+++ b/packages/dm-core-plugins/src/explorer/components/Sidebar.tsx
@@ -1,5 +1,5 @@
 import { useLocalStorage } from '@development-framework/dm-core'
-import { ReactNode, useEffect, useRef } from 'react'
+import { type ReactNode, useEffect, useRef } from 'react'
 
 const [minWidth, maxWidth, defaultWidth] = [200, 500, 250]
 
diff --git a/packages/dm-core-plugins/src/explorer/components/context-menu/NodeRightClickMenu.tsx b/packages/dm-core-plugins/src/explorer/components/context-menu/NodeRightClickMenu.tsx
index be98b62a4..544877dd6 100644
--- a/packages/dm-core-plugins/src/explorer/components/context-menu/NodeRightClickMenu.tsx
+++ b/packages/dm-core-plugins/src/explorer/components/context-menu/NodeRightClickMenu.tsx
@@ -1,6 +1,6 @@
 import {
   CopyLinkDialog,
-  TNodeWrapperProps,
+  type TNodeWrapperProps,
 } from '@development-framework/dm-core'
 import { Menu } from '@equinor/eds-core-react'
 import { useState } from 'react'
diff --git a/packages/dm-core-plugins/src/explorer/components/context-menu/getMenuItems.tsx b/packages/dm-core-plugins/src/explorer/components/context-menu/getMenuItems.tsx
index 87a557026..5f8fc7e2c 100644
--- a/packages/dm-core-plugins/src/explorer/components/context-menu/getMenuItems.tsx
+++ b/packages/dm-core-plugins/src/explorer/components/context-menu/getMenuItems.tsx
@@ -1,6 +1,5 @@
-import { EBlueprint, TreeNode } from '@development-framework/dm-core'
+import { EBlueprint, type TreeNode } from '@development-framework/dm-core'
 import { Menu } from '@equinor/eds-core-react'
-import React from 'react'
 import { toast } from 'react-toastify'
 import { downloadNode } from '../../downloadNode'
 import { EDialog } from '../../types'
diff --git a/packages/dm-core-plugins/src/explorer/components/dialogs/AppendEntityDialog.tsx b/packages/dm-core-plugins/src/explorer/components/dialogs/AppendEntityDialog.tsx
index f8acb9f2f..f7b51192f 100644
--- a/packages/dm-core-plugins/src/explorer/components/dialogs/AppendEntityDialog.tsx
+++ b/packages/dm-core-plugins/src/explorer/components/dialogs/AppendEntityDialog.tsx
@@ -1,9 +1,13 @@
-import { Dialog, ErrorResponse, TreeNode } from '@development-framework/dm-core'
+import {
+  Dialog,
+  type ErrorResponse,
+  type TreeNode,
+} from '@development-framework/dm-core'
 import { Button, Progress } from '@equinor/eds-core-react'
-import { AxiosError } from 'axios'
+import type { AxiosError } from 'axios'
 import { useState } from 'react'
 import { toast } from 'react-toastify'
-import { EDialog } from '../../types'
+import type { EDialog } from '../../types'
 import { STANDARD_DIALOG_WIDTH } from '../context-menu/NodeRightClickMenu'
 
 type TProps = {
diff --git a/packages/dm-core-plugins/src/explorer/components/dialogs/DeleteDialog.tsx b/packages/dm-core-plugins/src/explorer/components/dialogs/DeleteDialog.tsx
index 8c2753517..3fc1986fb 100644
--- a/packages/dm-core-plugins/src/explorer/components/dialogs/DeleteDialog.tsx
+++ b/packages/dm-core-plugins/src/explorer/components/dialogs/DeleteDialog.tsx
@@ -1,14 +1,14 @@
 import {
   Dialog,
-  ErrorResponse,
-  TreeNode,
+  type ErrorResponse,
+  type TreeNode,
   useApplication,
 } from '@development-framework/dm-core'
 import { Button, Progress } from '@equinor/eds-core-react'
-import { AxiosError } from 'axios'
+import type { AxiosError } from 'axios'
 import { useState } from 'react'
 import { toast } from 'react-toastify'
-import { EDialog } from '../../types'
+import type { EDialog } from '../../types'
 import {
   STANDARD_DIALOG_HEIGHT,
   STANDARD_DIALOG_WIDTH,
diff --git a/packages/dm-core-plugins/src/explorer/components/dialogs/EditACLDialog.tsx b/packages/dm-core-plugins/src/explorer/components/dialogs/EditACLDialog.tsx
index 4ebf167ee..07a4d90cd 100644
--- a/packages/dm-core-plugins/src/explorer/components/dialogs/EditACLDialog.tsx
+++ b/packages/dm-core-plugins/src/explorer/components/dialogs/EditACLDialog.tsx
@@ -1,9 +1,9 @@
 import {
   AccessControlListComponent,
   Dialog,
-  TreeNode,
+  type TreeNode,
 } from '@development-framework/dm-core'
-import { EDialog } from '../../types'
+import type { EDialog } from '../../types'
 import { STANDARD_DIALOG_WIDTH } from '../context-menu/NodeRightClickMenu'
 
 type TProps = {
diff --git a/packages/dm-core-plugins/src/explorer/components/dialogs/NewBlueprintDialog.tsx b/packages/dm-core-plugins/src/explorer/components/dialogs/NewBlueprintDialog.tsx
index de70f88ab..a6eb6fc17 100644
--- a/packages/dm-core-plugins/src/explorer/components/dialogs/NewBlueprintDialog.tsx
+++ b/packages/dm-core-plugins/src/explorer/components/dialogs/NewBlueprintDialog.tsx
@@ -1,15 +1,15 @@
 import {
   Dialog,
   EBlueprint,
-  ErrorResponse,
+  type ErrorResponse,
   INPUT_FIELD_WIDTH,
-  TreeNode,
+  type TreeNode,
 } from '@development-framework/dm-core'
 import { Button, Progress, TextField } from '@equinor/eds-core-react'
-import { AxiosError } from 'axios'
-import React, { useState } from 'react'
+import type { AxiosError } from 'axios'
+import { useState } from 'react'
 import { toast } from 'react-toastify'
-import { EDialog } from '../../types'
+import type { EDialog } from '../../types'
 import {
   STANDARD_DIALOG_HEIGHT,
   STANDARD_DIALOG_WIDTH,
diff --git a/packages/dm-core-plugins/src/explorer/components/dialogs/NewEntityDialog.tsx b/packages/dm-core-plugins/src/explorer/components/dialogs/NewEntityDialog.tsx
index 0189f2b36..271b7d2f5 100644
--- a/packages/dm-core-plugins/src/explorer/components/dialogs/NewEntityDialog.tsx
+++ b/packages/dm-core-plugins/src/explorer/components/dialogs/NewEntityDialog.tsx
@@ -1,17 +1,17 @@
 import {
   BlueprintPicker,
   Dialog,
-  ErrorResponse,
-  TAttribute,
-  TBlueprint,
-  TreeNode,
+  type ErrorResponse,
+  type TAttribute,
+  type TBlueprint,
+  type TreeNode,
   useApplication,
 } from '@development-framework/dm-core'
 import { Button, Progress, TextField } from '@equinor/eds-core-react'
-import { AxiosError } from 'axios'
+import type { AxiosError } from 'axios'
 import { useEffect, useState } from 'react'
 import { toast } from 'react-toastify'
-import { EDialog } from '../../types'
+import type { EDialog } from '../../types'
 import {
   STANDARD_DIALOG_HEIGHT,
   STANDARD_DIALOG_WIDTH,
diff --git a/packages/dm-core-plugins/src/explorer/components/dialogs/NewFolderDialog.tsx b/packages/dm-core-plugins/src/explorer/components/dialogs/NewFolderDialog.tsx
index 51bda68fe..b8d068a53 100644
--- a/packages/dm-core-plugins/src/explorer/components/dialogs/NewFolderDialog.tsx
+++ b/packages/dm-core-plugins/src/explorer/components/dialogs/NewFolderDialog.tsx
@@ -1,15 +1,15 @@
 import {
   Dialog,
-  ErrorResponse,
+  type ErrorResponse,
   INPUT_FIELD_WIDTH,
-  TreeNode,
+  type TreeNode,
   useApplication,
 } from '@development-framework/dm-core'
 import { Button, Progress, TextField } from '@equinor/eds-core-react'
-import { AxiosError } from 'axios'
-import React, { useState } from 'react'
+import type { AxiosError } from 'axios'
+import { useState } from 'react'
 import { toast } from 'react-toastify'
-import { EDialog } from '../../types'
+import type { EDialog } from '../../types'
 import {
   STANDARD_DIALOG_HEIGHT,
   STANDARD_DIALOG_WIDTH,
diff --git a/packages/dm-core-plugins/src/explorer/downloadNode.ts b/packages/dm-core-plugins/src/explorer/downloadNode.ts
index 639726a09..808fad328 100644
--- a/packages/dm-core-plugins/src/explorer/downloadNode.ts
+++ b/packages/dm-core-plugins/src/explorer/downloadNode.ts
@@ -1,5 +1,5 @@
-import { TreeNode } from '@development-framework/dm-core'
-import { AxiosResponse } from 'axios'
+import type { TreeNode } from '@development-framework/dm-core'
+import type { AxiosResponse } from 'axios'
 import { createSyntheticFileDownload } from '../utils'
 
 export function downloadNode(node: TreeNode) {
diff --git a/packages/dm-core-plugins/src/file/DownloadFileButton.tsx b/packages/dm-core-plugins/src/file/DownloadFileButton.tsx
index 67d673fdf..8f78b7016 100644
--- a/packages/dm-core-plugins/src/file/DownloadFileButton.tsx
+++ b/packages/dm-core-plugins/src/file/DownloadFileButton.tsx
@@ -1,11 +1,11 @@
 import {
-  ErrorResponse,
+  type ErrorResponse,
   Loading,
-  TFileEntity,
+  type TFileEntity,
   useApplication,
 } from '@development-framework/dm-core'
 import { Button } from '@equinor/eds-core-react'
-import { AxiosError, AxiosRequestConfig, AxiosResponse } from 'axios'
+import type { AxiosError, AxiosRequestConfig, AxiosResponse } from 'axios'
 import { useEffect, useState } from 'react'
 import { ErrorGroup } from './ErrorGroup'
 
diff --git a/packages/dm-core-plugins/src/file/FilePlugin.tsx b/packages/dm-core-plugins/src/file/FilePlugin.tsx
index 7ad1004e4..d31293622 100644
--- a/packages/dm-core-plugins/src/file/FilePlugin.tsx
+++ b/packages/dm-core-plugins/src/file/FilePlugin.tsx
@@ -1,9 +1,9 @@
 import {
   EBlueprint,
-  IUIPlugin,
+  type IUIPlugin,
   Loading,
-  TFileEntity,
-  TStorageReference,
+  type TFileEntity,
+  type TStorageReference,
   splitAddress,
   useDocument,
 } from '@development-framework/dm-core'
diff --git a/packages/dm-core-plugins/src/file/UploadFileButton.tsx b/packages/dm-core-plugins/src/file/UploadFileButton.tsx
index 0bd13a510..685aabeec 100644
--- a/packages/dm-core-plugins/src/file/UploadFileButton.tsx
+++ b/packages/dm-core-plugins/src/file/UploadFileButton.tsx
@@ -1,10 +1,10 @@
 import {
-  TStorageReference,
+  type TStorageReference,
   useApplication,
 } from '@development-framework/dm-core'
 import { Button, Progress } from '@equinor/eds-core-react'
-import { AxiosError } from 'axios'
-import { ChangeEvent, useEffect, useRef, useState } from 'react'
+import type { AxiosError } from 'axios'
+import { type ChangeEvent, useEffect, useRef, useState } from 'react'
 import { ErrorGroup } from './ErrorGroup'
 
 export interface UploadButtonProps {
diff --git a/packages/dm-core-plugins/src/form/FormPlugin.tsx b/packages/dm-core-plugins/src/form/FormPlugin.tsx
index f40291e32..d5590b22c 100644
--- a/packages/dm-core-plugins/src/form/FormPlugin.tsx
+++ b/packages/dm-core-plugins/src/form/FormPlugin.tsx
@@ -1,7 +1,7 @@
 import {
-  IUIPlugin,
+  type IUIPlugin,
   Loading,
-  TGenericObject,
+  type TGenericObject,
   useDocument,
 } from '@development-framework/dm-core'
 import { Form } from './components/Form'
@@ -37,7 +37,7 @@ export const FormPlugin = (props: IUIPlugin) => {
       formData={document}
       onSubmit={handleOnSubmit}
       onChange={props?.onChange && handleOnChange}
-      showSubmitButton={!props?.onChange ?? true}
+      showSubmitButton={!props?.onChange}
     />
   )
 }
diff --git a/packages/dm-core-plugins/src/form/components/AddObject.tsx b/packages/dm-core-plugins/src/form/components/AddObject.tsx
index 8099b23be..bb2b3b467 100644
--- a/packages/dm-core-plugins/src/form/components/AddObject.tsx
+++ b/packages/dm-core-plugins/src/form/components/AddObject.tsx
@@ -1,5 +1,8 @@
-import { ErrorResponse, useApplication } from '@development-framework/dm-core'
-import { AxiosError, AxiosResponse } from 'axios'
+import {
+  type ErrorResponse,
+  useApplication,
+} from '@development-framework/dm-core'
+import type { AxiosError, AxiosResponse } from 'axios'
 import { useFormContext } from 'react-hook-form'
 import { useRegistryContext } from '../context/RegistryContext'
 import GhostTextButton from './GhostTextButton'
diff --git a/packages/dm-core-plugins/src/form/components/AddStorageUncontained.tsx b/packages/dm-core-plugins/src/form/components/AddStorageUncontained.tsx
index dab0f96a3..e57393ea5 100644
--- a/packages/dm-core-plugins/src/form/components/AddStorageUncontained.tsx
+++ b/packages/dm-core-plugins/src/form/components/AddStorageUncontained.tsx
@@ -1,5 +1,5 @@
 import { splitAddress, useApplication } from '@development-framework/dm-core'
-import { AxiosResponse } from 'axios'
+import type { AxiosResponse } from 'axios'
 import { useFormContext } from 'react-hook-form'
 import { useRegistryContext } from '../context/RegistryContext'
 import GhostTextButton from './GhostTextButton'
diff --git a/packages/dm-core-plugins/src/form/components/AttributeList.tsx b/packages/dm-core-plugins/src/form/components/AttributeList.tsx
index 31ced9b93..89662d5e7 100644
--- a/packages/dm-core-plugins/src/form/components/AttributeList.tsx
+++ b/packages/dm-core-plugins/src/form/components/AttributeList.tsx
@@ -1,4 +1,4 @@
-import {
+import type {
   TAttribute,
   TBlueprint,
   TStorageRecipe,
diff --git a/packages/dm-core-plugins/src/form/components/DynamicTable.tsx b/packages/dm-core-plugins/src/form/components/DynamicTable.tsx
index 2869101f1..4cc9306f5 100644
--- a/packages/dm-core-plugins/src/form/components/DynamicTable.tsx
+++ b/packages/dm-core-plugins/src/form/components/DynamicTable.tsx
@@ -1,5 +1,5 @@
 import { Table } from '@equinor/eds-core-react'
-import React, { MouseEventHandler } from 'react'
+import type { MouseEventHandler } from 'react'
 
 type TColumn = { name: string; accessor: string }
 
diff --git a/packages/dm-core-plugins/src/form/components/Form.tsx b/packages/dm-core-plugins/src/form/components/Form.tsx
index b23627357..efb7ede6e 100644
--- a/packages/dm-core-plugins/src/form/components/Form.tsx
+++ b/packages/dm-core-plugins/src/form/components/Form.tsx
@@ -3,9 +3,9 @@ import { useEffect, useState } from 'react'
 import {
   EBlueprint,
   Loading,
-  TAttribute,
-  TGenericObject,
-  TUiRecipe,
+  type TAttribute,
+  type TGenericObject,
+  type TUiRecipe,
   findRecipe,
   useApplication,
   useBlueprint,
@@ -18,7 +18,7 @@ import styled from 'styled-components'
 import { Stack } from '../../common'
 import { ConditionalWrapper } from '../../utils'
 import { RegistryProvider } from '../context/RegistryContext'
-import { TFormConfig, TFormProps, TUiAttributeObject } from '../types'
+import type { TFormConfig, TFormProps, TUiAttributeObject } from '../types'
 import { getCanOpenOrExpand, isPrimitiveType } from '../utils'
 import { AttributeList } from './AttributeList'
 
@@ -230,7 +230,6 @@ export const Form = (props: TFormProps) => {
                   <Button
                     onClick={handleCustomReset}
                     disabled={disabled}
-                    tooltip={'Revert changes'}
                     variant={'outlined'}
                     data-testid='form-reset'
                     style={{ overflow: 'hidden' }}
diff --git a/packages/dm-core-plugins/src/form/components/OpenObjectButton.tsx b/packages/dm-core-plugins/src/form/components/OpenObjectButton.tsx
index 098e9481d..687148a73 100644
--- a/packages/dm-core-plugins/src/form/components/OpenObjectButton.tsx
+++ b/packages/dm-core-plugins/src/form/components/OpenObjectButton.tsx
@@ -1,4 +1,4 @@
-import {
+import type {
   TInlineRecipeViewConfig,
   TReferenceViewConfig,
   TViewConfig,
diff --git a/packages/dm-core-plugins/src/form/components/RemoveObject/RemoveObject.tsx b/packages/dm-core-plugins/src/form/components/RemoveObject/RemoveObject.tsx
index 697757e8a..236489c8a 100644
--- a/packages/dm-core-plugins/src/form/components/RemoveObject/RemoveObject.tsx
+++ b/packages/dm-core-plugins/src/form/components/RemoveObject/RemoveObject.tsx
@@ -1,5 +1,8 @@
-import { ErrorResponse, useApplication } from '@development-framework/dm-core'
-import { AxiosError } from 'axios'
+import {
+  type ErrorResponse,
+  useApplication,
+} from '@development-framework/dm-core'
+import type { AxiosError } from 'axios'
 import { useFormContext } from 'react-hook-form'
 import { useRegistryContext } from '../../context/RegistryContext'
 import { DeleteHardButton } from './DeleteHardButton/DeleteHardButton'
diff --git a/packages/dm-core-plugins/src/form/components/SelectReference.tsx b/packages/dm-core-plugins/src/form/components/SelectReference.tsx
index eb7fb9709..68b7b3097 100644
--- a/packages/dm-core-plugins/src/form/components/SelectReference.tsx
+++ b/packages/dm-core-plugins/src/form/components/SelectReference.tsx
@@ -1,12 +1,12 @@
 import {
   EBlueprint,
   EntityPickerDialog,
-  ErrorResponse,
-  TEntityPickerReturn,
-  TLinkReference,
+  type ErrorResponse,
+  type TEntityPickerReturn,
+  type TLinkReference,
   useApplication,
 } from '@development-framework/dm-core'
-import { AxiosError } from 'axios/index'
+import type { AxiosError } from 'axios/index'
 import { useState } from 'react'
 import { useFormContext } from 'react-hook-form'
 import { useRegistryContext } from '../context/RegistryContext'
diff --git a/packages/dm-core-plugins/src/form/context/RegistryContext.tsx b/packages/dm-core-plugins/src/form/context/RegistryContext.tsx
index 4e68b79e2..894e9e6a0 100644
--- a/packages/dm-core-plugins/src/form/context/RegistryContext.tsx
+++ b/packages/dm-core-plugins/src/form/context/RegistryContext.tsx
@@ -1,6 +1,6 @@
-import { TOnOpen } from '@development-framework/dm-core'
-import React, { createContext, useContext } from 'react'
-import { TFormConfig } from '../types'
+import type { TOnOpen } from '@development-framework/dm-core'
+import { createContext, useContext } from 'react'
+import type { TFormConfig } from '../types'
 
 type Props = {
   idReference: string
diff --git a/packages/dm-core-plugins/src/form/context/WidgetContext.tsx b/packages/dm-core-plugins/src/form/context/WidgetContext.tsx
index b912b65ea..490b4d4cd 100644
--- a/packages/dm-core-plugins/src/form/context/WidgetContext.tsx
+++ b/packages/dm-core-plugins/src/form/context/WidgetContext.tsx
@@ -1,5 +1,5 @@
-import React, { createContext, useContext } from 'react'
-import { TWidgets } from '../types'
+import { createContext, useContext } from 'react'
+import type { TWidgets } from '../types'
 import defaultWidgets from '../widgets'
 
 const WidgetContext = createContext<TWidgets | undefined>(undefined)
diff --git a/packages/dm-core-plugins/src/form/fields/ArrayField/ArrayField.tsx b/packages/dm-core-plugins/src/form/fields/ArrayField/ArrayField.tsx
index b6e76509e..c283c98dc 100644
--- a/packages/dm-core-plugins/src/form/fields/ArrayField/ArrayField.tsx
+++ b/packages/dm-core-plugins/src/form/fields/ArrayField/ArrayField.tsx
@@ -1,6 +1,6 @@
 import { Controller, useFormContext } from 'react-hook-form'
 import { getWidget } from '../../context/WidgetContext'
-import { TArrayTemplate } from '../../types'
+import type { TArrayTemplate } from '../../types'
 import { getDisplayLabel, isPrimitiveType } from '../../utils'
 import arrayTemplates from './templates'
 import { ArrayComplexTemplate } from './templates/ArrayComplexTemplate'
diff --git a/packages/dm-core-plugins/src/form/fields/ArrayField/templates/ArrayComplexTemplate.tsx b/packages/dm-core-plugins/src/form/fields/ArrayField/templates/ArrayComplexTemplate.tsx
index 44160db66..07ed50cee 100644
--- a/packages/dm-core-plugins/src/form/fields/ArrayField/templates/ArrayComplexTemplate.tsx
+++ b/packages/dm-core-plugins/src/form/fields/ArrayField/templates/ArrayComplexTemplate.tsx
@@ -5,7 +5,7 @@ import { useFormContext } from 'react-hook-form'
 import { AddObject, OpenObjectButton, RemoveObject } from '../../../components'
 import { useRegistryContext } from '../../../context/RegistryContext'
 import { ComplexAttributeTemplate } from '../../../templates'
-import { TArrayTemplate } from '../../../types'
+import type { TArrayTemplate } from '../../../types'
 import {
   getCanOpenOrExpand,
   getExpandViewConfig,
@@ -81,9 +81,9 @@ export const ArrayComplexTemplate = (props: TArrayTemplate) => {
       </ComplexAttributeTemplate.Header>
       <ComplexAttributeTemplate.Content
         id={`${namePath}-content`}
-        expanded={!!isExpanded}
-        canExpand={!!canExpand}
-        padding='0.5rem 0.125rem 0.125rem'
+        $expanded={!!isExpanded}
+        $canExpand={!!canExpand}
+        $padding='0.5rem 0.125rem 0.125rem'
       >
         <ViewCreator
           idReference={`${idReference}.${namePath}`}
diff --git a/packages/dm-core-plugins/src/form/fields/ArrayField/templates/ArrayPrimitiveDataGridTemplate.tsx b/packages/dm-core-plugins/src/form/fields/ArrayField/templates/ArrayPrimitiveDataGridTemplate.tsx
index f3e78fb35..acebb111b 100644
--- a/packages/dm-core-plugins/src/form/fields/ArrayField/templates/ArrayPrimitiveDataGridTemplate.tsx
+++ b/packages/dm-core-plugins/src/form/fields/ArrayField/templates/ArrayPrimitiveDataGridTemplate.tsx
@@ -3,7 +3,7 @@ import { add } from '@equinor/eds-icons'
 import TooltipButton from '../../../../common/TooltipButton'
 import { DataGrid } from '../../../../data-grid/DataGrid'
 import { Fieldset, Legend } from '../../../styles'
-import { TArrayTemplate, TPrimitive } from '../../../types'
+import type { TArrayTemplate, TPrimitive } from '../../../types'
 import { getDisplayLabel } from '../../../utils/getDisplayLabel'
 
 export const ArrayPrimitiveDatagridTemplate = (
@@ -30,8 +30,8 @@ export const ArrayPrimitiveDatagridTemplate = (
         : ''
 
   function createPrimitiveArray() {
-    const definedColumnsAmount = parseInt(definedColumns, 10)
-    const definedRowsAmount = parseInt(definedRows, 10)
+    const definedColumnsAmount = Number.parseInt(definedColumns, 10)
+    const definedRowsAmount = Number.parseInt(definedRows, 10)
 
     // example: dimensions = 3,3
     if (
diff --git a/packages/dm-core-plugins/src/form/fields/ArrayField/templates/ArrayPrimitiveListTemplate/ArrayPrimitiveListTemplate.tsx b/packages/dm-core-plugins/src/form/fields/ArrayField/templates/ArrayPrimitiveListTemplate/ArrayPrimitiveListTemplate.tsx
index 0e830e604..6a4969983 100644
--- a/packages/dm-core-plugins/src/form/fields/ArrayField/templates/ArrayPrimitiveListTemplate/ArrayPrimitiveListTemplate.tsx
+++ b/packages/dm-core-plugins/src/form/fields/ArrayField/templates/ArrayPrimitiveListTemplate/ArrayPrimitiveListTemplate.tsx
@@ -2,7 +2,7 @@ import { list } from '@equinor/eds-icons'
 import { useState } from 'react'
 import { useRegistryContext } from '../../../../context/RegistryContext'
 import { ComplexAttributeTemplate } from '../../../../templates'
-import { TArrayTemplate, TPrimitive } from '../../../../types'
+import type { TArrayTemplate, TPrimitive } from '../../../../types'
 import { PrimitiveArray } from './PrimitiveArray/PrimitiveArray'
 
 export const ArrayPrimitiveListTemplate = (
@@ -37,9 +37,9 @@ export const ArrayPrimitiveListTemplate = (
       </ComplexAttributeTemplate.Header>
       <ComplexAttributeTemplate.Content
         id={`${namePath}-content`}
-        padding='0'
-        expanded={!!isExpanded}
-        canExpand={true}
+        $padding='0'
+        $expanded={!!isExpanded}
+        $canExpand={true}
       >
         <PrimitiveArray
           uiAttribute={uiAttribute}
diff --git a/packages/dm-core-plugins/src/form/fields/ArrayField/templates/ArrayPrimitiveListTemplate/PrimitiveArray/PrimitiveArray.tsx b/packages/dm-core-plugins/src/form/fields/ArrayField/templates/ArrayPrimitiveListTemplate/PrimitiveArray/PrimitiveArray.tsx
index f3a5adf7f..14894b28c 100644
--- a/packages/dm-core-plugins/src/form/fields/ArrayField/templates/ArrayPrimitiveListTemplate/PrimitiveArray/PrimitiveArray.tsx
+++ b/packages/dm-core-plugins/src/form/fields/ArrayField/templates/ArrayPrimitiveListTemplate/PrimitiveArray/PrimitiveArray.tsx
@@ -1,8 +1,8 @@
-import { TAttribute } from '@development-framework/dm-core'
+import type { TAttribute } from '@development-framework/dm-core'
 import { Tooltip } from '@equinor/eds-core-react'
 import { useFormContext } from 'react-hook-form'
 import { AddRowButton, DeleteSoftButton, Stack } from '../../../../../../common'
-import { TPrimitive, TUiAttributeObject } from '../../../../../types'
+import type { TPrimitive, TUiAttributeObject } from '../../../../../types'
 import { AttributeFieldSelector } from '../../../../AttributeFieldSelector'
 
 interface PrimitiveArrayProps {
diff --git a/packages/dm-core-plugins/src/form/fields/ArrayField/templates/index.ts b/packages/dm-core-plugins/src/form/fields/ArrayField/templates/index.ts
index ec8608cb8..2b98e9977 100644
--- a/packages/dm-core-plugins/src/form/fields/ArrayField/templates/index.ts
+++ b/packages/dm-core-plugins/src/form/fields/ArrayField/templates/index.ts
@@ -1,4 +1,4 @@
-import { TTemplates } from '../../../types'
+import type { TTemplates } from '../../../types'
 import { ArrayPrimitiveDatagridTemplate } from './ArrayPrimitiveDataGridTemplate'
 import { ArrayPrimitiveListTemplate } from './ArrayPrimitiveListTemplate/ArrayPrimitiveListTemplate'
 
diff --git a/packages/dm-core-plugins/src/form/fields/AttributeFieldSelector.tsx b/packages/dm-core-plugins/src/form/fields/AttributeFieldSelector.tsx
index b34f9b267..b0faa768d 100644
--- a/packages/dm-core-plugins/src/form/fields/AttributeFieldSelector.tsx
+++ b/packages/dm-core-plugins/src/form/fields/AttributeFieldSelector.tsx
@@ -1,4 +1,4 @@
-import { TStorageRecipe } from '@development-framework/dm-core'
+import type { TStorageRecipe } from '@development-framework/dm-core'
 import {
   ArrayField,
   BinaryField,
@@ -7,7 +7,7 @@ import {
   ObjectField,
   StringField,
 } from '.'
-import { TField } from '../types'
+import type { TField } from '../types'
 import { getFieldType } from '../utils'
 
 const ATTRIBUTE_FIELD_MAPPING: Record<string, any> = {
diff --git a/packages/dm-core-plugins/src/form/fields/BinaryField/BinaryField.tsx b/packages/dm-core-plugins/src/form/fields/BinaryField/BinaryField.tsx
index ba598bb3e..db58ee9de 100644
--- a/packages/dm-core-plugins/src/form/fields/BinaryField/BinaryField.tsx
+++ b/packages/dm-core-plugins/src/form/fields/BinaryField/BinaryField.tsx
@@ -1,14 +1,14 @@
 import {
-  ErrorResponse,
-  TGenericObject,
+  type ErrorResponse,
+  type TGenericObject,
   splitAddress,
   useApplication,
 } from '@development-framework/dm-core'
 import { Button, Label } from '@equinor/eds-core-react'
-import { AxiosError, AxiosResponse } from 'axios'
+import type { AxiosError, AxiosResponse } from 'axios'
 import { useFormContext } from 'react-hook-form'
 import { useRegistryContext } from '../../context/RegistryContext'
-import { TField } from '../../types'
+import type { TField } from '../../types'
 import { getDisplayLabel } from '../../utils/getDisplayLabel'
 
 const getTarget = (initialValue: any) => {
diff --git a/packages/dm-core-plugins/src/form/fields/BooleanField/BooleanField.tsx b/packages/dm-core-plugins/src/form/fields/BooleanField/BooleanField.tsx
index f0676da41..05a24c1df 100644
--- a/packages/dm-core-plugins/src/form/fields/BooleanField/BooleanField.tsx
+++ b/packages/dm-core-plugins/src/form/fields/BooleanField/BooleanField.tsx
@@ -1,7 +1,7 @@
 import { Controller, useFormContext } from 'react-hook-form'
 import { useRegistryContext } from '../../context/RegistryContext'
 import { getWidget } from '../../context/WidgetContext'
-import { TField } from '../../types'
+import type { TField } from '../../types'
 import { getDisplayLabel } from '../../utils/getDisplayLabel'
 
 export const BooleanField = (props: TField) => {
diff --git a/packages/dm-core-plugins/src/form/fields/NumberField/NumberField.tsx b/packages/dm-core-plugins/src/form/fields/NumberField/NumberField.tsx
index b83d2b439..aef5b8a57 100644
--- a/packages/dm-core-plugins/src/form/fields/NumberField/NumberField.tsx
+++ b/packages/dm-core-plugins/src/form/fields/NumberField/NumberField.tsx
@@ -1,7 +1,7 @@
 import { Controller, useFormContext } from 'react-hook-form'
 import { useRegistryContext } from '../../context/RegistryContext'
 import { getWidget } from '../../context/WidgetContext'
-import { TField } from '../../types'
+import type { TField } from '../../types'
 import { getDisplayLabel } from '../../utils/getDisplayLabel'
 const REGEX_FLOAT = /^\d+(\.\d+)?([eE][-+]?\d+)?$/
 
diff --git a/packages/dm-core-plugins/src/form/fields/ObjectField/ObjectField.tsx b/packages/dm-core-plugins/src/form/fields/ObjectField/ObjectField.tsx
index c4856d5ca..a050f2dfb 100644
--- a/packages/dm-core-plugins/src/form/fields/ObjectField/ObjectField.tsx
+++ b/packages/dm-core-plugins/src/form/fields/ObjectField/ObjectField.tsx
@@ -1,8 +1,7 @@
 import { EBlueprint } from '@development-framework/dm-core'
-import React from 'react'
 import { Controller, useFormContext } from 'react-hook-form'
 import { getWidget } from '../../context/WidgetContext'
-import { TField } from '../../types'
+import type { TField } from '../../types'
 import { getDisplayLabel } from '../../utils/getDisplayLabel'
 import { ObjectModelContainedTemplate } from './templates/ObjectModelContainedTemplate'
 import { ObjectModelUncontainedTemplate } from './templates/ObjectModelUncontainedTemplate'
diff --git a/packages/dm-core-plugins/src/form/fields/ObjectField/templates/ObjectModelContainedTemplate.tsx b/packages/dm-core-plugins/src/form/fields/ObjectField/templates/ObjectModelContainedTemplate.tsx
index 848a64aa7..81106d847 100644
--- a/packages/dm-core-plugins/src/form/fields/ObjectField/templates/ObjectModelContainedTemplate.tsx
+++ b/packages/dm-core-plugins/src/form/fields/ObjectField/templates/ObjectModelContainedTemplate.tsx
@@ -1,5 +1,5 @@
 import { ViewCreator } from '@development-framework/dm-core'
-import React, { useState } from 'react'
+import { useState } from 'react'
 import { useFormContext } from 'react-hook-form'
 import {
   AddObject,
@@ -9,7 +9,7 @@ import {
 } from '../../../components'
 import { useRegistryContext } from '../../../context/RegistryContext'
 import { ComplexAttributeTemplate } from '../../../templates'
-import { TObjectTemplate } from '../../../types'
+import type { TObjectTemplate } from '../../../types'
 import {
   getCanOpenOrExpand as getCanOpenExpand,
   getExpandViewConfig,
@@ -97,8 +97,8 @@ export const ObjectModelContainedTemplate = (
       </ComplexAttributeTemplate.Header>
       <ComplexAttributeTemplate.Content
         id={`${namePath}-content`}
-        expanded={!!isExpanded}
-        canExpand={!!canExpand}
+        $expanded={!!isExpanded}
+        $canExpand={!!canExpand}
       >
         <ViewCreator
           idReference={`${idReference}.${attribute.name}`}
diff --git a/packages/dm-core-plugins/src/form/fields/ObjectField/templates/ObjectModelUncontainedTemplate.tsx b/packages/dm-core-plugins/src/form/fields/ObjectField/templates/ObjectModelUncontainedTemplate.tsx
index 5058ce1fe..e58f8cb6a 100644
--- a/packages/dm-core-plugins/src/form/fields/ObjectField/templates/ObjectModelUncontainedTemplate.tsx
+++ b/packages/dm-core-plugins/src/form/fields/ObjectField/templates/ObjectModelUncontainedTemplate.tsx
@@ -4,7 +4,7 @@ import {
   splitAddress,
 } from '@development-framework/dm-core'
 import { link } from '@equinor/eds-icons'
-import React, { useState } from 'react'
+import { useState } from 'react'
 import { useFormContext } from 'react-hook-form'
 import {
   OpenObjectButton,
@@ -13,7 +13,7 @@ import {
 } from '../../../components'
 import { useRegistryContext } from '../../../context/RegistryContext'
 import { ComplexAttributeTemplate } from '../../../templates'
-import { TObjectTemplate } from '../../../types'
+import type { TObjectTemplate } from '../../../types'
 import {
   getCanOpenOrExpand,
   getExpandViewConfig,
@@ -92,8 +92,8 @@ export const ObjectModelUncontainedTemplate = (
       </ComplexAttributeTemplate.Header>
       <ComplexAttributeTemplate.Content
         id={`${namePath}-content`}
-        expanded={!!isExpanded}
-        canExpand={!!canExpand}
+        $expanded={!!isExpanded}
+        $canExpand={!!canExpand}
       >
         <ViewCreator
           idReference={address ?? ''}
diff --git a/packages/dm-core-plugins/src/form/fields/ObjectField/templates/ObjectStorageUncontainedTemplate.tsx b/packages/dm-core-plugins/src/form/fields/ObjectField/templates/ObjectStorageUncontainedTemplate.tsx
index 83ecec2d6..21dfcc24c 100644
--- a/packages/dm-core-plugins/src/form/fields/ObjectField/templates/ObjectStorageUncontainedTemplate.tsx
+++ b/packages/dm-core-plugins/src/form/fields/ObjectField/templates/ObjectStorageUncontainedTemplate.tsx
@@ -8,7 +8,7 @@ import { useFormContext } from 'react-hook-form'
 import { OpenObjectButton, RemoveObject } from '../../../components'
 import { useRegistryContext } from '../../../context/RegistryContext'
 import { ComplexAttributeTemplate } from '../../../templates'
-import { TObjectTemplate } from '../../../types'
+import type { TObjectTemplate } from '../../../types'
 import {
   getCanOpenOrExpand,
   getExpandViewConfig,
@@ -71,8 +71,8 @@ export const ObjectStorageUncontainedTemplate = (props: TObjectTemplate) => {
       </ComplexAttributeTemplate.Header>
       <ComplexAttributeTemplate.Content
         id={`${namePath}-content`}
-        expanded={!!isExpanded}
-        canExpand={canExpand && referenceExists}
+        $expanded={!!isExpanded}
+        $canExpand={canExpand && referenceExists}
       >
         <ViewCreator
           idReference={address}
diff --git a/packages/dm-core-plugins/src/form/fields/StringField/StringField.tsx b/packages/dm-core-plugins/src/form/fields/StringField/StringField.tsx
index b786144b1..4a0815e3b 100644
--- a/packages/dm-core-plugins/src/form/fields/StringField/StringField.tsx
+++ b/packages/dm-core-plugins/src/form/fields/StringField/StringField.tsx
@@ -1,7 +1,7 @@
 import { Controller, useFormContext } from 'react-hook-form'
 import { useRegistryContext } from '../../context/RegistryContext'
 import { getWidget } from '../../context/WidgetContext'
-import { TField } from '../../types'
+import type { TField } from '../../types'
 import { getDisplayLabel } from '../../utils/getDisplayLabel'
 
 export const StringField = (props: TField) => {
diff --git a/packages/dm-core-plugins/src/form/templates/ComplexAttributeTemplate/ComplexAttributeTemplate.tsx b/packages/dm-core-plugins/src/form/templates/ComplexAttributeTemplate/ComplexAttributeTemplate.tsx
index b3cc20acc..c0c435806 100644
--- a/packages/dm-core-plugins/src/form/templates/ComplexAttributeTemplate/ComplexAttributeTemplate.tsx
+++ b/packages/dm-core-plugins/src/form/templates/ComplexAttributeTemplate/ComplexAttributeTemplate.tsx
@@ -1,4 +1,4 @@
-import { PropsWithChildren } from 'react'
+import type { PropsWithChildren } from 'react'
 import { ComplexAttributeTemplateHeaderActions } from './ComplexAttributeTemplateHeaderActions'
 import { ComplexAttributeTemplateHeaderTitle } from './ComplexAttributeTemplateHeaderTitle'
 import * as Styled from './styles'
diff --git a/packages/dm-core-plugins/src/form/templates/ComplexAttributeTemplate/ComplexAttributeTemplateHeaderActions.tsx b/packages/dm-core-plugins/src/form/templates/ComplexAttributeTemplate/ComplexAttributeTemplateHeaderActions.tsx
index b91df272b..2405e12a3 100644
--- a/packages/dm-core-plugins/src/form/templates/ComplexAttributeTemplate/ComplexAttributeTemplateHeaderActions.tsx
+++ b/packages/dm-core-plugins/src/form/templates/ComplexAttributeTemplate/ComplexAttributeTemplateHeaderActions.tsx
@@ -1,9 +1,8 @@
 import { EdsProvider, Icon, Tooltip } from '@equinor/eds-core-react'
 import { info_circle } from '@equinor/eds-icons'
 import { tokens } from '@equinor/eds-tokens'
-import React from 'react'
 import { Stack } from '../../../common'
-import { TUiAttribute } from '../../types'
+import type { TUiAttribute } from '../../types'
 
 export const ComplexAttributeTemplateHeaderActions = ({
   children,
diff --git a/packages/dm-core-plugins/src/form/templates/ComplexAttributeTemplate/ComplexAttributeTemplateHeaderTitle.tsx b/packages/dm-core-plugins/src/form/templates/ComplexAttributeTemplate/ComplexAttributeTemplateHeaderTitle.tsx
index 368b1934c..f0b2489cd 100644
--- a/packages/dm-core-plugins/src/form/templates/ComplexAttributeTemplate/ComplexAttributeTemplateHeaderTitle.tsx
+++ b/packages/dm-core-plugins/src/form/templates/ComplexAttributeTemplate/ComplexAttributeTemplateHeaderTitle.tsx
@@ -1,13 +1,13 @@
-import { TAttribute } from '@development-framework/dm-core'
+import type { TAttribute } from '@development-framework/dm-core'
 import { Icon, Tooltip, Typography } from '@equinor/eds-core-react'
 import {
-  IconData,
+  type IconData,
   chevron_right,
   file,
   file_description,
 } from '@equinor/eds-icons'
 import { Stack } from '../../../common'
-import { TUiAttribute } from '../../types'
+import type { TUiAttribute } from '../../types'
 import { getDisplayLabel } from '../../utils'
 import { TitleButton } from './styles'
 
@@ -72,7 +72,7 @@ export const ComplexAttributeTemplateHeaderTitle = (
           aria-controls={`${props.namePath}-content`}
           onClick={handleLabelClick}
           disabled={!objectIsNotEmpty}
-          isExpanded={!!isExpanded}
+          $isExpanded={!!isExpanded}
         >
           {canExpand && setIsExpanded && (
             <span className='title-chevron'>
diff --git a/packages/dm-core-plugins/src/form/templates/ComplexAttributeTemplate/styles.ts b/packages/dm-core-plugins/src/form/templates/ComplexAttributeTemplate/styles.ts
index c5c74c209..3df2cf0c8 100644
--- a/packages/dm-core-plugins/src/form/templates/ComplexAttributeTemplate/styles.ts
+++ b/packages/dm-core-plugins/src/form/templates/ComplexAttributeTemplate/styles.ts
@@ -18,22 +18,22 @@ export const ComplexAttributeTemplateHeader = styled.div`
 `
 
 export type TComplexAttributeTemplateContent = {
-  padding?: string
-  expanded?: boolean
-  canExpand?: boolean
+  $padding?: string
+  $expanded?: boolean
+  $canExpand?: boolean
   // Used to define aria-controls, should be [namePath]-content
   id: string
 }
 
 export const ComplexAttributeTemplateContent = styled.div<TComplexAttributeTemplateContent>`
     border-top: 1px solid #dddddd;
-    padding: ${(props) => (props.padding ? props.padding : '0.5rem')};
+    padding: ${(props) => (props.$padding ? props.$padding : '0.5rem')};
     width: 100%;
     display: ${(props) =>
-      !props.canExpand || !props.expanded ? 'none' : 'block'};
+      !props.$canExpand || !props.$expanded ? 'none' : 'block'};
 `
 
-export const TitleButton = styled.button<{ isExpanded: boolean }>`
+export const TitleButton = styled.button<{ $isExpanded: boolean }>`
   width: 100%;
   background: none;
   border: none;
@@ -47,7 +47,7 @@ export const TitleButton = styled.button<{ isExpanded: boolean }>`
   .title-chevron {
     padding: 0.25rem;
     border-radius: 50%;
-    transform: ${(props) => (props.isExpanded ? 'rotate(90deg)' : 'none')};
+    transform: ${(props) => (props.$isExpanded ? 'rotate(90deg)' : 'none')};
     transition: all ease-in-out 0.2s;
     svg {
       fill: ${tokens.colors.interactive.primary__resting.rgba};
diff --git a/packages/dm-core-plugins/src/form/test-utils.tsx b/packages/dm-core-plugins/src/form/test-utils.tsx
index ac51445fd..e1f505e06 100644
--- a/packages/dm-core-plugins/src/form/test-utils.tsx
+++ b/packages/dm-core-plugins/src/form/test-utils.tsx
@@ -1,9 +1,8 @@
 import {
   DMApplicationProvider,
   DmssAPI,
-  TUiPluginMap,
+  type TUiPluginMap,
 } from '@development-framework/dm-core'
-import React from 'react'
 import { FormPlugin } from './FormPlugin'
 
 export const mockBlueprintGet = (blueprints: Array<any>) => {
diff --git a/packages/dm-core-plugins/src/form/types.tsx b/packages/dm-core-plugins/src/form/types.tsx
index 521c8ac02..09bd5bac0 100644
--- a/packages/dm-core-plugins/src/form/types.tsx
+++ b/packages/dm-core-plugins/src/form/types.tsx
@@ -1,10 +1,9 @@
-import {
+import type {
   TAttribute,
   TOnOpen,
   TUiRecipe,
   TViewConfig,
 } from '@development-framework/dm-core'
-import React from 'react'
 
 export type TFormProps = {
   idReference: string
diff --git a/packages/dm-core-plugins/src/form/utils/complexEntityUtils.ts b/packages/dm-core-plugins/src/form/utils/complexEntityUtils.ts
index d79d0c0fe..27a880544 100644
--- a/packages/dm-core-plugins/src/form/utils/complexEntityUtils.ts
+++ b/packages/dm-core-plugins/src/form/utils/complexEntityUtils.ts
@@ -1,4 +1,4 @@
-import { TFormConfig, TUiAttributeObject } from '../types'
+import type { TFormConfig, TUiAttributeObject } from '../types'
 
 export const getExpandViewConfig = (uiAttribute?: TUiAttributeObject) => {
   return (
diff --git a/packages/dm-core-plugins/src/form/utils/getDisplayLabel.tsx b/packages/dm-core-plugins/src/form/utils/getDisplayLabel.tsx
index ca8c63b70..1b2c715e1 100644
--- a/packages/dm-core-plugins/src/form/utils/getDisplayLabel.tsx
+++ b/packages/dm-core-plugins/src/form/utils/getDisplayLabel.tsx
@@ -1,6 +1,6 @@
-import { TAttribute } from '@development-framework/dm-core'
+import type { TAttribute } from '@development-framework/dm-core'
 import lodash from 'lodash'
-import { TUiAttribute } from '../types'
+import type { TUiAttribute } from '../types'
 
 export const getDisplayLabel = (
   attribute: TAttribute,
diff --git a/packages/dm-core-plugins/src/form/widgets/BlueprintPickerWidget.tsx b/packages/dm-core-plugins/src/form/widgets/BlueprintPickerWidget.tsx
index 04324a0b6..b587e8614 100644
--- a/packages/dm-core-plugins/src/form/widgets/BlueprintPickerWidget.tsx
+++ b/packages/dm-core-plugins/src/form/widgets/BlueprintPickerWidget.tsx
@@ -1,6 +1,6 @@
 import { BlueprintPicker } from '@development-framework/dm-core'
 import styled from 'styled-components'
-import { TWidget } from '../types'
+import type { TWidget } from '../types'
 
 // The custom widgets goes under here,
 // this may at some point be moved out from the form package.
diff --git a/packages/dm-core-plugins/src/form/widgets/CheckboxWidget.tsx b/packages/dm-core-plugins/src/form/widgets/CheckboxWidget.tsx
index 19b79421b..460a65107 100644
--- a/packages/dm-core-plugins/src/form/widgets/CheckboxWidget.tsx
+++ b/packages/dm-core-plugins/src/form/widgets/CheckboxWidget.tsx
@@ -1,13 +1,14 @@
 import { Checkbox, Tooltip } from '@equinor/eds-core-react'
-import { TWidget } from '../types'
+import type { TWidget } from '../types'
 
 const CheckboxWidget = (props: TWidget) => {
-  const { value, readOnly, tooltip } = props
+  const { value, readOnly, tooltip, inputRef, ...checkboxProps } = props
   return (
     <Tooltip title={tooltip ?? ''}>
       <span>
         <Checkbox
-          {...props}
+          {...checkboxProps}
+          ref={inputRef}
           disabled={readOnly}
           checked={value !== undefined ? value : false}
           type='checkbox'
diff --git a/packages/dm-core-plugins/src/form/widgets/DateTimeWidget.tsx b/packages/dm-core-plugins/src/form/widgets/DateTimeWidget.tsx
index a9dbd6e3d..f2cd47fae 100644
--- a/packages/dm-core-plugins/src/form/widgets/DateTimeWidget.tsx
+++ b/packages/dm-core-plugins/src/form/widgets/DateTimeWidget.tsx
@@ -1,5 +1,5 @@
 import { Datepicker } from '../../common/Datepicker'
-import { TWidget } from '../types'
+import type { TWidget } from '../types'
 
 interface DatePickerConfig {
   variant: 'datetime' | 'date'
diff --git a/packages/dm-core-plugins/src/form/widgets/DimensionalScalarWidget.tsx b/packages/dm-core-plugins/src/form/widgets/DimensionalScalarWidget.tsx
index 1b2261fa4..4edabcb1a 100644
--- a/packages/dm-core-plugins/src/form/widgets/DimensionalScalarWidget.tsx
+++ b/packages/dm-core-plugins/src/form/widgets/DimensionalScalarWidget.tsx
@@ -1,11 +1,11 @@
 import { EdsProvider, Tooltip, Typography } from '@equinor/eds-core-react'
-import { ChangeEvent, useState } from 'react'
+import { type ChangeEvent, useState } from 'react'
 import { Stack } from '../../common'
-import { TWidget } from '../types'
+import type { TWidget } from '../types'
 import { StyledNumberField, StyledTextField } from './common/StyledInputFields'
 
 const parseWidthString = (widthString: string) => {
-  const width = parseFloat(widthString)
+  const width = Number.parseFloat(widthString)
   if (!width || width < 0) return
   return widthString
 }
@@ -18,7 +18,8 @@ const DimensionalScalarWidget = (props: TWidget) => {
     setError(e.target.value === '' ? 'Value is required' : '')
     let targetValue: string | number = e.target.value
     if (isNumber)
-      targetValue = e.target.value === '' ? 0 : parseFloat(e.target.value)
+      targetValue =
+        e.target.value === '' ? 0 : Number.parseFloat(e.target.value)
 
     const changed = isPrimitive
       ? targetValue
@@ -80,13 +81,14 @@ const DimensionalScalarWidget = (props: TWidget) => {
           density={widgetConfig?.compact ? 'compact' : 'comfortable'}
         >
           <InputField
+            id={widgetConfig?.label || entity?.label || props.label}
             unit={widgetConfig?.unit || entity?.unit}
             meta={widgetConfig?.meta || entity?.meta}
             isDirty={props.isDirty}
             helperText={error}
             variant={error ? 'error' : undefined}
             onChange={onChangeHandler}
-            value={isPrimitive ? entity : entity?.value ?? ''}
+            value={isPrimitive ? entity : (entity?.value ?? '')}
           />
         </EdsProvider>
       </div>
diff --git a/packages/dm-core-plugins/src/form/widgets/EntityPickerWidget.tsx b/packages/dm-core-plugins/src/form/widgets/EntityPickerWidget.tsx
index 1abd1445c..511253707 100644
--- a/packages/dm-core-plugins/src/form/widgets/EntityPickerWidget.tsx
+++ b/packages/dm-core-plugins/src/form/widgets/EntityPickerWidget.tsx
@@ -1,11 +1,11 @@
 import {
   EntityPickerDialog,
-  TEntityPickerReturn,
+  type TEntityPickerReturn,
 } from '@development-framework/dm-core'
 import { TextField } from '@equinor/eds-core-react'
 import { useState } from 'react'
 import styled from 'styled-components'
-import { TWidget } from '../types'
+import type { TWidget } from '../types'
 
 // The custom widgets goes under here,
 // this may at some point be moved out from the form package.
@@ -32,6 +32,7 @@ const EntityPickerWidget = (props: TWidget) => {
         variant={props.variant}
         helperText={props.helperText}
         onClick={handleAddReference}
+        onChange={() => null}
         label={label}
         type='string'
         data-testid={`form-text-widget-${props.id}`}
diff --git a/packages/dm-core-plugins/src/form/widgets/HyperlinkWidget.tsx b/packages/dm-core-plugins/src/form/widgets/HyperlinkWidget.tsx
index b9aa2b69d..7842cbd00 100644
--- a/packages/dm-core-plugins/src/form/widgets/HyperlinkWidget.tsx
+++ b/packages/dm-core-plugins/src/form/widgets/HyperlinkWidget.tsx
@@ -1,5 +1,5 @@
 import { Tooltip, Typography } from '@equinor/eds-core-react'
-import { TWidget } from '../types'
+import type { TWidget } from '../types'
 
 function ensureProtocol(url: string): string {
   if (!url.includes('://')) {
@@ -30,8 +30,8 @@ type Url = {
 const HyperlinkWidget = (props: TWidget) => {
   const { value, config } = props
 
-  let url
-  let label
+  let url: string
+  let label: string
   if (isComplex(value) && isUrl(value)) {
     url = value.value
     label = config?.label || value.label
diff --git a/packages/dm-core-plugins/src/form/widgets/NumberWidget.tsx b/packages/dm-core-plugins/src/form/widgets/NumberWidget.tsx
index 15418314a..fd2dc0ef9 100644
--- a/packages/dm-core-plugins/src/form/widgets/NumberWidget.tsx
+++ b/packages/dm-core-plugins/src/form/widgets/NumberWidget.tsx
@@ -1,5 +1,4 @@
-import React from 'react'
-import { TWidget } from '../types'
+import type { TWidget } from '../types'
 import { StyledNumberField } from './common/StyledInputFields'
 
 const NumberWidget = (props: TWidget) => {
diff --git a/packages/dm-core-plugins/src/form/widgets/SelectWidget.tsx b/packages/dm-core-plugins/src/form/widgets/SelectWidget.tsx
index cbcb4e724..ff851ea59 100644
--- a/packages/dm-core-plugins/src/form/widgets/SelectWidget.tsx
+++ b/packages/dm-core-plugins/src/form/widgets/SelectWidget.tsx
@@ -1,8 +1,8 @@
 import { Autocomplete } from '@equinor/eds-core-react'
 
-import { TEnum, useDocument } from '@development-framework/dm-core'
-import { AutocompleteChanges } from '@equinor/eds-core-react/dist/types/components/Autocomplete/Autocomplete'
-import { TWidget } from '../types'
+import { type TEnum, useDocument } from '@development-framework/dm-core'
+import type { AutocompleteChanges } from '@equinor/eds-core-react/dist/types/components/Autocomplete/Autocomplete'
+import type { TWidget } from '../types'
 
 type TOption = {
   value: string
diff --git a/packages/dm-core-plugins/src/form/widgets/SwitchWidget.tsx b/packages/dm-core-plugins/src/form/widgets/SwitchWidget.tsx
index 8baf63f46..b3c813e51 100644
--- a/packages/dm-core-plugins/src/form/widgets/SwitchWidget.tsx
+++ b/packages/dm-core-plugins/src/form/widgets/SwitchWidget.tsx
@@ -1,5 +1,5 @@
 import { Switch } from '@equinor/eds-core-react'
-import { TWidget } from '../types'
+import type { TWidget } from '../types'
 
 const SwitchWidget = (props: TWidget) => {
   const { value, readOnly } = props
diff --git a/packages/dm-core-plugins/src/form/widgets/TextWidget.tsx b/packages/dm-core-plugins/src/form/widgets/TextWidget.tsx
index 9a7282cca..d8b80c852 100644
--- a/packages/dm-core-plugins/src/form/widgets/TextWidget.tsx
+++ b/packages/dm-core-plugins/src/form/widgets/TextWidget.tsx
@@ -1,5 +1,4 @@
-import React from 'react'
-import { TWidget } from '../types'
+import type { TWidget } from '../types'
 import { StyledTextField } from './common/StyledInputFields'
 
 const TextWidget = (props: TWidget) => {
diff --git a/packages/dm-core-plugins/src/form/widgets/TextareaWidget.tsx b/packages/dm-core-plugins/src/form/widgets/TextareaWidget.tsx
index 15db7f315..a0e1fe732 100644
--- a/packages/dm-core-plugins/src/form/widgets/TextareaWidget.tsx
+++ b/packages/dm-core-plugins/src/form/widgets/TextareaWidget.tsx
@@ -1,6 +1,4 @@
-import React from 'react'
-
-import { TWidget } from '../types'
+import type { TWidget } from '../types'
 import { StyledTextField } from './common/StyledInputFields'
 
 const TextareaWidget = (props: TWidget) => {
diff --git a/packages/dm-core-plugins/src/form/widgets/TypeWidget.tsx b/packages/dm-core-plugins/src/form/widgets/TypeWidget.tsx
index 55f92ba98..5539fda80 100644
--- a/packages/dm-core-plugins/src/form/widgets/TypeWidget.tsx
+++ b/packages/dm-core-plugins/src/form/widgets/TypeWidget.tsx
@@ -1,6 +1,6 @@
 import { Loading, useBlueprint } from '@development-framework/dm-core'
 import { TextField } from '@equinor/eds-core-react'
-import { TWidget } from '../types'
+import type { TWidget } from '../types'
 
 const TypeWidget = (props: TWidget) => {
   const { id, label, value } = props
diff --git a/packages/dm-core-plugins/src/form/widgets/common/StyledInputFields.tsx b/packages/dm-core-plugins/src/form/widgets/common/StyledInputFields.tsx
index 045118a1e..76224b15a 100644
--- a/packages/dm-core-plugins/src/form/widgets/common/StyledInputFields.tsx
+++ b/packages/dm-core-plugins/src/form/widgets/common/StyledInputFields.tsx
@@ -1,35 +1,18 @@
-import { Icon, TextField, Tooltip } from '@equinor/eds-core-react'
+import { Icon, type TextFieldProps, Tooltip } from '@equinor/eds-core-react'
 import { info_circle } from '@equinor/eds-icons'
 import { tokens } from '@equinor/eds-tokens'
-import React from 'react'
-import styled from 'styled-components'
 import { Stack } from '../../../common'
+import { StyledInputField } from './styles'
 
-const StyledInputField = styled(TextField)`
-  & :disabled {
-    background: #f7f7f7;
-    color: black;
+type StyledTextFieldProps = {
+  isDirty?: boolean
+  tooltip?: string
+  config?: {
+    backgroundColor?: string
   }
+}
 
-  div {
-    border-radius: 2px;
-  }
-
-  input {
-    padding: 0 8px;
-  }
-
-  span {
-    color: #6f6f6f;
-  }
-`
-
-const StyledEDSField = (
-  props: React.ComponentProps<typeof StyledInputField> & {
-    isDirty?: boolean
-    tooltip?: string
-  }
-) => {
+const StyledEDSField = (props: TextFieldProps & StyledTextFieldProps) => {
   let background =
     props.config?.backgroundColor ?? tokens.colors.ui.background__light.hex
 
@@ -39,13 +22,10 @@ const StyledEDSField = (
   return (
     <StyledInputField
       {...props}
+      $background={background}
       disabled={props.readOnly}
       readOnly={false}
-      style={{
-        // @ts-ignore
-        '--eds-input-background': background,
-      }}
-      rightAdornments={
+      inputIcon={
         <Stack as='span' direction='row' spacing={0.5}>
           <span>{props?.unit}</span>
           {props.tooltip && (
@@ -60,47 +40,27 @@ const StyledEDSField = (
 }
 
 export const StyledTextField = (
-  props: React.ComponentProps<typeof StyledEDSField>
+  props: TextFieldProps & StyledTextFieldProps
 ) => {
-  const { value, ...restProps } = props
   return (
     <StyledEDSField
-      {...restProps}
+      {...props}
       value={
         props.readOnly && props.value === ''
           ? '-'
-          : props.defaultValue ?? props.value
+          : (props.defaultValue ?? props.value)
       }
     />
   )
 }
 
-const NumberFieldWithoutArrows = styled(StyledEDSField)`
-  /* Chrome, Safari, Edge, Opera */
-  input::-webkit-outer-spin-button,
-  input::-webkit-inner-spin-button {
-    -webkit-appearance: none;
-    margin: 0;
-  }
-
-  /* Firefox */
-  input[type=number] {
-    -moz-appearance: textfield;
-  }
-  `
-
 export const StyledNumberField = (
-  props: React.ComponentProps<typeof StyledEDSField>
+  props: TextFieldProps & StyledTextFieldProps
 ) => {
-  const { value, ...propsWithoutValue } = props
-
   return (
-    <NumberFieldWithoutArrows
-      {...propsWithoutValue}
-      onWheel={(event: React.UIEvent<HTMLInputElement>) =>
-        (event.target as HTMLInputElement).blur()
-      }
-      value={value ?? props.defaultValue}
+    <StyledEDSField
+      {...props}
+      value={props.value ?? props.defaultValue}
       type={'number'}
     />
   )
diff --git a/packages/dm-core-plugins/src/form/widgets/common/styles.ts b/packages/dm-core-plugins/src/form/widgets/common/styles.ts
new file mode 100644
index 000000000..eae91f9b1
--- /dev/null
+++ b/packages/dm-core-plugins/src/form/widgets/common/styles.ts
@@ -0,0 +1,39 @@
+import { TextField } from '@equinor/eds-core-react'
+import styled from 'styled-components'
+
+const props_to_remove = ['isDirty', 'config', 'tooltip', 'enumType']
+
+export const StyledInputField = styled(TextField).withConfig({
+  shouldForwardProp: (propName) => !props_to_remove.includes(propName),
+})<{ $background: string }>`
+  & :disabled {
+    background: #f7f7f7;
+    color: black;
+  }
+
+  div {
+    border-radius: 2px;
+  }
+
+  input {
+    padding: 0 8px;
+    background: ${({ $background }) => $background};
+  }
+
+  span {
+    color: #6f6f6f;
+  }
+
+  /* Chrome, Safari, Edge, Opera */
+  input::-webkit-outer-spin-button,
+  input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
+
+  /* Firefox */
+  input[type=number] {
+    appearance: textfield;
+    -moz-appearance: textfield;
+  }
+`
diff --git a/packages/dm-core-plugins/src/form/widgets/index.ts b/packages/dm-core-plugins/src/form/widgets/index.ts
index ce72f248b..4724a1427 100644
--- a/packages/dm-core-plugins/src/form/widgets/index.ts
+++ b/packages/dm-core-plugins/src/form/widgets/index.ts
@@ -1,4 +1,4 @@
-import { TWidgets } from '../types'
+import type { TWidgets } from '../types'
 import BlueprintPickerWidget from './BlueprintPickerWidget'
 import CheckboxWidget from './CheckboxWidget'
 import DateTimeWidget from './DateTimeWidget'
diff --git a/packages/dm-core-plugins/src/grid/GridElement.tsx b/packages/dm-core-plugins/src/grid/GridElement.tsx
index 8848dab1f..0dde5a461 100644
--- a/packages/dm-core-plugins/src/grid/GridElement.tsx
+++ b/packages/dm-core-plugins/src/grid/GridElement.tsx
@@ -1,27 +1,26 @@
 import { ViewCreator } from '@development-framework/dm-core'
 import { Typography } from '@equinor/eds-core-react'
-import React from 'react'
 import styled from 'styled-components'
 import { Stack } from '../common'
-import { TGridItem, TItemBorder } from './types'
+import type { TGridItem, TItemBorder } from './types'
 
 type TElementProps = {
-  item: TGridItem
-  itemBorder: TItemBorder
-  showItemBorders: boolean
+  $item: TGridItem
+  $itemBorder: TItemBorder
+  $showItemBorders: boolean
 }
 
 const Element = styled.div<TElementProps>`
   grid-area: ${(props: TElementProps) =>
-    `${props.item.gridArea.rowStart} / ${props.item.gridArea.columnStart} / ${
-      props.item.gridArea.rowEnd + 1
-    } / ${props.item.gridArea.columnEnd + 1} `};
+    `${props.$item.gridArea.rowStart} / ${props.$item.gridArea.columnStart} / ${
+      props.$item.gridArea.rowEnd + 1
+    } / ${props.$item.gridArea.columnEnd + 1} `};
 
   border: ${(props: TElementProps) =>
-    props.showItemBorders &&
-    `${props.itemBorder.size} ${props.itemBorder.style} ${props.itemBorder.color}`};
+    props.$showItemBorders &&
+    `${props.$itemBorder.size} ${props.$itemBorder.style} ${props.$itemBorder.color}`};
   border-radius: ${(props: TElementProps) =>
-    props.showItemBorders && props.itemBorder.radius};
+    props.$showItemBorders && props.$itemBorder.radius};
   overflow: auto;
 `
 
@@ -42,9 +41,9 @@ export const GridElement = (props: TGridItemProps): React.ReactElement => {
   return (
     <Element
       data-testid={item.viewConfig.scope}
-      item={item}
-      showItemBorders={showItemBorders}
-      itemBorder={itemBorder}
+      $item={item}
+      $showItemBorders={showItemBorders}
+      $itemBorder={itemBorder}
     >
       {item?.title && <Typography variant='h4'>{item.title}</Typography>}
       <Stack grow={1} minHeight={0} fullWidth>
diff --git a/packages/dm-core-plugins/src/grid/GridItems.tsx b/packages/dm-core-plugins/src/grid/GridItems.tsx
index 51f691949..268dd2436 100644
--- a/packages/dm-core-plugins/src/grid/GridItems.tsx
+++ b/packages/dm-core-plugins/src/grid/GridItems.tsx
@@ -1,5 +1,5 @@
 import { GridElement } from './GridElement'
-import { TGridItem, TItemBorder } from './types'
+import type { TGridItem, TItemBorder } from './types'
 
 type GridItemsProps = {
   items: TGridItem[]
diff --git a/packages/dm-core-plugins/src/grid/GridPlugin.tsx b/packages/dm-core-plugins/src/grid/GridPlugin.tsx
index 6e31acbb4..d90ae3c80 100644
--- a/packages/dm-core-plugins/src/grid/GridPlugin.tsx
+++ b/packages/dm-core-plugins/src/grid/GridPlugin.tsx
@@ -1,10 +1,22 @@
-import { IUIPlugin } from '@development-framework/dm-core'
-import React from 'react'
+import type { IUIPlugin } from '@development-framework/dm-core'
 import styled from 'styled-components'
 import { GridItems } from './GridItems'
-import { TGridPluginConfig, TGridSize } from './types'
+import type { TGridPluginConfig, TGridSize } from './types'
 
-const Grid = styled.div<TGridSize>`
+const props_to_pass: string[] = [
+  'columns',
+  'rows',
+  'columnGap',
+  'rowGap',
+  'gridWidth',
+  'gridHeight',
+  'rowSizes',
+  'columnSizes',
+]
+
+const Grid = styled('div').withConfig({
+  shouldForwardProp: (propName) => !props_to_pass.includes(propName),
+})<TGridSize>`
   display: grid;
   width: ${(props): string =>
     props.gridWidth ? props.gridWidth + 'px' : '100%'};
diff --git a/packages/dm-core-plugins/src/grid/types.ts b/packages/dm-core-plugins/src/grid/types.ts
index bcba61159..df880124f 100644
--- a/packages/dm-core-plugins/src/grid/types.ts
+++ b/packages/dm-core-plugins/src/grid/types.ts
@@ -1,4 +1,4 @@
-import { TViewConfig } from '@development-framework/dm-core'
+import type { TViewConfig } from '@development-framework/dm-core'
 
 export type TGridSize = {
   columns: number
diff --git a/packages/dm-core-plugins/src/header/HeaderPlugin.tsx b/packages/dm-core-plugins/src/header/HeaderPlugin.tsx
index 35268819b..3a4dadbea 100644
--- a/packages/dm-core-plugins/src/header/HeaderPlugin.tsx
+++ b/packages/dm-core-plugins/src/header/HeaderPlugin.tsx
@@ -1,15 +1,15 @@
 import {
-  IUIPlugin,
+  type IUIPlugin,
   Loading,
-  TApplication,
-  TGenericObject,
-  TUiRecipe,
+  type TApplication,
+  type TGenericObject,
+  type TUiRecipe,
   useApplication,
   useBlueprint,
   useDocument,
 } from '@development-framework/dm-core'
 import { Icon, Menu, TopBar, Typography } from '@equinor/eds-core-react'
-import React, { useEffect, useState } from 'react'
+import { useEffect, useState } from 'react'
 import styled from 'styled-components'
 
 import { account_circle, info_circle, menu, refresh } from '@equinor/eds-icons'
diff --git a/packages/dm-core-plugins/src/header/components/AboutDialog.tsx b/packages/dm-core-plugins/src/header/components/AboutDialog.tsx
index 68650b61c..880e4d5d7 100644
--- a/packages/dm-core-plugins/src/header/components/AboutDialog.tsx
+++ b/packages/dm-core-plugins/src/header/components/AboutDialog.tsx
@@ -1,4 +1,4 @@
-import { Dialog, TApplication } from '@development-framework/dm-core'
+import { Dialog, type TApplication } from '@development-framework/dm-core'
 import { Button, Icon } from '@equinor/eds-core-react'
 import { close } from '@equinor/eds-icons'
 
diff --git a/packages/dm-core-plugins/src/header/components/UserInfoDialog.tsx b/packages/dm-core-plugins/src/header/components/UserInfoDialog.tsx
index 604307a9f..7f747f120 100644
--- a/packages/dm-core-plugins/src/header/components/UserInfoDialog.tsx
+++ b/packages/dm-core-plugins/src/header/components/UserInfoDialog.tsx
@@ -1,12 +1,12 @@
 import {
   Dialog,
-  TApplication,
-  TRole,
+  type TApplication,
+  type TRole,
   useApplication,
 } from '@development-framework/dm-core'
 import { Button, Icon, Radio, Typography } from '@equinor/eds-core-react'
 import { close } from '@equinor/eds-icons'
-import { AxiosResponse } from 'axios'
+import type { AxiosResponse } from 'axios'
 import { useContext, useState } from 'react'
 import { AuthContext } from 'react-oauth2-code-pkce'
 import { toast } from 'react-toastify'
diff --git a/packages/dm-core-plugins/src/index.tsx b/packages/dm-core-plugins/src/index.tsx
index 3ffe725d7..7e669297a 100644
--- a/packages/dm-core-plugins/src/index.tsx
+++ b/packages/dm-core-plugins/src/index.tsx
@@ -1,9 +1,9 @@
-import { TUiPluginMap } from '@development-framework/dm-core'
+import type { TUiPluginMap } from '@development-framework/dm-core'
 import { lazy } from 'react'
 
 export { WidgetProvider } from './form/context/WidgetContext'
 
-export default ({
+export default {
   '@development-framework/dm-core-plugins/explorer': {
     component: lazy(() => import('./explorer/ExplorerPlugin')),
   },
@@ -157,4 +157,4 @@ export default ({
       }))
     ),
   },
-} as TUiPluginMap)
+} as TUiPluginMap
diff --git a/packages/dm-core-plugins/src/job/CronJob.tsx b/packages/dm-core-plugins/src/job/CronJob.tsx
index bcb142173..a0682e40a 100644
--- a/packages/dm-core-plugins/src/job/CronJob.tsx
+++ b/packages/dm-core-plugins/src/job/CronJob.tsx
@@ -1,14 +1,14 @@
-import { TSchedule } from '@development-framework/dm-core'
+import type { TSchedule } from '@development-framework/dm-core'
 import {
   Button,
   NativeSelect,
   TextField,
   Typography,
 } from '@equinor/eds-core-react'
-import { ChangeEvent, useState } from 'react'
+import { type ChangeEvent, useState } from 'react'
 import { Message, Stack } from '../common'
 import DateRangePicker from './DateRangePicker'
-import { EInterval, TCronValues } from './common'
+import { EInterval, type TCronValues } from './common'
 import { defaultCronValues } from './templateEntities'
 
 // Creates a list like ["00:00",...,"24:00"]
diff --git a/packages/dm-core-plugins/src/job/DateRangePicker.tsx b/packages/dm-core-plugins/src/job/DateRangePicker.tsx
index 9e3788990..772911124 100644
--- a/packages/dm-core-plugins/src/job/DateRangePicker.tsx
+++ b/packages/dm-core-plugins/src/job/DateRangePicker.tsx
@@ -4,7 +4,7 @@ import { Datepicker } from '../common/Datepicker'
 const DateRangePicker = (props: {
   setDateRange: (dateRange: { startDate: string; endDate: string }) => void
   value: any
-}): JSX.Element => {
+}): React.ReactElement => {
   const { setDateRange, value } = props
 
   return (
diff --git a/packages/dm-core-plugins/src/job/JobControl/JobControl.tsx b/packages/dm-core-plugins/src/job/JobControl/JobControl.tsx
index 38a567c9d..c3e733d58 100644
--- a/packages/dm-core-plugins/src/job/JobControl/JobControl.tsx
+++ b/packages/dm-core-plugins/src/job/JobControl/JobControl.tsx
@@ -1,14 +1,14 @@
 import {
   AuthContext,
   EBlueprint,
-  ErrorResponse,
-  IUIPlugin,
+  type ErrorResponse,
+  type IUIPlugin,
   JobStatus,
   Loading,
-  TJob,
-  TJobHandler,
-  TRecurringJob,
-  TSchedule,
+  type TJob,
+  type TJobHandler,
+  type TRecurringJob,
+  type TSchedule,
   useApplication,
   useDocument,
   useJob,
@@ -21,20 +21,20 @@ import {
   Typography,
 } from '@equinor/eds-core-react'
 import { gear } from '@equinor/eds-icons'
-import { AxiosError } from 'axios'
+import type { AxiosError } from 'axios'
 import _ from 'lodash'
 import { DateTime } from 'luxon'
 import { useContext, useEffect, useState } from 'react'
-import { IAuthContext } from 'react-oauth2-code-pkce'
+import type { IAuthContext } from 'react-oauth2-code-pkce'
 import { toast } from 'react-toastify'
-import { Stack, TTemplate, TemplateMenu } from '../../common'
+import { Stack, type TTemplate, TemplateMenu } from '../../common'
 import {
   ConfigureRecurring,
   JobButtonWrapper,
   JobLog,
   JobWrapper,
   Progress,
-  TCronValues,
+  type TCronValues,
   getControlButton,
   getVariant,
   parseCronStringToCronValues,
diff --git a/packages/dm-core-plugins/src/job/JobCreate.tsx b/packages/dm-core-plugins/src/job/JobCreate.tsx
index ba7dad312..7b5609b98 100644
--- a/packages/dm-core-plugins/src/job/JobCreate.tsx
+++ b/packages/dm-core-plugins/src/job/JobCreate.tsx
@@ -7,12 +7,12 @@ import { AuthContext } from 'react-oauth2-code-pkce'
 
 import {
   EBlueprint,
-  ErrorResponse,
-  IUIPlugin,
+  type ErrorResponse,
+  type IUIPlugin,
   JobStatus,
-  TJob,
-  TRecurringJob,
-  TSchedule,
+  type TJob,
+  type TRecurringJob,
+  type TSchedule,
   useDocument,
   useJob,
 } from '@development-framework/dm-core'
@@ -26,15 +26,15 @@ import {
 import { gear } from '@equinor/eds-icons'
 import { useEffect, useState } from 'react'
 
-import { AxiosError, AxiosResponse } from 'axios'
+import type { AxiosError, AxiosResponse } from 'axios'
 import { toast } from 'react-toastify'
-import { Stack, TTemplate, TemplateMenu } from '../common'
+import { Stack, type TTemplate, TemplateMenu } from '../common'
 import {
   ConfigureRecurring,
   JobLog,
   JobWrapper,
   Progress,
-  TCronValues,
+  type TCronValues,
   getControlButton,
   getVariant,
   parseCronStringToCronValues,
diff --git a/packages/dm-core-plugins/src/job/JobLogsDialog.tsx b/packages/dm-core-plugins/src/job/JobLogsDialog.tsx
index 05764b8d9..b31d53eed 100644
--- a/packages/dm-core-plugins/src/job/JobLogsDialog.tsx
+++ b/packages/dm-core-plugins/src/job/JobLogsDialog.tsx
@@ -1,7 +1,7 @@
 import {
   Dialog,
-  ErrorResponse,
-  GetJobResultResponse,
+  type ErrorResponse,
+  type GetJobResultResponse,
 } from '@development-framework/dm-core'
 import { LogBlock } from './LogBlock'
 
diff --git a/packages/dm-core-plugins/src/job/SimpleJobControlButtons.tsx b/packages/dm-core-plugins/src/job/SimpleJobControlButtons.tsx
index 48daeecba..70dc257b7 100644
--- a/packages/dm-core-plugins/src/job/SimpleJobControlButtons.tsx
+++ b/packages/dm-core-plugins/src/job/SimpleJobControlButtons.tsx
@@ -1,6 +1,6 @@
 import {
-  DeleteJobResponse,
-  ErrorResponse,
+  type DeleteJobResponse,
+  type ErrorResponse,
   JobStatus,
 } from '@development-framework/dm-core'
 import {
diff --git a/packages/dm-core-plugins/src/job/common.tsx b/packages/dm-core-plugins/src/job/common.tsx
index c6c2a7616..e678d0b4c 100644
--- a/packages/dm-core-plugins/src/job/common.tsx
+++ b/packages/dm-core-plugins/src/job/common.tsx
@@ -1,13 +1,13 @@
 import {
-  DeleteJobResponse,
-  ErrorResponse,
+  type DeleteJobResponse,
+  type ErrorResponse,
   JobStatus,
-  TSchedule,
+  type TSchedule,
 } from '@development-framework/dm-core'
 import { Button, Icon, LinearProgress, Switch } from '@equinor/eds-core-react'
 import { expand_screen } from '@equinor/eds-icons'
 import { tokens } from '@equinor/eds-tokens'
-import { ChangeEvent, useState } from 'react'
+import { type ChangeEvent, useState } from 'react'
 import styled from 'styled-components'
 import { Stack } from '../common'
 import { ConfigureSchedule } from './CronJob'
diff --git a/packages/dm-core-plugins/src/job/templateEntities.ts b/packages/dm-core-plugins/src/job/templateEntities.ts
index 5ab57dae9..9a0d94c87 100644
--- a/packages/dm-core-plugins/src/job/templateEntities.ts
+++ b/packages/dm-core-plugins/src/job/templateEntities.ts
@@ -1,12 +1,12 @@
 import {
   EBlueprint,
   JobStatus,
-  TJob,
-  TRecurringJob,
-  TSchedule,
+  type TJob,
+  type TRecurringJob,
+  type TSchedule,
 } from '@development-framework/dm-core'
 import { DateTime } from 'luxon'
-import { EInterval, TCronValues } from './common'
+import { EInterval, type TCronValues } from './common'
 
 export const defaultCronValues = (): TCronValues => ({
   interval: EInterval.HOURLY,
diff --git a/packages/dm-core-plugins/src/json/JsonPlugin.tsx b/packages/dm-core-plugins/src/json/JsonPlugin.tsx
index 4e719f3e9..7e3a31f1b 100644
--- a/packages/dm-core-plugins/src/json/JsonPlugin.tsx
+++ b/packages/dm-core-plugins/src/json/JsonPlugin.tsx
@@ -1,7 +1,7 @@
 import {
-  IUIPlugin,
+  type IUIPlugin,
   Loading,
-  TGenericObject,
+  type TGenericObject,
   useDocument,
 } from '@development-framework/dm-core'
 import { Button } from '@equinor/eds-core-react'
diff --git a/packages/dm-core-plugins/src/json/JsonView/JsonView.tsx b/packages/dm-core-plugins/src/json/JsonView/JsonView.tsx
index 57a65c1cd..333b8e735 100644
--- a/packages/dm-core-plugins/src/json/JsonView/JsonView.tsx
+++ b/packages/dm-core-plugins/src/json/JsonView/JsonView.tsx
@@ -1,4 +1,4 @@
-import { TGenericObject } from '@development-framework/dm-core'
+import type { TGenericObject } from '@development-framework/dm-core'
 import styled from 'styled-components'
 
 const Pre = styled.pre`
diff --git a/packages/dm-core-plugins/src/list/Components.tsx b/packages/dm-core-plugins/src/list/Components.tsx
index 3278006b5..860486768 100644
--- a/packages/dm-core-plugins/src/list/Components.tsx
+++ b/packages/dm-core-plugins/src/list/Components.tsx
@@ -6,13 +6,13 @@ import {
   Tooltip,
 } from '@equinor/eds-core-react'
 import { add, chevron_down, chevron_up } from '@equinor/eds-icons'
-import { MouseEvent, ReactNode } from 'react'
+import type { MouseEvent } from 'react'
 
 export const FormButton = (props: {
   onClick: (event: MouseEvent<HTMLButtonElement>) => void
   disabled: boolean
   isLoading: boolean
-  children: ReactNode
+  children: React.ReactNode
   variant?: 'contained' | 'contained_icon' | 'outlined' | 'ghost' | 'ghost_icon'
   tooltip: string
   dataTestid: string
diff --git a/packages/dm-core-plugins/src/list/ListPlugin.tsx b/packages/dm-core-plugins/src/list/ListPlugin.tsx
index caea4d35b..346326780 100644
--- a/packages/dm-core-plugins/src/list/ListPlugin.tsx
+++ b/packages/dm-core-plugins/src/list/ListPlugin.tsx
@@ -1,11 +1,11 @@
 import {
   EntityPickerDialog,
-  IUIPlugin,
+  type IUIPlugin,
   Loading,
-  TEntityPickerReturn,
-  TGenericObject,
-  TItem,
-  TViewConfig,
+  type TEntityPickerReturn,
+  type TGenericObject,
+  type TItem,
+  type TViewConfig,
   ViewCreator,
   resolveRelativeAddressSimplified,
   useList,
@@ -27,7 +27,7 @@ import {
   LazyLoad,
   Pagination,
   Stack,
-  TTemplate,
+  type TTemplate,
   TemplateMenu,
 } from '../common'
 import { FormButton, ListChevronButton, NewListItemButton } from './Components'
@@ -212,12 +212,14 @@ export const ListPlugin = (props: IUIPlugin & { config?: TListConfig }) => {
             hideInvalidTypes={internalConfig.hideInvalidTypes}
           />
         )}
+        {/* biome-ignore lint/a11y/useSemanticElements: <explanation> */}
         <Stack role='rowgroup' style={{ minWidth: 'max-content' }}>
           {currentItems &&
             currentItems.map((item: TItem<TGenericObject>, index: number) => (
               <Stack key={item?.key}>
                 <Stack
                   direction='row'
+                  // biome-ignore lint/a11y/useSemanticElements: <explanation>
                   role='row'
                   justifyContent='space-between'
                   alignItems='center'
diff --git a/packages/dm-core-plugins/src/mediaViewer/MediaContent/MediaContent.tsx b/packages/dm-core-plugins/src/mediaViewer/MediaContent/MediaContent.tsx
index 3484b2af9..a9f48a4c5 100644
--- a/packages/dm-core-plugins/src/mediaViewer/MediaContent/MediaContent.tsx
+++ b/packages/dm-core-plugins/src/mediaViewer/MediaContent/MediaContent.tsx
@@ -1,6 +1,6 @@
 import { Button, Icon, Popover, Typography } from '@equinor/eds-core-react'
 import { download, external_link, info_circle } from '@equinor/eds-icons'
-import { ReactElement, useRef, useState } from 'react'
+import { type ReactElement, useRef, useState } from 'react'
 
 import { tokens } from '@equinor/eds-tokens'
 import { DateTime } from 'luxon'
@@ -10,7 +10,7 @@ import { Stack } from '../../common'
 import { createSyntheticFileDownload, formatBytes } from '../../utils'
 import { MetaItem } from './MetaItem/MetaItem'
 import { MediaWrapper, MetaPopoverButton } from './styles'
-import { MediaContentProps } from './types'
+import type { MediaContentProps } from './types'
 import { isViewableInBrowser } from './utils'
 
 const NoPreviewMessage = styled(Stack)`
@@ -21,7 +21,7 @@ const NoPreviewMessage = styled(Stack)`
 export const MediaContent = (props: MediaContentProps): ReactElement => {
   const { blobUrl, getBlobUrl, meta, config } = props
   const [showInfoPopover, setShowInfoPopover] = useState(false)
-  const referenceElement = useRef()
+  const referenceElement = useRef<HTMLButtonElement>(null)
 
   async function downloadFile() {
     const url = blobUrl || (await getBlobUrl())
@@ -120,7 +120,6 @@ export const MediaContent = (props: MediaContentProps): ReactElement => {
             open={showInfoPopover}
             anchorEl={referenceElement.current}
             onClose={() => setShowInfoPopover(false)}
-            role='dialog'
             style={{
               overflow: 'auto',
               maxWidth: '100vw',
diff --git a/packages/dm-core-plugins/src/mediaViewer/MediaViewerPlugin.tsx b/packages/dm-core-plugins/src/mediaViewer/MediaViewerPlugin.tsx
index acf3167df..632748a0c 100644
--- a/packages/dm-core-plugins/src/mediaViewer/MediaViewerPlugin.tsx
+++ b/packages/dm-core-plugins/src/mediaViewer/MediaViewerPlugin.tsx
@@ -1,13 +1,13 @@
 import {
   EBlueprint,
-  IUIPlugin,
+  type IUIPlugin,
   Loading,
   splitAddress,
   useApplication,
   useDocument,
 } from '@development-framework/dm-core'
-import { AxiosRequestConfig } from 'axios'
-import React, { Suspense, useCallback, useEffect, useState } from 'react'
+import type { AxiosRequestConfig } from 'axios'
+import { Suspense, useCallback, useEffect, useState } from 'react'
 import { MediaContent } from './MediaContent/MediaContent'
 import { mimeTypes } from './mime-types'
 
diff --git a/packages/dm-core-plugins/src/meta/MetaPlugin.tsx b/packages/dm-core-plugins/src/meta/MetaPlugin.tsx
index 8a833b3b0..8f33a112c 100644
--- a/packages/dm-core-plugins/src/meta/MetaPlugin.tsx
+++ b/packages/dm-core-plugins/src/meta/MetaPlugin.tsx
@@ -1,9 +1,9 @@
 import {
   EntityView,
-  IUIPlugin,
+  type IUIPlugin,
   Loading,
-  TGenericObject,
-  TMeta,
+  type TGenericObject,
+  type TMeta,
   useDocument,
 } from '@development-framework/dm-core'
 import { Table } from '@equinor/eds-core-react'
diff --git a/packages/dm-core-plugins/src/publish/PublishPlugin.tsx b/packages/dm-core-plugins/src/publish/PublishPlugin.tsx
index 5aa021e2e..d52569f07 100644
--- a/packages/dm-core-plugins/src/publish/PublishPlugin.tsx
+++ b/packages/dm-core-plugins/src/publish/PublishPlugin.tsx
@@ -1,7 +1,7 @@
 import {
   CopyLinkDialog,
   EntityView,
-  IUIPlugin,
+  type IUIPlugin,
 } from '@development-framework/dm-core'
 import { Button, Icon } from '@equinor/eds-core-react'
 import { approve } from '@equinor/eds-icons'
diff --git a/packages/dm-core-plugins/src/responsive_grid/ResponsiveGridPlugin.tsx b/packages/dm-core-plugins/src/responsive_grid/ResponsiveGridPlugin.tsx
index 0c980a6f4..2c1ea3d87 100644
--- a/packages/dm-core-plugins/src/responsive_grid/ResponsiveGridPlugin.tsx
+++ b/packages/dm-core-plugins/src/responsive_grid/ResponsiveGridPlugin.tsx
@@ -1,8 +1,7 @@
-import { IUIPlugin, ViewCreator } from '@development-framework/dm-core'
+import { type IUIPlugin, ViewCreator } from '@development-framework/dm-core'
 import { Typography } from '@equinor/eds-core-react'
-import React from 'react'
 import * as Styled from './styles'
-import { TCol, TGridPluginConfig, defaultConfig } from './types'
+import { type TCol, type TGridPluginConfig, defaultConfig } from './types'
 
 export const ResponsiveGridPlugin = (
   props: IUIPlugin & { config: TGridPluginConfig }
@@ -19,9 +18,9 @@ export const ResponsiveGridPlugin = (
       className='dm-plugin-padding dm-parent-plugin'
       spacing={internalConfig.spacing}
     >
-      {internalConfig.views.map((col: TCol) => {
+      {internalConfig.views.map((col: TCol, index: number) => {
         return (
-          <Styled.GridItem size={col.size}>
+          <Styled.GridItem key={index} size={col.size}>
             {col?.title && <Typography variant='h4'>{col.title}</Typography>}
             <ViewCreator
               idReference={idReference}
diff --git a/packages/dm-core-plugins/src/responsive_grid/styles.ts b/packages/dm-core-plugins/src/responsive_grid/styles.ts
index 33277ac54..f8bef471e 100644
--- a/packages/dm-core-plugins/src/responsive_grid/styles.ts
+++ b/packages/dm-core-plugins/src/responsive_grid/styles.ts
@@ -1,5 +1,5 @@
 import styled from 'styled-components'
-import { TBreakpoint, TBreakpoints, breakpoints } from './types'
+import { type TBreakpoint, type TBreakpoints, breakpoints } from './types'
 
 const createSpacingStyles = (spacing: TBreakpoints) =>
   Object.entries(spacing)
diff --git a/packages/dm-core-plugins/src/responsive_grid/types.ts b/packages/dm-core-plugins/src/responsive_grid/types.ts
index d5a78da44..598031d59 100644
--- a/packages/dm-core-plugins/src/responsive_grid/types.ts
+++ b/packages/dm-core-plugins/src/responsive_grid/types.ts
@@ -1,4 +1,4 @@
-import { TViewConfig } from '@development-framework/dm-core'
+import type { TViewConfig } from '@development-framework/dm-core'
 
 export type TBreakpoint = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'
 export type TBreakpoints = Record<TBreakpoint, number>
diff --git a/packages/dm-core-plugins/src/role_filter/RoleFilterPlugin.tsx b/packages/dm-core-plugins/src/role_filter/RoleFilterPlugin.tsx
index 75d1f56bd..1ccbd0d42 100644
--- a/packages/dm-core-plugins/src/role_filter/RoleFilterPlugin.tsx
+++ b/packages/dm-core-plugins/src/role_filter/RoleFilterPlugin.tsx
@@ -1,11 +1,11 @@
 import {
-  IUIPlugin,
+  type IUIPlugin,
   ViewCreator,
   useApplication,
 } from '@development-framework/dm-core'
 import { Banner, Icon } from '@equinor/eds-core-react'
 import { thumbs_down } from '@equinor/eds-icons'
-import React, { useEffect, useState } from 'react'
+import { useEffect, useState } from 'react'
 
 type FilteredView = {
   type: string
diff --git a/packages/dm-core-plugins/src/role_filter/types.tsx b/packages/dm-core-plugins/src/role_filter/types.tsx
index 36bf44af4..23dd609f3 100644
--- a/packages/dm-core-plugins/src/role_filter/types.tsx
+++ b/packages/dm-core-plugins/src/role_filter/types.tsx
@@ -1,4 +1,4 @@
-import { TViewConfig } from '@development-framework/dm-core'
+import type { TViewConfig } from '@development-framework/dm-core'
 
 export type TRoleFilterConfig = {
   type: string
diff --git a/packages/dm-core-plugins/src/single_view/SingleViewPlugin.tsx b/packages/dm-core-plugins/src/single_view/SingleViewPlugin.tsx
index 1ccdb6c2f..56c4972f1 100644
--- a/packages/dm-core-plugins/src/single_view/SingleViewPlugin.tsx
+++ b/packages/dm-core-plugins/src/single_view/SingleViewPlugin.tsx
@@ -1,9 +1,8 @@
 import {
-  IUIPlugin,
-  TViewConfig,
+  type IUIPlugin,
+  type TViewConfig,
   ViewCreator,
 } from '@development-framework/dm-core'
-import React from 'react'
 
 export const SingleViewPlugin = (
   props: IUIPlugin & { config: TViewConfig }
diff --git a/packages/dm-core-plugins/src/stack/StackPlugin.tsx b/packages/dm-core-plugins/src/stack/StackPlugin.tsx
index 7a7acb594..26c9e2190 100644
--- a/packages/dm-core-plugins/src/stack/StackPlugin.tsx
+++ b/packages/dm-core-plugins/src/stack/StackPlugin.tsx
@@ -1,6 +1,6 @@
-import { IUIPlugin, ViewCreator } from '@development-framework/dm-core'
-import { DirectionTypes, Stack, StackProps } from '../common'
-import { StackPluginConfig, defaultConfig } from './types'
+import { type IUIPlugin, ViewCreator } from '@development-framework/dm-core'
+import { type DirectionTypes, Stack, type StackProps } from '../common'
+import { type StackPluginConfig, defaultConfig } from './types'
 
 export const StackPlugin = (props: IUIPlugin) => {
   const { idReference } = props
diff --git a/packages/dm-core-plugins/src/stack/types.ts b/packages/dm-core-plugins/src/stack/types.ts
index 847c6be00..cc87ac8e9 100644
--- a/packages/dm-core-plugins/src/stack/types.ts
+++ b/packages/dm-core-plugins/src/stack/types.ts
@@ -1,4 +1,4 @@
-import { TViewConfig } from '@development-framework/dm-core'
+import type { TViewConfig } from '@development-framework/dm-core'
 
 export type StackPluginConfig = {
   items: TViewConfig[]
diff --git a/packages/dm-core-plugins/src/table/Table/Table.tsx b/packages/dm-core-plugins/src/table/Table/Table.tsx
index 253a1f55e..dbaecd18d 100644
--- a/packages/dm-core-plugins/src/table/Table/Table.tsx
+++ b/packages/dm-core-plugins/src/table/Table/Table.tsx
@@ -1,15 +1,15 @@
 import {
-  TGenericObject,
-  TItem,
+  type TGenericObject,
+  type TItem,
   usePagination,
 } from '@development-framework/dm-core'
 import {
   Button,
+  Table as EDSTable,
   Icon,
   Progress,
-  Table as EDSTable,
 } from '@equinor/eds-core-react'
-import React, { useEffect, useState } from 'react'
+import { useEffect, useState } from 'react'
 import {
   AddRowButton,
   Pagination,
@@ -17,7 +17,7 @@ import {
   SortableItem,
   SortableList,
   Stack,
-  TTemplate,
+  type TTemplate,
   TemplateMenu,
 } from '../../common'
 import { ConditionalWrapper } from '../../utils/ConditionalWrapper'
@@ -27,10 +27,10 @@ import { TableRow } from './TableRow/TableRow'
 import { undo } from '@equinor/eds-icons'
 import { SkeletonRow } from './TableRow/SkeletonRow'
 import {
-  TTableConfig,
-  TTableSortDirection,
-  TTableVariant,
-  TableProps,
+  type TTableConfig,
+  type TTableSortDirection,
+  type TTableVariant,
+  type TableProps,
   TableVariantNameEnum,
 } from './types'
 import * as utils from './utils'
@@ -118,7 +118,7 @@ export function Table(props: TableProps) {
     let newSortColumn: string | undefined = column
     let newSortDirection: TTableSortDirection =
       column !== sortColumn ? 'ascending' : 'descending'
-    let newSortItems
+    let newSortItems: TItem<TGenericObject>[]
     if (sortDirection === 'descending' && column === sortColumn) {
       newSortDirection = 'ascending'
       newSortColumn = undefined
diff --git a/packages/dm-core-plugins/src/table/Table/TableHead/TableHead.tsx b/packages/dm-core-plugins/src/table/Table/TableHead/TableHead.tsx
index b88b12160..85a8a118b 100644
--- a/packages/dm-core-plugins/src/table/Table/TableHead/TableHead.tsx
+++ b/packages/dm-core-plugins/src/table/Table/TableHead/TableHead.tsx
@@ -2,8 +2,8 @@ import { Button, Icon, Menu, Table } from '@equinor/eds-core-react'
 import { arrow_down, arrow_up, more_vertical } from '@equinor/eds-icons'
 import { useState } from 'react'
 import {
-  TTableColumnConfig,
-  TableHeadProps,
+  type TTableColumnConfig,
+  type TableHeadProps,
   TableVariantNameEnum,
 } from '../types'
 import { SortCell } from './styles'
@@ -52,7 +52,7 @@ export function TableHead(props: TableHeadProps) {
                     : 'none'
               }
               key={column.data}
-              isSorted={
+              $isSorted={
                 column.data === sortColumn &&
                 tableVariant === TableVariantNameEnum.View
               }
diff --git a/packages/dm-core-plugins/src/table/Table/TableHead/styles.ts b/packages/dm-core-plugins/src/table/Table/TableHead/styles.ts
index f6559c022..1cf4f0f3e 100644
--- a/packages/dm-core-plugins/src/table/Table/TableHead/styles.ts
+++ b/packages/dm-core-plugins/src/table/Table/TableHead/styles.ts
@@ -1,9 +1,9 @@
 import { Table } from '@equinor/eds-core-react'
 import styled from 'styled-components'
 
-export const SortCell = styled(Table.Cell)<{ isSorted: boolean }>`
+export const SortCell = styled(Table.Cell)<{ $isSorted: boolean }>`
   svg {
-    visibility: ${({ isSorted }) => (isSorted ? 'visible' : 'hidden')};
+    visibility: ${({ $isSorted }) => ($isSorted ? 'visible' : 'hidden')};
   }
 
   &:hover {
diff --git a/packages/dm-core-plugins/src/table/Table/TableRow/TableCell/TableCell.tsx b/packages/dm-core-plugins/src/table/Table/TableRow/TableCell/TableCell.tsx
index f161bd1f6..9ba6537f9 100644
--- a/packages/dm-core-plugins/src/table/Table/TableRow/TableCell/TableCell.tsx
+++ b/packages/dm-core-plugins/src/table/Table/TableRow/TableCell/TableCell.tsx
@@ -1,10 +1,10 @@
 import { Button, Checkbox, Icon, Tooltip } from '@equinor/eds-core-react'
 import { checkbox, checkbox_outline, external_link } from '@equinor/eds-icons'
 import { DateTime } from 'luxon'
-import { ChangeEvent } from 'react'
+import type { ChangeEvent } from 'react'
 import { CollapseExpandButton } from '../../../../common'
 import { Datepicker } from '../../../../common/Datepicker'
-import { TableCellProps } from '../../types'
+import type { TableCellProps } from '../../types'
 import { resolvePath } from '../../utils'
 import * as Styled from '../styles'
 
@@ -117,7 +117,7 @@ export function TableCell(props: TableCellProps) {
   }
 
   return (
-    <Styled.TableCell noPadding={isEditableField}>
+    <Styled.TableCell $noPadding={isEditableField}>
       {isEditableField ? (
         <Styled.Input
           defaultValue={value ?? ''}
diff --git a/packages/dm-core-plugins/src/table/Table/TableRow/TableRow.tsx b/packages/dm-core-plugins/src/table/Table/TableRow/TableRow.tsx
index d8573695f..a835d836a 100644
--- a/packages/dm-core-plugins/src/table/Table/TableRow/TableRow.tsx
+++ b/packages/dm-core-plugins/src/table/Table/TableRow/TableRow.tsx
@@ -1,14 +1,14 @@
 import {
-  TGenericObject,
-  TItem,
+  type TGenericObject,
+  type TItem,
   ViewCreator,
 } from '@development-framework/dm-core'
 import { EdsProvider, Icon, Table } from '@equinor/eds-core-react'
 import { add } from '@equinor/eds-icons'
 import { useRef, useState } from 'react'
 import { toast } from 'react-toastify'
-import { LazyLoad, TTemplate, TemplateMenu } from '../../../common'
-import { TTableColumnConfig, TableRowProps } from '../types'
+import { LazyLoad, type TTemplate, TemplateMenu } from '../../../common'
+import type { TTableColumnConfig, TableRowProps } from '../types'
 import * as utils from '../utils'
 import { TableCell } from './TableCell/TableCell'
 import { TableRowActions } from './TableRowActions/TableRowActions'
diff --git a/packages/dm-core-plugins/src/table/Table/TableRow/TableRowActions/TableRowActions.tsx b/packages/dm-core-plugins/src/table/Table/TableRow/TableRowActions/TableRowActions.tsx
index 1edaaab88..33344fb47 100644
--- a/packages/dm-core-plugins/src/table/Table/TableRow/TableRowActions/TableRowActions.tsx
+++ b/packages/dm-core-plugins/src/table/Table/TableRow/TableRowActions/TableRowActions.tsx
@@ -2,7 +2,7 @@ import { Button, Icon, Menu, Table } from '@equinor/eds-core-react'
 import { more_vertical } from '@equinor/eds-icons'
 import { useState } from 'react'
 import { DeleteSoftButton } from '../../../../common'
-import { TableRowActionsProps } from '../../types'
+import type { TableRowActionsProps } from '../../types'
 
 export function TableRowActions(props: TableRowActionsProps) {
   const { editMode, item, removeItem, disabled } = props
diff --git a/packages/dm-core-plugins/src/table/Table/TableRow/styles.ts b/packages/dm-core-plugins/src/table/Table/TableRow/styles.ts
index 7a91cfc8d..375c30362 100644
--- a/packages/dm-core-plugins/src/table/Table/TableRow/styles.ts
+++ b/packages/dm-core-plugins/src/table/Table/TableRow/styles.ts
@@ -3,7 +3,7 @@ import { tokens } from '@equinor/eds-tokens'
 import styled from 'styled-components'
 
 type TStyledTableCell = {
-  noPadding?: boolean
+  $noPadding?: boolean
 }
 
 export const Input = styled(EDSInput)`
@@ -15,7 +15,7 @@ export const Input = styled(EDSInput)`
 
 export const TableCell = styled(Table.Cell)<TStyledTableCell>`
   border-right: 1px solid ${tokens.colors.ui.background__medium.hex};
-  padding: ${({ noPadding }) => (noPadding ? '0px' : '0 0.5rem')};
+  padding: ${({ $noPadding }) => ($noPadding ? '0px' : '0 0.5rem')};
 `
 
 export const InsertRowButton = styled.button`
diff --git a/packages/dm-core-plugins/src/table/Table/types.ts b/packages/dm-core-plugins/src/table/Table/types.ts
index 12d1ac672..465975b0b 100644
--- a/packages/dm-core-plugins/src/table/Table/types.ts
+++ b/packages/dm-core-plugins/src/table/Table/types.ts
@@ -1,4 +1,4 @@
-import {
+import type {
   IUIPlugin,
   TGenericObject,
   TInlineRecipeViewConfig,
@@ -7,7 +7,7 @@ import {
   TReferenceViewConfig,
   TViewConfig,
 } from '@development-framework/dm-core'
-import { TSortableItem, TTemplate } from '../../common'
+import type { TSortableItem, TTemplate } from '../../common'
 
 // Table Config types
 
diff --git a/packages/dm-core-plugins/src/table/Table/utils.ts b/packages/dm-core-plugins/src/table/Table/utils.ts
index c3f7d87b5..9b2878f0e 100644
--- a/packages/dm-core-plugins/src/table/Table/utils.ts
+++ b/packages/dm-core-plugins/src/table/Table/utils.ts
@@ -1,9 +1,9 @@
-import { TGenericObject, TItem } from '@development-framework/dm-core'
+import type { TGenericObject, TItem } from '@development-framework/dm-core'
 import { isObject } from 'lodash'
 import {
-  TTableConfig,
-  TTableFunctionalityConfig,
-  TTableSortDirection,
+  type TTableConfig,
+  type TTableFunctionalityConfig,
+  type TTableSortDirection,
   TableVariantNameEnum,
 } from './types'
 
diff --git a/packages/dm-core-plugins/src/table/TablePlugin.tsx b/packages/dm-core-plugins/src/table/TablePlugin.tsx
index d32fc9f4e..272a55360 100644
--- a/packages/dm-core-plugins/src/table/TablePlugin.tsx
+++ b/packages/dm-core-plugins/src/table/TablePlugin.tsx
@@ -1,9 +1,9 @@
 import {
-  IUIPlugin,
-  TGenericObject,
+  type IUIPlugin,
+  type TGenericObject,
   useList,
 } from '@development-framework/dm-core'
-import { TTableConfig, Table } from './Table/Table'
+import { type TTableConfig, Table } from './Table/Table'
 import * as utils from './utils'
 
 export const TablePlugin = (props: IUIPlugin) => {
diff --git a/packages/dm-core-plugins/src/table/utils.ts b/packages/dm-core-plugins/src/table/utils.ts
index b98e20376..eb950688e 100644
--- a/packages/dm-core-plugins/src/table/utils.ts
+++ b/packages/dm-core-plugins/src/table/utils.ts
@@ -1,4 +1,4 @@
-import { TTableConfig } from './Table/types'
+import type { TTableConfig } from './Table/types'
 
 const defaultConfig: TTableConfig = {
   columns: [{ data: 'name', label: 'Name' }, { data: 'type' }],
@@ -18,8 +18,8 @@ export function mergeConfigs(config: TTableConfig): TTableConfig {
     variant: config.variant.map((variant) => ({
       ...variant,
       functionality: {
-        delete: variant.functionality?.delete !== false ? true : false,
-        add: variant.functionality?.add !== false ? true : false,
+        delete: variant.functionality?.delete !== false,
+        add: variant.functionality?.add !== false,
       },
     })),
   }
diff --git a/packages/dm-core-plugins/src/utils/format-bytes.ts b/packages/dm-core-plugins/src/utils/format-bytes.ts
index 931cf5d1f..8dfbd0b73 100644
--- a/packages/dm-core-plugins/src/utils/format-bytes.ts
+++ b/packages/dm-core-plugins/src/utils/format-bytes.ts
@@ -7,5 +7,7 @@ export function formatBytes(bytes: any, decimals = 2) {
 
   const i = Math.floor(Math.log(bytes) / Math.log(k))
 
-  return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i]
+  return (
+    Number.parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i]
+  )
 }
diff --git a/packages/dm-core-plugins/src/view_selector/Sidebar.tsx b/packages/dm-core-plugins/src/view_selector/Sidebar.tsx
index 7e856b62c..fdb073aad 100644
--- a/packages/dm-core-plugins/src/view_selector/Sidebar.tsx
+++ b/packages/dm-core-plugins/src/view_selector/Sidebar.tsx
@@ -1,10 +1,10 @@
-import { TOnOpen } from '@development-framework/dm-core'
+import type { TOnOpen } from '@development-framework/dm-core'
 import { Button, Icon, SideBar } from '@equinor/eds-core-react'
 import * as EdsIcons from '@equinor/eds-icons'
 import * as React from 'react'
 import { breakpoints } from '../responsive_grid/types'
 import { CustomToggle } from './styles'
-import { TItemData, TViewSelectorItem } from './types'
+import type { TItemData, TViewSelectorItem } from './types'
 
 export const Sidebar = (props: {
   selectedViewId: string
@@ -30,7 +30,7 @@ export const Sidebar = (props: {
   }, [])
 
   return (
-    <SideBar open={isOpen} onToggle={(state: boolean) => setIsOpen(state)}>
+    <SideBar open={isOpen} onToggle={(state) => setIsOpen(state as boolean)}>
       <SideBar.Content
         style={{
           display: 'flex',
@@ -113,7 +113,7 @@ export const Sidebar = (props: {
         })}
       </SideBar.Content>
       <SideBar.Footer style={{ display: 'flex', justifyContent: 'flex-end' }}>
-        <CustomToggle expanded={isOpen}>
+        <CustomToggle $expanded={isOpen}>
           <Button
             aria-label={isOpen ? 'Collapse sidebar' : 'Expand sidebar'}
             onClick={() => setIsOpen(!isOpen)}
diff --git a/packages/dm-core-plugins/src/view_selector/SidebarPlugin.tsx b/packages/dm-core-plugins/src/view_selector/SidebarPlugin.tsx
index feb15c74f..e0e808367 100644
--- a/packages/dm-core-plugins/src/view_selector/SidebarPlugin.tsx
+++ b/packages/dm-core-plugins/src/view_selector/SidebarPlugin.tsx
@@ -1,13 +1,12 @@
 import {
-  IUIPlugin,
+  type IUIPlugin,
   Loading,
-  TGenericObject,
+  type TGenericObject,
   ViewCreator,
 } from '@development-framework/dm-core'
-import React from 'react'
 import { Stack } from '../common'
 import { Sidebar } from './Sidebar'
-import { TItemData, TViewSelectorConfig } from './types'
+import type { TItemData, TViewSelectorConfig } from './types'
 import { useViewSelector } from './useViewSelector'
 
 export const SidebarPlugin = (
diff --git a/packages/dm-core-plugins/src/view_selector/Tabs.tsx b/packages/dm-core-plugins/src/view_selector/Tabs.tsx
index 9d4727a95..c5f296e36 100644
--- a/packages/dm-core-plugins/src/view_selector/Tabs.tsx
+++ b/packages/dm-core-plugins/src/view_selector/Tabs.tsx
@@ -1,8 +1,7 @@
 import { Button, Tabs as EdsTabs, Tooltip } from '@equinor/eds-core-react'
 import { close } from '@equinor/eds-icons'
-import * as React from 'react'
 import Icon from './Icon'
-import { TItemData } from './types'
+import type { TItemData } from './types'
 
 export const Tabs = (props: {
   selectedViewId: string
@@ -21,6 +20,7 @@ export const Tabs = (props: {
     >
       <EdsTabs.List>
         {viewSelectorItems.map((config: TItemData) => {
+          const icon = config.eds_icon || config.viewConfig?.eds_icon
           return (
             <EdsTabs.Tab
               key={config.viewId}
@@ -36,12 +36,7 @@ export const Tabs = (props: {
                 variant='ghost'
                 style={{ fontSize: '1rem' }}
               >
-                {(config.eds_icon ?? config.viewConfig?.eds_icon) && (
-                  <Icon
-                    name={config.eds_icon ?? config.viewConfig?.eds_icon}
-                    title={config.eds_icon ?? config.viewConfig?.eds_icon}
-                  />
-                )}
+                {icon && <Icon name={icon} title={icon} />}
                 {config.label}
               </Button>
               {config.closeable && (
diff --git a/packages/dm-core-plugins/src/view_selector/TabsContent.tsx b/packages/dm-core-plugins/src/view_selector/TabsContent.tsx
index 308ff174c..554d69f79 100644
--- a/packages/dm-core-plugins/src/view_selector/TabsContent.tsx
+++ b/packages/dm-core-plugins/src/view_selector/TabsContent.tsx
@@ -1,11 +1,10 @@
 import {
-  TGenericObject,
-  TOnOpen,
+  type TGenericObject,
+  type TOnOpen,
   ViewCreator,
 } from '@development-framework/dm-core'
-import * as React from 'react'
 import { LazyLoad, Stack } from '../common'
-import { TItemData } from './types'
+import type { TItemData } from './types'
 
 export const TabsContent = (props: {
   type: string
diff --git a/packages/dm-core-plugins/src/view_selector/TabsPlugin.tsx b/packages/dm-core-plugins/src/view_selector/TabsPlugin.tsx
index e815a48d9..29a7a967d 100644
--- a/packages/dm-core-plugins/src/view_selector/TabsPlugin.tsx
+++ b/packages/dm-core-plugins/src/view_selector/TabsPlugin.tsx
@@ -1,9 +1,8 @@
-import { IUIPlugin } from '@development-framework/dm-core'
-import * as React from 'react'
+import type { IUIPlugin } from '@development-framework/dm-core'
 import { Stack } from '../common'
 import { Tabs } from './Tabs'
 import { TabsContent } from './TabsContent'
-import { TViewSelectorConfig } from './types'
+import type { TViewSelectorConfig } from './types'
 import { useViewSelector } from './useViewSelector'
 
 export const TabsPlugin = (
diff --git a/packages/dm-core-plugins/src/view_selector/styles.ts b/packages/dm-core-plugins/src/view_selector/styles.ts
index ad069011e..eb6300aec 100644
--- a/packages/dm-core-plugins/src/view_selector/styles.ts
+++ b/packages/dm-core-plugins/src/view_selector/styles.ts
@@ -1,6 +1,6 @@
 import styled, { css } from 'styled-components'
 
-export const CustomToggle = styled.div<{ expanded: boolean }>`
+export const CustomToggle = styled.div<{ $expanded: boolean }>`
     width: 72px;
     display: grid;
     place-items: center;
@@ -9,8 +9,8 @@ export const CustomToggle = styled.div<{ expanded: boolean }>`
         transition: ease-in-out all 0.2s;
     }
 
-    ${({ expanded }) =>
-      expanded &&
+    ${({ $expanded }) =>
+      $expanded &&
       css`
         svg {
             transform: rotate(180deg);
diff --git a/packages/dm-core-plugins/src/view_selector/types.tsx b/packages/dm-core-plugins/src/view_selector/types.tsx
index eb71f3719..4af9531f9 100644
--- a/packages/dm-core-plugins/src/view_selector/types.tsx
+++ b/packages/dm-core-plugins/src/view_selector/types.tsx
@@ -1,4 +1,4 @@
-import {
+import type {
   TInlineRecipeViewConfig,
   TReferenceViewConfig,
   TViewConfig,
diff --git a/packages/dm-core-plugins/src/view_selector/useViewSelector.tsx b/packages/dm-core-plugins/src/view_selector/useViewSelector.tsx
index ec92dffbe..9ad152f0b 100644
--- a/packages/dm-core-plugins/src/view_selector/useViewSelector.tsx
+++ b/packages/dm-core-plugins/src/view_selector/useViewSelector.tsx
@@ -1,15 +1,14 @@
 import {
-  ErrorResponse,
-  TGenericObject,
-  TInlineRecipeViewConfig,
-  TOnOpen,
-  TReferenceViewConfig,
-  TViewConfig,
+  type ErrorResponse,
+  type TGenericObject,
+  type TInlineRecipeViewConfig,
+  type TOnOpen,
+  type TReferenceViewConfig,
+  type TViewConfig,
   useDocument,
 } from '@development-framework/dm-core'
-import * as React from 'react'
 import { useEffect, useState } from 'react'
-import { TItemData, TViewSelectorConfig, TViewSelectorItem } from './types'
+import type { TItemData, TViewSelectorConfig, TViewSelectorItem } from './types'
 
 interface IUseViewSelector {
   addView: TOnOpen
diff --git a/packages/dm-core-plugins/src/yaml/YamlPlugin.tsx b/packages/dm-core-plugins/src/yaml/YamlPlugin.tsx
index d3de159dc..817117856 100644
--- a/packages/dm-core-plugins/src/yaml/YamlPlugin.tsx
+++ b/packages/dm-core-plugins/src/yaml/YamlPlugin.tsx
@@ -1,19 +1,19 @@
 import {
   ErrorGroup,
   Loading,
-  TGenericObject,
+  type TGenericObject,
   useDocument,
 } from '@development-framework/dm-core'
 import { Icon, Popover, TextField, Tooltip } from '@equinor/eds-core-react'
 import { close, copy, edit, filter_alt, save } from '@equinor/eds-icons'
 import DOMPurify from 'dompurify'
 import hljs from 'highlight.js'
-import { ChangeEvent, useMemo, useRef, useState } from 'react'
+import { type ChangeEvent, useMemo, useRef, useState } from 'react'
 import { toast } from 'react-toastify'
 import YAML from 'yaml'
 import { Stack } from '../common'
 import { ActionButton, ActionsWrapper, CodeContainer } from './styles'
-import { YamlPluginProps, defaultConfig } from './types'
+import { type YamlPluginProps, defaultConfig } from './types'
 
 export const YamlPlugin = (props: YamlPluginProps) => {
   const { idReference, config: userConfig } = props
@@ -104,7 +104,7 @@ export const YamlPlugin = (props: YamlPluginProps) => {
           {isEditMode ? (
             <ActionsWrapper>
               <Tooltip title='Save'>
-                <ActionButton bg='green' onClick={saveChanges}>
+                <ActionButton $bg='green' onClick={saveChanges}>
                   <Icon data={save} />
                 </ActionButton>
               </Tooltip>
@@ -126,7 +126,7 @@ export const YamlPlugin = (props: YamlPluginProps) => {
                   aria-controls='depth-popover'
                   aria-expanded={isDepthPopoverOpen}
                   aria-haspopup
-                  bg='yellow'
+                  $bg='yellow'
                   id='depth-popover-anchor'
                   onClick={() => setIsDepthPopoverOpen(!isDepthPopoverOpen)}
                   ref={depthPopoverTrigger}
@@ -155,7 +155,7 @@ export const YamlPlugin = (props: YamlPluginProps) => {
               </Popover>
               {config.editable && (
                 <Tooltip title='Edit'>
-                  <ActionButton bg='green' onClick={() => setIsEditMode(true)}>
+                  <ActionButton $bg='green' onClick={() => setIsEditMode(true)}>
                     <Icon data={edit} />
                   </ActionButton>
                 </Tooltip>
diff --git a/packages/dm-core-plugins/src/yaml/styles.ts b/packages/dm-core-plugins/src/yaml/styles.ts
index b365bdc64..6228df236 100644
--- a/packages/dm-core-plugins/src/yaml/styles.ts
+++ b/packages/dm-core-plugins/src/yaml/styles.ts
@@ -10,7 +10,7 @@ export const ActionsWrapper = styled.div`
     right: 0;
 `
 
-export const ActionButton = styled.button<{ bg?: 'green' | 'yellow' }>`
+export const ActionButton = styled.button<{ $bg?: 'green' | 'yellow' }>`
     position: relative;
     width: 3rem;
     height: 3rem;
@@ -25,14 +25,14 @@ export const ActionButton = styled.button<{ bg?: 'green' | 'yellow' }>`
     justify-content: center;
     align-items: center;
     cursor: pointer;
-    ${({ bg }) =>
-      bg === 'green' &&
+    ${({ $bg }) =>
+      $bg === 'green' &&
       css`
         background: rgba(193, 231, 193, 1);
         color: rgba(19, 38, 52, 1);
     `}
-    ${({ bg }) =>
-      bg === 'yellow' &&
+    ${({ $bg }) =>
+      $bg === 'yellow' &&
       css`
         background: rgba(255, 218, 168, 1);
         color: rgba(19, 38, 52, 1);
diff --git a/packages/dm-core-plugins/src/yaml/types.ts b/packages/dm-core-plugins/src/yaml/types.ts
index a22f8ccd6..bbd2f4511 100644
--- a/packages/dm-core-plugins/src/yaml/types.ts
+++ b/packages/dm-core-plugins/src/yaml/types.ts
@@ -1,4 +1,4 @@
-import { IUIPlugin } from '@development-framework/dm-core'
+import type { IUIPlugin } from '@development-framework/dm-core'
 
 export type TLanguages = 'json' | 'yaml'
 
diff --git a/packages/dm-core-plugins/tsconfig.json b/packages/dm-core-plugins/tsconfig.json
index 6af76437c..75d01ada5 100644
--- a/packages/dm-core-plugins/tsconfig.json
+++ b/packages/dm-core-plugins/tsconfig.json
@@ -5,13 +5,6 @@
     "incremental": true,
     "jsx": "react-jsx"
   },
-  "include": [
-    "src",
-    "src/**/*.json"
-  ],
-  "exclude": [
-    "node_modules",
-    "src/**/*.spec.ts",
-    "dist"
-  ]
+  "include": ["src", "src/**/*.json"],
+  "exclude": ["node_modules", "src/**/*.spec.ts", "dist"]
 }
diff --git a/packages/dm-core/jestSetup.js b/packages/dm-core/jestSetup.js
index d8b34dc3b..096b4c435 100644
--- a/packages/dm-core/jestSetup.js
+++ b/packages/dm-core/jestSetup.js
@@ -1,5 +1,4 @@
-// eslint-disable-next-line @typescript-eslint/no-var-requires
-const crypto = require('crypto')
+const crypto = await import('node:crypto')
 
 Object.defineProperty(window, 'crypto', {
   value: crypto,
diff --git a/packages/dm-core/src/ApplicationContext.tsx b/packages/dm-core/src/ApplicationContext.tsx
index bc2075fc2..a7d7d08b7 100644
--- a/packages/dm-core/src/ApplicationContext.tsx
+++ b/packages/dm-core/src/ApplicationContext.tsx
@@ -1,8 +1,9 @@
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
-import React, {
-  Dispatch,
-  ReactNode,
-  SetStateAction,
+import {
+  type Dispatch,
+  type ReactNode,
+  type SetStateAction,
+  createContext,
   useContext,
   useEffect,
   useState,
@@ -10,11 +11,11 @@ import React, {
 import { AuthContext } from 'react-oauth2-code-pkce'
 import { ToastContainer } from 'react-toastify'
 import 'react-toastify/dist/ReactToastify.css'
-import { Tree, TreeNode } from './domain/Tree'
+import { Tree, type TreeNode } from './domain/Tree'
 import { DmJobAPI } from './services'
 import DmssAPI from './services/api/DmssAPI'
 import GlobalStyle from './styles/global'
-import { IUIPlugin, TApplication, TRole, TUiPluginMap } from './types'
+import type { IUIPlugin, TApplication, TRole, TUiPluginMap } from './types'
 import { ErrorGroup } from './utils/ErrorBoundary'
 
 const DEFAULT_ROLE: TRole = {
@@ -23,7 +24,7 @@ const DEFAULT_ROLE: TRole = {
   label: 'Anonymous',
 }
 const queryClient = new QueryClient()
-export const ApplicationContext = React.createContext<
+export const ApplicationContext = createContext<
   | {
       name: string
       dmssAPI: DmssAPI
diff --git a/packages/dm-core/src/components/AccessControl/ACLOwnerPanel.tsx b/packages/dm-core/src/components/AccessControl/ACLOwnerPanel.tsx
index c9c68be7e..f5be74623 100644
--- a/packages/dm-core/src/components/AccessControl/ACLOwnerPanel.tsx
+++ b/packages/dm-core/src/components/AccessControl/ACLOwnerPanel.tsx
@@ -1,7 +1,6 @@
 import { Input, Typography } from '@equinor/eds-core-react'
-import React from 'react'
 import { Stack } from '../../layout'
-import { AccessControlList, AccessLevel } from '../../services'
+import { type AccessControlList, AccessLevel } from '../../services'
 import { ACLSelect } from './ACLSelect'
 
 interface IACLOwnerPanelProps {
diff --git a/packages/dm-core/src/components/AccessControl/ACLSelect.tsx b/packages/dm-core/src/components/AccessControl/ACLSelect.tsx
index 3171c60cb..e2ede64d4 100644
--- a/packages/dm-core/src/components/AccessControl/ACLSelect.tsx
+++ b/packages/dm-core/src/components/AccessControl/ACLSelect.tsx
@@ -1,4 +1,3 @@
-import React from 'react'
 import { AccessLevel } from '../../services'
 import { Select } from '../Select'
 
diff --git a/packages/dm-core/src/components/AccessControl/ACLUserRolesPanel.tsx b/packages/dm-core/src/components/AccessControl/ACLUserRolesPanel.tsx
index d86ca1853..f3580a7c3 100644
--- a/packages/dm-core/src/components/AccessControl/ACLUserRolesPanel.tsx
+++ b/packages/dm-core/src/components/AccessControl/ACLUserRolesPanel.tsx
@@ -6,9 +6,9 @@ import {
   TextField,
 } from '@equinor/eds-core-react'
 import { close } from '@equinor/eds-icons'
-import React, { useState } from 'react'
+import { useState } from 'react'
 import { Stack } from '../../layout'
-import { AccessControlList, AccessLevel } from '../../services'
+import { type AccessControlList, AccessLevel } from '../../services'
 import { ACLSelect } from './ACLSelect'
 
 interface IURPanelProps {
diff --git a/packages/dm-core/src/components/AccessControl/AccessControlListComponent.tsx b/packages/dm-core/src/components/AccessControl/AccessControlListComponent.tsx
index a66bf0841..a0edb79de 100644
--- a/packages/dm-core/src/components/AccessControl/AccessControlListComponent.tsx
+++ b/packages/dm-core/src/components/AccessControl/AccessControlListComponent.tsx
@@ -1,14 +1,13 @@
 import { Button, Checkbox, Icon, Progress, Tabs } from '@equinor/eds-core-react'
 import { save } from '@equinor/eds-icons'
-import React, { useEffect, useState } from 'react'
-
-import { AxiosError, AxiosResponse } from 'axios'
+import type { AxiosError, AxiosResponse } from 'axios'
+import { useEffect, useState } from 'react'
 import { toast } from 'react-toastify'
 import { useApplication } from '../../ApplicationContext'
 import { useLocalStorage } from '../../hooks/useLocalStorage'
 import { Stack } from '../../layout'
-import { AccessControlList, AccessLevel } from '../../services'
-import { TUserIdMapping } from '../../types'
+import { type AccessControlList, AccessLevel } from '../../services'
+import type { TUserIdMapping } from '../../types'
 import {
   getTokenWithUserReadAccess,
   getUsernameMappingFromUserId,
diff --git a/packages/dm-core/src/components/CopyLinkDialog/CopyLinkDialog.tsx b/packages/dm-core/src/components/CopyLinkDialog/CopyLinkDialog.tsx
index 5e21a8ef8..a4716a836 100644
--- a/packages/dm-core/src/components/CopyLinkDialog/CopyLinkDialog.tsx
+++ b/packages/dm-core/src/components/CopyLinkDialog/CopyLinkDialog.tsx
@@ -8,18 +8,18 @@ import {
   Tooltip,
 } from '@equinor/eds-core-react'
 import { folder_open } from '@equinor/eds-icons'
-import { AxiosError } from 'axios'
-import { ChangeEvent, useContext, useState } from 'react'
+import type { AxiosError } from 'axios'
+import { type ChangeEvent, useContext, useState } from 'react'
 import { toast } from 'react-toastify'
 import {
   AuthContext,
   Dialog,
   EBlueprint,
   EntityPickerDialog,
-  ErrorResponse,
-  TEntityPickerReturn,
-  TLinkReference,
-  TValidEntity,
+  type ErrorResponse,
+  type TEntityPickerReturn,
+  type TLinkReference,
+  type TValidEntity,
   truncatePathString,
   useApplication,
   useDocument,
diff --git a/packages/dm-core/src/components/CopyLinkDialog/utils.ts b/packages/dm-core/src/components/CopyLinkDialog/utils.ts
index 762ab147b..e8fc76456 100644
--- a/packages/dm-core/src/components/CopyLinkDialog/utils.ts
+++ b/packages/dm-core/src/components/CopyLinkDialog/utils.ts
@@ -1,4 +1,4 @@
-import { EBlueprint, TMeta, TValidEntity } from '../../'
+import { EBlueprint, type TMeta, type TValidEntity } from '../../'
 
 export function setMetaInDocument(
   document: TValidEntity,
diff --git a/packages/dm-core/src/components/Dropdown.tsx b/packages/dm-core/src/components/Dropdown.tsx
index a61bb32a5..9a7212fb9 100644
--- a/packages/dm-core/src/components/Dropdown.tsx
+++ b/packages/dm-core/src/components/Dropdown.tsx
@@ -1,9 +1,9 @@
 import { Checkbox, Icon, InputWrapper } from '@equinor/eds-core-react'
 import { arrow_drop_down, arrow_drop_up } from '@equinor/eds-icons'
 import {
-  Dispatch,
-  ReactElement,
-  SetStateAction,
+  type Dispatch,
+  type ReactElement,
+  type SetStateAction,
   useEffect,
   useRef,
   useState,
diff --git a/packages/dm-core/src/components/EntityView.tsx b/packages/dm-core/src/components/EntityView.tsx
index 62b921383..f3892570a 100644
--- a/packages/dm-core/src/components/EntityView.tsx
+++ b/packages/dm-core/src/components/EntityView.tsx
@@ -1,9 +1,9 @@
-import React, { Suspense, memo, useState } from 'react'
+import { Suspense, memo, useState } from 'react'
 
 import { Typography } from '@equinor/eds-core-react'
 import { useRecipe } from '../hooks'
 import { Stack } from '../layout'
-import { IUIPlugin, TUiRecipe } from '../types'
+import type { IUIPlugin, TUiRecipe } from '../types'
 import { ErrorBoundary, ErrorGroup } from '../utils/ErrorBoundary'
 import { Loading } from './Loading'
 import RefreshButton from './RefreshButton'
diff --git a/packages/dm-core/src/components/NewEntityButton.tsx b/packages/dm-core/src/components/NewEntityButton.tsx
index f15b967c4..a94e334a4 100644
--- a/packages/dm-core/src/components/NewEntityButton.tsx
+++ b/packages/dm-core/src/components/NewEntityButton.tsx
@@ -1,16 +1,16 @@
 import { Button, Input, Label, Progress } from '@equinor/eds-core-react'
-import { AxiosError, AxiosResponse } from 'axios'
-import React, { useEffect, useState } from 'react'
+import type { AxiosError, AxiosResponse } from 'axios'
+import { useEffect, useState } from 'react'
 import { toast } from 'react-toastify'
 import { useApplication } from '../ApplicationContext'
-import { TGenericObject, TReference } from '../types'
+import type { TGenericObject, TReference } from '../types'
 import { INPUT_FIELD_WIDTH } from '../utils/variables'
 import { Dialog } from './Dialog'
 import {
   BlueprintPicker,
   DestinationPicker,
   EntityPickerDialog,
-  TEntityPickerReturn,
+  type TEntityPickerReturn,
 } from './Pickers'
 
 // TODO fix this component - the component is not working due to a hook error somewhere, probably in the context
diff --git a/packages/dm-core/src/components/Pickers/BlueprintPicker.tsx b/packages/dm-core/src/components/Pickers/BlueprintPicker.tsx
index 47fb06c90..1b0abbbf8 100644
--- a/packages/dm-core/src/components/Pickers/BlueprintPicker.tsx
+++ b/packages/dm-core/src/components/Pickers/BlueprintPicker.tsx
@@ -14,10 +14,10 @@ import {
   Progress,
   Tooltip,
 } from '@equinor/eds-core-react'
-import { Variants } from '@equinor/eds-core-react/dist/types/components/types'
+import type { Variants } from '@equinor/eds-core-react/dist/types/components/types'
 import { add } from '@equinor/eds-icons'
 import { useApplication } from '../../ApplicationContext'
-import { TreeNode } from '../../domain/Tree'
+import type { TreeNode } from '../../domain/Tree'
 import { truncatePathString } from '../../utils/truncatePathString'
 import { Dialog } from '../Dialog'
 import { TreeView } from '../TreeView'
diff --git a/packages/dm-core/src/components/Pickers/DestinationPicker.tsx b/packages/dm-core/src/components/Pickers/DestinationPicker.tsx
index 55d567ec9..9618fe291 100644
--- a/packages/dm-core/src/components/Pickers/DestinationPicker.tsx
+++ b/packages/dm-core/src/components/Pickers/DestinationPicker.tsx
@@ -5,7 +5,7 @@ import {
   TREE_DIALOG_HEIGHT,
   TREE_DIALOG_WIDTH,
 } from '../../utils/variables'
-import { TNodeWrapperProps, TreeView } from '../TreeView'
+import { type TNodeWrapperProps, TreeView } from '../TreeView'
 
 import {
   Button,
@@ -16,7 +16,7 @@ import {
 } from '@equinor/eds-core-react'
 import styled from 'styled-components'
 import { useApplication } from '../../ApplicationContext'
-import { Tree, TreeNode } from '../../domain/Tree'
+import { Tree, type TreeNode } from '../../domain/Tree'
 import { truncatePathString } from '../../utils/truncatePathString'
 import { Dialog } from '../Dialog'
 
diff --git a/packages/dm-core/src/components/Pickers/EntityPickerDialog.tsx b/packages/dm-core/src/components/Pickers/EntityPickerDialog.tsx
index 4fe771060..ce373b59d 100644
--- a/packages/dm-core/src/components/Pickers/EntityPickerDialog.tsx
+++ b/packages/dm-core/src/components/Pickers/EntityPickerDialog.tsx
@@ -1,22 +1,21 @@
-import { ChangeEvent, useEffect, useState } from 'react'
-
 import {
   Button,
   Checkbox,
   EdsProvider,
   Progress,
 } from '@equinor/eds-core-react'
+import { type ChangeEvent, useEffect, useState } from 'react'
 import { toast } from 'react-toastify'
 import styled from 'styled-components'
 import { useApplication } from '../../ApplicationContext'
 import { EBlueprint } from '../../Enums'
-import { Tree, TreeNode } from '../../domain/Tree'
+import { Tree, type TreeNode } from '../../domain/Tree'
 import { Stack } from '../../layout'
-import { TValidEntity } from '../../types'
+import type { TValidEntity } from '../../types'
 import { truncatePathString } from '../../utils/truncatePathString'
 import { TREE_DIALOG_HEIGHT, TREE_DIALOG_WIDTH } from '../../utils/variables'
 import { Dialog } from '../Dialog'
-import { TNodeWrapperProps, TreeView } from '../TreeView'
+import { type TNodeWrapperProps, TreeView } from '../TreeView'
 
 const Wrapper = styled.div<{ cursor?: string }>`
     display: flex;
diff --git a/packages/dm-core/src/components/Pickers/EntityPickerDropdown.tsx b/packages/dm-core/src/components/Pickers/EntityPickerDropdown.tsx
index 8a3627f0d..4e8f968f0 100644
--- a/packages/dm-core/src/components/Pickers/EntityPickerDropdown.tsx
+++ b/packages/dm-core/src/components/Pickers/EntityPickerDropdown.tsx
@@ -1,4 +1,4 @@
-import { ChangeEvent } from 'react'
+import type { ChangeEvent } from 'react'
 import { useSearch } from '../../hooks/useSearch'
 import { Select } from '../Select'
 
@@ -15,7 +15,7 @@ export const EntityPickerDropdown = (props: {
     <div style={{ display: 'flex', flexDirection: 'row' }}>
       <Select
         onChange={(e: ChangeEvent<HTMLSelectElement>) =>
-          onChange({ ...searchResult[parseInt(e.target.value)] })
+          onChange({ ...searchResult[Number.parseInt(e.target.value)] })
         }
         value={searchResult.findIndex(
           (resultEntry: any) => resultEntry._id === formData._id
diff --git a/packages/dm-core/src/components/TreeView/TreeButton/TreeButton.tsx b/packages/dm-core/src/components/TreeView/TreeButton/TreeButton.tsx
index 07b48bb3b..bd0bb8183 100644
--- a/packages/dm-core/src/components/TreeView/TreeButton/TreeButton.tsx
+++ b/packages/dm-core/src/components/TreeView/TreeButton/TreeButton.tsx
@@ -2,7 +2,7 @@ import { Button, Icon, Progress, Tooltip } from '@equinor/eds-core-react'
 import { chevron_right } from '@equinor/eds-icons'
 import styled from 'styled-components'
 import { EBlueprint } from '../../../Enums'
-import { TreeNode } from '../../../domain/Tree'
+import type { TreeNode } from '../../../domain/Tree'
 import { TypeIcon } from '../TypeIcon/TypeIcon'
 
 const StyledButton = styled(Button)`
@@ -43,7 +43,7 @@ export const TreeButton = (props: {
         data-testid={`tree-button_${node.name || node.nodeId}`}
         variant='ghost'
         color='secondary'
-        onClick={(e: MouseEvent) => {
+        onClick={(e) => {
           if (node.type !== 'error') onClick()
           e.stopPropagation() // Stop clicking on the <TreeButton> propagate to trigger any wrapper "onClicks"
         }}
diff --git a/packages/dm-core/src/components/TreeView/TreeListItem/TreeListItem.tsx b/packages/dm-core/src/components/TreeView/TreeListItem/TreeListItem.tsx
index 836142f04..481281a65 100644
--- a/packages/dm-core/src/components/TreeView/TreeListItem/TreeListItem.tsx
+++ b/packages/dm-core/src/components/TreeView/TreeListItem/TreeListItem.tsx
@@ -1,9 +1,9 @@
 import { useState } from 'react'
 import styled from 'styled-components'
-import { TreeNode } from '../../../domain/Tree'
+import type { TreeNode } from '../../../domain/Tree'
 import { TreeButton } from '../TreeButton/TreeButton'
 import { TreeView } from '../TreeView'
-import { TNodeWrapperProps } from '../types'
+import type { TNodeWrapperProps } from '../types'
 
 const StyledListItem = styled.li`
   list-style: none;
diff --git a/packages/dm-core/src/components/TreeView/TreeView.tsx b/packages/dm-core/src/components/TreeView/TreeView.tsx
index 8ea88f63e..8faaa29b3 100644
--- a/packages/dm-core/src/components/TreeView/TreeView.tsx
+++ b/packages/dm-core/src/components/TreeView/TreeView.tsx
@@ -1,8 +1,7 @@
-import React from 'react'
-import { TreeNode } from '../../domain/Tree'
+import type { TreeNode } from '../../domain/Tree'
 import { TreeListItem } from './TreeListItem/TreeListItem'
 import { StyledList } from './styles'
-import { TNodeWrapperProps } from './types'
+import type { TNodeWrapperProps } from './types'
 
 export const TreeView = (props: {
   nodes: TreeNode[]
diff --git a/packages/dm-core/src/components/TreeView/TypeIcon/TypeIcon.tsx b/packages/dm-core/src/components/TreeView/TypeIcon/TypeIcon.tsx
index 94431f065..8f59c55cb 100644
--- a/packages/dm-core/src/components/TreeView/TypeIcon/TypeIcon.tsx
+++ b/packages/dm-core/src/components/TreeView/TypeIcon/TypeIcon.tsx
@@ -13,7 +13,7 @@ import {
   FaRegFileAlt,
 } from 'react-icons/fa'
 import { EBlueprint } from '../../../Enums'
-import { TreeNode } from '../../../domain/Tree'
+import type { TreeNode } from '../../../domain/Tree'
 
 export const TypeIcon = (props: { node: TreeNode; expanded: boolean }) => {
   const { node, expanded } = props
@@ -42,7 +42,7 @@ export const TypeIcon = (props: { node: TreeNode; expanded: boolean }) => {
     return <FaList title='list' />
   }
   if (Array.isArray(node?.parent?.entity)) {
-    return <label>{'{}'}</label>
+    return <span>{'{}'}</span>
   }
   switch (node.type) {
     case EBlueprint.FILE: {
diff --git a/packages/dm-core/src/components/TreeView/types.ts b/packages/dm-core/src/components/TreeView/types.ts
index 995755cfc..ddad828c2 100644
--- a/packages/dm-core/src/components/TreeView/types.ts
+++ b/packages/dm-core/src/components/TreeView/types.ts
@@ -1,4 +1,4 @@
-import { TreeNode } from '../../domain/Tree'
+import type { TreeNode } from '../../domain/Tree'
 
 export type TNodeWrapperProps = {
   node: TreeNode
diff --git a/packages/dm-core/src/components/ViewCreator/InlineRecipeView.tsx b/packages/dm-core/src/components/ViewCreator/InlineRecipeView.tsx
index ec4e0383c..45148f7bb 100644
--- a/packages/dm-core/src/components/ViewCreator/InlineRecipeView.tsx
+++ b/packages/dm-core/src/components/ViewCreator/InlineRecipeView.tsx
@@ -1,6 +1,6 @@
-import { ErrorBoundary, IUIPlugin, useApplication } from '../../index'
+import { ErrorBoundary, type IUIPlugin, useApplication } from '../../index'
 import { Stack } from '../../layout'
-import { TInlineRecipeViewConfig } from '../../types'
+import type { TInlineRecipeViewConfig } from '../../types'
 
 type TInlineRecipeViewProps = IUIPlugin & {
   viewConfig: TInlineRecipeViewConfig
diff --git a/packages/dm-core/src/components/ViewCreator/ViewCreator.tsx b/packages/dm-core/src/components/ViewCreator/ViewCreator.tsx
index dad07c1b7..479ac6835 100644
--- a/packages/dm-core/src/components/ViewCreator/ViewCreator.tsx
+++ b/packages/dm-core/src/components/ViewCreator/ViewCreator.tsx
@@ -1,19 +1,19 @@
 import { Typography } from '@equinor/eds-core-react'
 import { useQuery } from '@tanstack/react-query'
-import { AxiosError } from 'axios'
-import React, { useMemo, useState } from 'react'
+import type { AxiosError } from 'axios'
+import { useMemo, useState } from 'react'
 import {
   EntityView,
-  ErrorResponse,
+  type ErrorResponse,
   Loading,
-  TAttribute,
+  type TAttribute,
   useApplication,
 } from '../../index'
 import {
-  IUIPlugin,
-  TInlineRecipeViewConfig,
-  TReferenceViewConfig,
-  TViewConfig,
+  type IUIPlugin,
+  type TInlineRecipeViewConfig,
+  type TReferenceViewConfig,
+  type TViewConfig,
   isInlineRecipeViewConfig,
   isReferenceViewConfig,
   isViewConfig,
diff --git a/packages/dm-core/src/components/ViewCreator/utils.ts b/packages/dm-core/src/components/ViewCreator/utils.ts
index 66201aa9f..7d2a84ec6 100644
--- a/packages/dm-core/src/components/ViewCreator/utils.ts
+++ b/packages/dm-core/src/components/ViewCreator/utils.ts
@@ -1,4 +1,4 @@
-import { TViewConfig } from '../../types'
+import type { TViewConfig } from '../../types'
 
 export const getTarget = (idReference: string, viewConfig: TViewConfig) => {
   if (viewConfig?.scope && viewConfig.scope !== 'self')
diff --git a/packages/dm-core/src/domain/Tree.ts b/packages/dm-core/src/domain/Tree.ts
index 5ba72e284..f21a91da2 100644
--- a/packages/dm-core/src/domain/Tree.ts
+++ b/packages/dm-core/src/domain/Tree.ts
@@ -1,7 +1,7 @@
-import { AxiosResponse } from 'axios'
+import type { AxiosResponse } from 'axios'
 import { EBlueprint } from '../Enums'
-import { DmssAPI } from '../services'
-import { TAttribute, TBlueprint, TPackage } from '../types'
+import type { DmssAPI } from '../services'
+import type { TAttribute, TBlueprint, TPackage } from '../types'
 import { splitAddress } from '../utils/addressUtilities'
 
 type TTreeMap = {
diff --git a/packages/dm-core/src/hooks/useBlueprint.tsx b/packages/dm-core/src/hooks/useBlueprint.tsx
index 540b7c4cd..c8ee984ce 100644
--- a/packages/dm-core/src/hooks/useBlueprint.tsx
+++ b/packages/dm-core/src/hooks/useBlueprint.tsx
@@ -1,8 +1,8 @@
-import { AxiosError } from 'axios'
+import type { AxiosError } from 'axios'
 import { useEffect, useState } from 'react'
-import { TBlueprint, TStorageRecipe, TUiRecipe } from 'src/types'
+import type { TBlueprint, TStorageRecipe, TUiRecipe } from 'src/types'
 import { useApplication } from '../ApplicationContext'
-import { ErrorResponse } from '../services'
+import type { ErrorResponse } from '../services'
 
 interface IUseBlueprint {
   blueprint: TBlueprint | undefined
diff --git a/packages/dm-core/src/hooks/useClickOutside.tsx b/packages/dm-core/src/hooks/useClickOutside.tsx
index f73eb60c6..f580b10ea 100644
--- a/packages/dm-core/src/hooks/useClickOutside.tsx
+++ b/packages/dm-core/src/hooks/useClickOutside.tsx
@@ -1,7 +1,7 @@
-import { MutableRefObject, useEffect } from 'react'
+import { type RefObject, useEffect } from 'react'
 
 export function useClickOutside(
-  elementRef: MutableRefObject<HTMLDivElement | null>,
+  elementRef: RefObject<HTMLDivElement | null>,
   callback: () => any
 ): any {
   useEffect(() => {
diff --git a/packages/dm-core/src/hooks/useDataSources.tsx b/packages/dm-core/src/hooks/useDataSources.tsx
index b9d970f81..9b06324aa 100644
--- a/packages/dm-core/src/hooks/useDataSources.tsx
+++ b/packages/dm-core/src/hooks/useDataSources.tsx
@@ -1,8 +1,8 @@
 import { useEffect, useState } from 'react'
-import DmssAPI from 'src/services/api/DmssAPI'
+import type DmssAPI from 'src/services/api/DmssAPI'
 
-import { AxiosError, AxiosResponse } from 'axios'
-import { DataSourceInformation, ErrorResponse } from 'src/services'
+import type { AxiosError, AxiosResponse } from 'axios'
+import type { DataSourceInformation, ErrorResponse } from 'src/services'
 
 export const useDataSources = (dmssAPI: DmssAPI): DataSourceInformation[] => {
   const [dataSources, setDataSources] = useState<DataSourceInformation[]>([])
diff --git a/packages/dm-core/src/hooks/useDocument.tsx b/packages/dm-core/src/hooks/useDocument.tsx
index 8bcc50e1a..315ca8567 100644
--- a/packages/dm-core/src/hooks/useDocument.tsx
+++ b/packages/dm-core/src/hooks/useDocument.tsx
@@ -1,6 +1,6 @@
-import { AxiosError } from 'axios'
-import { Dispatch, SetStateAction, useState } from 'react'
-import { ErrorResponse } from '../services'
+import type { AxiosError } from 'axios'
+import { type Dispatch, type SetStateAction, useState } from 'react'
+import type { ErrorResponse } from '../services'
 
 import { toast } from 'react-toastify'
 import { useApplication } from '../ApplicationContext'
@@ -80,7 +80,7 @@ export function useDocument<T>(
           if (notify)
             toast.error(
               'Unable to retrieve document, with message: ' +
-                error.response?.data.message ?? error.message
+                error.response?.data.message || error.message
             )
           setErrorResponse(
             error.response?.data || { message: error.name, data: error }
diff --git a/packages/dm-core/src/hooks/useJob.tsx b/packages/dm-core/src/hooks/useJob.tsx
index 25c28b03b..6e7461546 100644
--- a/packages/dm-core/src/hooks/useJob.tsx
+++ b/packages/dm-core/src/hooks/useJob.tsx
@@ -1,15 +1,15 @@
-import { AxiosError, AxiosResponse } from 'axios'
+import type { AxiosError, AxiosResponse } from 'axios'
 import { useEffect, useState } from 'react'
 import { useApplication } from '../ApplicationContext'
 import {
-  DeleteJobResponse,
-  ErrorResponse,
-  GetJobResultResponse,
+  type DeleteJobResponse,
+  type ErrorResponse,
+  type GetJobResultResponse,
   JobStatus,
-  StartJobResponse,
-  StatusJobResponse,
+  type StartJobResponse,
+  type StatusJobResponse,
 } from '../services/api/configs/gen-job'
-import { TJob } from '../types'
+import type { TJob } from '../types'
 
 interface IUseJob {
   start: () => Promise<StartJobResponse | null>
diff --git a/packages/dm-core/src/hooks/useList/types.ts b/packages/dm-core/src/hooks/useList/types.ts
index bc0d32ae1..32060a06d 100644
--- a/packages/dm-core/src/hooks/useList/types.ts
+++ b/packages/dm-core/src/hooks/useList/types.ts
@@ -1,5 +1,5 @@
-import { ErrorResponse } from '../../services'
-import { TAttribute, TLinkReference } from '../../types'
+import type { ErrorResponse } from '../../services'
+import type { TAttribute, TLinkReference } from '../../types'
 
 export type TItem<T> = {
   key: string
diff --git a/packages/dm-core/src/hooks/useList/useList.tsx b/packages/dm-core/src/hooks/useList/useList.tsx
index f987f1c9b..fac2fb9b7 100644
--- a/packages/dm-core/src/hooks/useList/useList.tsx
+++ b/packages/dm-core/src/hooks/useList/useList.tsx
@@ -1,11 +1,11 @@
-import { AxiosError, AxiosResponse, isAxiosError } from 'axios'
+import { type AxiosError, type AxiosResponse, isAxiosError } from 'axios'
 import { useEffect, useState } from 'react'
 import { useApplication } from '../../ApplicationContext'
 import { EBlueprint } from '../../Enums'
-import { ErrorResponse } from '../../services'
-import { TAttribute, TGenericObject, TLinkReference } from '../../types'
+import type { ErrorResponse } from '../../services'
+import type { TAttribute, TGenericObject, TLinkReference } from '../../types'
 import { resolveRelativeAddressSimplified } from '../../utils/addressUtilities'
-import { IUseListReturnType, TItem } from './types'
+import type { IUseListReturnType, TItem } from './types'
 import * as utils from './utils'
 
 export type { TItem }
diff --git a/packages/dm-core/src/hooks/useList/utils.ts b/packages/dm-core/src/hooks/useList/utils.ts
index 5f2b53a42..c6214a07c 100644
--- a/packages/dm-core/src/hooks/useList/utils.ts
+++ b/packages/dm-core/src/hooks/useList/utils.ts
@@ -1,4 +1,4 @@
-import { TItem } from './types'
+import type { TItem } from './types'
 
 export function arrayMove(arr: any[], fromIndex: number, toIndex: number) {
   const arrayCopy = [...arr]
diff --git a/packages/dm-core/src/hooks/useRecipe.tsx b/packages/dm-core/src/hooks/useRecipe.tsx
index 8680e8ed2..a038bae1f 100644
--- a/packages/dm-core/src/hooks/useRecipe.tsx
+++ b/packages/dm-core/src/hooks/useRecipe.tsx
@@ -1,6 +1,11 @@
-import { AxiosError } from 'axios'
+import type { AxiosError } from 'axios'
 import { useEffect, useState } from 'react'
-import { ErrorResponse, IUIPlugin, TUiRecipe, useApplication } from '../index'
+import {
+  type ErrorResponse,
+  type IUIPlugin,
+  type TUiRecipe,
+  useApplication,
+} from '../index'
 
 export const findRecipe = (
   recipes: TUiRecipe[],
diff --git a/packages/dm-core/src/layout/Stack/Stack.tsx b/packages/dm-core/src/layout/Stack/Stack.tsx
index 485d9f81e..91de9c13c 100644
--- a/packages/dm-core/src/layout/Stack/Stack.tsx
+++ b/packages/dm-core/src/layout/Stack/Stack.tsx
@@ -1,5 +1,5 @@
 import { StyledStack } from './styles'
-import { StackProps, defaultProps } from './types'
+import { type StackProps, defaultProps } from './types'
 
 export const Stack = (props: StackProps) => {
   const mergedProps = { ...defaultProps, ...props }
diff --git a/packages/dm-core/src/layout/Stack/styles.ts b/packages/dm-core/src/layout/Stack/styles.ts
index a5a8e4bf1..2f2356f08 100644
--- a/packages/dm-core/src/layout/Stack/styles.ts
+++ b/packages/dm-core/src/layout/Stack/styles.ts
@@ -1,8 +1,18 @@
 import styled, { css } from 'styled-components'
 
-import { StackProps } from './types'
+import type { StackProps } from './types'
 
-export const StyledStack = styled.div<StackProps>`
+const props_to_pass: string[] = [
+  'children',
+  'style',
+  'date-testid',
+  'id',
+  'className',
+]
+
+export const StyledStack = styled('div').withConfig({
+  shouldForwardProp: (propName) => props_to_pass.includes(propName),
+})<StackProps>`
   display: ${(props) => (props.inline ? 'inline-flex' : 'flex')};
   flex-direction: ${(props) => props.direction};
   flex-grow: ${(props) => props.grow};
diff --git a/packages/dm-core/src/layout/Stack/types.ts b/packages/dm-core/src/layout/Stack/types.ts
index 8147db6f8..8a7d51367 100644
--- a/packages/dm-core/src/layout/Stack/types.ts
+++ b/packages/dm-core/src/layout/Stack/types.ts
@@ -1,5 +1,3 @@
-import React from 'react'
-
 export type AlignDefaultTypes =
   | 'center'
   | 'flex-start'
@@ -51,7 +49,7 @@ export interface StackProps extends React.ComponentPropsWithoutRef<'div'> {
   minHeight?: number
   scrollY?: boolean
   scrollX?: boolean
-  as?: keyof JSX.IntrinsicElements
+  as?: keyof React.JSX.IntrinsicElements
 }
 
 export const defaultProps: StackProps = {
diff --git a/packages/dm-core/src/types.ts b/packages/dm-core/src/types.ts
index 7c09d80bb..0bc594a55 100644
--- a/packages/dm-core/src/types.ts
+++ b/packages/dm-core/src/types.ts
@@ -1,5 +1,5 @@
-import { EBlueprint } from './Enums'
-import { JobStatus } from './services/api/configs/gen-job'
+import type { EBlueprint } from './Enums'
+import type { JobStatus } from './services/api/configs/gen-job'
 
 export type TDataSource = {
   id: string
diff --git a/packages/dm-core/src/utils/ErrorBoundary.tsx b/packages/dm-core/src/utils/ErrorBoundary.tsx
index 808fdf967..346902a81 100644
--- a/packages/dm-core/src/utils/ErrorBoundary.tsx
+++ b/packages/dm-core/src/utils/ErrorBoundary.tsx
@@ -1,5 +1,5 @@
 import { Typography } from '@equinor/eds-core-react'
-import React, { ReactNode } from 'react'
+import { Component, type ReactNode } from 'react'
 import styled from 'styled-components'
 
 export const ErrorGroup = styled.div`
@@ -17,7 +17,7 @@ const Message = styled.div`
   font-family: monospace;
 `
 
-export class ErrorBoundary extends React.Component<
+export class ErrorBoundary extends Component<
   any,
   { hasError: boolean; error: Error }
 > {
diff --git a/packages/dm-core/src/utils/GetFullContainerImageName.ts b/packages/dm-core/src/utils/GetFullContainerImageName.ts
index d277ea3d3..9c16049c0 100644
--- a/packages/dm-core/src/utils/GetFullContainerImageName.ts
+++ b/packages/dm-core/src/utils/GetFullContainerImageName.ts
@@ -1,4 +1,4 @@
-import { TContainerImage } from '../types'
+import type { TContainerImage } from '../types'
 
 export const getFullContainerImageName = (image: TContainerImage): string => {
   return `${image.registryName}/${image.imageName}:${image.version}`
diff --git a/packages/dm-core/src/utils/UsernameConversion.tsx b/packages/dm-core/src/utils/UsernameConversion.tsx
index 42c41b188..77ec0d128 100644
--- a/packages/dm-core/src/utils/UsernameConversion.tsx
+++ b/packages/dm-core/src/utils/UsernameConversion.tsx
@@ -1,6 +1,6 @@
 import axios from 'axios'
 import { toast } from 'react-toastify'
-import { TUserIdMapping } from '../types'
+import type { TUserIdMapping } from '../types'
 
 const GRAPH_API = 'https://graph.microsoft.com/v1.0'
 
diff --git a/packages/dm-core/tsconfig.json b/packages/dm-core/tsconfig.json
index 788da6324..9eb823971 100644
--- a/packages/dm-core/tsconfig.json
+++ b/packages/dm-core/tsconfig.json
@@ -2,12 +2,7 @@
   "compilerOptions": {
     "outDir": "dist",
     "rootDir": "src",
-    "lib": [
-      "ES2020",
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
+    "lib": ["ES2020", "dom", "dom.iterable", "esnext"],
     "allowSyntheticDefaultImports": true,
     "forceConsistentCasingInFileNames": true,
     "resolveJsonModule": true,
@@ -29,9 +24,7 @@
     "composite": false,
     "useUnknownInCatchVariables": false
   },
-  "include": [
-    "src"
-  ],
+  "include": ["src"],
   "exclude": [
     "node_modules",
     "src/**/*.spec.ts",
diff --git a/tsconfig.json b/tsconfig.json
index 3bce3a94b..a867bd2a0 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,10 +1,6 @@
 {
   "compilerOptions": {
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
+    "lib": ["dom", "dom.iterable", "esnext"],
     "allowSyntheticDefaultImports": true,
     "forceConsistentCasingInFileNames": true,
     "resolveJsonModule": true,