Skip to content

Commit 6a0b76e

Browse files
frodehansen2frodehansen2
committed
Rename komponent
1 parent e415be5 commit 6a0b76e

File tree

11 files changed

+33
-33
lines changed

11 files changed

+33
-33
lines changed

‎apps/ekstra-omsorgsdager-andre-forelder-ikke-tilsyn/src/app/pages/kvittering/KvitteringPage.tsx

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { Link } from '@navikt/ds-react';
2-
import { Checklist } from '@navikt/sif-common-core-ds';
2+
import { Infolist } from '@navikt/sif-common-core-ds';
33
import Page from '@navikt/sif-common-core-ds/src/components/page/Page';
44
import { useEffectOnce } from '@navikt/sif-common-hooks';
55
import { Kvittering } from '@navikt/sif-common-soknad-ds';
@@ -19,7 +19,7 @@ const KvitteringPage = () => {
1919
return (
2020
<Page title={text('application.title')}>
2121
<Kvittering tittel={text('kvittering.tittel')}>
22-
<Checklist heading={text('kvittering.info.tittel')}>
22+
<Infolist heading={text('kvittering.info.tittel')}>
2323
<li>
2424
<AppText id="kvittering.info.1" />
2525
</li>
@@ -38,7 +38,7 @@ const KvitteringPage = () => {
3838
}}
3939
/>
4040
</li>
41-
</Checklist>
41+
</Infolist>
4242
</Kvittering>
4343
</Page>
4444
);

‎apps/omsorgsdager-aleneomsorg-dialog/src/app/pages/kvittering/KvitteringPage.tsx

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import { Link } from '@navikt/ds-react';
22
import React from 'react';
3-
import { Checklist } from '@navikt/sif-common-core-ds';
3+
import { Infolist } from '@navikt/sif-common-core-ds';
44
import Page from '@navikt/sif-common-core-ds/src/components/page/Page';
55
import { useEffectOnce } from '@navikt/sif-common-hooks';
66
import { Kvittering } from '@navikt/sif-common-soknad-ds';
@@ -19,7 +19,7 @@ const KvitteringPage = () => {
1919
return (
2020
<Page title={text('application.title')}>
2121
<Kvittering tittel={text('kvittering.tittel')}>
22-
<Checklist heading={text('kvittering.info.tittel')}>
22+
<Infolist heading={text('kvittering.info.tittel')}>
2323
<li>
2424
<AppText id="kvittering.info.1" />
2525
</li>
@@ -38,7 +38,7 @@ const KvitteringPage = () => {
3838
}}
3939
/>
4040
</li>
41-
</Checklist>
41+
</Infolist>
4242
</Kvittering>
4343
</Page>
4444
);

