open-index/open-npm huggingface dataset:
npm package: @navikt/aksel-icons
Description: 800+ open source icons made by Aksel, Nav's design system team.
Author: Aksel | Nav
Latest version: 8.9.1

# Aksel icons

800+ open source icons made by Aksel, Nav's design system team.

- Designed for 24x24px
- Available in React and SVG
- Accessible with use of `title`-prop
- Suffixed with `Icon`

## Install

```bash
  yarn add @navikt/aksel-icons
  npm install @navikt/aksel-icons
```

## Use

For previous users of `@navikt/ds-icons`, this package utilizes the same API. The only difference is that the icons are suffixed with `Icon` to avoid naming conflicts and visual changes to the icons themselves.

```jsx
import { StarIcon } from "@navikt/aksel-icons";

function App() {
  return <StarIcon title="star" fontSize="1.5rem" />;
}
```

Tip: Use the `title` prop for accessible icons.

### Sizing

Each icon's `width` and `height` is default `1em`. This allows you to use the native `fontSize`-prop to adjust sizing. We recommend using at least 1.5rem/24px for the best possible visual representation.

```jsx
<StarIcon fontSize="1.5rem" />
```

### Direct svg-import

All icons are available in raw SVG-format behind `/svg`. Note that svg-files do not have the suffix `Icon`.

```js
import StarIcon from "@navikt/aksel-icons/svg/Star.svg";
```

If using typescript, TS might complain about not finding types related to the svg-format. Add a `*.d.ts` file with this declaration to fix this. (This was copied from next/image-types/global.d.ts since next solves this internally, but should work elsewhere)

```ts
declare module "*.svg" {
  /**
   * Use `any` to avoid conflicts with
   * `@svgr/webpack` plugin or
   * `babel-plugin-inline-react-svg` plugin.
   */
  const content: any;

  export default content;
}
```

## [Learn more](https://aksel.nav.no/ikoner)

## License

