Update dependency @digdir/design-system-react to v0.54.0 (#13110)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

frontend/app-development/features/appPublish/components/CreateRelease.tsx

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import classes from './CreateRelease.module.css';
 import type { ChangeEvent } from 'react';
-import { Textfield, Textarea } from '@digdir/design-system-react';
+import { Textfield, Textarea } from '@digdir/designsystemet-react';
 import { versionNameValid } from './utils';
 import { useBranchStatusQuery, useAppReleasesQuery } from '../../../hooks/queries';
 import { useCreateReleaseMutation } from '../../../hooks/mutations';

frontend/app-development/features/appPublish/components/Deploy.tsx

@@ -4,7 +4,7 @@ import { useCreateDeploymentMutation } from '../../../hooks/mutations';
 import { Trans, useTranslation } from 'react-i18next';
 import { useStudioEnvironmentParams } from 'app-shared/hooks/useStudioEnvironmentParams';
 import { toast } from 'react-toastify';
-import { Alert, Link } from '@digdir/design-system-react';
+import { Alert, Link } from '@digdir/designsystemet-react';
 import { useDeployPermissionsQuery } from 'app-development/hooks/queries';
 import { StudioSpinner } from '@studio/components';
 

frontend/app-development/features/appPublish/components/DeployDropdown.tsx

@@ -2,7 +2,7 @@ import React, { useState } from 'react';
 import classes from './DeployDropdown.module.css';
 import { AltinnConfirmDialog } from 'app-shared/components';
 import { StudioButton, StudioSpinner } from '@studio/components';
-import { Alert, Combobox, Spinner } from '@digdir/design-system-react';
+import { Alert, Combobox, Spinner } from '@digdir/designsystemet-react';
 import type { ImageOption } from './ImageOption';
 import { useTranslation } from 'react-i18next';
 import { useAppReleasesQuery } from 'app-development/hooks/queries';

frontend/app-development/features/appPublish/components/DeploymentEnvironmentLogList.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import classes from './DeploymentEnvironmentLogList.module.css';
-import { Heading, Link, Table } from '@digdir/design-system-react';
+import { Heading, Link, Table } from '@digdir/designsystemet-react';
 import { DateUtils } from '@studio/pure-functions';
 import { useTranslation } from 'react-i18next';
 import classNames from 'classnames';

frontend/app-development/features/appPublish/components/DeploymentEnvironmentStatus.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import classes from './DeploymentEnvironmentStatus.module.css';
-import { Alert, Heading, Link, Paragraph, Spinner } from '@digdir/design-system-react';
+import { Alert, Heading, Link, Paragraph, Spinner } from '@digdir/designsystemet-react';
 import { Trans, useTranslation } from 'react-i18next';
 import type { KubernetesDeployment } from 'app-shared/types/api/KubernetesDeployment';
 import { DateUtils } from '@studio/pure-functions';

frontend/app-development/features/appPublish/containers/DeploymentContainer.tsx

@@ -11,7 +11,7 @@ import { useStudioEnvironmentParams } from 'app-shared/hooks/useStudioEnvironmen
 import { DeploymentEnvironment } from '../components/DeploymentEnvironment';
 import { getAppLink } from 'app-shared/ext-urls';
 import { useTranslation } from 'react-i18next';
-import { Alert } from '@digdir/design-system-react';
+import { Alert } from '@digdir/designsystemet-react';
 import { PROD_ENV_TYPE } from 'app-shared/constants';
 
 export const DeploymentContainer = () => {

frontend/app-development/features/appPublish/pages/DeployPage.tsx

@@ -8,7 +8,7 @@ import { Trans, useTranslation } from 'react-i18next';
 import { AltinnContentLoader } from 'app-shared/components/molecules/AltinnContentLoader';
 import { useInvalidator } from '../../../hooks/useInvalidator';
 import { useStudioEnvironmentParams } from 'app-shared/hooks/useStudioEnvironmentParams';
-import { Alert } from '@digdir/design-system-react';
+import { Alert } from '@digdir/designsystemet-react';
 
 export function DeployPage() {
   const { org, app } = useStudioEnvironmentParams();

frontend/app-development/features/dataModelling/DataModelling.tsx

@@ -2,7 +2,7 @@ import type { ReactNode } from 'react';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { StudioPageSpinner, StudioCenter } from '@studio/components';
-import { Alert, ErrorMessage, Paragraph } from '@digdir/design-system-react';
+import { Alert, ErrorMessage, Paragraph } from '@digdir/designsystemet-react';
 import { SchemaEditorWithToolbar } from './SchemaEditorWithToolbar';
 import { useDataModelsJsonQuery, useDataModelsXsdQuery } from 'app-shared/hooks/queries';
 import { useParams } from 'react-router-dom';

frontend/app-development/features/dataModelling/SchemaEditorWithToolbar/SchemaGenerationErrorsPanel.tsx

@@ -1,6 +1,6 @@
 import classes from './SchemaGenerationErrorsPanel.module.css';
 import React from 'react';
-import { Alert, ErrorMessage, Paragraph } from '@digdir/design-system-react';
+import { Alert, ErrorMessage, Paragraph } from '@digdir/designsystemet-react';
 import { Trans, useTranslation } from 'react-i18next';
 import { XMarkIcon } from '@studio/icons';
 import { StudioButton } from '@studio/components';

frontend/app-development/features/dataModelling/SchemaEditorWithToolbar/SelectedSchemaEditor.tsx

@@ -2,7 +2,7 @@ import React, { useCallback, useRef, useState } from 'react';
 import { useSchemaQuery } from '../../../hooks/queries';
 import { useSchemaMutation } from '../../../hooks/mutations';
 import { StudioCenter, StudioPageSpinner } from '@studio/components';
-import { Alert, ErrorMessage, Paragraph } from '@digdir/design-system-react';
+import { Alert, ErrorMessage, Paragraph } from '@digdir/designsystemet-react';
 import { SchemaEditorApp } from '@altinn/schema-editor/SchemaEditorApp';
 import { useTranslation } from 'react-i18next';
 import { AUTOSAVE_DEBOUNCE_INTERVAL_MILLISECONDS } from 'app-shared/constants';

frontend/app-development/features/dataModelling/SchemaEditorWithToolbar/TopToolbar/CreateNewWrapper.tsx

@@ -1,5 +1,6 @@
 import React, { useState } from 'react';
-import { ErrorMessage, Textfield, LegacyPopover } from '@digdir/design-system-react';
+import { ErrorMessage, Textfield } from '@digdir/designsystemet-react';
+import { LegacyPopover } from '@digdir/design-system-react';
 import { useTranslation } from 'react-i18next';
 import { PlusIcon } from '@studio/icons';
 import { extractModelNamesFromMetadataList } from '../../../../utils/metadataUtils';

frontend/app-development/features/dataModelling/SchemaEditorWithToolbar/TopToolbar/GenerateModelsButton.tsx

@@ -1,4 +1,4 @@
-import { Spinner } from '@digdir/design-system-react';
+import { Spinner } from '@digdir/designsystemet-react';
 import { CogIcon } from '@studio/icons';
 import React from 'react';
 import { useTranslation } from 'react-i18next';

frontend/app-development/features/dataModelling/SchemaEditorWithToolbar/TopToolbar/SchemaSelect.tsx

@@ -5,7 +5,7 @@ import {
   groupMetadataOptions,
 } from '../../../../utils/metadataUtils';
 import type { MetadataOption } from '../../../../types/MetadataOption';
-import { NativeSelect } from '@digdir/design-system-react';
+import { NativeSelect } from '@digdir/designsystemet-react';
 import classes from './SchemaSelect.module.css';
 import type { DataModelMetadata } from 'app-shared/types/DataModelMetadata';
 import { useTranslation } from 'react-i18next';

frontend/app-development/features/overview/components/DeploymentContainer.tsx

@@ -6,7 +6,7 @@ import {
   useOrgListQuery,
 } from 'app-development/hooks/queries';
 import { useStudioEnvironmentParams } from 'app-shared/hooks/useStudioEnvironmentParams';
-import { Alert } from '@digdir/design-system-react';
+import { Alert } from '@digdir/designsystemet-react';
 import { useTranslation } from 'react-i18next';
 import { DeploymentStatusList } from './DeploymentStatusList';
 import { DeploymentLogList } from './DeploymentLogList';

frontend/app-development/features/overview/components/DeploymentLogList.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import classes from './DeploymentLogList.module.css';
 import { useTranslation } from 'react-i18next';
 import type { Environment } from 'app-shared/types/Environment';
-import { Heading } from '@digdir/design-system-react';
+import { Heading } from '@digdir/designsystemet-react';
 import { DateUtils } from '@studio/pure-functions';
 import type { PipelineDeployment } from 'app-shared/types/api/PipelineDeployment';
 import { BuildResult } from 'app-shared/types/Build';

frontend/app-development/features/overview/components/DeploymentStatus.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import classes from './DeploymentStatus.module.css';
 import { useStudioEnvironmentParams } from 'app-shared/hooks/useStudioEnvironmentParams';
 import { Trans, useTranslation } from 'react-i18next';
-import { Alert, Heading, Paragraph, Spinner, Link } from '@digdir/design-system-react';
+import { Alert, Heading, Paragraph, Spinner, Link } from '@digdir/designsystemet-react';
 import { DateUtils } from '@studio/pure-functions';
 import { publishPath } from 'app-shared/api/paths';
 import type { KubernetesDeployment } from 'app-shared/types/api/KubernetesDeployment';

frontend/app-development/features/overview/components/Deployments.tsx

@@ -2,7 +2,7 @@ import type { HTMLAttributes } from 'react';
 import React from 'react';
 import { useOrgListQuery } from 'app-development/hooks/queries';
 import { useStudioEnvironmentParams } from 'app-shared/hooks/useStudioEnvironmentParams';
-import { Alert } from '@digdir/design-system-react';
+import { Alert } from '@digdir/designsystemet-react';
 import { useTranslation } from 'react-i18next';
 import { StudioSpinner } from '@studio/components';
 import { useRepoMetadataQuery } from 'app-shared/hooks/queries';

frontend/app-development/features/overview/components/Documentation.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import classes from './Documentation.module.css';
-import { Heading, Link } from '@digdir/design-system-react';
+import { Heading, Link } from '@digdir/designsystemet-react';
 import { ExternalLinkIcon } from '@studio/icons';
 import { useTranslation } from 'react-i18next';
 

frontend/app-development/features/overview/components/Header.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect } from 'react';
 import { useAppConfigQuery } from 'app-development/hooks/queries';
 import { useStudioEnvironmentParams } from 'app-shared/hooks/useStudioEnvironmentParams';
-import { Heading } from '@digdir/design-system-react';
+import { Heading } from '@digdir/designsystemet-react';
 import { toast } from 'react-toastify';
 import { useTranslation } from 'react-i18next';
 import { StudioSpinner } from '@studio/components';

frontend/app-development/features/overview/components/Navigation.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import classes from './Navigation.module.css';
 import { useTranslation } from 'react-i18next';
-import { Heading, Tag } from '@digdir/design-system-react';
+import { Heading, Tag } from '@digdir/designsystemet-react';
 
 import { getFilteredTopBarMenu } from 'app-development/layout/AppBar/appBarConfig';
 import { Link } from 'react-router-dom';

frontend/app-development/features/overview/components/News.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Heading, Paragraph, Alert } from '@digdir/design-system-react';
+import { Heading, Paragraph, Alert } from '@digdir/designsystemet-react';
 import { useNewsListQuery } from 'app-development/hooks/queries/useNewsListQuery';
 import { StudioSpinner } from '@studio/components';
 import { useTranslation } from 'react-i18next';

frontend/app-development/features/overview/components/NoEnvironmentsAlert/NoEnvironmentsAlert.tsx

@@ -1,8 +1,8 @@
 import React from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import cn from 'classnames';
-import type { AlertProps } from '@digdir/design-system-react';
-import { Alert, Heading, Paragraph } from '@digdir/design-system-react';
+import type { AlertProps } from '@digdir/designsystemet-react';
+import { Alert, Heading, Paragraph } from '@digdir/designsystemet-react';
 
 type NoEnvironmentsAlertProps = AlertProps;
 export const NoEnvironmentsAlert = ({ ...rest }: NoEnvironmentsAlertProps) => {

frontend/app-development/features/overview/components/Overview.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import classes from './Overview.module.css';
-import { Link } from '@digdir/design-system-react';
+import { Link } from '@digdir/designsystemet-react';
 import { useTranslation } from 'react-i18next';
 import { Documentation } from './Documentation';
 import { Navigation } from './Navigation';

frontend/app-development/features/overview/components/RepoOwnedByPersonInfo.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Alert, Paragraph, Link } from '@digdir/design-system-react';
+import { Alert, Paragraph, Link } from '@digdir/designsystemet-react';
 import { Trans, useTranslation } from 'react-i18next';
 import classes from './RepoOwnedByPersonInfo.module.css';
 

frontend/app-development/features/simpleMerge/DownloadRepoPopoverContent/DownloadRepoPopoverContent.tsx

@@ -4,7 +4,7 @@ import { Trans, useTranslation } from 'react-i18next';
 import { StudioButton } from '@studio/components';
 import { repoDownloadPath } from 'app-shared/api/paths';
 import { useStudioEnvironmentParams } from 'app-shared/hooks/useStudioEnvironmentParams';
-import { Heading, Link, Paragraph } from '@digdir/design-system-react';
+import { Heading, Link, Paragraph } from '@digdir/designsystemet-react';
 
 export type DownloadRepoPopoverContentProps = {
   onClose: () => void;

frontend/app-development/features/simpleMerge/MergeConflictWarning.tsx

@@ -3,7 +3,7 @@ import classes from './MergeConflictWarning.module.css';
 import { useTranslation } from 'react-i18next';
 import { StudioPopover } from '@studio/components';
 import { RemoveChangesPopoverContent } from './RemoveChangesPopoverContent';
-import { Heading, Paragraph } from '@digdir/design-system-react';
+import { Heading, Paragraph } from '@digdir/designsystemet-react';
 import { DownloadRepoPopoverContent } from './DownloadRepoPopoverContent';
 
 export const MergeConflictWarning = () => {

frontend/app-development/features/simpleMerge/RemoveChangesPopoverContent/RemoveChangesPopoverContent.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import classes from './RemoveChangesPopoverContent.module.css';
-import { Heading, Paragraph } from '@digdir/design-system-react';
+import { Heading, Paragraph } from '@digdir/designsystemet-react';
 import { StudioTextfield, StudioButton, StudioSpinner } from '@studio/components';
 import { useTranslation, Trans } from 'react-i18next';
 import { useQueryClient } from '@tanstack/react-query';

frontend/app-development/layout/NotFoundPage/NotFoundPage.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { StudioNotFoundPage } from '@studio/components';
-import { Paragraph, Link } from '@digdir/design-system-react';
+import { Paragraph, Link } from '@digdir/designsystemet-react';
 import { useTranslation, Trans } from 'react-i18next';
 
 export const NotFoundPage = () => {

frontend/app-development/layout/SessionExpiredModal/SessionExpiredModal.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import classes from './SessionExpiredModal.module.css';
 import { StudioButton, StudioModal } from '@studio/components';
 import { useTranslation } from 'react-i18next';
-import { Heading, Paragraph } from '@digdir/design-system-react';
+import { Heading, Paragraph } from '@digdir/designsystemet-react';
 
 export type SessionExpiredModalProps = {
   open: boolean;

frontend/app-development/layout/SettingsModalButton/SettingsModal/SettingsModal.tsx

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
 import React, { useState } from 'react';
 import classes from './SettingsModal.module.css';
-import { Heading } from '@digdir/design-system-react';
+import { Heading } from '@digdir/designsystemet-react';
 import {
   CogIcon,
   InformationSquareIcon,

frontend/app-development/layout/SettingsModalButton/SettingsModal/components/LoadingTabData/LoadingTabData.tsx

@@ -2,7 +2,7 @@ import type { ReactNode } from 'react';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { StudioCenter } from '@studio/components';
-import { Spinner } from '@digdir/design-system-react';
+import { Spinner } from '@digdir/designsystemet-react';
 
 export const LoadingTabData = (): ReactNode => {
   const { t } = useTranslation();

frontend/app-development/layout/SettingsModalButton/SettingsModal/components/TabDataError/TabDataError.tsx

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import React from 'react';
-import { Alert, Paragraph } from '@digdir/design-system-react';
+import { Alert, Paragraph } from '@digdir/designsystemet-react';
 import { useTranslation } from 'react-i18next';
 import { StudioCenter } from '@studio/components';
 

frontend/app-development/layout/SettingsModalButton/SettingsModal/components/TabHeader/TabHeader.tsx

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
 import React from 'react';
 import classes from './TabHeader.module.css';
-import { Heading } from '@digdir/design-system-react';
+import { Heading } from '@digdir/designsystemet-react';
 
 export type TabHeaderProps = {
   text: string;

frontend/app-development/layout/SettingsModalButton/SettingsModal/components/Tabs/AboutTab/AboutTab.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { TabHeader } from '../../TabHeader';
 import type { AppConfig } from 'app-shared/types/AppConfig';
-import { ErrorMessage } from '@digdir/design-system-react';
+import { ErrorMessage } from '@digdir/designsystemet-react';
 import { Divider } from 'app-shared/primitives';
 import { getRepositoryType } from 'app-shared/utils/repository';
 import { useAppConfigMutation } from 'app-development/hooks/mutations';

frontend/app-development/layout/SettingsModalButton/SettingsModal/components/Tabs/AboutTab/CreatedFor/CreatedFor.tsx

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
 import React from 'react';
 import classes from './CreatedFor.module.css';
-import { Paragraph } from '@digdir/design-system-react';
+import { Paragraph } from '@digdir/designsystemet-react';
 import { useTranslation } from 'react-i18next';
 import { RepositoryType } from 'app-shared/types/global';
 import type { Repository } from 'app-shared/types/Repository';

frontend/app-development/layout/SettingsModalButton/SettingsModal/components/Tabs/AboutTab/InputFields/InputFields.tsx

@@ -3,7 +3,7 @@ import React, { useState } from 'react';
 import classes from './InputFields.module.css';
 import { useTranslation } from 'react-i18next';
 import type { AppConfig } from 'app-shared/types/AppConfig';
-import { Textfield } from '@digdir/design-system-react';
+import { Textfield } from '@digdir/designsystemet-react';
 
 type AppConfigForm = Pick<AppConfig, 'serviceName' | 'serviceId'>;
 

frontend/app-development/layout/SettingsModalButton/SettingsModal/components/Tabs/AccessControlTab/AccessControWarningModal/AccessControlWarningModal.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import classes from './AccessControlWarningModal.module.css';
-import { Modal, Button } from '@digdir/design-system-react';
+import { Modal, Button } from '@digdir/designsystemet-react';
 import { useTranslation } from 'react-i18next';
 
 export interface AccessControlWarningModalProps {

frontend/app-development/layout/SettingsModalButton/SettingsModal/components/Tabs/AccessControlTab/AccessControlTab.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import classes from './AccessControlTab.module.css';
 import { Trans, useTranslation } from 'react-i18next';
 import { TabHeader } from '../../TabHeader';
-import { ErrorMessage, HelpText, Link, Paragraph } from '@digdir/design-system-react';
+import { ErrorMessage, HelpText, Link, Paragraph } from '@digdir/designsystemet-react';
 import { useAppMetadataQuery } from 'app-development/hooks/queries';
 import { LoadingTabData } from '../../LoadingTabData';
 import { TabDataError } from '../../TabDataError';

frontend/app-development/layout/SettingsModalButton/SettingsModal/components/Tabs/AccessControlTab/SelectAllowedPartyTypes/SelectAllowedPartyTypes.tsx

@@ -1,5 +1,5 @@
 import React, { useRef } from 'react';
-import { Table, Checkbox } from '@digdir/design-system-react';
+import { Table, Checkbox } from '@digdir/designsystemet-react';
 import type { ApplicationMetadata, PartyTypesAllowed } from 'app-shared/types/ApplicationMetadata';
 import classes from './SelectAllowedPartyTypes.module.css';
 import { useTranslation } from 'react-i18next';

frontend/app-development/layout/SettingsModalButton/SettingsModal/components/Tabs/PolicyTab/PolicyTab.tsx

@@ -9,7 +9,7 @@ import { useAppPolicyMutation } from 'app-development/hooks/mutations';
 import { useTranslation } from 'react-i18next';
 import { TabHeader } from '../../TabHeader';
 import { useAppPolicyQuery } from 'app-development/hooks/queries';
-import { ErrorMessage } from '@digdir/design-system-react';
+import { ErrorMessage } from '@digdir/designsystemet-react';
 import { LoadingTabData } from '../../LoadingTabData';
 import { TabDataError } from '../../TabDataError';
 import {

frontend/app-development/layout/SettingsModalButton/SettingsModal/components/Tabs/SetupTab/SetupTab.tsx

@@ -4,7 +4,7 @@ import { useTranslation } from 'react-i18next';
 import { useAppMetadataQuery } from 'app-development/hooks/queries';
 import { LoadingTabData } from '../../LoadingTabData';
 import { TabDataError } from '../../TabDataError';
-import { ErrorMessage } from '@digdir/design-system-react';
+import { ErrorMessage } from '@digdir/designsystemet-react';
 import { TabHeader } from '../../TabHeader';
 import { SetupTabContent } from './SetupTabContent';
 import { TabContent } from '../../TabContent';

frontend/app-development/layout/SettingsModalButton/SettingsModal/components/Tabs/SetupTab/SetupTabContent/SetupTabContent.tsx

@@ -4,7 +4,7 @@ import classes from './SetupTabContent.module.css';
 import type { ApplicationMetadata } from 'app-shared/types/ApplicationMetadata';
 import { useTranslation } from 'react-i18next';
 import { useAppMetadataMutation } from 'app-development/hooks/mutations';
-import { Paragraph, Switch } from '@digdir/design-system-react';
+import { Paragraph, Switch } from '@digdir/designsystemet-react';
 import { useStudioEnvironmentParams } from 'app-shared/hooks/useStudioEnvironmentParams';
 
 export type SetupTabContentProps = {

frontend/dashboard/components/DataModelsRepoList/DataModelsRepoList.tsx

@@ -8,7 +8,7 @@ import type { User } from 'app-shared/types/Repository';
 import type { Organization } from 'app-shared/types/Organization';
 import { useSearchReposQuery } from 'dashboard/hooks/queries/useSearchReposQuery';
 import { useSelectedContext } from 'dashboard/hooks/useSelectedContext';
-import { Heading } from '@digdir/design-system-react';
+import { Heading } from '@digdir/designsystemet-react';
 import { useStarredReposQuery } from 'dashboard/hooks/queries';
 import { DATA_MODEL_REPO_IDENTIFIER } from '../../constants';
 

frontend/dashboard/components/FavoriteReposList/FavoriteReposList.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { RepoList } from '../RepoList';
 import { useTranslation } from 'react-i18next';
 import { useStarredReposQuery } from '../../hooks/queries';
-import { Heading } from '@digdir/design-system-react';
+import { Heading } from '@digdir/designsystemet-react';
 
 export const FavoriteReposList = () => {
   const { t } = useTranslation();

frontend/dashboard/components/MakeCopyModal/MakeCopyModal.tsx

@@ -1,6 +1,6 @@
 import React, { forwardRef, useState } from 'react';
 import { StudioModal } from '@studio/components';
-import { Heading } from '@digdir/design-system-react';
+import { Heading } from '@digdir/designsystemet-react';
 import classes from './MakeCopyModal.module.css';
 import { useTranslation } from 'react-i18next';
 import { useCopyAppMutation } from 'dashboard/hooks/mutations/useCopyAppMutation';