fix svg og login

navikt · Nov 16, 2023 · e396b23 · e396b23
1 parent 21b099e
commit e396b23
Show file tree

Hide file tree

Showing 73 changed files with 147 additions and 138 deletions.
diff --git a/packages/behandling-anke/src/components/AnkeBehandlingModal.tsx b/packages/behandling-anke/src/components/AnkeBehandlingModal.tsx
@@ -5,7 +5,7 @@ import { Normaltekst } from 'nav-frontend-typografi';
 import React from 'react';
 import { FormattedMessage, WrappedComponentProps, injectIntl } from 'react-intl';
 
-import innvilgetImageUrl from '@fpsak-frontend/assets/images/innvilget_valgt.svg';
+import innvilgetImageUrl from '@fpsak-frontend/assets/images/innvilget_valgt.svg?react';
 import { Image } from '@fpsak-frontend/shared-components';
 
 import styles from './ankeBehandlingModal.module.css';

diff --git a/packages/behandling-felles/src/components/SideMenuWrapper.spec.tsx b/packages/behandling-felles/src/components/SideMenuWrapper.spec.tsx
@@ -3,7 +3,7 @@ import sinon from 'sinon';
 import { SideMenu } from '@navikt/ft-plattform-komponenter';
 
 import { Image } from '@fpsak-frontend/shared-components';
-import advarselIkonUrl from '@fpsak-frontend/assets/images/advarsel_ny.svg';
+import advarselIkonUrl from '@fpsak-frontend/assets/images/advarsel_ny.svg?react';
 import { intlMock, shallowWithIntl } from '@fpsak-frontend/utils-test/src/intl-enzyme-test-helper';
 
 import SideMenuWrapper from './SideMenuWrapper';

diff --git a/packages/behandling-felles/src/components/SideMenuWrapper.tsx b/packages/behandling-felles/src/components/SideMenuWrapper.tsx
@@ -2,7 +2,7 @@ import { SideMenu } from '@navikt/ft-plattform-komponenter';
 import React, { ReactNode } from 'react';
 import { injectIntl, WrappedComponentProps } from 'react-intl';
 
-import advarselIkonUrl from '@fpsak-frontend/assets/images/advarsel_ny.svg';
+import advarselIkonUrl from '@fpsak-frontend/assets/images/advarsel_ny.svg?react';
 import { FlexColumn, FlexContainer, FlexRow, Image } from '@fpsak-frontend/shared-components';
 
 import FaktaPanelMenyRad from '../types/faktaPanelMenyRadTsType';

diff --git a/packages/behandling-felles/src/components/vedtak/FatterVedtakStatusModal.tsx b/packages/behandling-felles/src/components/vedtak/FatterVedtakStatusModal.tsx
@@ -5,7 +5,7 @@ import { Normaltekst } from 'nav-frontend-typografi';
 import React from 'react';
 import { FormattedMessage, WrappedComponentProps, injectIntl } from 'react-intl';
 
-import innvilgetImageUrl from '@fpsak-frontend/assets/images/innvilget_valgt.svg';
+import innvilgetImageUrl from '@fpsak-frontend/assets/images/innvilget_valgt.svg?react';
 import { Image } from '@fpsak-frontend/shared-components';
 
 import styles from './fatterVedtakStatusModal.module.css';

diff --git a/packages/behandling-felles/src/components/vedtak/IverksetterVedtakStatusModal.tsx b/packages/behandling-felles/src/components/vedtak/IverksetterVedtakStatusModal.tsx
@@ -5,7 +5,7 @@ import { Normaltekst } from 'nav-frontend-typografi';
 import React from 'react';
 import { FormattedMessage, WrappedComponentProps, injectIntl } from 'react-intl';
 
-import innvilgetImageUrl from '@fpsak-frontend/assets/images/innvilget_valgt.svg';
+import innvilgetImageUrl from '@fpsak-frontend/assets/images/innvilget_valgt.svg?react';
 import behandlingResultatType from '@fpsak-frontend/kodeverk/src/behandlingResultatType';
 import { Image } from '@fpsak-frontend/shared-components';
 import { Kodeverk } from '@k9-sak-web/types';