[MIT](https://github.com/navikt/aksel/blob/main/LICENSE)
npm package: @navikt/appstatus-react
Description: Sanity utils for sykdom i familien
Author: navikt
Latest version: 3.1.0

# appstatus-react

Sanity-kobling for informasjon om en applikasjon er tilgjengelig, ustabil eller utilgjengelig.

# Kjøre eksempel-app

Starter app som viser noen av komponentene

```
npm run dev
```
npm package: @navikt/appstatus-react-ds
Description: Sanity utils for sykdom i familien
Author: navikt
Latest version: 2.14.0

# @navitk/appstatus-react-ds

Sanity-kobling for informasjon om en applikasjon er tilgjengelig, ustabil eller utilgjengelig.

Baserer seg på @navikt/ds komponenter og styling.

# Kjøre eksempel-app

Starter app som viser noen av komponentene

```
yarn dev
```
npm package: @navikt/arbeidsplassen-buttons-poc
Description: Styling of buttons for Arbeidsplassen
Author: arbeidsplassen
Latest version: 0.0.1

# pam-frontend-core

> Styling og fellesvariabler for PAMs frontend-applikasjoner

[![NPM](https://img.shields.io/npm/v/pam-frontend-core.svg)](https://www.npmjs.com/package/pam-frontend-core)

## Start
For å starte applikasjonen første gang må du legge til en mappe /dist.
Fra /pam-frontend-core i terminalen:

```bash
mkdir dist
```
```bash
npm start
```

## Install

```bash
npm install --save pam-frontend-core
```

## License

MIT © [navikt](https://github.com/navikt)
npm package: @navikt/arbeidsplassen-core
Description: Styling og fellesvariabler for PAMs frontend-applikasjoner
Author: arbeidsplassen
Latest version: 2.0.0

# pam-frontend-core

> Styling og fellesvariabler for PAMs frontend-applikasjoner

[![NPM](https://img.shields.io/npm/v/pam-frontend-core.svg)](https://www.npmjs.com/package/pam-frontend-core)

## Start
For å starte applikasjonen første gang må du legge til en mappe /dist.
Fra /pam-frontend-core i terminalen:

```bash
mkdir dist
```
```bash
npm start
```

## Install

```bash
npm install --save pam-frontend-core
```

## License

MIT © [navikt](https://github.com/navikt)
npm package: @navikt/arbeidsplassen-footer
Description: Footer for Arbeidsplassen.no frontend-applikasjoner
Author: arbeidsplassen
Latest version: 3.0.0-0

# pam-frontend-footer

> Footer for PAMs frontend-applikasjoner

[![NPM](https://img.shields.io/npm/v/pam-frontend-footer.svg)](https://www.npmjs.com/package/pam-frontend-footer)

## Start
For å starte applikasjonen første gang må du legge til en mappe /dist.
Fra /pam-frontend-footer i terminalen:

```bash
mkdir dist
```
```bash
npm start
```

## Install

```bash
npm install --save pam-frontend-footer
```

## License

MIT © [navikt](https://github.com/navikt)
npm package: @navikt/arbeidsplassen-header
Description: Header for Arbeidsplassen.no frontend-applikasjoner
Author: arbeidsplassen
Latest version: 5.0.3

# pam-frontend-header

> Header for PAMs frontend-applikasjoner

[![NPM](https://img.shields.io/npm/v/pam-frontend-header.svg)](https://www.npmjs.com/package/pam-frontend-header)

## Start
For å starte applikasjonen første gang må du legge til en mappe /dist.
Fra /pam-frontend-header i terminalen:

```bash
mkdir dist
```
```bash
npm start
```

## Install

```bash
npm install --save pam-frontend-header
```

## License

MIT © [navikt](https://github.com/navikt)
npm package: @navikt/arbeidsplassen-knapper
Description: Knapper for Arbeidsplassen.no frontend-applikasjoner
Author: arbeidsplassen
Latest version: 2.0.2

# pam-frontend-knapper

> Knapper for PAMs frontend-applikasjoner

[![NPM](https://img.shields.io/npm/v/pam-frontend-knapper.svg)](https://www.npmjs.com/package/pam-frontend-knapper)

## Start
For å starte applikasjonen første gang må du legge til en mappe /dist.
Fra /pam-frontend-knapper i terminalen:

```bash
mkdir dist
```
```bash
npm start
```

## Install

```bash
npm install --save pam-frontend-knapper
```

## License

MIT © [navikt](https://github.com/navikt)
npm package: @navikt/arbeidsplassen-merkelapper
Description: Merkelapper for Arbeidsplassen.no frontend-applikasjoner
Author: arbeidsplassen
Latest version: 1.0.4

# pam-frontend-typografi

> Typografi for PAMs frontend-applikasjoner

[![NPM](https://img.shields.io/npm/v/pam-frontend-typografi.svg)](https://www.npmjs.com/package/pam-frontend-typografi)

## Start
For å starte applikasjonen første gang må du legge til en mappe /dist.
Fra /pam-frontend-typografi i terminalen:

```bash
mkdir dist
```
```bash
npm start
```

## Install

```bash
npm install --save pam-frontend-typografi
```

## License

MIT © [navikt](https://github.com/navikt)
npm package: @navikt/arbeidsplassen-typografi
Description: Typografi for Arbeidsplassen.no frontend-applikasjoner
Author: arbeidsplassen
Latest version: 3.0.1

# pam-frontend-typografi

> Typografi for PAMs frontend-applikasjoner

[![NPM](https://img.shields.io/npm/v/pam-frontend-typografi.svg)](https://www.npmjs.com/package/pam-frontend-typografi)

## Start
For å starte applikasjonen første gang må du legge til en mappe /dist.
Fra /pam-frontend-typografi i terminalen:

```bash
mkdir dist
```
```bash
npm start
```

## Install

```bash
npm install --save pam-frontend-typografi
```

## License

MIT © [navikt](https://github.com/navikt)
npm package: @navikt/craco-plugins
Description: Collection of useful craco-plugins
Author: NAV
Latest version: 2.0.0

# craco-plugins

Collection of useful craco-plugins

[![CircleCI](https://circleci.com/gh/navikt/craco-plugins/tree/master.svg?style=svg)](https://circleci.com/gh/navikt/craco-plugins/tree/master)
[![npm version](https://badge.fury.io/js/%40navikt%2Fcraco-plugins.svg)](https://www.npmjs.com/package/@navikt/craco-plugins)

### Plugins

#### ChangeCssFilename
Allows you to change the filenames of css-files outputted by create-react-app.
Most commonly used to remove the `[hash]`-part of filenames in cases where you need static resource-names.

The `filename` is passed to webpack, so any "variable" (e.g `[name]`, `[hash]` etc) can be used.

```
{
    plugin: ChangeCssFilename,
    options: {
        filename: 'my-filename.css' // optional, default filename: static/css/[name].css
    }
}
```



#### ChangeJsFilename
Allows you to change the filenames of js-files outputted by create-react-app.
Most commonly used to remove the `[hash]`-part of filenames in cases where you need static resource-names.
In order for webpack to generate a single file the plugin also disables vendor-chunking.

The `filename` is passed to webpack, so any "variable" (e.g `[name]`, `[hash]` etc) can be used.

```
{
    plugin: ChangeJsFilename,
    options: {
        filename: 'my-filename.js' // optional, default filename: static/js/[name].js
    }
}
```

#### ConfigurableProxyTarget
Augments create-react-app to allow passing a `--proxy http://localhost/` argument when starting the application locally.
Create-react-app does by default read the `proxy`-key in the package.json, but in some cases it may be useful
to have multiple proxy-targets.

```
{
    plugin: ConfigurableProxyTarget
}
```

In package.json
```
"proxy": "http://localhost:8080/",
"scripts": {
    "startCustom": "craco start --proxy http://localhost:7070
}
```

## Inqueries
For inquries please create a GitHub-issue. For NAV internal inqueries please contact Team Personoversikt on slack at #personoversikt-intern
npm package: @navikt/dekoratoren-webpack-plugin
Description: https://github.com/navikt/dekoratoren-webpack-plugin
Author: michael.johansen@nav.no
Latest version: 1.0.0


# Enkel plugin for å legge inn Nav-dekorator

Jeg skulle starte ett nytt prosjekt. Fant ut at vi
egentlig ikke trengte den i den flaten vi skulle bygge.

Er noen ting denne ikke gjør:
* Støtter ikke Nextjs. eller andre SSRs
* Støtter ikke switching mellom dev og prod
* Støtter ikke override av hvor vidt en bruker er autentisert eller ikke


## Bruk med craco bør være ganske greit overførbart til vanilla 
```craco.config.js
const NavDekoratorWebpackPlugin = require('nav-dekorator-webpack-plugin');
module.exports = {
  webpack: {
    plugins: [
      new NavDekoratorWebpackPlugin({
        overrideEnvSrc: /mitt-eget-endepunkt-for-auth,
        dekorator: {
          context: 'samarbeidspartner',
          simple: true,
          redirectToApp: true,
          level: 'Level4',
          language: 'norsk',
          feedback: false,
          chatbot: false,
        },
      })],
  },
  plugins: [
    {
      plugin: require('craco-less'),
    }
  ],
};
```



## Notater
Avhengig av at https://github.com/jantimon/html-webpack-plugin/ er installert.



### Lokal utvikling av pluginen
Jeg synes det er aller enklest å installere pakken i det repoet der du skal teste den.
Bare kjør denne kommandoen i dette repoet:
```
echo "npm install" $(pwd)
```
Også er det bare å bruke den kommandoen når du skal utvikle. NPM lager da en symlink til det lokale
repoet.
npm package: @navikt/digisyfo-npm
Description: Felleskomponenter for DigiSyfo - Digitalisering av sykefraværsoppfølgingen
Author: NAV
Latest version: 18.1.0

digisyfo-npm
================

Felles kode for digitalisering av sykefraværsoppfølgingen.

# Komme i gang

`npm install`

Kjør tester:

`npm test`

Kjøre tester kontinuerlig under utvikling. 

`npm run watch`

Se ellers flere kommandoer i `package.json`.

Bygges og deployes til npmjs fra lokalt 🙈

---

# Henvendelser

Spørsmål knyttet til koden eller prosjektet kan rettes mot:

* digisyfo@nav.no
* Meld inn issues i dette repoet

## For NAV-ansatte

Interne henvendelser kan sendes via Slack i kanalen #sykefravaer.
npm package: @navikt/ds-css
Description: CSS for Nav Designsystem
Author: Aksel | Nav designsystem team
Latest version: 8.9.1

# Aksel styling

CSS for Nav's design system.

- Css tokens (Colors, border, shadows etc.)
- Component styling for `@navikt/ds-react` packages
- Normalize.css v8
- Font loading

## Installation

```bash
  yarn add @navikt/ds-css
  npm install @navikt/ds-css
```

## Usage

Import styles once to make it accessible for your entire project. Typically you will add the following line to your root .tsx file:

```javascript
import "@navikt/ds-css";

function App() {
  return <Component />;
}
```

But you can import it in a .css-file as well:

```css
@import "@navikt/ds-css";
```

## Learn more

- [Docs](https://aksel.nav.no/komponenter)
- [Storybook](https://aksel.nav.no/storybook/)
- [ds-react README](https://github.com/navikt/aksel/blob/main/%40navikt/core/react/README.md)

## License

[MIT](https://github.com/navikt/aksel/blob/main/LICENSE)
npm package: @navikt/ds-css-internal
Description: CSS for NAV internal Designsystem-components
Author: Aksel | NAV designsystem team
Latest version: 3.4.3

# Deprecated!

CSS is moved to `@navikt/ds-css` in v4.0.0. [Read more about this in our changelog.](https://aksel.nav.no/grunnleggende/kode/endringslogg)

## Styling for "internal"-components

CSS-package with styling for `@navikt/ds-react-internal`.

Remember to use with `@navikt/ds-css`!

## Installation

```bash
  yarn add @navikt/ds-css-internal
  npm install @navikt/ds-css-internal
```

## Usage

Import styling for make it accessible. Only need to do this once.

```javascript
import "@navikt/ds-css-internal";

function App() {
  return <Component />;
}
```

## Learn more

- [Docs](https://aksel.nav.no/komponenter)
- [Storybook](https://aksel.nav.no/storybook/)

## License

[MIT](https://github.com/navikt/aksel/blob/main/LICENCE)
npm package: @navikt/ds-datepicker
Description: Datepicker with input and calendar. Based on @navikt/ds-react and @navikt/ds-css
Latest version: 4.2.0

# @navikt/ds-datepicker

Simple datepicker basert på react-day-picker
https://www.npmjs.com/package/react-day-picker

Denne er portet fra [nav.no](https://github.com/navikt/datovelger). Endringer i navikt/datovelger
blir ikke automatisk oppdatert her.

# Use

```javascript
import '@navikt/ds-datepicker/lib/index.css';

import { Datepicker, isISODateString } from '@navikt/ds-datepicker';

const BasicDatepicker = () => {
    const [date, setDate] = useState('');
    return <Datepicker onChange={setDato} value={date} />;
};

const AdvancedDatePicker = () => {
    const [date, setDate] = useState<string>;

    return (
        <Datepicker
            locale={'nb'}
            id="datepicker-input"
            label="Oppgi dato"
            value={date}
            inputName="inputName"
            onChange={setDate}
            error="En feilmelding"
            disabled={false}
            inputProps={{
                name: 'dateInput',
                'aria-invalid': date !== '' && isISODateString(date) === false,
            }}
            calendarSettings={{ showWeekNumbers: true }}
            showYearSelector={true}
            limitations={{
                weekendsNotSelectable: false,
                invalidDateRanges: [
                    {
                        from: '2020-04-10',
                        to: '2020-04-11',
                    },
                ],
                minDate: '2000-04-03',
                maxDate: '2020-12-12',
            }}
        />
    );
};
```

# Storybook

Starter storybook med enkelt eksempel som viser noe av funksjonaliteten

```
npm run storybook
```
npm package: @navikt/ds-icons
Description: Aksel icons for NAV
Author: Aksel | NAV designsystem team
Latest version: 3.4.3

# Deprecated!

Package will no longer be updated or versioned. Check out our new icon-package [@navikt/aksel-icons](https://npmjs.com/package/@navikt/aksel-icons).

Documentation: https://aksel.nav.no/ikoner

## Icons

Lagacy-icons created and previously used by NAVs designsystem

## End of life

This package will not recieve any new icons and we recommend transitioning over to our new icon-package [@navikt/aksel-icons](https://npmjs.com/package/@navikt/aksel-icons).

## Installation

```bash
  yarn add @navikt/ds-icons
  npm install @navikt/ds-icons
```

## Usage

Use as a regular React-component.

Tip: Use the `title` prop for accessible icons.

```javascript
import { Star } from "@navikt/ds-icons";

function App() {
  return <Star title="star" />;
}
```

## Learn more

- [Docs](https://aksel.nav.no/komponenter)
- [Storybook](https://aksel.nav.no/storybook/)
- [Icon-search](https://aksel.nav.no/ikoner)

## License

[MIT](https://github.com/navikt/aksel/blob/main/LICENCE)
npm package: @navikt/ds-react
Description: React components from the Norwegian Labour and Welfare Administration.
Author: Aksel, a team part of the Norwegian Labour and Welfare Administration.
Latest version: 8.9.1

# Aksel React-components

React-components for Nav's design system.

- Uses styling defined in `@navikt/ds-css`
- All components are implemented with React.forwardRef!
- Most components extend native html-elements.

## Installation

```bash
  yarn add @navikt/ds-react
  npm install @navikt/ds-react
```

## Usage

Remember to also import `@navikt/ds-css` for styling!

```javascript
import { Button } from "@navikt/ds-react";

function App() {
  return <Button variant="secondary">Click me!</Button>;
}
```

## Learn more

- [Docs](https://aksel.nav.no/komponenter)
- [Storybook](https://aksel.nav.no/storybook/)
- [ds-css README](https://github.com/navikt/aksel/blob/main/%40navikt/core/css/README.md)

## License

[MIT](https://github.com/navikt/aksel/blob/main/LICENSE)
npm package: @navikt/ds-react-internal
Description: Aksel react components for internal UIs in NAV
Author: Aksel | NAV designsystem team
Latest version: 3.4.3

# Deprecated!

React-code is moved to `@navikt/ds-react` in v4.0.0. [Read more about this in our changelog.](https://aksel.nav.no/grunnleggende/kode/endringslogg)

## Aksel React-components for "internal"-solutions

NAVs designsystem React-components used for more internal facing surfaces.

- Uses styling from `@navikt/ds-css` and `@navikt/ds-internal-css`
- All components implemented with React.forwardRef!
- Most components extend native html-elements.

## Installation

```bash
  yarn add @navikt/ds-react-internal
  npm install @navikt/ds-react-internal
```

## Usage

Remember to also import @navikt/ds-css and @navikt/ds-css-internal to apply styling!

```javascript
import { Header } from "@navikt/ds-react-internal";

function App() {
  return (
    <Header>
      <Header.Title as="h1">Title</Header.Title>
    </Header>
  );
}
```

## Learn more

- [Docs](https://aksel.nav.no/komponenter)
- [Storybook](https://aksel.nav.no/storybook/)

## License

[MIT](https://github.com/navikt/aksel/blob/main/LICENCE)
npm package: @navikt/ds-tailwind
Description: Tailwind config based on @navikt/ds-tokens
Author: Aksel | Nav designsystem team
Latest version: 8.9.1

# Aksel tailwind-preset

Custom tailwind-preset based on `@navikt/ds-tokens`.

## Installation

```bash
  yarn add @navikt/ds-tailwind
  npm install @navikt/ds-tailwind
```

## Usage

```javascript
// tailwind.config.js

module.exports = {
  presets: [require("@navikt/ds-tailwind")],
};
```

## Learn more

- [Docs](https://aksel.nav.no/komponenter)
- [Storybook](https://aksel.nav.no/storybook/)

## License

[MIT](https://github.com/navikt/aksel/blob/main/LICENSE)
npm package: @navikt/ds-tokens
Description: Design-tokens for Nav designsystem
Author: Aksel | Nav designsystem team
Latest version: 8.9.1

# Aksel tokens

Design-tokens for Nav's design system.

Node: This package is consumed by `@navikt/ds-css`, so not needed separately for regular use of CSS-variables.

Formats:

- CSS-variables <- Used in `@navikt/ds-css`
- CommonJS
- ESM
- Less
- Sass

## Installation

```bash
  yarn add @navikt/ds-tokens
  npm install @navikt/ds-tokens
```

## Usage

```css
color: var(--a-text-default);
background-color: var(--a-surface-default);
```

## Learn more

- [Docs](https://aksel.nav.no/komponenter)
- [Storybook](https://aksel.nav.no/storybook/)

## License

[MIT](https://github.com/navikt/aksel/blob/main/LICENSE)
npm package: @navikt/ekstra-omsorgsdager-andre-forelder-ikke-tilsyn
Description: Søknad om ekstra omsorgsdager når den andre forelderen ikke kan ha tilsyn med barn
Author: NAV
Latest version: 1.2.1

# Søknad om ekstra omsorgsdager når den andre forelderen ikke kan ha tilsyn med barn (Søknad om ekstra omsorgsdager)

# Før: Søknad om å bli regnet som alene om omsorgen for barn

## Komme i gang

For å kjøre opp app-en i dev:

1.  `npm install`.
2.  `npm run dev`.

For å kjøre enhetstester:

1.  `npm install && npm test`.

## Henvendelser

Spørsmål knyttet til koden eller prosjektet kan stilles som issues her på GitHub.

Interne henvendelser kan sendes via Slack i kanalen #sif-brukerdialog

## Icon License

This project uses [Streamline Icons](http://www.streamlineicons.com/). If you use them in your project please adhere to the [Streamline Icons license agreement](http://www.streamlineicons.com/license.html).
npm package: @navikt/familie-backend
Description: Skall for familieytelsenes frontend
Author: NAV
Latest version: 5.0.31

# Familie backend

Node.js backend med express for familie frontend apper.
Setter opp en express app med azure autentisering og logging.
Kan konfigureres til å bruke redis gjennom egen konfigurasjon.

> 💡 Ser du etter [dokumentasjon](https://navikt.github.io/familie-felles-frontend/?path=/story/backend-server--page)?

## Installasjon

```sh
npm install @navikt/familie-backend
# eller hvis du bruker yarn:
yarn add @navikt/familie-backend
```

## Miljøvariabler

Pakken krever noen miljøvariabler:

```sh
SESSION_SECRET='<any string of length 32>'

CLIENT_ID='<application_id from aad app>'
CLIENT_SECRET='<KEY from aad app>'

COOKIE_KEY1='<any string of length 32>'
COOKIE_KEY2='<any string of length 32>'

AAD_DISCOVERY_URL='<Azure discovery URL>'
AAD_LOGOUT_REDIRECT_URL='<Azure logout URL>'
AAD_REDIRECT_URL='<Azure redirect URL>'

LOG_LEVEL='info' | 'debug' - ikke påkrevd
```
npm package: @navikt/familie-clipboard
Description: Clipboard komponent som kan brukes for å vise og kopiere tekst.
Author: NAV
Latest version: 3.1.7

# Clipboard

Clipboard komponent som kan brukes for å vise og kopiere tekst.

## Installasjon

```sh
npm install @navikt/familie-clipboard
# eller hvis du bruker yarn:
yarn add @navikt/familie-clipboard
```
npm package: @navikt/familie-dokumentliste
Description: Komponent for å liste opp dokumenter fra joark tilknyttet en sak i saksbehandlingsløsningen. Passer inn i en høyremeny. Tar inn `onClick`-funksjon som kan brukes for nedlasting (denne logikken må ligge der komponenten skal brukes)
Author: NAV
Latest version: 1.0.15

# Vedlegg

Komponent for å liste opp dokumenter fra joark tilknyttet en sak i saksbehandlingsløsningen.
Passer inn i en høyremeny. Tar inn `onClick`-funksjon som kan brukes for nedlasting (denne logikken må ligge der komponenten skal brukes)

> 💡 Ser du etter [dokumentasjon](https://navikt.github.io/familie-felles-frontend/?path=/docs/komponenter-dokumentliste--standard)?

## Installasjon

```sh
npm install @navikt/familie-dokumentliste
# eller hvis du bruker yarn:
yarn add @navikt/familie-dokumentliste
```
npm package: @navikt/familie-endringslogg
Description: Komponent for endringslogg for team familie.
Author: NAV
Latest version: 1.2.2

# Endringslogg

Komponent for endringslogg for team familie.

> 💡 Ser du etter [dokumentasjon](https://navikt.github.io/familie-felles-frontend/?path=/docs/komponenter-endringslogg--standard)?

## Installasjon

```sh
npm install @navikt/familie-endringslogg
# eller hvis du bruker yarn:
yarn add @navikt/familie-endringslogg
```
npm package: @navikt/familie-form-elements
Description: Pakke for form-elements for team familie.
Author: NAV
Latest version: 3.2.4

#Form-elements

Pakke for form-elements for team familie.

## Installasjon

```sh
npm install @navikt/familie-form-elements
# eller hvis du bruker yarn:
yarn add @navikt/familie-form-elements
```

Besøk [docs](https://navikt.github.io/familie-felles-frontend) for dokumentasjon.
npm package: @navikt/familie-header
Description: En header komponent med søkefelt. Dens utseende kan tilpasses for forskjellige prosjekter.
Author: NAV
Latest version: 3.2.2

# Header komponent
En header komponent med søkefelt. Dens utseende kan tilpasses for forskjellige prosjekter.

## Installasjon

```sh
npm install @navikt/familie-header
# or if you use yarn:
yarn add @navikt/familie-header
```
npm package: @navikt/familie-sprakvelger
Description: Språkvelger for familie
Author: NAV
Latest version: 2.0.30

# Typer

Språkvelger for familie

## Installasjon

```sh
npm install @navikt/familie-sprakvelger
# eller hvis du bruker yarn:
yarn add @navikt/familie-sprakvelger
```

## Anvendelse

Wrap appen din i <SpråkProvider>, se storybook for eksempel.
npm package: @navikt/familie-visittkort
Description: Komponent for visittkort for team familie.
Author: NAV
Latest version: 2.1.28

# Visittkort

Komponent for visittkort for team familie.

> 💡 Ser du etter [dokumentasjon](https://navikt.github.io/familie-felles-frontend/?path=/docs/komponenter-visittkort--standard)?

## Installasjon

```sh
npm install @navikt/familie-visittkort
# eller hvis du bruker yarn:
yarn add @navikt/familie-visittkort
```
npm package: @navikt/fnrvalidator
Description: Validation for Norwegian national id numbers ("fødselsnummer" and "d-nummer")
Author: NAV
Latest version: 2.2.1

fnrvalidator
================


![](https://github.com/navikt/fnrvalidator/workflows/master/badge.svg)
[![npm version](https://badge.fury.io/js/%40navikt%2Ffnrvalidator.svg)](https://badge.fury.io/js/%40navikt%2Ffnrvalidator)

Validering for fødselsnummer, D-nummer, H-nummer og nummer generert av Test Norge (T-nummer). Alle fødselsnumre som forekommer her er autogenererte.

# Komme i gang

### Installasjon
```
npm install @navikt/fnrvalidator
```

### Bruk
```
import { fnr, dnr, hnr, tnr, dnrAndHnr } from '@navikt/fnrvalidator'
```

```
const fnr = fnr('12345678910')
const dnr = dnr('52345678910')
const hnr = hnr('13527248013')
const tnr = tnr('10915596784')
const dnrAndHnr = validator.dnrAndHnr('68467038838')
// eller
const validationResult = idnr('12345678910')
const validationResult = idnr('52345678910')
const validationResult = idnr('13527248013')
const validationResult = idnr('10915596784')
const validationResult = idnr('68467038838')
```

### Resultat
```
{
   status: "valid"
   type: "fnr" || "dnr" || "hnr" || "tnr" || "dnrAndHnr"
}
```

eller 

```
{
   status: "invalid",
   reasons: ["some reason", "another reason"]
}
```

---


### Bygg og publisering
For å publisere en ny npm-pakke, lag en [release](https://github.com/navikt/fnrvalidator/releases) her på GitHub. En workflow vil plukke opp den nye releasen og publisere. Versjonen på pakken blir den samme som i `package.json`, så husk å oppdatere der først.

# Henvendelser

Spørsmål knyttet til koden eller prosjektet kan stilles som issues her på GitHub.