Version Packages (#1720)

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

.changeset/README.md

@@ -1,6 +1,6 @@
 # Changesets
 
-For versjonering bruker vi løsningen [Changesets](https://github.com/changesets/changesets) for å [versjonering](https://semver.org/) og publisering av pakker.
+For versjonering bruker vi løsningen [Changesets](https://github.com/changesets/changesets) for [versjonering](https://semver.org/) og publisering av pakker.
 
 ## Howto
 

.changeset/config.json

@@ -21,7 +21,7 @@
   "access": "public",
   "baseBranch": "master",
   "updateInternalDependencies": "patch",
-  "ignore": ["nextjs-demo", "shadow-dom", "aksel.nav.no"],
+  "ignore": ["shadow-dom", "aksel.nav.no"],
 
   "___experimentalUnsafeOptions_WILL_CHANGE_IN_PATCH": {
     "updateInternalDependents": "always"

.gitignore

@@ -139,7 +139,6 @@ _docs.json
 !*/sanity/lib/
 !*/sanity/static/
 out
-test-urls.json
 videos
 sanity/scripts/renameField.js
 tmp.json

.husky/pre-commit

@@ -1,4 +1,4 @@
 #!/bin/sh
 . "$(dirname $0)/_/husky.sh"
 
-yarn pretty-quick --staged
+yarn pretty-quick --staged && yarn lint-staged

.husky/pre-push

@@ -1,4 +0,0 @@
-#!/bin/sh
-. "$(dirname $0)/_/husky.sh"
-
-yarn lint

@navikt/codemod/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @navikt/ds-codemod
 
+## 1.5.10
+
+## 1.5.9
+
+## 1.5.8
+
 ## 1.5.7
 
 ## 1.5.6

@navikt/codemod/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-codemod",
-  "version": "1.5.7",
+  "version": "1.5.10",
   "description": "NAV designsystem codemods",
   "author": "NAV Designsystem team",
   "license": "MIT",

@navikt/core/css/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @navikt/ds-css
 
+## 1.5.10
+
+## 1.5.9
+
+### Patch Changes
+
+- 4px -> 2px gap chips-toggle active
+
+## 1.5.8
+
 ## 1.5.7
 
 ## 1.5.6

@navikt/core/css/chips.css

@@ -38,10 +38,6 @@
   background-color: var(--ac-chip-toggle-bg, rgb(0 0 0 / 0.055));
 }
 
-.navds-chips--small .navds-chips__toggle {
-  gap: var(--navds-spacing-1);
-}
-
 .navds-chips__toggle:hover {
   box-shadow: inset 0 0 0 1px var(--ac-chip-toggle-border-hover, var(--navds-global-color-gray-600));
   background-color: var(--ac-chip-toggle-bg-hover, rgb(0 0 0 / 0.1));

@navikt/core/css/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-css",
-  "version": "1.5.7",
+  "version": "1.5.10",
   "description": "Css for NAV Designsystem components",
   "author": "NAV Designsystem team",
   "keywords": [
@@ -20,7 +20,7 @@
     "watch": "postcss --watch --use postcss-import -o dist/index.css index.css"
   },
   "devDependencies": {
-    "@navikt/ds-tokens": "^1.5.7",
+    "@navikt/ds-tokens": "^1.5.10",
     "normalize.css": "^8.0.1",
     "postcss": "^8.4.0",
     "postcss-cli": "^9.0.0",

@navikt/core/react/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @navikt/ds-react
 
+## 1.5.10
+
+### Patch Changes
+
+- [#1717](https://github.com/navikt/Designsystemet/pull/1717) [`d9352982d`](https://github.com/navikt/Designsystemet/commit/d9352982d42d5d12a9c5fc345e546f57c753738d) Thanks [@vebnor](https://github.com/vebnor)! - Fikset parentSelector prop i Modal
+
+- Updated dependencies []:
+  - @navikt/ds-icons@1.5.10
+
+## 1.5.9
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @navikt/ds-icons@1.5.9
+
+## 1.5.8
+
+### Patch Changes
+
+- console.log removed
+
+- Updated dependencies []:
+  - @navikt/ds-icons@1.5.8
+
 ## 1.5.7
 
 ### Patch Changes

@navikt/core/react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-react",
-  "version": "1.5.7",
+  "version": "1.5.10",
   "description": "NAV designsystem react components",
   "author": "NAV Designsystem team",
   "license": "MIT",
@@ -37,7 +37,7 @@
   },
   "dependencies": {
     "@floating-ui/react-dom-interactions": "0.9.2",
-    "@navikt/ds-icons": "^1.5.7",
+    "@navikt/ds-icons": "^1.5.10",
     "@radix-ui/react-tabs": "1.0.0",
     "@radix-ui/react-toggle-group": "1.0.0",
     "clsx": "^1.2.1",

@navikt/core/react/src/date/hooks/useDatepicker.tsx

@@ -283,9 +283,6 @@ export const useDatepicker = (
     };
   }, [escape]);
 
-  /* console.log(month); */
-  console.log(month);
-
   const datepickerProps = {
     month,
     onMonthChange: (month) => setMonth(month),

@navikt/core/react/src/modal/Modal.tsx

@@ -104,14 +104,19 @@ export const Modal = forwardRef<ReactModal, ModalProps>(
       }
     };
 
+    const getParentSelector = () => {
+      if (parentSelector) {
+        return parentSelector;
+      }
+      return rootElement !== undefined
+        ? () => rootElement as HTMLElement
+        : undefined;
+    };
+
     return (
       <ReactModal
         {...rest}
-        parentSelector={
-          parentSelector ?? rootElement !== undefined
-            ? () => rootElement as HTMLElement
-            : undefined
-        }
+        parentSelector={getParentSelector()}
         style={style}
         isOpen={open}
         ref={mergedRef}

@navikt/core/react/src/modal/modal.stories.tsx

@@ -20,17 +20,10 @@ export const Default = (props) => {
   return (
     <>
       <Button onClick={() => setOpen(true)}>Open Modal</Button>
-      <p>
-        We can also custom style the modal by passing in a react-modal style
-        object. Here the backdrop is red.
-      </p>
       <Modal
         open={open}
         onClose={() => setOpen(false)}
         aria-labelledby="header123"
-        style={{
-          overlay: { backgroundColor: "#ff0000aa" },
-        }}
         {...props}
       >
         <Modal.Content>
@@ -51,3 +44,36 @@ Default.args = {
   shouldCloseOnOverlayClick: true,
   closeButton: true,
 };
+
+export const ParentSelector = () => {
+  const [open, setOpen] = useState(true);
+
+  useEffect(() => {
+    Modal.setAppElement?.("#root");
+  }, []);
+
+  const parentEl = document.getElementById("custom-container");
+
+  return (
+    <>
+      <div id="custom-container" />
+      <Button onClick={() => setOpen(true)}>Open Modal</Button>
+      <Modal
+        open={open}
+        onClose={() => setOpen(false)}
+        aria-labelledby="header123"
+        parentSelector={parentEl ? () => parentEl : undefined}
+      >
+        <Modal.Content>
+          <Heading spacing id="header123" level="1" size="large">
+            Header
+          </Heading>
+          <Heading spacing level="2" size="medium">
+            Header
+          </Heading>
+          <BodyLong>Voluptate laboris mollit dolore qui. Magna elit.</BodyLong>
+        </Modal.Content>
+      </Modal>
+    </>
+  );
+};

@navikt/core/tailwind/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @navikt/ds-tailwind
 
+## 1.5.10
+
+## 1.5.9
+
+## 1.5.8
+
 ## 1.5.7
 
 ## 1.5.6

@navikt/core/tailwind/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-tailwind",
-  "version": "1.5.7",
+  "version": "1.5.10",
   "description": "Auto-generated tailwind config based on @navikt/ds-tokens",
   "author": "NAV Designsystem team",
   "keywords": [
@@ -22,7 +22,7 @@
     "directory": "@navikt/core/tailwind"
   },
   "devDependencies": {
-    "@navikt/ds-tokens": "^1.5.7",
+    "@navikt/ds-tokens": "^1.5.10",
     "@types/jest": "^29.0.0",
     "@types/node": "^17.0.35",
     "jest": "^29.0.0",

@navikt/core/tailwind/src/index.ts

@@ -31,5 +31,3 @@ const config = {
 const outputString = `module.exports = ${JSON.stringify(config, null, 2)};`;
 
 writeFileSync("tailwind.config.js", outputString);
-
-console.log("Success: Tailwind config ");

@navikt/core/tokens/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @navikt/ds-tokens
 
+## 1.5.10
+
+## 1.5.9
+
+## 1.5.8
+
 ## 1.5.7
 
 ## 1.5.6

@navikt/core/tokens/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-tokens",
-  "version": "1.5.7",
+  "version": "1.5.10",
   "description": "Auto-generated design-tokens for NAV design-systems framework",
   "author": "NAV Designsystem team",
   "keywords": [
@@ -17,7 +17,7 @@
     "/tailwind"
   ],
   "scripts": {
-    "build": "node ./build.js",
+    "build": "node ./build.js > /dev/null",
     "watch": "nodemon --watch src/index.js --exec \"yarn build\"",
     "token": "style-dictionary build",
     "test": "jest",

@navikt/icons/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @navikt/ds-icons
 
+## 1.5.10
+
+## 1.5.9
+
+## 1.5.8
+
 ## 1.5.7
 
 ## 1.5.6

@navikt/icons/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-icons",
-  "version": "1.5.7",
+  "version": "1.5.10",
   "description": "Aksel icons",
   "repository": {
     "type": "git",

@navikt/internal/css/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @navikt/ds-css-internal
 
+## 1.5.10
+
+## 1.5.9
+
+## 1.5.8
+
 ## 1.5.7
 
 ## 1.5.6

@navikt/internal/css/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-css-internal",
-  "version": "1.5.7",
+  "version": "1.5.10",
   "description": "Css for NAV internal Designsystem components",
   "author": "NAV Designsystem team",
   "keywords": [

@navikt/internal/react/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @navikt/ds-react-internal
 
+## 1.5.10
+
+### Patch Changes
+
+- Updated dependencies [[`d9352982d`](https://github.com/navikt/Designsystemet/commit/d9352982d42d5d12a9c5fc345e546f57c753738d)]:
+  - @navikt/ds-react@1.5.10
+  - @navikt/ds-icons@1.5.10
+
+## 1.5.9
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @navikt/ds-react@1.5.9
+  - @navikt/ds-icons@1.5.9
+
+## 1.5.8
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @navikt/ds-react@1.5.8
+  - @navikt/ds-icons@1.5.8
+
 ## 1.5.7
 
 ### Patch Changes

@navikt/internal/react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-react-internal",
-  "version": "1.5.7",
+  "version": "1.5.10",
   "description": "NAV internal designsystem react components",
   "author": "NAV Designsystem team",
   "license": "MIT",
@@ -35,8 +35,8 @@
     "watch": "tsc --watch -p tsconfig.esm.json"
   },
   "dependencies": {
-    "@navikt/ds-icons": "^1.5.7",
-    "@navikt/ds-react": "^1.5.7",
+    "@navikt/ds-icons": "^1.5.10",
+    "@navikt/ds-react": "^1.5.10",
     "clsx": "^1.1.1",
     "copy-to-clipboard": "^3.3.1"
   },

CONTRIBUTING.md

@@ -1,4 +1,4 @@
-# Bidra med utvikling av nye og eksisterende komponenter
+# Utvikling av nye eller eksisterende løsninger
 
 ## TL;DR
 
@@ -9,28 +9,54 @@ git clone git@github.com:navikt/Designsystemet.git
 cd Designsystemet
 yarn install
 yarn boot
-yarn dev/storybook
+
+// Storybook
+yarn storybook
+
+// Nettside
+yarn dev
 ```
 
-[http://localhost:6006](http://localhost:6006) (port auto-incrementeres hvis den allerede er i bruk av en annen server)
+Storybook: [http://localhost:6006](http://localhost:6006)
+
+Nettside: [http://localhost:3000](http://localhost:3000)
 
 ## Utviklingsmiljø
 
-Vi bruker storybook [https://storybook.js.org/](https://storybook.js.org/) som utviklermiljø.
-`yarn storybook` vil starte opp dette miljøet og kan da skrive `stories` for komponentene man vil teste [hvordan skrive storybook stories](https://storybook.js.org/docs/react/writing-stories/introduction)
+Vi bruker storybook [https://storybook.js.org/](https://storybook.js.org/) for utvikling av nye komponenter.
+Skriv `stories` for komponentene man vil teste [(hvordan skrive storybook stories)](https://storybook.js.org/docs/react/writing-stories/introduction)
 
 ## Utvikling av nye komponenter
 
-Om en modul du lager har behov for en npm-pakke så kan du legge den til i devDep/dep i pakken for så å kjøre `yarn install` i root. Yarn workspaces fikser dependency treet selv. Hvis du lurer på hvordan strukturen er satt opp, så hjelper vi deg gjerne!
+Det er ikke satt opp en template for nye komponenter, men vi følger til dels en mal.
+
+```sh
+@navikt/pakkenavn
+└─ src          # Komponenter
+   ├─ index.ts  # Alle exports
+   └─ pakkenavn
+      ├─ index.ts       # Alle exports fra komponent
+      ├─ komponent.tsx  # Komponentkode
+      └─ komponent.stories.tsx # Stories
+```
 
 ## Dokumentasjon
 
-Dokumentasjon ang komponentter finner man på [aksel.nav.no](https://design.nav.no/). Hvis man ønsker å skrive noe dokumentasjon selv gjør vi det via CMS et Sanity. Kode-eksempler blir også skrevet i (https://github.com/navikt/aksel-website/tree/main/website/pages/eksempler)[aksel-website repo]
+Dokumentasjon ang komponentter finner man på [aksel.nav.no](https://design.nav.no/). Hvis man ønsker å skrive noe dokumentasjon selv gjør vi det via CMS et Sanity. Kode-eksempler blir skrevet lokalt i (https://github.com/navikt/aksel-website/tree/main/website/pages/eksempler)[aksel-website repo]
+
+## Versjonering av pakker
+
+Vi bruker `changeset` for versionering av pakker. Se [README](https://github.com/navikt/Designsystemet/blob/master/.changeset/README.md) for mer informasjon.
 
 ## Kodekvalitet og testing
 
-Noen komponenter og løsninger blir testet med jest + react-testing-library hvert build.
+Noen komponenter og løsninger blir testet med jest + react-testing-library.
 
-- Commit: Kjører prettier på endrede filer
-- Push: Kjører tester, linter
+- Commit: Kjører prettier på endrede filer + linter
 - Ved PR: Kjører tester, linter og visuell regresjonstester
+
+## Oppdatere Aksel.nav.no
+
+Push til `master` pusher endringer til prod
+
+Push til `next` pusher endringer til aksel.dev.nav.no

README.md

@@ -5,7 +5,7 @@
 
 <div align="center">
     <p>
-        NAVs designsystem og felleskomponenter
+        NAVs designsystem + Aksel.nav.no
     </p>
     <div align="center">
       <a href="https://master--5f801fb2aea7820022de2936.chromatic.com/">
@@ -38,8 +38,8 @@
 └── codemod         # @navikt/ds-codemod, migrerings-scripts
 
 aksel.nav.no/
-├── /website        # NEXT.JS app (v12)
-└── /sanity         # Sanity CMS-app (v2)
+├── website        # NEXT.JS app (v12)
+└── sanity         # Sanity CMS-app (v2)
 ```
 
 ## Commands
@@ -50,13 +50,16 @@ Installer dependencies og bygg workspace
 yarn && yarn boot
 ```
 
-| Command          | Script                                                                                                 |
-| ---------------- | ------------------------------------------------------------------------------------------------------ |
-| `yarn changeset` | Ny versjon-entry [(how-to)](https://github.com/navikt/Designsystemet/blob/master/.changeset/README.md) |
-| `yarn lint`      | Lints react and css workspaces                                                                         |
-| `yarn test`      | Runs tests                                                                                             |
-| `yarn clean`     | Fjerner genererte filer                                                                                |
-| `yarn docgen`    | Generer ts-docs                                                                                        |
+| Command                   | Script                                                                                                            |
+| ------------------------- | ----------------------------------------------------------------------------------------------------------------- |
+| `yarn boot`               | Bygger alle pakker                                                                                                |
+| `yarn storybook`          | Starter storybook                                                                                                 |
+| `yarn dev`                | Starter aksel-nettsiden [(Mer info)](https://github.com/navikt/Designsystemet/blob/master/aksel.nav.no/README.md) |
+| `yarn example:shadow-dom` | Starter demo-app med shadow-dom                                                                                   |
+| `yarn lint`               | Lints react and css workspaces                                                                                    |
+| `yarn test`               | Runs tests                                                                                                        |
+| `yarn clean`              | Fjerner genererte filer                                                                                           |
+| `yarn changeset`          | Ny versjon-entry [(how-to)](https://github.com/navikt/Designsystemet/blob/master/.changeset/README.md)            |
 
 ## Bidra
 

aksel.nav.no/package.json

@@ -18,14 +18,14 @@
     "website"
   ],
   "dependencies": {
-    "@navikt/ds-codemod": "^1.5.7",
-    "@navikt/ds-css": "^1.5.7",
-    "@navikt/ds-css-internal": "^1.5.7",
-    "@navikt/ds-icons": "^1.5.7",
-    "@navikt/ds-react": "^1.5.7",
-    "@navikt/ds-react-internal": "^1.5.7",
-    "@navikt/ds-tailwind": "^1.5.7",
-    "@navikt/ds-tokens": "^1.5.7"
+    "@navikt/ds-codemod": "^1.5.10",
+    "@navikt/ds-css": "^1.5.10",
+    "@navikt/ds-css-internal": "^1.5.10",
+    "@navikt/ds-icons": "^1.5.10",
+    "@navikt/ds-react": "^1.5.10",
+    "@navikt/ds-react-internal": "^1.5.10",
+    "@navikt/ds-tailwind": "^1.5.10",
+    "@navikt/ds-tokens": "^1.5.10"
   },
   "devDependencies": {
     "prettier-plugin-tailwindcss": "^0.1.13"

aksel.nav.no/website/e2e/test-urls.json

@@ -0,0 +1,14 @@
+[
+  "/",
+  "/designsystem",
+  "/tema",
+  "/blogg",
+  "/designsystem/komponenter/tag",
+  "/designsystem/side/migrering",
+  "/designsystem/side/ikoner",
+  "/tema/innholdsarbeid",
+  "/tema/brukerinnsikt",
+  "/tema/universell-utforming",
+  "/artikkel/innholdsstrategi-for-nav-no?tema=innholdsarbeid",
+  "/blogg/ny-forside-pa-navno"
+]

aksel.nav.no/website/lib/testing/generateTestUrls.ts

@@ -1,31 +0,0 @@
-import dotenv from "dotenv";
-import fs from "fs";
-import { getAllPages } from "../sanity/santiy";
-
-dotenv.config();
-
-const generateUrls = async () => {
-  const pages = await getAllPages(process.env.SANITY_WRITE_KEY);
-
-  const formated = pages.map((x) => `/${x}`);
-
-  console.log(`Pages ${formated.length}`);
-  if (formated.length < 70) {
-    throw new Error(
-      "generateUrls found less than 70 pages. Did fetching remote pages fail?"
-    );
-  }
-
-  fs.writeFile(
-    "./e2e/test-urls.json",
-    JSON.stringify(pages.map((x) => `/${x}`)),
-    (err) => {
-      if (err) {
-        console.error(err);
-        return;
-      }
-    }
-  );
-};
-
-generateUrls();

aksel.nav.no/website/package.json

@@ -8,14 +8,13 @@
     "dev": "next",
     "build": "next build",
     "start": "next start",
-    "e2e": "yarn generate:testurls && yarn build && yarn start-server-and-test start http://localhost:3000 playwright",
+    "e2e": "yarn build && yarn start-server-and-test start http://localhost:3000 playwright",
     "update:colors": "npx ts-node --project tsconfig.tsnode.json ./lib/update-documents/update-color-examples",
     "update:props": "npx ts-node --project tsconfig.tsnode.json ./lib/update-documents/update-props",
     "update:tokens": "npx ts-node --project tsconfig.tsnode.json ./lib/update-documents/tokens",
     "update:search": "npx ts-node --project tsconfig.tsnode.json ./lib/search",
     "update:eksempler": "npx ts-node --project tsconfig.tsnode.json ./lib/examples/update-sanity",
     "update:sanity": "yarn update:tokens && yarn update:props && yarn update:colors && yarn update:eksempler",
-    "generate:testurls": "npx ts-node --project tsconfig.tsnode.json ./lib/testing/generateTestUrls",
     "analyze": "cross-env ANALYZE=true next build",
     "test": "jest",
     "playwright": "playwright test",

examples/next/.gitignore

@@ -1,35 +0,0 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-/node_modules
-/.pnp
-.pnp.js
-
-# testing
-/coverage
-
-# next.js
-/.next/
-/out/
-
-# production
-/build
-
-# misc
-.DS_Store
-*.pem
-
-# debug
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-.pnpm-debug.log*
-
-# local env files
-.env*.local
-
-# vercel
-.vercel
-
-# typescript
-*.tsbuildinfo

examples/next/README.md

@@ -1,13 +0,0 @@
-# Nextjs example app with ds components
-
-## Getting Started
-
-First, run the development server:
-
-```bash
-npm run dev
-# or
-yarn dev
-```
-
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

examples/next/next.config.js

@@ -1,6 +0,0 @@
-/** @type {import('next').NextConfig} */
-const nextConfig = {
-  reactStrictMode: true,
-};
-
-module.exports = nextConfig;

examples/next/package.json

@@ -1,30 +0,0 @@
-{
-  "name": "nextjs-demo",
-  "version": "0.1.0",
-  "private": true,
-  "scripts": {
-    "dev": "next dev",
-    "build": "next build",
-    "start": "next start",
-    "lint": "next lint"
-  },
-  "dependencies": {
-    "@navikt/ds-css": "^1.5.7",
-    "@navikt/ds-icons": "^1.5.7",
-    "@navikt/ds-react": "^1.5.7",
-    "@navikt/ds-react-internal": "^1.5.7",
-    "next": "^12.2.0",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
-  },
-  "devDependencies": {
-    "@navikt/ds-tailwind": "^1.5.7",
-    "@types/node": "^17.0.35",
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
-    "autoprefixer": "^10.4.0",
-    "postcss": "^8.4.0",
-    "tailwindcss": "^3.2.0",
-    "typescript": "^4.8.0"
-  }
-}

examples/next/pages/_app.tsx

@@ -1,8 +0,0 @@
-import "../styles/globals.css";
-import type { AppProps } from "next/app";
-
-function MyApp({ Component, pageProps }: AppProps) {
-  return <Component {...pageProps} />;
-}
-
-export default MyApp;

examples/next/pages/api/hello.ts

@@ -1,13 +0,0 @@
-// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
-import type { NextApiRequest, NextApiResponse } from "next";
-
-type Data = {
-  name: string;
-};
-
-export default function handler(
-  req: NextApiRequest,
-  res: NextApiResponse<Data>
-) {
-  res.status(200).json({ name: "John Doe" });
-}

examples/next/pages/index.tsx

@@ -1,278 +0,0 @@
-import NextLink from "next/link";
-import type { NextPage } from "next";
-import { useEffect, useRef, useState } from "react";
-import {
-  Accordion,
-  Alert,
-  BodyLong,
-  BodyShort,
-  Button,
-  Checkbox,
-  CheckboxGroup,
-  Detail,
-  ErrorSummary,
-  GuidePanel,
-  Heading,
-  HelpText,
-  Ingress,
-  Label,
-  Link,
-  LinkPanel,
-  Loader,
-  Modal,
-  Pagination,
-  Popover,
-  Radio,
-  RadioGroup,
-  ReadMore,
-  Search,
-  Select,
-  Chat,
-  Stepper,
-  Switch,
-  Table,
-  Tabs,
-  Tag,
-  TextField,
-  ToggleGroup,
-  Tooltip,
-  Textarea,
-} from "@navikt/ds-react";
-import { Cup, Dishwasher, Freezer } from "@navikt/ds-icons";
-import { Dropdown } from "@navikt/ds-react-internal";
-
-const Home: NextPage = () => {
-  const [open, setOpen] = useState(false);
-  const [page, setPage] = useState(2);
-
-  const [anchorEl, setAnchorEl] = useState<HTMLDivElement | null>(null);
-
-  useEffect(() => {
-    Modal?.setAppElement?.("#__next");
-  }, []);
-
-  return (
-    <div className="p-4 m-4 mx-auto bg-white rounded-md max-w-2xl w-full">
-      <div className="mx-auto w-[90%] flex flex-col gap-4 items-start">
-        <Accordion className="self-stretch">
-          <Accordion.Item>
-            <Accordion.Header>Accordion header 1</Accordion.Header>
-            <Accordion.Content>Accordion content 1</Accordion.Content>
-          </Accordion.Item>
-          <Accordion.Item>
-            <Accordion.Header>Accordion header 2</Accordion.Header>
-            <Accordion.Content>Accordion content 2</Accordion.Content>
-          </Accordion.Item>
-        </Accordion>
-        {(
-          ["error", "warning", "info", "success"] as Array<
-            "error" | "warning" | "info" | "success"
-          >
-        ).map((variant) => (
-          <Alert key={variant} variant={variant}>
-            Id elit esse enim reprehenderit enim nisi veniam nostrud.
-          </Alert>
-        ))}
-      </div>
-      <form className="flex flex-col gap-4">
-        <ErrorSummary heading="Feiloppsummering komponent">
-          <NextLink href="/linkTarget" passHref>
-            <ErrorSummary.Item>Checkbox må fylles ut</ErrorSummary.Item>
-          </NextLink>
-          <NextLink href="/linkTarget" passHref>
-            <ErrorSummary.Item>
-              Tekstfeltet må ha en godkjent e-mail
-            </ErrorSummary.Item>
-          </NextLink>
-        </ErrorSummary>
-        <CheckboxGroup legend="Checkbox group" defaultValue={["checkbox2"]}>
-          <Checkbox value="checkbox1">Checkbox 1</Checkbox>
-          <Checkbox value="checkbox2">Checkbox 2</Checkbox>
-        </CheckboxGroup>
-        <RadioGroup legend="Radio group" defaultValue={"radio2"}>
-          <Radio value="radio1">Radio 1</Radio>
-          <Radio value="radio2">Radio 2</Radio>
-        </RadioGroup>
-        <Search label="Søk" />
-        <Select label="Select">
-          <option value="">Velg land</option>
-          <option value="norge">Norge</option>
-          <option value="sverige">Sverige</option>
-        </Select>
-        <Switch>Switch</Switch>
-        <TextField label="Text field" />
-        <Textarea label="Text area" />
-        <Textarea label="Text area 5 rows" minRows={5} />
-        <Textarea label="Text area maxLength" maxLength={10} />
-      </form>
-      <GuidePanel>
-        Sit sint eu dolore reprehenderit exercitation labore aute anim
-      </GuidePanel>
-      <HelpText title="show tooltip">
-        Id ullamco excepteur elit fugiat labore.
-      </HelpText>
-      <NextLink href="/linkTarget" passHref>
-        <Link>Dette er en tekstlenke</Link>
-      </NextLink>
-      <NextLink href="/linkTarget" passHref>
-        <LinkPanel>
-          <LinkPanel.Title>Link panel title</LinkPanel.Title>
-          <LinkPanel.Description>Link panel description</LinkPanel.Description>
-        </LinkPanel>
-      </NextLink>
-      <Loader />
-      <Button onClick={() => setOpen(true)}>Open modal</Button>
-      <Modal
-        open={open}
-        onClose={() => setOpen(false)}
-        aria-labelledby="header123"
-      >
-        <Modal.Content>
-          <h1 id="header123">Header</h1>
-          <h2>subheader</h2>
-          <p>Cupidatat irure ipsum veniam ad in esse.</p>
-          <p>Cillum tempor pariatur amet ut laborum Lorem enim enim.</p>
-        </Modal.Content>
-      </Modal>
-      <Pagination page={page} count={8} onPageChange={setPage} />
-      <div className="bg-gray-600 text-white p-4" ref={(el) => setAnchorEl(el)}>
-        Popover anchor
-      </div>
-      <Popover anchorEl={anchorEl} onClose={() => {}} open>
-        <Popover.Content>Popover content</Popover.Content>
-      </Popover>
-      <ReadMore header="ReadMore header">ReadMore body</ReadMore>
-      <div>
-        <Chat
-          avatar=""
-          name="Kari Normann"
-          timestamp="02.01.21 14:00"
-          position="right"
-        >
-          <Chat.Bubble>
-            Ut culpa consequat pariatur sint irure cupidatat laborum culpa elit
-            cillum commodo dolore.
-          </Chat.Bubble>
-          <Chat.Bubble>
-            Pariatur cillum laboris ut consectetur cillum sit nulla.
-          </Chat.Bubble>
-        </Chat>
-        <Chat
-          avatar={<div>ON</div>}
-          name="Ola Normann"
-          timestamp="01.01.21 14:00"
-          position="left"
-        >
-          <Chat.Bubble>
-            Ut culpa consequat pariatur sint irure cupidatat laborum culpa elit
-            cillum commodo dolore.
-          </Chat.Bubble>
-          <Chat.Bubble>Ola skriver....</Chat.Bubble>
-        </Chat>
-        <Stepper activeStep={1} aria-labelledby="stepper-heading">
-          <Stepper.Step>Start søknad</Stepper.Step>
-          <Stepper.Step>Oppsummering</Stepper.Step>
-          <Stepper.Step>Innsending</Stepper.Step>
-        </Stepper>
-        <Table>
-          <Table.Header>
-            <Table.Row>
-              <Table.HeaderCell>ID</Table.HeaderCell>
-              <Table.HeaderCell>Fornavn</Table.HeaderCell>
-              <Table.HeaderCell>Etternavn</Table.HeaderCell>
-              <Table.HeaderCell>Rolle</Table.HeaderCell>
-            </Table.Row>
-          </Table.Header>
-          <Table.Body>
-            <Table.Row>
-              <Table.HeaderCell>1</Table.HeaderCell>
-              <Table.DataCell>Jean-Luc</Table.DataCell>
-              <Table.DataCell>Picard</Table.DataCell>
-              <Table.DataCell>Kaptein</Table.DataCell>
-            </Table.Row>
-            <Table.Row>
-              <Table.HeaderCell>2</Table.HeaderCell>
-              <Table.DataCell>William</Table.DataCell>
-              <Table.DataCell>Riker</Table.DataCell>
-              <Table.DataCell>Kommandør</Table.DataCell>
-            </Table.Row>
-            <Table.Row>
-              <Table.HeaderCell>3</Table.HeaderCell>
-              <Table.DataCell>Geordi</Table.DataCell>
-              <Table.DataCell>La Forge</Table.DataCell>
-              <Table.DataCell>Sjefsingeniør</Table.DataCell>
-            </Table.Row>
-          </Table.Body>
-        </Table>
-        <Tabs defaultValue="test2">
-          <Tabs.List>
-            <Tabs.Tab value="test1" icon={<Cup />} label="Skap" />
-            <Tabs.Tab
-              value="test2"
-              label="Oppvaskmaskin"
-              icon={<Dishwasher />}
-            />
-            <Tabs.Tab value="test3" icon={<Freezer />} label="Fryser" />
-          </Tabs.List>
-          <Tabs.Panel value="test1" className="h-20 bg-gray-50">
-            Innholdspanel for Skap-tab
-          </Tabs.Panel>
-          <Tabs.Panel value="test2" className="h-20 bg-green-50">
-            Innholdspanel for Oppvaskmaskin-tab
-          </Tabs.Panel>
-          <Tabs.Panel value="test3" className="h-20 bg-red-50">
-            Innholdspanel for Fryser-tab
-          </Tabs.Panel>
-        </Tabs>
-        <div className="flex gap-2">
-          {(
-            ["info", "warning", "success", "error"] as Array<
-              "info" | "warning" | "success" | "error"
-            >
-          ).map((variant) => (
-            <Tag key={variant} variant={variant}>
-              {variant}
-            </Tag>
-          ))}
-        </div>
-        <ToggleGroup defaultValue="lest" onChange={() => {}}>
-          <ToggleGroup.Item value="ulest">Ulest</ToggleGroup.Item>
-          <ToggleGroup.Item value="lest">Leste</ToggleGroup.Item>
-          <ToggleGroup.Item value="sendt">Sendte</ToggleGroup.Item>
-        </ToggleGroup>
-        <Tooltip content="Tooltip content">
-          <div>Hover me for tooltip!</div>
-        </Tooltip>
-        <BodyLong>Body long</BodyLong>
-        <BodyShort>Body short</BodyShort>
-        <Detail>Detail</Detail>
-        <Heading size="xlarge">Heading</Heading>
-        <Ingress>Ingress</Ingress>
-        <Label>Label</Label>
-        <Dropdown>
-          <Dropdown.Toggle>Toggle</Dropdown.Toggle>
-          <Dropdown.Menu>
-            <Dropdown.Menu.GroupedList>
-              <Dropdown.Menu.GroupedList.Heading>
-                Systemer og oppslagsverk
-              </Dropdown.Menu.GroupedList.Heading>
-              <Dropdown.Menu.GroupedList.Item>
-                Gosys
-              </Dropdown.Menu.GroupedList.Item>
-            </Dropdown.Menu.GroupedList>
-            <Dropdown.Menu.Divider />
-            <Dropdown.Menu.List>
-              <Dropdown.Menu.List.Item>Gosys</Dropdown.Menu.List.Item>
-              <Dropdown.Menu.List.Item>Psys</Dropdown.Menu.List.Item>
-              <Dropdown.Menu.List.Item disabled>
-                Infotrygd
-              </Dropdown.Menu.List.Item>
-            </Dropdown.Menu.List>
-          </Dropdown.Menu>
-        </Dropdown>
-      </div>
-    </div>
-  );
-};
-
-export default Home;

examples/next/pages/linkTarget.tsx

@@ -1,7 +0,0 @@
-import type { NextPage } from "next";
-
-const Home: NextPage = () => {
-  return <div>link target</div>;
-};
-
-export default Home;

examples/next/postcss.config.js

@@ -1,6 +0,0 @@
-module.exports = {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-};

examples/next/styles/globals.css

@@ -1,7 +0,0 @@
-@import "./tailwind.css";
-@import "@navikt/ds-css";
-@import "@navikt/ds-css-internal";
-
-body {
-  background-color: var(--navds-semantic-color-canvas-background);
-}

examples/next/styles/tailwind.css

@@ -1,3 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;

examples/next/tailwind.config.js

@@ -1,11 +0,0 @@
-module.exports = {
-  presets: [require("@navikt/ds-tailwind")],
-  content: [
-    "./pages/**/*.{js,ts,jsx,tsx}",
-    "./components/**/*.{js,ts,jsx,tsx}",
-  ],
-  theme: {
-    extend: {},
-  },
-  plugins: [],
-};

examples/next/tsconfig.json

@@ -1,20 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es5",
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "noEmit": true,
-    "esModuleInterop": true,
-    "module": "esnext",
-    "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "jsx": "preserve",
-    "incremental": true
-  },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
-  "exclude": ["node_modules"]
-}

examples/shadow-dom/package.json

@@ -5,6 +5,7 @@
   "type": "module",
   "scripts": {
     "dev": "vite",
+    "example:shadow-dom": "vite",
     "build": "tsc && vite build",
     "preview": "vite preview"
   },

package.json

@@ -5,10 +5,11 @@
   "private": true,
   "scripts": {
     "postinstall": "husky install",
-    "boot": "yarn clean && yarn workspace @navikt/ds-codemod build && yarn workspaces foreach -pA --topological-dev --no-private run build",
+    "boot": "yarn workspaces foreach -v -pA --topological-dev --no-private run build",
     "clean": "node scripts/clean.js && yarn workspace @navikt/ds-codemod clean",
     "storybook": "start-storybook -p 6006",
     "dev": "yarn workspace aksel.nav.no dev",
+    "sanity": "yarn workspace aksel.nav.no sanity",
     "docgen": "yarn workspaces foreach -p run docgen",
     "chromatic": "npx chromatic --project-token x3xqdfgkujg --build-script-name build:storybook",
     "build:storybook": "build-storybook",
@@ -36,6 +37,13 @@
       }
     ]
   },
+  "lint-staged": {
+    "*.js": "eslint",
+    "*.jsx": "eslint",
+    "*.ts": "eslint",
+    "*.tsx": "eslint",
+    "*.css": "stylelint"
+  },
   "eslintConfig": {
     "plugins": [
       "jest"
@@ -190,6 +198,7 @@
     "fs-extra": "^10.0.1",
     "glob": "^7.1.6",
     "husky": "^8.0.0",
+    "lint-staged": "13.0.3",
     "prettier": "2.7.1",
     "pretty-quick": "^3.1.3",
     "react": "^18.0.0",

yarn.lock

@@ -3166,7 +3166,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@navikt/ds-codemod@^1.5.6, @navikt/ds-codemod@workspace:@navikt/codemod":
+"@navikt/ds-codemod@^1.5.9, @navikt/ds-codemod@workspace:@navikt/codemod":
   version: 0.0.0-use.local
   resolution: "@navikt/ds-codemod@workspace:@navikt/codemod"
   dependencies:
@@ -3193,7 +3193,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@navikt/ds-css-internal@^1.5.6, @navikt/ds-css-internal@workspace:@navikt/internal/css":
+"@navikt/ds-css-internal@^1.5.9, @navikt/ds-css-internal@workspace:@navikt/internal/css":
   version: 0.0.0-use.local
   resolution: "@navikt/ds-css-internal@workspace:@navikt/internal/css"
   dependencies:
@@ -3204,11 +3204,11 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@navikt/ds-css@*, @navikt/ds-css@^1.5.6, @navikt/ds-css@workspace:@navikt/core/css":
+"@navikt/ds-css@*, @navikt/ds-css@^1.5.9, @navikt/ds-css@workspace:@navikt/core/css":
   version: 0.0.0-use.local
   resolution: "@navikt/ds-css@workspace:@navikt/core/css"
   dependencies:
-    "@navikt/ds-tokens": ^1.5.6
+    "@navikt/ds-tokens": ^1.5.9
     normalize.css: ^8.0.1
     postcss: ^8.4.0
     postcss-cli: ^9.0.0
@@ -3217,7 +3217,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@navikt/ds-icons@^1.5.6, @navikt/ds-icons@workspace:@navikt/icons":
+"@navikt/ds-icons@^1.5.9, @navikt/ds-icons@workspace:@navikt/icons":
   version: 0.0.0-use.local
   resolution: "@navikt/ds-icons@workspace:@navikt/icons"
   dependencies:
@@ -3247,12 +3247,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@navikt/ds-react-internal@^1.5.6, @navikt/ds-react-internal@workspace:@navikt/internal/react":
+"@navikt/ds-react-internal@^1.5.9, @navikt/ds-react-internal@workspace:@navikt/internal/react":
   version: 0.0.0-use.local
   resolution: "@navikt/ds-react-internal@workspace:@navikt/internal/react"
   dependencies:
-    "@navikt/ds-icons": ^1.5.6
-    "@navikt/ds-react": ^1.5.6
+    "@navikt/ds-icons": ^1.5.9
+    "@navikt/ds-react": ^1.5.9
     "@types/node": ^17.0.35
     clsx: ^1.1.1
     concurrently: 7.2.1
@@ -3269,12 +3269,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@navikt/ds-react@*, @navikt/ds-react@^1.5.6, @navikt/ds-react@workspace:@navikt/core/react":
+"@navikt/ds-react@*, @navikt/ds-react@^1.5.9, @navikt/ds-react@workspace:@navikt/core/react":
   version: 0.0.0-use.local
   resolution: "@navikt/ds-react@workspace:@navikt/core/react"
   dependencies:
     "@floating-ui/react-dom-interactions": 0.9.2
-    "@navikt/ds-icons": ^1.5.6
+    "@navikt/ds-icons": ^1.5.9
     "@radix-ui/react-tabs": 1.0.0
     "@radix-ui/react-toggle-group": 1.0.0
     "@testing-library/dom": 8.13.0
@@ -3311,11 +3311,11 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@navikt/ds-tailwind@^1.5.6, @navikt/ds-tailwind@workspace:@navikt/core/tailwind":
+"@navikt/ds-tailwind@^1.5.9, @navikt/ds-tailwind@workspace:@navikt/core/tailwind":
   version: 0.0.0-use.local
   resolution: "@navikt/ds-tailwind@workspace:@navikt/core/tailwind"
   dependencies:
-    "@navikt/ds-tokens": ^1.5.6
+    "@navikt/ds-tokens": ^1.5.9
     "@types/jest": ^29.0.0
     "@types/node": ^17.0.35
     jest: ^29.0.0
@@ -3326,7 +3326,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@navikt/ds-tokens@^1.5.6, @navikt/ds-tokens@workspace:@navikt/core/tokens":
+"@navikt/ds-tokens@^1.5.9, @navikt/ds-tokens@workspace:@navikt/core/tokens":
   version: 0.0.0-use.local
   resolution: "@navikt/ds-tokens@workspace:@navikt/core/tokens"
   dependencies:
@@ -8341,14 +8341,14 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "aksel.nav.no@workspace:aksel.nav.no"
   dependencies:
-    "@navikt/ds-codemod": ^1.5.6
-    "@navikt/ds-css": ^1.5.6
-    "@navikt/ds-css-internal": ^1.5.6
-    "@navikt/ds-icons": ^1.5.6
-    "@navikt/ds-react": ^1.5.6
-    "@navikt/ds-react-internal": ^1.5.6
-    "@navikt/ds-tailwind": ^1.5.6
-    "@navikt/ds-tokens": ^1.5.6
+    "@navikt/ds-codemod": ^1.5.9
+    "@navikt/ds-css": ^1.5.9
+    "@navikt/ds-css-internal": ^1.5.9
+    "@navikt/ds-icons": ^1.5.9
+    "@navikt/ds-react": ^1.5.9
+    "@navikt/ds-react-internal": ^1.5.9
+    "@navikt/ds-tailwind": ^1.5.9
+    "@navikt/ds-tokens": ^1.5.9
     prettier-plugin-tailwindcss: ^0.1.13
   languageName: unknown
   linkType: soft
@@ -8380,6 +8380,7 @@ __metadata:
     fs-extra: ^10.0.1
     glob: ^7.1.6
     husky: ^8.0.0
+    lint-staged: 13.0.3
     prettier: 2.7.1
     pretty-quick: ^3.1.3
     react: ^18.0.0
@@ -8522,7 +8523,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ansi-escapes@npm:^4.2.1":
+"ansi-escapes@npm:^4.2.1, ansi-escapes@npm:^4.3.0":
   version: 4.3.2
   resolution: "ansi-escapes@npm:4.3.2"
   dependencies:
@@ -8568,6 +8569,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ansi-regex@npm:^6.0.1":
+  version: 6.0.1
+  resolution: "ansi-regex@npm:6.0.1"
+  checksum: 1ff8b7667cded1de4fa2c9ae283e979fc87036864317da86a2e546725f96406746411d0d85e87a2d12fa5abd715d90006de7fa4fa0477c92321ad3b4c7d4e169
+  languageName: node
+  linkType: hard
+
 "ansi-styles@npm:^2.2.1":
   version: 2.2.1
   resolution: "ansi-styles@npm:2.2.1"
@@ -8600,6 +8608,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ansi-styles@npm:^6.0.0":
+  version: 6.2.1
+  resolution: "ansi-styles@npm:6.2.1"
+  checksum: ef940f2f0ced1a6347398da88a91da7930c33ecac3c77b72c5905f8b8fe402c52e6fde304ff5347f616e27a742da3f1dc76de98f6866c69251ad0b07a66776d9
+  languageName: node
+  linkType: hard
+
 "ansi-to-html@npm:^0.6.11":
   version: 0.6.15
   resolution: "ansi-to-html@npm:0.6.15"
@@ -10914,6 +10929,26 @@ __metadata:
   languageName: node
   linkType: hard
 
+"cli-truncate@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "cli-truncate@npm:2.1.0"
+  dependencies:
+    slice-ansi: ^3.0.0
+    string-width: ^4.2.0
+  checksum: bf1e4e6195392dc718bf9cd71f317b6300dc4a9191d052f31046b8773230ece4fa09458813bf0e3455a5e68c0690d2ea2c197d14a8b85a7b5e01c97f4b5feb5d
+  languageName: node
+  linkType: hard
+
+"cli-truncate@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "cli-truncate@npm:3.1.0"
+  dependencies:
+    slice-ansi: ^5.0.0
+    string-width: ^5.0.0
+  checksum: c3243e41974445691c63f8b405df1d5a24049dc33d324fe448dc572e561a7b772ae982692900b1a5960901cc4fc7def25a629b9c69a4208ee89d12ab3332617a
+  languageName: node
+  linkType: hard
+
 "cli-width@npm:^2.0.0":
   version: 2.2.1
   resolution: "cli-width@npm:2.2.1"
@@ -11238,7 +11273,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"colorette@npm:^2.0.14":
+"colorette@npm:^2.0.14, colorette@npm:^2.0.16, colorette@npm:^2.0.17":
   version: 2.0.19
   resolution: "colorette@npm:2.0.19"
   checksum: 888cf5493f781e5fcf54ce4d49e9d7d698f96ea2b2ef67906834bb319a392c667f9ec69f4a10e268d2946d13a9503d2d19b3abaaaf174e3451bfe91fb9d82427
@@ -11296,6 +11331,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"commander@npm:^9.3.0":
+  version: 9.4.1
+  resolution: "commander@npm:9.4.1"
+  checksum: bfb18e325a5bdf772763c2213d5c7d9e77144d944124e988bcd8e5e65fb6d45d5d4e86b09155d0f2556c9a59c31e428720e57968bcd050b2306e910a0bf3cf13
+  languageName: node
+  linkType: hard
+
 "common-path-prefix@npm:^3.0.0":
   version: 3.0.0
   resolution: "common-path-prefix@npm:3.0.0"
@@ -13101,6 +13143,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"eastasianwidth@npm:^0.2.0":
+  version: 0.2.0
+  resolution: "eastasianwidth@npm:0.2.0"
+  checksum: 7d00d7cd8e49b9afa762a813faac332dee781932d6f2c848dc348939c4253f1d4564341b7af1d041853bc3f32c2ef141b58e0a4d9862c17a7f08f68df1e0f1ed
+  languageName: node
+  linkType: hard
+
 "ecc-jsbn@npm:~0.1.1":
   version: 0.1.2
   resolution: "ecc-jsbn@npm:0.1.2"
@@ -14415,6 +14464,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"execa@npm:^6.1.0":
+  version: 6.1.0
+  resolution: "execa@npm:6.1.0"
+  dependencies:
+    cross-spawn: ^7.0.3
+    get-stream: ^6.0.1
+    human-signals: ^3.0.1
+    is-stream: ^3.0.0
+    merge-stream: ^2.0.0
+    npm-run-path: ^5.1.0
+    onetime: ^6.0.0
+    signal-exit: ^3.0.7
+    strip-final-newline: ^3.0.0
+  checksum: 1a4af799839134f5c72eb63d525b87304c1114a63aa71676c91d57ccef2e26f2f53e14c11384ab11c4ec479be1efa83d11c8190e00040355c2c5c3364327fa8e
+  languageName: node
+  linkType: hard
+
 "exenv@npm:^1.2.0":
   version: 1.2.2
   resolution: "exenv@npm:1.2.2"
@@ -15811,7 +15877,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"get-stream@npm:^6.0.0":
+"get-stream@npm:^6.0.0, get-stream@npm:^6.0.1":
   version: 6.0.1
   resolution: "get-stream@npm:6.0.1"
   checksum: e04ecece32c92eebf5b8c940f51468cd53554dcbb0ea725b2748be583c9523d00128137966afce410b9b051eb2ef16d657cd2b120ca8edafcf5a65e81af63cad
@@ -16921,6 +16987,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"human-signals@npm:^3.0.1":
+  version: 3.0.1
+  resolution: "human-signals@npm:3.0.1"
+  checksum: f252a7769c8094a5c9dc6772816bdb417b188820b04c8b42d0fc468e03a0ba905b1dd07afabe9385cc83504af1ccc2b985cd1e4aeeeb8e0029896c5af2e6f354
+  languageName: node
+  linkType: hard
+
 "humanize-list@npm:^1.0.1":
   version: 1.0.1
   resolution: "humanize-list@npm:1.0.1"
@@ -17710,6 +17783,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-fullwidth-code-point@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "is-fullwidth-code-point@npm:4.0.0"
+  checksum: 8ae89bf5057bdf4f57b346fb6c55e9c3dd2549983d54191d722d5c739397a903012cc41a04ee3403fd872e811243ef91a7c5196da7b5841dc6b6aae31a264a8d
+  languageName: node
+  linkType: hard
+
 "is-function@npm:^1.0.2":
   version: 1.0.2
   resolution: "is-function@npm:1.0.2"
@@ -17993,6 +18073,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-stream@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "is-stream@npm:3.0.0"
+  checksum: 172093fe99119ffd07611ab6d1bcccfe8bc4aa80d864b15f43e63e54b7abc71e779acd69afdb854c4e2a67fdc16ae710e370eda40088d1cfc956a50ed82d8f16
+  languageName: node
+  linkType: hard
+
 "is-string@npm:^1.0.5, is-string@npm:^1.0.7":
   version: 1.0.7
   resolution: "is-string@npm:1.0.7"
@@ -19413,6 +19500,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"lilconfig@npm:2.0.5":
+  version: 2.0.5
+  resolution: "lilconfig@npm:2.0.5"
+  checksum: f7bb9e42656f06930ad04e583026f087508ae408d3526b8b54895e934eb2a966b7aafae569656f2c79a29fe6d779b3ec44ba577e80814734c8655d6f71cdf2d1
+  languageName: node
+  linkType: hard
+
 "lilconfig@npm:^2.0.5, lilconfig@npm:^2.0.6":
   version: 2.0.6
   resolution: "lilconfig@npm:2.0.6"
@@ -19427,6 +19521,50 @@ __metadata:
   languageName: node
   linkType: hard
 
+"lint-staged@npm:13.0.3":
+  version: 13.0.3
+  resolution: "lint-staged@npm:13.0.3"
+  dependencies:
+    cli-truncate: ^3.1.0
+    colorette: ^2.0.17
+    commander: ^9.3.0
+    debug: ^4.3.4
+    execa: ^6.1.0
+    lilconfig: 2.0.5
+    listr2: ^4.0.5
+    micromatch: ^4.0.5
+    normalize-path: ^3.0.0
+    object-inspect: ^1.12.2
+    pidtree: ^0.6.0
+    string-argv: ^0.3.1
+    yaml: ^2.1.1
+  bin:
+    lint-staged: bin/lint-staged.js
+  checksum: 53d585007df06e162febab6b0836b55016d902586a267823c8a1158529d8c742dc7297e523f7023dff02250bef3eb0d6934f4ec4f9961adfc2ebbed5f54162d0
+  languageName: node
+  linkType: hard
+
+"listr2@npm:^4.0.5":
+  version: 4.0.5
+  resolution: "listr2@npm:4.0.5"
+  dependencies:
+    cli-truncate: ^2.1.0
+    colorette: ^2.0.16
+    log-update: ^4.0.0
+    p-map: ^4.0.0
+    rfdc: ^1.3.0
+    rxjs: ^7.5.5
+    through: ^2.3.8
+    wrap-ansi: ^7.0.0
+  peerDependencies:
+    enquirer: ">= 2.3.0 < 3"
+  peerDependenciesMeta:
+    enquirer:
+      optional: true
+  checksum: 7af31851abe25969ef0581c6db808117e36af15b131401795182427769d9824f451ba9e8aff6ccd25b6a4f6c8796f816292caf08e5f1f9b1775e8e9c313dc6c5
+  languageName: node
+  linkType: hard
+
 "load-json-file@npm:^1.0.0":
   version: 1.1.0
   resolution: "load-json-file@npm:1.1.0"
@@ -19810,6 +19948,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"log-update@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "log-update@npm:4.0.0"
+  dependencies:
+    ansi-escapes: ^4.3.0
+    cli-cursor: ^3.1.0
+    slice-ansi: ^4.0.0
+    wrap-ansi: ^6.2.0
+  checksum: ae2f85bbabc1906034154fb7d4c4477c79b3e703d22d78adee8b3862fa913942772e7fa11713e3d96fb46de4e3cabefbf5d0a544344f03b58d3c4bff52aa9eb2
+  languageName: node
+  linkType: hard
+
 "loglevelnext@npm:^1.0.1":
   version: 1.0.5
   resolution: "loglevelnext@npm:1.0.5"
@@ -20480,6 +20630,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"mimic-fn@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "mimic-fn@npm:4.0.0"
+  checksum: 995dcece15ee29aa16e188de6633d43a3db4611bcf93620e7e62109ec41c79c0f34277165b8ce5e361205049766e371851264c21ac64ca35499acb5421c2ba56
+  languageName: node
+  linkType: hard
+
 "mimic-response@npm:^1.0.0":
   version: 1.0.1
   resolution: "mimic-response@npm:1.0.1"
@@ -21064,28 +21221,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"nextjs-demo@workspace:examples/next":
-  version: 0.0.0-use.local
-  resolution: "nextjs-demo@workspace:examples/next"
-  dependencies:
-    "@navikt/ds-css": ^1.5.6
-    "@navikt/ds-icons": ^1.5.6
-    "@navikt/ds-react": ^1.5.6
-    "@navikt/ds-react-internal": ^1.5.6
-    "@navikt/ds-tailwind": ^1.5.6
-    "@types/node": ^17.0.35
-    "@types/react": ^18.0.0
-    "@types/react-dom": ^18.0.0
-    autoprefixer: ^10.4.0
-    next: ^12.2.0
-    postcss: ^8.4.0
-    react: ^18.0.0
-    react-dom: ^18.0.0
-    tailwindcss: ^3.2.0
-    typescript: ^4.8.0
-  languageName: unknown
-  linkType: soft
-
 "nice-try@npm:^1.0.4":
   version: 1.0.5
   resolution: "nice-try@npm:1.0.5"
@@ -21373,6 +21508,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"npm-run-path@npm:^5.1.0":
+  version: 5.1.0
+  resolution: "npm-run-path@npm:5.1.0"
+  dependencies:
+    path-key: ^4.0.0
+  checksum: dc184eb5ec239d6a2b990b43236845332ef12f4e0beaa9701de724aa797fe40b6bbd0157fb7639d24d3ab13f5d5cf22d223a19c6300846b8126f335f788bee66
+  languageName: node
+  linkType: hard
+
 "npmlog@npm:^5.0.1":
   version: 5.0.1
   resolution: "npmlog@npm:5.0.1"
@@ -21666,6 +21810,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"onetime@npm:^6.0.0":
+  version: 6.0.0
+  resolution: "onetime@npm:6.0.0"
+  dependencies:
+    mimic-fn: ^4.0.0
+  checksum: 0846ce78e440841335d4e9182ef69d5762e9f38aa7499b19f42ea1c4cd40f0b4446094c455c713f9adac3f4ae86f613bb5e30c99e52652764d06a89f709b3788
+  languageName: node
+  linkType: hard
+
 "open@npm:^6.3.0":
   version: 6.4.0
   resolution: "open@npm:6.4.0"
@@ -22332,6 +22485,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"path-key@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "path-key@npm:4.0.0"
+  checksum: 8e6c314ae6d16b83e93032c61020129f6f4484590a777eed709c4a01b50e498822b00f76ceaf94bc64dbd90b327df56ceadce27da3d83393790f1219e07721d7
+  languageName: node
+  linkType: hard
+
 "path-parse@npm:^1.0.7":
   version: 1.0.7
   resolution: "path-parse@npm:1.0.7"
@@ -22450,6 +22610,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"pidtree@npm:^0.6.0":
+  version: 0.6.0
+  resolution: "pidtree@npm:0.6.0"
+  bin:
+    pidtree: bin/pidtree.js
+  checksum: 8fbc073ede9209dd15e80d616e65eb674986c93be49f42d9ddde8dbbd141bb53d628a7ca4e58ab5c370bb00383f67d75df59a9a226dede8fa801267a7030c27a
+  languageName: node
+  linkType: hard
+
 "pify@npm:^2.0.0, pify@npm:^2.3.0":
   version: 2.3.0
   resolution: "pify@npm:2.3.0"
@@ -25906,6 +26075,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"rfdc@npm:^1.3.0":
+  version: 1.3.0
+  resolution: "rfdc@npm:1.3.0"
+  checksum: fb2ba8512e43519983b4c61bd3fa77c0f410eff6bae68b08614437bc3f35f91362215f7b4a73cbda6f67330b5746ce07db5dd9850ad3edc91271ad6deea0df32
+  languageName: node
+  linkType: hard
+
 "rgb-hex@npm:^2.1.0":
   version: 2.1.0
   resolution: "rgb-hex@npm:2.1.0"
@@ -26063,7 +26239,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"rxjs@npm:^7.1.0":
+"rxjs@npm:^7.1.0, rxjs@npm:^7.5.5":
   version: 7.5.7
   resolution: "rxjs@npm:7.5.7"
   dependencies:
@@ -26848,6 +27024,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"slice-ansi@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "slice-ansi@npm:3.0.0"
+  dependencies:
+    ansi-styles: ^4.0.0
+    astral-regex: ^2.0.0
+    is-fullwidth-code-point: ^3.0.0
+  checksum: 5ec6d022d12e016347e9e3e98a7eb2a592213a43a65f1b61b74d2c78288da0aded781f665807a9f3876b9daa9ad94f64f77d7633a0458876c3a4fdc4eb223f24
+  languageName: node
+  linkType: hard
+
 "slice-ansi@npm:^4.0.0":
   version: 4.0.0
   resolution: "slice-ansi@npm:4.0.0"
@@ -26859,6 +27046,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"slice-ansi@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "slice-ansi@npm:5.0.0"
+  dependencies:
+    ansi-styles: ^6.0.0
+    is-fullwidth-code-point: ^4.0.0
+  checksum: 7e600a2a55e333a21ef5214b987c8358fe28bfb03c2867ff2cbf919d62143d1812ac27b4297a077fdaf27a03da3678e49551c93e35f9498a3d90221908a1180e
+  languageName: node
+  linkType: hard
+
 "smart-buffer@npm:^1.0.13":
   version: 1.1.15
   resolution: "smart-buffer@npm:1.1.15"
@@ -27392,6 +27589,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"string-argv@npm:^0.3.1":
+  version: 0.3.1
+  resolution: "string-argv@npm:0.3.1"
+  checksum: efbd0289b599bee808ce80820dfe49c9635610715429c6b7cc50750f0437e3c2f697c81e5c390208c13b5d5d12d904a1546172a88579f6ee5cbaaaa4dc9ec5cf
+  languageName: node
+  linkType: hard
+
 "string-length@npm:^4.0.1":
   version: 4.0.2
   resolution: "string-length@npm:4.0.2"
@@ -27441,6 +27645,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"string-width@npm:^5.0.0":
+  version: 5.1.2
+  resolution: "string-width@npm:5.1.2"
+  dependencies:
+    eastasianwidth: ^0.2.0
+    emoji-regex: ^9.2.2
+    strip-ansi: ^7.0.1
+  checksum: 7369deaa29f21dda9a438686154b62c2c5f661f8dda60449088f9f980196f7908fc39fdd1803e3e01541970287cf5deae336798337e9319a7055af89dafa7193
+  languageName: node
+  linkType: hard
+
 "string.prototype.matchall@npm:^4.0.0 || ^3.0.1, string.prototype.matchall@npm:^4.0.7":
   version: 4.0.7
   resolution: "string.prototype.matchall@npm:4.0.7"
@@ -27562,6 +27777,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"strip-ansi@npm:^7.0.1":
+  version: 7.0.1
+  resolution: "strip-ansi@npm:7.0.1"
+  dependencies:
+    ansi-regex: ^6.0.1
+  checksum: 257f78fa433520e7f9897722731d78599cb3fce29ff26a20a5e12ba4957463b50a01136f37c43707f4951817a75e90820174853d6ccc240997adc5df8f966039
+  languageName: node
+  linkType: hard
+
 "strip-bom@npm:^2.0.0":
   version: 2.0.0
   resolution: "strip-bom@npm:2.0.0"
@@ -27599,6 +27823,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"strip-final-newline@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "strip-final-newline@npm:3.0.0"
+  checksum: 23ee263adfa2070cd0f23d1ac14e2ed2f000c9b44229aec9c799f1367ec001478469560abefd00c5c99ee6f0b31c137d53ec6029c53e9f32a93804e18c201050
+  languageName: node
+  linkType: hard
+
 "strip-indent@npm:^1.0.1":
   version: 1.0.1
   resolution: "strip-indent@npm:1.0.1"
@@ -28386,7 +28617,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"through@npm:2, through@npm:^2.3.6, through@npm:~2.3, through@npm:~2.3.1":
+"through@npm:2, through@npm:^2.3.6, through@npm:^2.3.8, through@npm:~2.3, through@npm:~2.3.1":
   version: 2.3.8
   resolution: "through@npm:2.3.8"
   checksum: a38c3e059853c494af95d50c072b83f8b676a9ba2818dcc5b108ef252230735c54e0185437618596c790bbba8fcdaef5b290405981ffa09dce67b1f1bf190cbd
@@ -30729,6 +30960,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"yaml@npm:^2.1.1":
+  version: 2.1.3
+  resolution: "yaml@npm:2.1.3"
+  checksum: 91316062324a93f9cb547469092392e7d004ff8f70c40fecb420f042a4870b2181557350da56c92f07bd44b8f7a252b0be26e6ade1f548e1f4351bdd01c9d3c7
+  languageName: node
+  linkType: hard
+
 "yargs-parser@npm:^18.1.2, yargs-parser@npm:^18.1.3":
   version: 18.1.3
   resolution: "yargs-parser@npm:18.1.3"