diff --git a/packages/behandling-klage/src/components/KlageBehandlingModal.tsx b/packages/behandling-klage/src/components/KlageBehandlingModal.tsx
@@ -5,7 +5,7 @@ import { Normaltekst } from 'nav-frontend-typografi';
 import React from 'react';
 import { FormattedMessage, WrappedComponentProps, injectIntl } from 'react-intl';
 
-import innvilgetImageUrl from '@fpsak-frontend/assets/images/innvilget_valgt.svg';
+import innvilgetImageUrl from '@fpsak-frontend/assets/images/innvilget_valgt.svg?react';
 import { Image } from '@fpsak-frontend/shared-components';
 
 import styles from './klageBehandlingModal.module.css';

diff --git a/packages/fakta-arbeidsforhold/src/components/PersonArbeidsforholdPanel.tsx b/packages/fakta-arbeidsforhold/src/components/PersonArbeidsforholdPanel.tsx
@@ -1,6 +1,6 @@
-import advarselImageUrl from '@fpsak-frontend/assets/images/advarsel2.svg';
-import briefcaseImg from '@fpsak-frontend/assets/images/briefcase.svg';
-import chevronIkonUrl from '@fpsak-frontend/assets/images/pil_ned.svg';
+import advarselImageUrl from '@fpsak-frontend/assets/images/advarsel2.svg?react';
+import briefcaseImg from '@fpsak-frontend/assets/images/briefcase.svg?react';
+import chevronIkonUrl from '@fpsak-frontend/assets/images/pil_ned.svg?react';
 import { behandlingFormValueSelector, getBehandlingFormPrefix } from '@fpsak-frontend/form';
 import aksjonspunktCodes from '@fpsak-frontend/kodeverk/src/aksjonspunktCodes';
 import arbeidsforholdHandlingType from '@fpsak-frontend/kodeverk/src/arbeidsforholdHandlingType';

diff --git a/...es/fakta-arbeidsforhold/src/components/arbeidsforholdTabell/PersonArbeidsforholdTable.tsx b/...es/fakta-arbeidsforhold/src/components/arbeidsforholdTabell/PersonArbeidsforholdTable.tsx
@@ -1,5 +1,5 @@
-import erIBrukImageUrl from '@fpsak-frontend/assets/images/innvilget_hover.svg';
-import chevronIkonUrl from '@fpsak-frontend/assets/images/pil_ned.svg';
+import erIBrukImageUrl from '@fpsak-frontend/assets/images/innvilget_hover.svg?react';
+import chevronIkonUrl from '@fpsak-frontend/assets/images/pil_ned.svg?react';
 import arbeidsforholdHandlingType from '@fpsak-frontend/kodeverk/src/arbeidsforholdHandlingType';
 import { DateLabel, Image, PeriodLabel, Table, TableColumn, TableRow } from '@fpsak-frontend/shared-components';
 import FlexRow from '@fpsak-frontend/shared-components/src/flexGrid/FlexRow';

diff --git a/packages/fakta-barn-og-overfoeringsdager/src/components/OverforingerFaktaForm.tsx b/packages/fakta-barn-og-overfoeringsdager/src/components/OverforingerFaktaForm.tsx
@@ -10,7 +10,7 @@ import {
   getBehandlingFormValues,
 } from '@fpsak-frontend/form/src/behandlingForm';
 import { FlexRow, VerticalSpacer } from '@fpsak-frontend/shared-components/index';
-import transferIcon from '@fpsak-frontend/assets/images/data-transfer-horizontal.svg';
+import transferIcon from '@fpsak-frontend/assets/images/data-transfer-horizontal.svg?react';
 import { Element } from 'nav-frontend-typografi';
 import { Rammevedtak } from '@k9-sak-web/types/src/omsorgspenger/Rammevedtak';
 import mapDtoTilFormValues from '../dto/mapping';