‎apps/omsorgspengerutbetaling-arbeidstaker-soknad/src/app/pages/kvittering/KvitteringPage.tsx

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import { Alert, Button, VStack } from '@navikt/ds-react';
22
import { Søker } from '@navikt/sif-common-api';
33
import Block from '@navikt/sif-common-core-ds/src/atoms/block/Block';
4-
import Checklist from '@navikt/sif-common-core-ds/src/components/lists/checklist/Checklist';
4+
import Infolist from '@navikt/sif-common-core-ds/src/components/lists/infolist/Infolist';
55
import Page from '@navikt/sif-common-core-ds/src/components/page/Page';
66
import { useEffectOnce } from '@navikt/sif-common-hooks';
77
import { Kvittering } from '@navikt/sif-common-soknad-ds/src';
@@ -34,7 +34,7 @@ const KvitteringPage = ({ søker, kvitteringInfo }: Props) => {
3434
</Block>
3535
</Alert>
3636
<VStack gap="8">
37-
<Checklist heading={text('page.confirmation.undertittel')}>
37+
<Infolist heading={text('page.confirmation.undertittel')}>
3838
<li>
3939
<AppText id="page.conformation.alert.info.1" />
4040
</li>
@@ -47,7 +47,7 @@ const KvitteringPage = ({ søker, kvitteringInfo }: Props) => {
4747
<li>
4848
<AppText id="page.conformation.alert.info.4" />
4949
</li>
50-
</Checklist>
50+
</Infolist>
5151

5252
<VStack align="center" className="kvittering-print-button">
5353
<Button

‎apps/omsorgspengerutbetaling-soknad/src/app/pages/kvittering/KvitteringPage.tsx

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { Link } from '@navikt/ds-react';
2-
import Checklist from '@navikt/sif-common-core-ds/src/components/lists/checklist/Checklist';
2+
import Infolist from '@navikt/sif-common-core-ds/src/components/lists/infolist/Infolist';
33
import Page from '@navikt/sif-common-core-ds/src/components/page/Page';
44
import { useEffectOnce } from '@navikt/sif-common-hooks';
55
import { Kvittering } from '@navikt/sif-common-soknad-ds/src';
@@ -18,7 +18,7 @@ const KvitteringPage = () => {
1818
return (
1919
<Page title={text('page.kvittering.sidetittel')}>
2020
<Kvittering tittel={text('page.kvittering.tittel')}>
21-
<Checklist heading={text('page.kvittering.info.tittel')}>
21+
<Infolist heading={text('page.kvittering.info.tittel')}>
2222
<li>
2323
<AppText id="page.kvittering.info.1" />
2424
</li>
@@ -37,7 +37,7 @@ const KvitteringPage = () => {
3737
}}
3838
/>
3939
</li>
40-
</Checklist>
40+
</Infolist>
4141
</Kvittering>
4242
</Page>
4343
);

‎apps/omsorgspengesoknad/src/app/pages/kvittering/KvitteringPage.tsx

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import { Link } from '@navikt/ds-react';
22
import { useIntl } from 'react-intl';
3-
import Checklist from '@navikt/sif-common-core-ds/src/components/lists/checklist/Checklist';
3+
import Infolist from '@navikt/sif-common-core-ds/src/components/lists/infolist/Infolist';
44
import Page from '@navikt/sif-common-core-ds/src/components/page/Page';
55
import { useEffectOnce } from '@navikt/sif-common-hooks';
66
import { Kvittering } from '@navikt/sif-common-soknad-ds/src';
@@ -21,7 +21,7 @@ const KvitteringPage = () => {
2121
return (
2222
<Page title={text('page.kvittering.sidetittel')}>
2323
<Kvittering tittel={text('page.kvittering.tittel')}>
24-
<Checklist heading={text('page.kvittering.info.tittel')}>
24+
<Infolist heading={text('page.kvittering.info.tittel')}>
2525
<li>
2626
<AppText id="page.kvittering.info.1" />
2727
</li>
@@ -41,7 +41,7 @@ const KvitteringPage = () => {
4141
</Link>
4242
</p>
4343
</li>
44-
</Checklist>
44+
</Infolist>
4545
</Kvittering>
4646
</Page>
4747
);

‎apps/opplaringspenger-soknad/src/app/pages/kvittering/KvitteringPage.tsx

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { Link } from '@navikt/ds-react';
2-
import Checklist from '@navikt/sif-common-core-ds/src/components/lists/checklist/Checklist';
2+
import Infolist from '@navikt/sif-common-core-ds/src/components/lists/infolist/Infolist';
33
import Page from '@navikt/sif-common-core-ds/src/components/page/Page';
44
import { Kvittering } from '@navikt/sif-common-soknad-ds/src';
55
import { AppText, useAppIntl } from '../../i18n';
@@ -16,7 +16,7 @@ const KvitteringPage = ({ kvitteringInfo }: Props) => {
1616
return (
1717
<Page title={text('page.kvittering.sidetittel')}>
1818
<Kvittering tittel={text('page.kvittering.tittel')}>
19-
<Checklist heading={text('page.kvittering.info.tittel')}>
19+
<Infolist heading={text('page.kvittering.info.tittel')}>
2020
{kvitteringInfo?.arbeidsgivere && (
2121
<li>
2222
<AppText
@@ -45,7 +45,7 @@ const KvitteringPage = ({ kvitteringInfo }: Props) => {
4545
}}
4646
/>
4747
</li>
48-
</Checklist>
48+
</Infolist>
4949
</Kvittering>
5050
</Page>
5151
);

‎apps/pleiepenger-i-livets-sluttfase-soknad/src/app/pages/kvittering/KvitteringPage.tsx

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { Link } from '@navikt/ds-react';
2-
import Checklist from '@navikt/sif-common-core-ds/src/components/lists/checklist/Checklist';
2+
import Infolist from '@navikt/sif-common-core-ds/src/components/lists/infolist/Infolist';
33
import Page from '@navikt/sif-common-core-ds/src/components/page/Page';
44
import { useEffectOnce } from '@navikt/sif-common-hooks';
55
import { Kvittering } from '@navikt/sif-common-soknad-ds/src';
@@ -24,7 +24,7 @@ const KvitteringPage = ({ kvitteringInfo }: Props) => {
2424
return (
2525
<Page title={text('page.kvittering.sidetittel')}>
2626
<Kvittering tittel={text('page.kvittering.tittel')}>
27-
<Checklist heading={text('page.kvittering.info.tittel')}>
27+
<Infolist heading={text('page.kvittering.info.tittel')}>
2828
{kvitteringInfo?.arbeidsgivere && (
2929
<li>
3030
<AppText
@@ -48,7 +48,7 @@ const KvitteringPage = ({ kvitteringInfo }: Props) => {
4848
}}
4949
/>
5050
</li>
51-
</Checklist>
51+
</Infolist>
5252
</Kvittering>
5353
</Page>
5454
);

‎apps/sif-ettersending/src/app/pages/kvittering-page/KvitteringPage.tsx

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { Link } from '@navikt/ds-react';
2-
import { Checklist } from '@navikt/sif-common-core-ds/src';
2+
import { InfoList } from '@navikt/sif-common-core-ds/src';
33
import Page from '@navikt/sif-common-core-ds/src/components/page/Page';
44
import { Kvittering } from '@navikt/sif-common-soknad-ds/src';
55
import { AppText, useAppIntl } from '../../i18n';
@@ -31,7 +31,7 @@ const KvitteringPage = ({ søknadstype, dokumenttype }: Props) => {
3131
? 'page.confirmation.psb.legeerklæring.tittel'
3232
: 'page.confirmation.generell.tittel',
3333
)}>
34-
<Checklist>
34+
<Infolist
3535
<li>
3636
<AppText
3737
id={
@@ -48,7 +48,7 @@ const KvitteringPage = ({ søknadstype, dokumenttype }: Props) => {
4848
}}
4949
/>
5050
</li>
51-
</Checklist>
51+
</Infolist
5252
</Kvittering>
5353
</Page>
5454
);

‎packages/sif-common-core-ds/src/components/lists/checklist/Checklist.tsx ‎packages/sif-common-core-ds/src/components/lists/infolist/Infolist.tsx

+4-4
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,20 @@
11
import { Heading, VStack } from '@navikt/ds-react';
2-
import './checklist.scss';
2+
import './infolist.scss';
33

44
interface Props extends React.HTMLAttributes<HTMLUListElement> {
55
heading?: string;
66
headingLevel?: '2' | '3';
77
}
88

9-
const Checklist = ({ heading, headingLevel = '2', ...rest }: Props) => (
9+
const Infolist = ({ heading, headingLevel = '2', ...rest }: Props) => (
1010
<VStack gap="4">
1111
{heading && (
1212
<Heading size="medium" level={headingLevel}>
1313
{heading}
1414
</Heading>
1515
)}
16-
<ul {...rest} className={`checklist ${rest.className ? rest.className : ''}`} />
16+
<ol {...rest} className={`infolist ${rest.className ? rest.className : ''}`} />
1717
</VStack>
1818
);
1919

20-
export default Checklist;
20+
export default Infolist;

‎packages/sif-common-core-ds/src/components/lists/checklist/checklist.scss ‎packages/sif-common-core-ds/src/components/lists/infolist/infolist.scss

+4-4
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,17 @@
1-
ul.checklist {
1+
ol.infolist {
22
margin: 0.5rem 0;
33
padding: 0 0 0 1.5rem;
44
}
5-
ul.checklist li {
5+
ol.infolist li {
66
list-style: none;
77
margin-bottom: 1rem;
88
padding-left: 1.5rem;
99
margin-bottom: 1.5rem;
1010
}
11-
ul.checklist li:last-child {
11+
ol.infolist li:last-child {
1212
margin-bottom: 0;
1313
}
14-
ul.checklist li:before {
14+
ol.infolist li:before {
1515
content: '';
1616
display: block;
1717
width: 2rem;

‎packages/sif-common-core-ds/src/index.ts

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
export { default as Checklist } from './components/lists/checklist/Checklist';
1+
export { default as Infolist } from './components/lists/infolist/Infolist';
22
export { default as FormikFileUpload } from './components/formik-file-upload/FormikFileUpload';
33
export { default as VedleggList } from './components/vedlegg-list/VedleggList';
44
export { default as VedleggSummaryList } from './components/vedlegg-summary-list/VedleggSummaryList';

0 commit comments

Comments
 (0)