diff --git a/packages/fakta-barn-og-overfoeringsdager/src/components/Pil.tsx b/packages/fakta-barn-og-overfoeringsdager/src/components/Pil.tsx
@@ -1,4 +1,4 @@
-import pilHøyre from '@fpsak-frontend/assets/images/pil_hoyre_filled.svg';
+import pilHøyre from '@fpsak-frontend/assets/images/pil_hoyre_filled.svg?react';
 import Image from '@fpsak-frontend/shared-components/src/Image';
 import classnames from 'classnames/bind';
 import React from 'react';

diff --git a/packages/fakta-barn-oms/src/FaktaBarnIndex.tsx b/packages/fakta-barn-oms/src/FaktaBarnIndex.tsx
@@ -3,8 +3,8 @@ import React from 'react';
 import { createIntl, createIntlCache, RawIntlProvider, FormattedMessage } from 'react-intl';
 import BarnDto from '@k9-sak-web/prosess-aarskvantum-oms/src/dto/BarnDto';
 import Seksjon from '@k9-sak-web/fakta-barn-og-overfoeringsdager/src/components/Seksjon';
-import users from '@fpsak-frontend/assets/images/users.svg';
-import user from '@fpsak-frontend/assets/images/user.svg';
+import users from '@fpsak-frontend/assets/images/users.svg?react';
+import user from '@fpsak-frontend/assets/images/user.svg?react';
 import { Rammevedtak } from '@k9-sak-web/types';
 import { RammevedtakEnum } from '@k9-sak-web/types/src/omsorgspenger/Rammevedtak';
 import FagsakYtelseType from '@fpsak-frontend/kodeverk/src/fagsakYtelseType';
@@ -123,9 +123,10 @@ const FaktaBarnIndex = ({ barn = [], rammevedtak = [], fagsaksType }: FaktaBarnI
     rammevedtakGruppertPerBarn.forEach(barnMedRV => {
       const BarnRVFodselsnummer = barnMedRV.personIdent.substr(0, 6);
       const BarnFodselsnummer = b.personIdent.substr(0, 6);
-      if (barnMedRV.personIdent === b.personIdent
-        || BarnRVFodselsnummer === b.personIdent
-        || barnMedRV.personIdent === BarnFodselsnummer
+      if (
+        barnMedRV.personIdent === b.personIdent ||
+        BarnRVFodselsnummer === b.personIdent ||
+        barnMedRV.personIdent === BarnFodselsnummer
       ) {
         kombinertBarnOgRammevedtak.rammevedtak = barnMedRV;
       }

diff --git a/packages/modal-sett-pa-vent/src/components/SettPaVentModal.tsx b/packages/modal-sett-pa-vent/src/components/SettPaVentModal.tsx
@@ -1,4 +1,4 @@
-import innvilgetImageUrl from '@fpsak-frontend/assets/images/innvilget_valgt.svg';
+import innvilgetImageUrl from '@fpsak-frontend/assets/images/innvilget_valgt.svg?react';
 import { DatepickerField, SelectField, TextAreaField } from '@fpsak-frontend/form';
 import venteArsakType from '@fpsak-frontend/kodeverk/src/venteArsakType';
 import { Image, VerticalSpacer } from '@fpsak-frontend/shared-components';

diff --git a/packages/prosess-aarskvantum-oms/src/components/AktivitetTabell.tsx b/packages/prosess-aarskvantum-oms/src/components/AktivitetTabell.tsx
@@ -1,6 +1,6 @@
-import hide from '@fpsak-frontend/assets/images/hide.svg';
-import show from '@fpsak-frontend/assets/images/show.svg';
-import stjerneImg from '@fpsak-frontend/assets/images/stjerne.svg';
+import hide from '@fpsak-frontend/assets/images/hide.svg?react';
+import show from '@fpsak-frontend/assets/images/show.svg?react';
+import stjerneImg from '@fpsak-frontend/assets/images/stjerne.svg?react';
 import { Image, Table, TableRow } from '@fpsak-frontend/shared-components/index';
 import { calcDays, convertHoursToDays, formatereLukketPeriode, utledArbeidsforholdNavn } from '@fpsak-frontend/utils';
 import {

diff --git a/packages/prosess-aarskvantum-oms/src/components/Utfall.tsx b/packages/prosess-aarskvantum-oms/src/components/Utfall.tsx
@@ -1,6 +1,6 @@
-import advarsel from '@fpsak-frontend/assets/images/advarsel_ny.svg';
-import avslått from '@fpsak-frontend/assets/images/avslaatt_valgt.svg';
-import innvilget from '@fpsak-frontend/assets/images/innvilget_valgt.svg';
+import advarsel from '@fpsak-frontend/assets/images/advarsel_ny.svg?react';
+import avslått from '@fpsak-frontend/assets/images/avslaatt_valgt.svg?react';
+import innvilget from '@fpsak-frontend/assets/images/innvilget_valgt.svg?react';
 import { Image } from '@fpsak-frontend/shared-components';
 import { UtfallEnum, Utfalltype } from '@k9-sak-web/types';
 import React from 'react';

diff --git a/packages/prosess-aarskvantum-oms/src/components/Uttaksplan.tsx b/packages/prosess-aarskvantum-oms/src/components/Uttaksplan.tsx
@@ -1,4 +1,4 @@
-import kalender from '@fpsak-frontend/assets/images/calendar_filled.svg';
+import kalender from '@fpsak-frontend/assets/images/calendar_filled.svg?react';
 import { Image } from '@fpsak-frontend/shared-components/index';
 import { joinNonNullStrings } from '@fpsak-frontend/utils';
 import { ArbeidsforholdV2, ArbeidsgiverOpplysningerPerId, KodeverkMedNavn } from '@k9-sak-web/types';

diff --git a/packages/prosess-felles/src/vilkar/ProsessPanelTemplate.tsx b/packages/prosess-felles/src/vilkar/ProsessPanelTemplate.tsx
@@ -1,8 +1,8 @@
 import { Element, Normaltekst, Undertekst, Undertittel } from 'nav-frontend-typografi';
 import React, { ReactNode } from 'react';
 
-import avslattImage from '@fpsak-frontend/assets/images/avslaatt_hover.svg';
-import innvilgetImage from '@fpsak-frontend/assets/images/innvilget_hover.svg';
+import avslattImage from '@fpsak-frontend/assets/images/avslaatt_hover.svg?react';
+import innvilgetImage from '@fpsak-frontend/assets/images/innvilget_hover.svg?react';
 import { hasBehandlingFormErrorsOfType, isBehandlingFormDirty, isBehandlingFormSubmitting } from '@fpsak-frontend/form';
 import {
   AksjonspunktBox,

diff --git a/packages/prosess-felles/src/vilkar/VilkarResultPicker.tsx b/packages/prosess-felles/src/vilkar/VilkarResultPicker.tsx
@@ -1,8 +1,8 @@
 import { Normaltekst } from 'nav-frontend-typografi';
 import React, { ReactNode } from 'react';
 
-import avslattImage from '@fpsak-frontend/assets/images/avslaatt.svg';
-import innvilgetImage from '@fpsak-frontend/assets/images/check.svg';
+import avslattImage from '@fpsak-frontend/assets/images/avslaatt.svg?react';
+import innvilgetImage from '@fpsak-frontend/assets/images/check.svg?react';
 import { DatepickerField, RadioGroupField, RadioOption, SelectField } from '@fpsak-frontend/form';
 import { isAksjonspunktOpen } from '@fpsak-frontend/kodeverk/src/aksjonspunktStatus';
 import vilkarUtfallType from '@fpsak-frontend/kodeverk/src/vilkarUtfallType';

diff --git a/packages/prosess-felles/src/vilkar/VilkarResultPickerPeriodisert.tsx b/packages/prosess-felles/src/vilkar/VilkarResultPickerPeriodisert.tsx
@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react';
 
-import avslattImage from '@fpsak-frontend/assets/images/avslaatt.svg';
-import innvilgetImage from '@fpsak-frontend/assets/images/check.svg';
+import avslattImage from '@fpsak-frontend/assets/images/avslaatt.svg?react';
+import innvilgetImage from '@fpsak-frontend/assets/images/check.svg?react';
 import { DatepickerField, RadioGroupField, RadioOption, SelectField } from '@fpsak-frontend/form';
 import { isAksjonspunktOpen } from '@fpsak-frontend/kodeverk/src/aksjonspunktStatus';
 import vilkarUtfallType from '@fpsak-frontend/kodeverk/src/vilkarUtfallType';

diff --git a/packages/prosess-tilbakekreving/src/components/TilbakekrevingTidslinjeHjelpetekster.tsx b/packages/prosess-tilbakekreving/src/components/TilbakekrevingTidslinjeHjelpetekster.tsx
@@ -1,9 +1,9 @@
 import React from 'react';
-import {injectIntl, WrappedComponentProps} from 'react-intl';
+import { injectIntl, WrappedComponentProps } from 'react-intl';
 
-import ikkeOppfyltUrl from '@fpsak-frontend/assets/images/ikke_oppfylt.svg';
-import oppfyltUrl from '@fpsak-frontend/assets/images/oppfylt.svg';
-import uavklartUrl from '@fpsak-frontend/assets/images/uavklart.svg';
+import ikkeOppfyltUrl from '@fpsak-frontend/assets/images/ikke_oppfylt.svg?react';
+import oppfyltUrl from '@fpsak-frontend/assets/images/oppfylt.svg?react';
+import uavklartUrl from '@fpsak-frontend/assets/images/uavklart.svg?react';
 import { LegendBox } from '@fpsak-frontend/tidslinje';
 
 const TilbakekrevingTidslinjeHjelpetekster = ({ intl }: WrappedComponentProps) => {

diff --git a/packages/prosess-tilbakekreving/src/components/splittePerioder/PeriodeController.tsx b/packages/prosess-tilbakekreving/src/components/splittePerioder/PeriodeController.tsx
@@ -3,8 +3,8 @@ import { Element } from 'nav-frontend-typografi';
 import React, { Component } from 'react';
 import { FormattedMessage, WrappedComponentProps, injectIntl } from 'react-intl';
 
-import splitPeriodImageUrl from '@fpsak-frontend/assets/images/splitt.svg';
-import splitPeriodImageHoverUrl from '@fpsak-frontend/assets/images/splitt_hover.svg';
+import splitPeriodImageUrl from '@fpsak-frontend/assets/images/splitt.svg?react';
+import splitPeriodImageHoverUrl from '@fpsak-frontend/assets/images/splitt_hover.svg?react';
 import { EditedIcon, FloatRight, Image } from '@fpsak-frontend/shared-components';
 import { TimeLineButton } from '@fpsak-frontend/tidslinje';
 

diff --git a/packages/prosess-tilbakekreving/src/components/timeline/TilbakekrevingTimeline.tsx b/packages/prosess-tilbakekreving/src/components/timeline/TilbakekrevingTimeline.tsx
@@ -3,8 +3,8 @@ import { Column, Row } from 'nav-frontend-grid';
 import React, { Component, MouseEvent, RefObject } from 'react';
 import { injectIntl, WrappedComponentProps } from 'react-intl';
 
-import urlKvinne from '@fpsak-frontend/assets/images/kvinne.svg';
-import urlMann from '@fpsak-frontend/assets/images/mann.svg';
+import urlKvinne from '@fpsak-frontend/assets/images/kvinne.svg?react';
+import urlMann from '@fpsak-frontend/assets/images/mann.svg?react';
 import navBrukerKjonn from '@fpsak-frontend/kodeverk/src/navBrukerKjonn';
 import { Image } from '@fpsak-frontend/shared-components';
 import { ISO_DATE_FORMAT } from '@fpsak-frontend/utils';

diff --git a/packages/prosess-tilkjent-ytelse/src/components/manuellePerioder/NyAndel.tsx b/packages/prosess-tilkjent-ytelse/src/components/manuellePerioder/NyAndel.tsx
@@ -1,4 +1,4 @@
-import addCircleIcon from '@fpsak-frontend/assets/images/add-circle.svg';
+import addCircleIcon from '@fpsak-frontend/assets/images/add-circle.svg?react';
 import { InputField, SelectField } from '@fpsak-frontend/form';
 import inntektskategorier from '@fpsak-frontend/kodeverk/src/inntektskategorier';
 import kodeverkTyper from '@fpsak-frontend/kodeverk/src/kodeverkTyper';

diff --git a/packages/prosess-tilkjent-ytelse/src/components/manuellePerioder/PeriodeRad.tsx b/packages/prosess-tilkjent-ytelse/src/components/manuellePerioder/PeriodeRad.tsx
@@ -1,5 +1,5 @@
-import removePeriod from '@fpsak-frontend/assets/images/remove.svg';
-import removePeriodDisabled from '@fpsak-frontend/assets/images/remove_disabled.svg';
+import removePeriod from '@fpsak-frontend/assets/images/remove.svg?react';
+import removePeriodDisabled from '@fpsak-frontend/assets/images/remove_disabled.svg?react';
 import { DatepickerField } from '@fpsak-frontend/form';
 import { FlexColumn, FlexRow, Image, Table, TableColumn, TableRow } from '@fpsak-frontend/shared-components';
 import { ArbeidsgiverOpplysningerPerId, Kodeverk, KodeverkMedNavn } from '@k9-sak-web/types';

diff --git a/packages/prosess-tilkjent-ytelse/src/components/manuellePerioder/SlettPeriodeModal.tsx b/packages/prosess-tilkjent-ytelse/src/components/manuellePerioder/SlettPeriodeModal.tsx
@@ -1,4 +1,4 @@
-import innvilgetImageUrl from '@fpsak-frontend/assets/images/innvilget_valgt.svg';
+import innvilgetImageUrl from '@fpsak-frontend/assets/images/innvilget_valgt.svg?react';
 import { FlexColumn, FlexContainer, FlexRow, Image, VerticalSpacer } from '@fpsak-frontend/shared-components';
 import { DDMMYYYY_DATE_FORMAT } from '@fpsak-frontend/utils';
 import moment from 'moment';

diff --git a/packages/prosess-tilkjent-ytelse/src/components/tilbaketrekk/Tilbaketrekkpanel.tsx b/packages/prosess-tilkjent-ytelse/src/components/tilbaketrekk/Tilbaketrekkpanel.tsx
@@ -6,7 +6,7 @@ import { connect } from 'react-redux';
 import { InjectedFormProps } from 'redux-form';
 import { createSelector } from 'reselect';
 
-import behandleImageURL from '@fpsak-frontend/assets/images/advarsel.svg';
+import behandleImageURL from '@fpsak-frontend/assets/images/advarsel.svg?react';
 import {
   behandlingForm,
   hasBehandlingFormErrorsOfType,

diff --git a/packages/prosess-vedtak-tilbakekreving/src/components/TilbakekrevingVedtakForm.tsx b/packages/prosess-vedtak-tilbakekreving/src/components/TilbakekrevingVedtakForm.tsx
@@ -16,7 +16,7 @@ import { FlexColumn, FlexContainer, FlexRow, Image, VerticalSpacer } from '@fpsa
 import { omit } from '@fpsak-frontend/utils';
 import { ProsessStegSubmitButton } from '@k9-sak-web/prosess-felles';
 
-import advarselIcon from '@fpsak-frontend/assets/images/advarsel_ny.svg';
+import advarselIcon from '@fpsak-frontend/assets/images/advarsel_ny.svg?react';
 import underavsnittType from '../kodeverk/avsnittType';
 import VedtaksbrevAvsnitt from '../types/vedtaksbrevAvsnittTsType';
 import TilbakekrevingEditerVedtaksbrevPanel from './brev/TilbakekrevingEditerVedtaksbrevPanel';

diff --git a/...ess-vedtak-tilbakekreving/src/components/brev/TilbakekrevingVedtakUtdypendeTekstPanel.tsx b/...ess-vedtak-tilbakekreving/src/components/brev/TilbakekrevingVedtakUtdypendeTekstPanel.tsx
@@ -3,7 +3,7 @@ import React, { useState } from 'react';
 import { FormattedMessage, injectIntl, WrappedComponentProps } from 'react-intl';
 import { connect } from 'react-redux';
 
-import addCircleIcon from '@fpsak-frontend/assets/images/add-circle.svg';
+import addCircleIcon from '@fpsak-frontend/assets/images/add-circle.svg?react';
 import { behandlingFormValueSelector, TextAreaField } from '@fpsak-frontend/form';
 import { Image, VerticalSpacer } from '@fpsak-frontend/shared-components';
 import { hasValidText, maxLength, minLength, required } from '@fpsak-frontend/utils';

diff --git a/packages/prosess-vilkar-opptjening-oms/src/OpptjeningVilkarProsessIndex.tsx b/packages/prosess-vilkar-opptjening-oms/src/OpptjeningVilkarProsessIndex.tsx
@@ -1,4 +1,4 @@
-import advarselIcon from '@fpsak-frontend/assets/images/advarsel.svg';
+import advarselIcon from '@fpsak-frontend/assets/images/advarsel.svg?react';
 import vilkarUtfallType from '@fpsak-frontend/kodeverk/src/vilkarUtfallType';
 import { Image } from '@fpsak-frontend/shared-components';
 import { dateFormat } from '@fpsak-frontend/utils';

diff --git a/packages/prosess-vilkar-opptjening-oms/src/components/VilkarFields.tsx b/packages/prosess-vilkar-opptjening-oms/src/components/VilkarFields.tsx
@@ -9,8 +9,8 @@ import { ProsessStegBegrunnelseTextField } from '@k9-sak-web/prosess-felles';
 import { Aksjonspunkt, Vilkarperiode } from '@k9-sak-web/types';
 import { Normaltekst } from 'nav-frontend-typografi';
 
-import avslattImage from '@fpsak-frontend/assets/images/avslaatt.svg';
-import innvilgetImage from '@fpsak-frontend/assets/images/check.svg';
+import avslattImage from '@fpsak-frontend/assets/images/avslaatt.svg?react';
+import innvilgetImage from '@fpsak-frontend/assets/images/check.svg?react';
 
 import styles from './VilkarFields.module.css';
 

diff --git a/packages/prosess-vilkar-overstyring/src/components-old/VilkarresultatMedOverstyringForm.tsx b/packages/prosess-vilkar-overstyring/src/components-old/VilkarresultatMedOverstyringForm.tsx
@@ -1,4 +1,4 @@
-import advarselIkonUrl from '@fpsak-frontend/assets/images/advarsel_ny.svg';
+import advarselIkonUrl from '@fpsak-frontend/assets/images/advarsel_ny.svg?react';
 import { behandlingForm, behandlingFormValueSelector } from '@fpsak-frontend/form';
 import aksjonspunktStatus from '@fpsak-frontend/kodeverk/src/aksjonspunktStatus';
 import BehandlingType from '@fpsak-frontend/kodeverk/src/behandlingType';

diff --git a/...ages/prosess-vilkar-overstyring/src/components-old/VilkarresultatMedOverstyringHeader.tsx b/...ages/prosess-vilkar-overstyring/src/components-old/VilkarresultatMedOverstyringHeader.tsx
@@ -1,7 +1,7 @@
-import avslattImage from '@fpsak-frontend/assets/images/avslaatt_hover.svg';
-import innvilgetImage from '@fpsak-frontend/assets/images/innvilget_hover.svg';
-import keyUtgraetImage from '@fpsak-frontend/assets/images/key-1-rotert-utgraet.svg';
-import keyImage from '@fpsak-frontend/assets/images/key-1-rotert.svg';
+import avslattImage from '@fpsak-frontend/assets/images/avslaatt_hover.svg?react';
+import innvilgetImage from '@fpsak-frontend/assets/images/innvilget_hover.svg?react';
+import keyUtgraetImage from '@fpsak-frontend/assets/images/key-1-rotert-utgraet.svg?react';
+import keyImage from '@fpsak-frontend/assets/images/key-1-rotert.svg?react';
 import vilkarUtfallType from '@fpsak-frontend/kodeverk/src/vilkarUtfallType';
 import { FlexColumn, FlexContainer, FlexRow, Image, VerticalSpacer } from '@fpsak-frontend/shared-components';
 import { Aksjonspunkt } from '@k9-sak-web/types';

diff --git a/...rosess-vilkar-overstyring/src/components-periodisert/VilkarresultatMedOverstyringForm.tsx b/...rosess-vilkar-overstyring/src/components-periodisert/VilkarresultatMedOverstyringForm.tsx
@@ -1,4 +1,4 @@
-import advarselIkonUrl from '@fpsak-frontend/assets/images/advarsel_ny.svg';
+import advarselIkonUrl from '@fpsak-frontend/assets/images/advarsel_ny.svg?react';
 import { behandlingForm, behandlingFormValueSelector } from '@fpsak-frontend/form';
 import aksjonspunktStatus from '@fpsak-frontend/kodeverk/src/aksjonspunktStatus';
 import BehandlingType from '@fpsak-frontend/kodeverk/src/behandlingType';

diff --git a/...sess-vilkar-overstyring/src/components-periodisert/VilkarresultatMedOverstyringHeader.tsx b/...sess-vilkar-overstyring/src/components-periodisert/VilkarresultatMedOverstyringHeader.tsx
@@ -1,7 +1,7 @@
-import avslattImage from '@fpsak-frontend/assets/images/avslaatt_hover.svg';
-import innvilgetImage from '@fpsak-frontend/assets/images/innvilget_hover.svg';
-import keyUtgraetImage from '@fpsak-frontend/assets/images/key-1-rotert-utgraet.svg';
-import keyImage from '@fpsak-frontend/assets/images/key-1-rotert.svg';
+import avslattImage from '@fpsak-frontend/assets/images/avslaatt_hover.svg?react';
+import innvilgetImage from '@fpsak-frontend/assets/images/innvilget_hover.svg?react';
+import keyUtgraetImage from '@fpsak-frontend/assets/images/key-1-rotert-utgraet.svg?react';
+import keyImage from '@fpsak-frontend/assets/images/key-1-rotert.svg?react';
 import vilkarUtfallType from '@fpsak-frontend/kodeverk/src/vilkarUtfallType';
 import { FlexColumn, FlexContainer, FlexRow, Image, VerticalSpacer } from '@fpsak-frontend/shared-components';
 import { Aksjonspunkt } from '@k9-sak-web/types';

diff --git a/packages/prosess-vilkar-overstyring/src/components/VilkarresultatMedOverstyringForm.tsx b/packages/prosess-vilkar-overstyring/src/components/VilkarresultatMedOverstyringForm.tsx
@@ -1,4 +1,4 @@
-import advarselIkonUrl from '@fpsak-frontend/assets/images/advarsel_ny.svg';
+import advarselIkonUrl from '@fpsak-frontend/assets/images/advarsel_ny.svg?react';
 import { behandlingForm, behandlingFormValueSelector } from '@fpsak-frontend/form';
 import aksjonspunktStatus from '@fpsak-frontend/kodeverk/src/aksjonspunktStatus';
 import BehandlingType from '@fpsak-frontend/kodeverk/src/behandlingType';