Version Packages (#1934 )

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
🎨 Datepickers viser nå bare in-range datoer ved input-fokus (#1929 )
2026-10-13 09:12:03 +00:00 · 2023-04-24 09:12:11 +02:00 · 2023-04-21 19:03:36 +02:00 · 2023-04-21 19:03:19 +02:00 · 2023-04-21 11:01:22 +02:00 · 2023-04-20 16:09:51 +02:00
54 changed files with 397 additions and 172 deletions
@@ -49,7 +49,6 @@ jobs:
      - name: add tokens to .env
        run: |
          echo "SANITY_WRITE_KEY=${{ secrets.SANITY_FEEDBACK_WRITE_KEY }}" >> aksel.nav.no/website/.env
-          echo "SENTRY_AUTH_TOKEN=${{ secrets.SENTRY_AUTH_TOKEN }}" >> aksel.nav.no/website/.env
          echo "SANITY_PREVIEW_TOKEN=${{ secrets.SANITY_PREVIEW_TOKEN }}" >> aksel.nav.no/website/.env
          echo "SANITY_PRIVATE_NO_DRAFTS=${{ secrets.SANITY_PRIVATE_NO_DRAFTS }}" >> aksel.nav.no/website/.env
          echo "USE_CDN_ASSETS=true" >> aksel.nav.no/website/.env
@@ -84,7 +84,6 @@ jobs:
      - name: add tokens to .env
        run: |
          echo "SANITY_WRITE_KEY=${{ secrets.SANITY_FEEDBACK_WRITE_KEY }}" >> aksel.nav.no/website/.env
-          echo "SENTRY_AUTH_TOKEN=${{ secrets.SENTRY_AUTH_TOKEN }}" >> aksel.nav.no/website/.env
          echo "SANITY_PREVIEW_TOKEN=${{ secrets.SANITY_PREVIEW_TOKEN }}" >> aksel.nav.no/website/.env
          echo "SANITY_PRIVATE_NO_DRAFTS=${{ secrets.SANITY_PRIVATE_NO_DRAFTS }}" >> aksel.nav.no/website/.env
          echo "USE_CDN_ASSETS=true" >> aksel.nav.no/website/.env
@@ -23,7 +23,6 @@ jobs:
      - name: add tokens to .env
        run: |
          echo "SANITY_WRITE_KEY=${{ secrets.SANITY_FEEDBACK_WRITE_KEY }}" >> aksel.nav.no/website/.env
-          echo "SENTRY_AUTH_TOKEN=${{ secrets.SENTRY_AUTH_TOKEN }}" >> aksel.nav.no/website/.env
          echo "SANITY_PREVIEW_TOKEN=${{ secrets.SANITY_PREVIEW_TOKEN }}" >> aksel.nav.no/website/.env
          echo "SANITY_PRIVATE_NO_DRAFTS=${{ secrets.SANITY_PRIVATE_NO_DRAFTS }}" >> aksel.nav.no/website/.env

@@ -23,7 +23,6 @@ jobs:
      - name: add tokens to .env
        run: |
          echo "SANITY_WRITE_KEY=${{ secrets.SANITY_FEEDBACK_WRITE_KEY }}" >> aksel.nav.no/website/.env
-          echo "SENTRY_AUTH_TOKEN=${{ secrets.SENTRY_AUTH_TOKEN }}" >> aksel.nav.no/website/.env
          echo "SANITY_PREVIEW_TOKEN=${{ secrets.SANITY_PREVIEW_TOKEN }}" >> aksel.nav.no/website/.env
          echo "SANITY_PRIVATE_NO_DRAFTS=${{ secrets.SANITY_PRIVATE_NO_DRAFTS }}" >> aksel.nav.no/website/.env

@@ -1,5 +1,18 @@
 # @navikt/aksel-icons

+## 2.8.15
+
+### Patch Changes
+
+- [#1928](https://github.com/navikt/aksel/pull/1928) [`dfe923582`](https://github.com/navikt/aksel/commit/dfe923582a57b41c77cfb4fbfa7c56be047ef2b0) Thanks [@KenAJoh](https://github.com/KenAJoh)! - :tada: Lagt til nye ikoner :tada:
+
+  - HandKnot.svg
+  - HandKnotFilled.svg
+
+- [#1930](https://github.com/navikt/aksel/pull/1930) [`6682be1c8`](https://github.com/navikt/aksel/commit/6682be1c8e6562213c64e5be4bed70fef54ab865) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Alle pakker implementerer nå npm provenance (beta)
+
+## 2.8.14
+
 ## 2.8.13

 ### Patch Changes
@@ -13,5 +13,5 @@ keywords:
  - forward
  - videresend
 variant: Stroke
-updated_at: 08.03.2023
+updated_at: 20.04.2023
 created_at: 07.03.2023
@@ -6,5 +6,5 @@ keywords:
  - venstre
  - side
 variant: Stroke
-updated_at: 08.03.2023
+updated_at: 20.04.2023
 created_at: 07.03.2023
@@ -10,5 +10,5 @@ keywords:
  - nettverk
  - network
 variant: Stroke
-updated_at: 08.03.2023
+updated_at: 18.04.2023
 created_at: 07.03.2023
@@ -9,5 +9,5 @@ keywords:
  - open
  - åpne
 variant: Stroke
-updated_at: 08.03.2023
+updated_at: 19.04.2023
 created_at: 07.03.2023
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.75023 5C8.75023 4.30964 9.30988 3.75 10.0002 3.75C10.6906 3.75 11.2502 4.30964 11.2502 5V5.75H8.75023V5ZM8.75023 7.25V13.5C8.75023 13.7929 8.57973 14.059 8.31363 14.1814C8.04753 14.3038 7.73453 14.2601 7.51214 14.0694L5.39829 12.2576C4.91367 11.8422 4.19095 11.8699 3.73962 12.3213C3.30979 12.7511 3.26143 13.4316 3.62616 13.9179L8.37524 20.25H18.3986L19.6173 14.7659C19.8869 13.5528 19.122 12.3509 17.909 12.0813L11.8375 10.7321C11.4944 10.6559 11.2502 10.3515 11.2502 10V7.25H8.75023ZM10.0002 2.25C8.4921 2.25 7.26751 3.46401 7.25042 4.9681C7.03844 4.82515 6.81067 4.68453 6.58336 4.56753C6.28845 4.41573 5.89474 4.25 5.5 4.25C4.25736 4.25 3.25 5.25736 3.25 6.5C3.25 7.74264 4.25736 8.75 5.5 8.75C5.89474 8.75 6.28845 8.58427 6.58336 8.43247C6.8106 8.31551 7.03831 8.17493 7.25023 8.03203V11.8693L6.37448 11.1187C5.29475 10.1932 3.68453 10.255 2.67896 11.2606C1.72129 12.2183 1.61354 13.7344 2.42616 14.8179L7.40024 21.45C7.54188 21.6389 7.76417 21.75 8.00023 21.75H19.0002C19.3518 21.75 19.6561 21.5059 19.7324 21.1627L21.0816 15.0913C21.5309 13.0695 20.2561 11.0663 18.2344 10.6171L12.7502 9.39837V8.03234C12.962 8.17514 13.1896 8.31559 13.4166 8.43247C13.7115 8.58427 14.1053 8.75 14.5 8.75C15.7426 8.75 16.75 7.74264 16.75 6.5C16.75 5.25736 15.7426 4.25 14.5 4.25C14.1053 4.25 13.7115 4.41573 13.4166 4.56753C13.1895 4.68444 12.9619 4.82495 12.75 4.96779C12.7328 3.46385 11.5083 2.25 10.0002 2.25ZM13.3772 6.6411C13.3116 6.59389 13.2475 6.54657 13.1859 6.5C13.2475 6.45343 13.3116 6.40611 13.3772 6.3589C13.6227 6.18236 13.8759 6.0182 14.1031 5.90122C14.2162 5.84301 14.3119 5.80222 14.3886 5.77707C14.4608 5.75335 14.4956 5.7504 14.4997 5.75005C14.5002 5.75001 14.5003 5.75 14.5 5.75C14.9142 5.75 15.25 6.08579 15.25 6.5C15.25 6.91421 14.9142 7.25 14.5 7.25L14.5001 7.24999C14.5002 7.25 14.5002 7.25 14.5 7.25L14.4997 7.24995C14.4956 7.2496 14.4608 7.24665 14.3886 7.22293C14.3119 7.19778 14.2162 7.15699 14.1031 7.09878C13.8759 6.9818 13.6227 6.81764 13.3772 6.6411ZM6.81414 6.5C6.75246 6.45343 6.68842 6.40611 6.62277 6.3589C6.3773 6.18236 6.12414 6.0182 5.89688 5.90122C5.78379 5.84301 5.68809 5.80222 5.61143 5.77707C5.53915 5.75335 5.50443 5.7504 5.50025 5.75005C5.49978 5.75001 5.4997 5.75 5.5 5.75C5.08579 5.75 4.75 6.08579 4.75 6.5C4.75 6.91421 5.08579 7.25 5.5 7.25C5.4997 7.25 5.49978 7.24999 5.50025 7.24995C5.50443 7.2496 5.53915 7.24665 5.61143 7.22293C5.68809 7.19778 5.78379 7.15699 5.89688 7.09878C6.12414 6.9818 6.3773 6.81764 6.62277 6.6411C6.68842 6.59389 6.75246 6.54657 6.81414 6.5Z" fill="#262626"/>
+</svg>
@@ -0,0 +1,12 @@
+name: HandKnot
+category: People
+sub_category: Hands
+keywords:
+  - hånd
+  - påminnelse
+  - note
+  - notat
+  - reminder
+variant: Stroke
+updated_at: 21.04.2023
+created_at: 21.04.2023
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.25042 4.9681C7.26752 3.46401 8.4921 2.25 10.0002 2.25C11.5083 2.25 12.7328 3.46384 12.7501 4.96778C12.9619 4.82494 13.1895 4.68444 13.4166 4.56753C13.7115 4.41573 14.1053 4.25 14.5 4.25C15.7426 4.25 16.75 5.25736 16.75 6.5C16.75 7.74264 15.7426 8.75 14.5 8.75C14.1053 8.75 13.7115 8.58427 13.4166 8.43247C13.1896 8.31559 12.962 8.17514 12.7502 8.03235L12.7502 5V9.39837L18.2344 10.6171C20.2561 11.0663 21.5309 13.0695 21.0816 15.0913L19.7324 21.1627C19.6561 21.5059 19.3518 21.75 19.0002 21.75H8.00024C7.76417 21.75 7.54188 21.6389 7.40024 21.45L2.42616 14.8179C1.61354 13.7344 1.72129 12.2183 2.67896 11.2606C3.68453 10.255 5.29475 10.1932 6.37448 11.1187L7.25024 11.8693L7.25024 8.03202C7.03831 8.17493 6.8106 8.31551 6.58336 8.43247C6.28845 8.58427 5.89474 8.75 5.5 8.75C4.25736 8.75 3.25 7.74264 3.25 6.5C3.25 5.25736 4.25736 4.25 5.5 4.25C5.89474 4.25 6.28845 4.41573 6.58336 4.56753C6.81067 4.68453 7.03844 4.82515 7.25042 4.9681ZM12 7C12 7.13807 11.8881 7.25 11.75 7.25H8.25C8.11193 7.25 8 7.13807 8 7V6C8 5.86193 8.11193 5.75 8.25 5.75H11.75C11.8881 5.75 12 5.86193 12 6V7ZM6.62277 6.3589C6.68842 6.40611 6.75246 6.45343 6.81414 6.5C6.75246 6.54657 6.68842 6.59389 6.62277 6.6411C6.3773 6.81764 6.12414 6.9818 5.89688 7.09878C5.78379 7.15699 5.68809 7.19778 5.61143 7.22293C5.53915 7.24665 5.50417 7.24965 5.5 7.25C5.08579 7.25 4.75 6.91421 4.75 6.5C4.75 6.08579 5.08604 5.75005 5.50025 5.75005C5.50443 5.7504 5.53915 5.75335 5.61143 5.77707C5.68809 5.80222 5.78379 5.84301 5.89688 5.90122C6.12414 6.0182 6.3773 6.18236 6.62277 6.3589ZM13.3772 6.6411C13.3116 6.59389 13.2475 6.54657 13.1859 6.5C13.2475 6.45343 13.3116 6.40611 13.3772 6.3589C13.6227 6.18236 13.8759 6.0182 14.1031 5.90122C14.2162 5.84301 14.3119 5.80222 14.3886 5.77707C14.4608 5.75335 14.4958 5.75035 14.5 5.75C14.9142 5.75 15.25 6.08579 15.25 6.5C15.25 6.91421 14.914 7.24995 14.4997 7.24995C14.4956 7.2496 14.4608 7.24665 14.3886 7.22293C14.3119 7.19778 14.2162 7.15699 14.1031 7.09878C13.8759 6.9818 13.6227 6.81764 13.3772 6.6411Z" fill="#262626"/>
+</svg>
@@ -0,0 +1,12 @@
+name: HandKnotFilled
+category: People
+sub_category: Hands
+keywords:
+  - hånd
+  - påminnelse
+  - note
+  - notat
+  - reminder
+variant: Filled
+updated_at: 21.04.2023
+created_at: 21.04.2023
@@ -10,5 +10,5 @@ keywords:
  - wardrobe
  - kleshenger
 variant: Stroke
-updated_at: 08.03.2023
+updated_at: 18.04.2023
 created_at: 07.03.2023
@@ -7,5 +7,5 @@ keywords:
  - grid
  - rutenett
 variant: Stroke
-updated_at: 08.03.2023
+updated_at: 19.04.2023
 created_at: 07.03.2023
@@ -13,5 +13,5 @@ keywords:
  - papir
  - kontorrekvisita
 variant: Stroke
-updated_at: 08.03.2023
+updated_at: 18.04.2023
 created_at: 07.03.2023
@@ -11,5 +11,5 @@ keywords:
  - doctor
  - patient
 variant: Stroke
-updated_at: 08.03.2023
+updated_at: 18.04.2023
 created_at: 07.03.2023
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/aksel-icons",
-  "version": "2.8.13",
+  "version": "2.8.15",
  "author": "Aksel | NAV",
  "homepage": "https://aksel.nav.no/ikoner",
  "repository": {
@@ -17,7 +17,8 @@
    "svg"
  ],
  "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "provenance": true
  },
  "sideEffects": [
    "*.svg"
@@ -1,5 +1,13 @@
 # @navikt/ds-codemod

+## 2.8.15
+
+### Patch Changes
+
+- [#1930](https://github.com/navikt/aksel/pull/1930) [`6682be1c8`](https://github.com/navikt/aksel/commit/6682be1c8e6562213c64e5be4bed70fef54ab865) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Alle pakker implementerer nå npm provenance (beta)
+
+## 2.8.14
+
 ## 2.8.13

 ## 2.8.12
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-codemod",
-  "version": "2.8.13",
+  "version": "2.8.15",
  "description": "Aksel codemods for NAVs designsystem",
  "author": "Aksel | NAV designsystem team",
  "license": "MIT",
@@ -59,6 +59,7 @@
    "node": ">=12.0.0"
  },
  "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "provenance": true
  }
 }
@@ -19,7 +19,8 @@
  "module": "./esm/index.js",
  "typings": "./esm/index.d.ts",
  "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "provenance": true
  },
  "files": [
    "/css",
@@ -39,8 +40,8 @@
    "build-pict": "svgr --silent --index-template index-template.js --out-dir src/pictograms pictograms"
  },
  "dependencies": {
-    "@navikt/ds-icons": "^2.8.13",
-    "@navikt/ds-react": "^2.8.13",
+    "@navikt/ds-icons": "^2.8.15",
+    "@navikt/ds-react": "^2.8.15",
    "clsx": "^1.1.1"
  },
  "devDependencies": {
@@ -1,5 +1,17 @@
 # @navikt/ds-css

+## 2.8.15
+
+### Patch Changes
+
+- [#1930](https://github.com/navikt/aksel/pull/1930) [`6682be1c8`](https://github.com/navikt/aksel/commit/6682be1c8e6562213c64e5be4bed70fef54ab865) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Alle pakker implementerer nå npm provenance (beta)
+
+## 2.8.14
+
+### Patch Changes
+
+- [`f0d9a8853`](https://github.com/navikt/aksel/commit/f0d9a8853f56854a4049bd3f6cc34968e9d6c380) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Fixes shown month on open in Datepicker/MonthPicker, better handling of out-of-range 'today'
+
 ## 2.8.13

 ## 2.8.12
@@ -163,7 +163,8 @@
  gap: var(--a-spacing-2);
 }

-.navds-date__caption-button {
+.navds-date__caption-button,
+.navds-date__caption-button:disabled {
  color: var(--ac-date-caption-text, var(--a-text-default));
 }

@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-css",
-  "version": "2.8.13",
+  "version": "2.8.15",
  "description": "CSS for NAV Designsystem",
  "author": "Aksel | NAV designsystem team",
  "keywords": [
@@ -8,7 +8,8 @@
  ],
  "license": "MIT",
  "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "provenance": true
  },
  "repository": {
    "type": "git",
@@ -20,7 +21,7 @@
    "watch": "postcss --watch --use postcss-import -o dist/index.css index.css"
  },
  "devDependencies": {
-    "@navikt/ds-tokens": "^2.8.13",
+    "@navikt/ds-tokens": "^2.8.15",
    "normalize.css": "^8.0.1",
    "postcss": "^8.4.0",
    "postcss-cli": "^9.0.0",
@@ -1,5 +1,27 @@
 # @navikt/ds-react

+## 2.8.15
+
+### Patch Changes
+
+- [#1930](https://github.com/navikt/aksel/pull/1930) [`6682be1c8`](https://github.com/navikt/aksel/commit/6682be1c8e6562213c64e5be4bed70fef54ab865) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Alle pakker implementerer nå npm provenance (beta)
+
+- [#1929](https://github.com/navikt/aksel/pull/1929) [`284534246`](https://github.com/navikt/aksel/commit/28453424684e00d65fd8d204f1405f7ed6a82fbf) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Bedre håndtering av visning for out-of-range dates i datepickers
+
+- Updated dependencies [[`dfe923582`](https://github.com/navikt/aksel/commit/dfe923582a57b41c77cfb4fbfa7c56be047ef2b0), [`6682be1c8`](https://github.com/navikt/aksel/commit/6682be1c8e6562213c64e5be4bed70fef54ab865)]:
+  - @navikt/aksel-icons@2.8.15
+  - @navikt/ds-icons@2.8.15
+
+## 2.8.14
+
+### Patch Changes
+
+- [`f0d9a8853`](https://github.com/navikt/aksel/commit/f0d9a8853f56854a4049bd3f6cc34968e9d6c380) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Fixes shown month on open in Datepicker/MonthPicker, better handling of out-of-range 'today'
+
+- Updated dependencies []:
+  - @navikt/aksel-icons@2.8.14
+  - @navikt/ds-icons@2.8.14
+
 ## 2.8.13

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-react",
-  "version": "2.8.13",
+  "version": "2.8.15",
  "description": "Aksel react-components for NAV designsystem",
  "author": "Aksel | NAV designsystem team",
  "license": "MIT",
@@ -18,7 +18,8 @@
  "module": "./esm/index.js",
  "typings": "./esm/index.d.ts",
  "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "provenance": true
  },
  "files": [
    "/cjs",
@@ -37,8 +38,8 @@
  },
  "dependencies": {
    "@floating-ui/react": "0.17.0",
-    "@navikt/aksel-icons": "^2.8.13",
-    "@navikt/ds-icons": "^2.8.13",
+    "@navikt/aksel-icons": "^2.8.15",
+    "@navikt/ds-icons": "^2.8.15",
    "@radix-ui/react-tabs": "1.0.0",
    "@radix-ui/react-toggle-group": "1.0.0",
    "clsx": "^1.2.1",
@@ -7,6 +7,7 @@ import { CaptionProps, useDayPicker, useNavigation } from "react-day-picker";
 import { Button, Select } from "../../..";
 import { getMonths, getYears } from "../../utils/get-dates";
 import { labelMonthDropdown, labelYearDropdown } from "../../utils/labels";
+import { max, min } from "date-fns";

 export const DropdownCaption = ({ displayMonth, id }: CaptionProps) => {
  const { goToMonth, nextMonth, previousMonth } = useNavigation();
@@ -23,13 +24,18 @@ export const DropdownCaption = ({ displayMonth, id }: CaptionProps) => {
    return null;
  }

-  const handleYearChange: React.ChangeEventHandler<HTMLSelectElement> = (e) =>
-    goToMonth(setYear(startOfMonth(displayMonth), Number(e.target.value)));
+  const handleYearChange: React.ChangeEventHandler<HTMLSelectElement> = (e) => {
+    const newMonth = setYear(
+      startOfMonth(displayMonth),
+      Number(e.target.value)
+    );
+    goToMonth(startOfMonth(min([max([newMonth, fromDate]), toDate])));
+  };

  const handleMonthChange: React.ChangeEventHandler<HTMLSelectElement> = (e) =>
    goToMonth(setMonth(startOfMonth(displayMonth), Number(e.target.value)));

-  const years = getYears(fromDate, toDate);
+  const years = getYears(fromDate, toDate, displayMonth.getFullYear());
  const months = getMonths(fromDate, toDate, displayMonth);

  const previousLabel = labelPrevious(previousMonth, { locale });
@@ -149,14 +149,13 @@ export const ShowWeekNumber = () => (
 export const UseDatepicker = () => {
  const { datepickerProps, inputProps } = UNSAFE_useDatepicker({
    fromDate: new Date("Aug 23 2019"),
+    toDate: new Date("Feb 23 2024"),
    onDateChange: console.log,
-    locale: "en",
-    openOnFocus: false,
  });

  return (
    <div style={{ display: "flex", gap: "1rem" }}>
-      <DatePicker {...datepickerProps}>
+      <DatePicker {...datepickerProps} dropdownCaption>
        <DatePicker.Input {...inputProps} label="Velg dato" />
      </DatePicker>
    </div>
@@ -1,6 +1,6 @@
 import differenceInCalendarDays from "date-fns/differenceInCalendarDays";
 import isWeekend from "date-fns/isWeekend";
-import React, { useRef, useState } from "react";
+import React, { useCallback, useRef, useState } from "react";
 import { DayClickEventHandler, isMatch } from "react-day-picker";
 import { DateInputProps } from "../DateInput";
 import { DatePickerProps } from "../datepicker/DatePicker";
@@ -150,13 +150,22 @@ export const useDatepicker = (
    : "";
  const [inputValue, setInputValue] = useState(defaultInputValue);

-  useOutsideClickHandler(open, setOpen, [
+  const handleOpen = useCallback(
+    (open: boolean) => {
+      setOpen(open);
+      !open &&
+        setMonth(selectedDay ?? defaultSelected ?? defaultMonth ?? today);
+    },
+    [defaultMonth, defaultSelected, selectedDay, today]
+  );
+
+  useOutsideClickHandler(open, handleOpen, [
    daypickerRef,
    inputRef.current,
    inputRef.current?.nextSibling,
  ]);

-  useEscape(open, setOpen, inputRef);
+  useEscape(open, handleOpen, inputRef);

  const updateDate = (date?: Date) => {
    onDateChange?.(date);
@@ -182,7 +191,7 @@ export const useDatepicker = (
  };

  const handleFocus: React.FocusEventHandler<HTMLInputElement> = (e) => {
-    !open && openOnFocus && setOpen(true);
+    !open && openOnFocus && handleOpen(true);
    let day = parseDate(
      e.target.value,
      today,
@@ -191,8 +200,14 @@ export const useDatepicker = (
      allowTwoDigitYear
    );
    if (isValidDate(day)) {
-      setMonth(day);
      setInputValue(formatDateForInput(day, locale, "date", inputFormat));
+
+      const isBefore =
+        fromDate && day && differenceInCalendarDays(fromDate, day) > 0;
+      const isAfter =
+        toDate && day && differenceInCalendarDays(day, toDate) > 0;
+
+      !isBefore && !isAfter && setMonth(day);
    }
  };

@@ -211,7 +226,7 @@ export const useDatepicker = (
  /* Only allow de-selecting if not required */
  const handleDayClick: DayClickEventHandler = (day, { selected }) => {
    if (day && !selected) {
-      setOpen(false);
+      handleOpen(false);
      inputRef.current && inputRef.current.focus();
    }

@@ -288,7 +303,7 @@ export const useDatepicker = (
    toDate,
    today,
    open,
-    onOpenToggle: () => setOpen((x) => !x),
+    onOpenToggle: () => handleOpen(!open),
    disabled,
    disableWeekends,
    ref: setDaypickerRef,
@@ -1,8 +1,8 @@
-import React, { useCallback, useEffect } from "react";
+import { useCallback, useEffect } from "react";

 export const useEscape = (
  open: boolean,
-  setOpen: React.Dispatch<React.SetStateAction<boolean>>,
+  setOpen: (openState: boolean) => void,
  focusRef: any
 ) => {
  const handleClose = useCallback(() => {
@@ -1,4 +1,4 @@
-import React, { useRef, useState } from "react";
+import React, { useCallback, useMemo, useRef, useState } from "react";
 import { DateInputProps } from "../DateInput";
 import { MonthPickerProps } from "../monthpicker/MonthPicker";
 import {
@@ -96,6 +96,20 @@ const getValidationMessage = (val = {}): MonthValidationT => ({
  ...val,
 });

+const getIsBefore = (opt: { fromDate?: Date; date?: Date }) =>
+  opt.fromDate &&
+  opt.date &&
+  (opt.fromDate.getFullYear() > opt.date.getFullYear() ||
+    (opt.fromDate.getFullYear() === opt.date.getFullYear() &&
+      opt.fromDate.getMonth() > opt.date.getMonth()));
+
+const getIsAfter = (opt: { toDate?: Date; date?: Date }) =>
+  opt.toDate &&
+  opt.date &&
+  (opt.toDate.getFullYear() < opt.date.getFullYear() ||
+    (opt.toDate.getFullYear() === opt.date.getFullYear() &&
+      opt.toDate.getMonth() < opt.date.getMonth()));
+
 export const useMonthpicker = (
  opt: UseMonthPickerOptions = {}
 ): UseMonthPickerValue => {
@@ -116,7 +130,7 @@ export const useMonthpicker = (

  const [defaultSelected, setDefaultSelected] = useState(_defaultSelected);

-  const today = new Date();
+  const today = useMemo(() => new Date(), []);
  const locale = getLocaleFromString(_locale);

  const inputRef = useRef<HTMLInputElement>(null);
@@ -133,13 +147,22 @@ export const useMonthpicker = (

  const [inputValue, setInputValue] = useState(defaultInputValue);

-  useOutsideClickHandler(open, setOpen, [
+  const handleOpen = useCallback(
+    (open: boolean) => {
+      setOpen(open);
+      !open &&
+        setYear(selectedMonth ?? defaultSelected ?? defaultYear ?? today);
+    },
+    [defaultSelected, defaultYear, selectedMonth, today]
+  );
+
+  useOutsideClickHandler(open, handleOpen, [
    monthpickerRef,
    inputRef.current,
    inputRef.current?.nextSibling,
  ]);

-  useEscape(open, setOpen, inputRef);
+  useEscape(open, handleOpen, inputRef);

  const updateMonth = (date?: Date) => {
    onMonthChange?.(date);
@@ -165,7 +188,7 @@ export const useMonthpicker = (
  };

  const handleFocus: React.FocusEventHandler<HTMLInputElement> = (e) => {
-    !open && openOnFocus && setOpen(true);
+    !open && openOnFocus && handleOpen(true);
    let day = parseDate(
      e.target.value,
      today,
@@ -173,8 +196,11 @@ export const useMonthpicker = (
      "month",
      allowTwoDigitYear
    );
+    const isBefore = getIsBefore({ fromDate, date: day });
+    const isAfter = getIsAfter({ toDate, date: day });
+
    if (isValidDate(day)) {
-      setYear(day);
+      !isBefore && !isAfter && setYear(day);
      setInputValue(formatDateForInput(day, locale, "month", inputFormat));
    } else {
      setYear(defaultSelected ?? defaultYear ?? today);
@@ -196,7 +222,7 @@ export const useMonthpicker = (
  /* Only allow de-selecting if not required */
  const handleMonthClick = (month?: Date) => {
    if (month) {
-      setOpen(false);
+      handleOpen(false);
      inputRef.current && inputRef.current.focus();
      setYear(month);
    }
@@ -228,19 +254,8 @@ export const useMonthpicker = (
      allowTwoDigitYear
    );

-    const isBefore =
-      fromDate &&
-      month &&
-      (fromDate.getFullYear() > month.getFullYear() ||
-        (fromDate.getFullYear() === month.getFullYear() &&
-          fromDate.getMonth() > month.getMonth()));
-
-    const isAfter =
-      toDate &&
-      month &&
-      (toDate.getFullYear() < month.getFullYear() ||
-        (toDate.getFullYear() === month.getFullYear() &&
-          toDate.getMonth() < month.getMonth()));
+    const isBefore = getIsBefore({ fromDate, date: month });
+    const isAfter = getIsAfter({ toDate, date: month });

    if (!isValidDate(month) || (disabled && isMatch(month, disabled))) {
      updateMonth(undefined);
@@ -282,7 +297,7 @@ export const useMonthpicker = (
    fromDate,
    toDate,
    open,
-    onOpenToggle: () => setOpen((x) => !x),
+    onOpenToggle: () => handleOpen(!open),
    disabled,
    ref: setMonthpickerRef,
  };
@@ -1,8 +1,8 @@
-import React, { useCallback, useEffect } from "react";
+import { useCallback, useEffect } from "react";

 export const useOutsideClickHandler = (
  open: boolean,
-  setOpen: React.Dispatch<React.SetStateAction<boolean>>,
+  setOpen: (openState: boolean) => void,
  refs: Array<any>
 ) => {
  const handleFocusIn = useCallback(
@@ -318,12 +318,18 @@ export const useRangeDatepicker = (
      allowTwoDigitYear
    );
    if (isValidDate(day)) {
-      setMonth(day);
      src === RANGE.FROM
        ? setFromInputValue(
            formatDateForInput(day, locale, "date", inputFormat)
          )
        : setToInputValue(formatDateForInput(day, locale, "date", inputFormat));
+
+      const isBefore =
+        fromDate && day && differenceInCalendarDays(fromDate, day) > 0;
+      const isAfter =
+        toDate && day && differenceInCalendarDays(day, toDate) > 0;
+
+      !isBefore && !isAfter && setMonth(day);
    }
  };

@@ -1,5 +1,4 @@
 import { Left, Right } from "@navikt/ds-icons";
-import isSameYear from "date-fns/isSameYear";
 import setYear from "date-fns/setYear";
 import startOfMonth from "date-fns/startOfMonth";
 import startOfYear from "date-fns/startOfYear";
@@ -7,7 +6,8 @@ import React from "react";
 import { useDayPicker } from "react-day-picker";
 import { Button, Select } from "../..";
 import { useSharedMonthContext } from "../context";
-import { hasNextYear, labelNextYear, labelPrevYear } from "../utils";
+import { labelNextYear, labelPrevYear } from "../utils";
+import { isAfter, isBefore } from "date-fns";

 export const MonthCaption = () => {
  const {
@@ -27,34 +27,38 @@ export const MonthCaption = () => {
    for (let year = fromYear; year <= toYear; year++) {
      years.push(setYear(startOfYear(new Date()), year));
    }
+
+    if (!years.map((x) => x.getFullYear()).includes(year.getFullYear())) {
+      years.push(setYear(startOfYear(new Date()), year.getFullYear()));
+    }
+    years.sort((a, b) => a.getFullYear() - b.getFullYear());
  }

  const handleYearChange = (e) =>
    toYear(setYear(startOfMonth(new Date()), Number(e.target.value)));

  const handleButtonClick = (val: number) => {
-    let newMonth: Date;
-    if (hasDropdown && hasNextYear(year, years, val)) {
-      newMonth = setYear(new Date(), year.getFullYear() + val);
-      toYear(newMonth);
-    } else if (!hasDropdown) {
-      const newYear = Number(year.getFullYear() + val);
-      newMonth = setYear(year, newYear);
-      toYear(newMonth);
-    }
+    const newYear = Number(year.getFullYear() + val);
+    toYear(setYear(year, newYear));
  };

-  const hasFollowingYear = (value: number) => {
-    return years.some((y) =>
-      isSameYear(y, setYear(year, Number(year.getFullYear() + value)))
-    );
+  const hasPrevYear = () => {
+    return fromDate
+      ? isBefore(year?.getFullYear() - 1, fromDate?.getFullYear())
+      : true;
+  };
+
+  const hasNextYear = () => {
+    return toDate
+      ? isAfter(year?.getFullYear() + 1, toDate?.getFullYear())
+      : true;
  };

  return (
    <div className="navds-date__caption">
      <Button
        className="navds-date__caption-button"
-        disabled={!hasDropdown ? false : !hasFollowingYear(-1)}
+        disabled={hasPrevYear()}
        onClick={() => handleButtonClick(-1)}
        aria-label={labelPrevYear(locale?.code)}
        icon={<Left aria-hidden />}
@@ -83,7 +87,7 @@ export const MonthCaption = () => {
      )}
      <Button
        className="navds-date__caption-button"
-        disabled={!hasDropdown ? false : !hasFollowingYear(1)}
+        disabled={hasNextYear()}
        onClick={() => handleButtonClick(1)}
        aria-label={labelNextYear(locale?.code)}
        icon={<Right aria-hidden />}
@@ -77,11 +77,13 @@ export const UseMonthpicker = () => {
  const { inputProps, monthpickerProps } = UNSAFE_useMonthpicker({
    disabled: [new Date("Apr 1 2022")],
    onMonthChange: console.log,
+    fromDate: new Date("Jan 1 2022"),
+    toDate: new Date("Sep 27 2025"),
  });

  return (
    <div style={{ height: "20rem" }}>
-      <MonthPicker {...monthpickerProps}>
+      <MonthPicker {...monthpickerProps} dropdownCaption>
        <MonthPicker.Input
          {...inputProps}
          label="Velg måned"
@@ -1,4 +1,4 @@
-import { dateIsInCurrentMonth, hasNextYear } from "..";
+import { dateIsInCurrentMonth } from "..";

 const selectedDate = new Date("Feb 1 1994");

@@ -19,29 +19,3 @@ describe("Returns if date is in current month", () => {
    ).toBeFalsy();
  });
 });
-
-const years = [
-  new Date(),
-  new Date("Aug 5 2023"),
-  new Date("Aug 5 2024"),
-  new Date("Aug 5 2025"),
-  new Date("Aug 5 2026"),
-  new Date("Aug 5 2027"),
-  new Date("Aug 5 2028"),
-  new Date("Aug 5 2029"),
-];
-
-describe("Returns if year is at start or end of range", () => {
-  test("Should have next year (true)", () => {
-    expect(hasNextYear(new Date(), years, 1)).toBeTruthy();
-  });
-  test("Should have previous year (true)", () => {
-    expect(hasNextYear(new Date("Aug 3 2024"), years, -1)).toBeTruthy();
-  });
-  test("Should not have next year (false)", () => {
-    expect(hasNextYear(new Date("Aug 3 2029"), years, 1)).toBeFalsy();
-  });
-  test("Should not have previous year (false)", () => {
-    expect(hasNextYear(new Date(), years, -1)).toBeFalsy();
-  });
-});
@@ -57,6 +57,25 @@ describe("Extracts correct months", () => {
    };
    expect(getMonths(t.start, t.end, t.current).length).toEqual(t.res);
  });
+  test("End part of 2022, including starting month (12)", () => {
+    const t = {
+      start: new Date(2019, 5, 22),
+      end: new Date(2022, 7, 22),
+      current: new Date(2022, 7, 22),
+      res: 8,
+    };
+    expect(getMonths(t.start, t.end, t.current).length).toEqual(t.res);
+  });
+  test("Adds out of range month to list (13)", () => {
+    const t = {
+      start: new Date(2019, 5, 22),
+      end: new Date(2022, 7, 22),
+      current: new Date(2022, 9, 22),
+      res: 9,
+    };
+    console.log(getMonths(t.start, t.end, t.current));
+    expect(getMonths(t.start, t.end, t.current).length).toEqual(t.res);
+  });
 });

 describe("Extracts correct years", () => {
@@ -64,16 +83,39 @@ describe("Extracts correct years", () => {
    const t = {
      start: new Date(2019, 2, 22),
      end: new Date(2019, 9, 22),
+      current: 2019,
      res: 1,
    };
-    expect(getYears(t.start, t.end).length).toEqual(t.res);
+    expect(getYears(t.start, t.end, t.current).length).toEqual(t.res);
  });
+
  test("Multiple years (11)", () => {
    const t = {
      start: new Date(2019, 2, 22),
      end: new Date(2029, 9, 22),
+      current: 2022,
      res: 11,
    };
-    expect(getYears(t.start, t.end).length).toEqual(t.res);
+    expect(getYears(t.start, t.end, t.current).length).toEqual(t.res);
+  });
+
+  test("Displaymonth outside range: after (11)", () => {
+    const t = {
+      start: new Date(2019, 2, 22),
+      end: new Date(2029, 9, 22),
+      current: 2040,
+      res: 12,
+    };
+    expect(getYears(t.start, t.end, t.current).length).toEqual(t.res);
+  });
+
+  test("Displaymonth outside range: before (11)", () => {
+    const t = {
+      start: new Date(2019, 2, 22),
+      end: new Date(2029, 9, 22),
+      current: 2001,
+      res: 12,
+    };
+    expect(getYears(t.start, t.end, t.current).length).toEqual(t.res);
  });
 });
@@ -12,7 +12,3 @@ export const dateIsInCurrentMonth = (
 export function isValidDate(day: Date): boolean {
  return day && !isNaN(day?.getTime()) && day.getFullYear() > 999;
 }
-
-export const hasNextYear = (year: Date, years: Date[], val: any): boolean => {
-  return years.some((x) => year.getFullYear() + val === x.getFullYear());
-};
@@ -28,15 +28,31 @@ export const getMonths = (start: Date, end: Date, current: Date): Date[] => {
      dropdownMonths.push(setMonth(date, month));
    }
  }
+
+  if (!dropdownMonths.map((d) => d.getMonth()).includes(current.getMonth())) {
+    dropdownMonths.push(current);
+  }
+  dropdownMonths.sort((a, b) => a.getMonth() - b.getMonth());
+
  return dropdownMonths;
 };

-export const getYears = (start: Date, end: Date): Date[] => {
+export const getYears = (
+  start: Date,
+  end: Date,
+  currentYear: number
+): Date[] => {
  const years: Date[] = [];
  const fromYear = start.getFullYear();
  const toYear = end.getFullYear();
  for (let year = fromYear; year <= toYear; year++) {
    years.push(setYear(startOfYear(new Date()), year));
  }
+
+  if (fromYear > currentYear || toYear < currentYear) {
+    years.push(setYear(startOfYear(new Date()), currentYear));
+  }
+
+  years.sort((a, b) => a.getFullYear() - b.getFullYear());
  return years;
 };
@@ -15,7 +15,7 @@ export {
 export { getLocaleFromString } from "./locale";
 export { disableDate } from "./dates-disabled";

-export { dateIsInCurrentMonth, isValidDate, hasNextYear } from "./check-dates";
+export { dateIsInCurrentMonth, isValidDate } from "./check-dates";
 export { getInitialYear } from "./get-initial-year";
 export { isMatch, isDateInRange, type Matcher } from "./is-match";
 export { nextEnabled } from "./navigation";
@@ -1,5 +1,13 @@
 # @navikt/ds-tailwind

+## 2.8.15
+
+### Patch Changes
+
+- [#1930](https://github.com/navikt/aksel/pull/1930) [`6682be1c8`](https://github.com/navikt/aksel/commit/6682be1c8e6562213c64e5be4bed70fef54ab865) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Alle pakker implementerer nå npm provenance (beta)
+
+## 2.8.14
+
 ## 2.8.13

 ## 2.8.12
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-tailwind",
-  "version": "2.8.13",
+  "version": "2.8.15",
  "description": "Tailwind config based on @navikt/ds-tokens",
  "author": "Aksel | NAV designsystem team",
  "keywords": [
@@ -22,7 +22,7 @@
    "directory": "@navikt/core/tailwind"
  },
  "devDependencies": {
-    "@navikt/ds-tokens": "^2.8.13",
+    "@navikt/ds-tokens": "^2.8.15",
    "@types/jest": "^29.0.0",
    "color": "4.2.3",
    "jest": "^29.0.0",
@@ -30,5 +30,9 @@
    "ts-jest": "^29.0.0",
    "ts-node": "10.9.0",
    "typescript": "^4.8.0"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
  }
 }
@@ -1,5 +1,13 @@
 # @navikt/ds-tokens

+## 2.8.15
+
+### Patch Changes
+
+- [#1930](https://github.com/navikt/aksel/pull/1930) [`6682be1c8`](https://github.com/navikt/aksel/commit/6682be1c8e6562213c64e5be4bed70fef54ab865) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Alle pakker implementerer nå npm provenance (beta)
+
+## 2.8.14
+
 ## 2.8.13

 ## 2.8.12
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-tokens",
-  "version": "2.8.13",
+  "version": "2.8.15",
  "description": "Design-tokens for NAV designsystem",
  "author": "Aksel | NAV designsystem team",
  "keywords": [
@@ -38,5 +38,9 @@
    "ts-jest": "^29.0.0",
    "ts-node": "10.9.0",
    "typescript": "^4.8.0"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
  }
 }
@@ -1,5 +1,13 @@
 # @navikt/ds-icons

+## 2.8.15
+
+### Patch Changes
+
+- [#1930](https://github.com/navikt/aksel/pull/1930) [`6682be1c8`](https://github.com/navikt/aksel/commit/6682be1c8e6562213c64e5be4bed70fef54ab865) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Alle pakker implementerer nå npm provenance (beta)
+
+## 2.8.14
+
 ## 2.8.13

 ## 2.8.12
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-icons",
-  "version": "2.8.13",
+  "version": "2.8.15",
  "description": "Aksel icons for NAV",
  "author": "Aksel | NAV designsystem team",
  "repository": {
@@ -62,5 +62,9 @@
    "ts-jest": "^29.0.0",
    "ts-node": "10.9.0",
    "typescript": "^4.8.0"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
  }
 }
@@ -1,5 +1,13 @@
 # @navikt/ds-css-internal

+## 2.8.15
+
+### Patch Changes
+
+- [#1930](https://github.com/navikt/aksel/pull/1930) [`6682be1c8`](https://github.com/navikt/aksel/commit/6682be1c8e6562213c64e5be4bed70fef54ab865) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Alle pakker implementerer nå npm provenance (beta)
+
+## 2.8.14
+
 ## 2.8.13

 ## 2.8.12
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-css-internal",
-  "version": "2.8.13",
+  "version": "2.8.15",
  "description": "CSS for NAV internal Designsystem-components",
  "author": "Aksel | NAV designsystem team",
  "keywords": [
@@ -8,7 +8,8 @@
  ],
  "license": "MIT",
  "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "provenance": true
  },
  "repository": {
    "type": "git",
@@ -1,5 +1,23 @@
 # @navikt/ds-react-internal

+## 2.8.15
+
+### Patch Changes
+
+- [#1930](https://github.com/navikt/aksel/pull/1930) [`6682be1c8`](https://github.com/navikt/aksel/commit/6682be1c8e6562213c64e5be4bed70fef54ab865) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Alle pakker implementerer nå npm provenance (beta)
+
+- Updated dependencies [[`6682be1c8`](https://github.com/navikt/aksel/commit/6682be1c8e6562213c64e5be4bed70fef54ab865), [`284534246`](https://github.com/navikt/aksel/commit/28453424684e00d65fd8d204f1405f7ed6a82fbf)]:
+  - @navikt/ds-react@2.8.15
+  - @navikt/ds-icons@2.8.15
+
+## 2.8.14
+
+### Patch Changes
+
+- Updated dependencies [[`f0d9a8853`](https://github.com/navikt/aksel/commit/f0d9a8853f56854a4049bd3f6cc34968e9d6c380)]:
+  - @navikt/ds-react@2.8.14
+  - @navikt/ds-icons@2.8.14
+
 ## 2.8.13

 ### Patch Changes
@@ -1,6 +1,6 @@
 {
  "name": "@navikt/ds-react-internal",
-  "version": "2.8.13",
+  "version": "2.8.15",
  "description": "Aksel react components for internal UIs in NAV",
  "author": "Aksel | NAV designsystem team",
  "license": "MIT",
@@ -18,7 +18,8 @@
  "module": "./esm/index.js",
  "typings": "./esm/index.d.ts",
  "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "provenance": true
  },
  "files": [
    "/cjs",
@@ -35,8 +36,8 @@
    "watch": "tsc --watch -p tsconfig.esm.json"
  },
  "dependencies": {
-    "@navikt/ds-icons": "^2.8.13",
-    "@navikt/ds-react": "^2.8.13",
+    "@navikt/ds-icons": "^2.8.15",
+    "@navikt/ds-react": "^2.8.15",
    "clsx": "^1.1.1",
    "copy-to-clipboard": "^3.3.1"
  },
@@ -15,15 +15,15 @@
    "website"
  ],
  "dependencies": {
-    "@navikt/aksel-icons": "^2.8.13",
-    "@navikt/ds-codemod": "^2.8.13",
-    "@navikt/ds-css": "^2.8.13",
-    "@navikt/ds-css-internal": "^2.8.13",
-    "@navikt/ds-icons": "^2.8.13",
-    "@navikt/ds-react": "^2.8.13",
-    "@navikt/ds-react-internal": "^2.8.13",
-    "@navikt/ds-tailwind": "^2.8.13",
-    "@navikt/ds-tokens": "^2.8.13"
+    "@navikt/aksel-icons": "^2.8.15",
+    "@navikt/ds-codemod": "^2.8.15",
+    "@navikt/ds-css": "^2.8.15",
+    "@navikt/ds-css-internal": "^2.8.15",
+    "@navikt/ds-icons": "^2.8.15",
+    "@navikt/ds-react": "^2.8.15",
+    "@navikt/ds-react-internal": "^2.8.15",
+    "@navikt/ds-tailwind": "^2.8.15",
+    "@navikt/ds-tokens": "^2.8.15"
  },
  "devDependencies": {
    "prettier-plugin-tailwindcss": "^0.2.3"
@@ -14,11 +14,10 @@ const ContentSecurityPolicy = `
  img-src 'self' cdn.sanity.io https://avatars.githubusercontent.com data: ${cdnUrl};
  script-src 'self' ${cdnUrl} https://in2.taskanalytics.com/tm.js 'nonce-4e1aa203a32e' 'unsafe-eval';
  style-src 'self' ${cdnUrl} 'unsafe-inline';
-  report-uri https://sentry.gc.nav.no/api/113/envelope/?sentry_key=d35bd60e413c489ca0f2fd389b4e6e5e&sentry_version=7;
-  connect-src 'self' ${cdnUrl} https://raw.githubusercontent.com/navikt/ wss://hnbe3yhs.api.sanity.io cdn.sanity.io *.api.sanity.io https://amplitude.nav.no https://sentry.gc.nav.no https://in2.taskanalytics.com/03346;
-  frame-ancestors localhost:3333 'self' localhost:3000 https://verktoykasse.sanity.studio/;
+  connect-src 'self' ${cdnUrl} https://raw.githubusercontent.com/navikt/ wss://hnbe3yhs.api.sanity.io cdn.sanity.io *.api.sanity.io https://amplitude.nav.no https://in2.taskanalytics.com/03346;
+  frame-ancestors 'self' localhost:3000;
  media-src 'self' ${cdnUrl} cdn.sanity.io;
-  frame-src 'self' https://web.microsoftstream.com localhost:3000 https://aksel.dev.nav.no/ https://aksel.ekstern.dev.nav.no;
+  frame-src 'self' https://web.microsoftstream.com localhost:3000 https://aksel.ekstern.dev.nav.no;
 `;

 const securityHeaders = [
@@ -10,8 +10,8 @@
    "preview": "vite preview"
  },
  "dependencies": {
-    "@navikt/ds-css": "2.8.13",
-    "@navikt/ds-react": "2.8.13",
+    "@navikt/ds-css": "2.8.15",
+    "@navikt/ds-react": "2.8.15",
    "react": "^18.0.0",
    "react-dom": "^18.0.0"
  },
@@ -3892,7 +3892,7 @@ __metadata:
  languageName: node
  linkType: hard

-"@navikt/aksel-icons@^2.8.12, @navikt/aksel-icons@workspace:@navikt/aksel-icons":
+"@navikt/aksel-icons@^2.8.14, @navikt/aksel-icons@workspace:@navikt/aksel-icons":
  version: 0.0.0-use.local
  resolution: "@navikt/aksel-icons@workspace:@navikt/aksel-icons"
  dependencies:
@@ -3915,7 +3915,7 @@ __metadata:
  languageName: unknown
  linkType: soft

-"@navikt/ds-codemod@^2.8.12, @navikt/ds-codemod@workspace:@navikt/codemod":
+"@navikt/ds-codemod@^2.8.14, @navikt/ds-codemod@workspace:@navikt/codemod":
  version: 0.0.0-use.local
  resolution: "@navikt/ds-codemod@workspace:@navikt/codemod"
  dependencies:
@@ -3942,7 +3942,7 @@ __metadata:
  languageName: unknown
  linkType: soft

-"@navikt/ds-css-internal@^2.8.12, @navikt/ds-css-internal@workspace:@navikt/internal/css":
+"@navikt/ds-css-internal@^2.8.14, @navikt/ds-css-internal@workspace:@navikt/internal/css":
  version: 0.0.0-use.local
  resolution: "@navikt/ds-css-internal@workspace:@navikt/internal/css"
  dependencies:
@@ -3953,11 +3953,11 @@ __metadata:
  languageName: unknown
  linkType: soft

-"@navikt/ds-css@2.8.12, @navikt/ds-css@^2.8.12, @navikt/ds-css@workspace:@navikt/core/css":
+"@navikt/ds-css@2.8.14, @navikt/ds-css@^2.8.14, @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": ^2.8.12
+    "@navikt/ds-tokens": ^2.8.14
    normalize.css: ^8.0.1
    postcss: ^8.4.0
    postcss-cli: ^9.0.0
@@ -3966,7 +3966,7 @@ __metadata:
  languageName: unknown
  linkType: soft

-"@navikt/ds-icons@^2.8.12, @navikt/ds-icons@workspace:@navikt/icons":
+"@navikt/ds-icons@^2.8.14, @navikt/ds-icons@workspace:@navikt/icons":
  version: 0.0.0-use.local
  resolution: "@navikt/ds-icons@workspace:@navikt/icons"
  dependencies:
@@ -4002,8 +4002,8 @@ __metadata:
    "@babel/preset-env": 7.19.4
    "@babel/preset-react": 7.18.6
    "@babel/preset-typescript": 7.18.6
-    "@navikt/ds-icons": ^2.8.12
-    "@navikt/ds-react": ^2.8.12
+    "@navikt/ds-icons": ^2.8.14
+    "@navikt/ds-react": ^2.8.14
    "@rollup/plugin-babel": 6.0.2
    "@rollup/plugin-commonjs": 23.0.2
    "@rollup/plugin-node-resolve": ^15.0.1
@@ -4028,12 +4028,12 @@ __metadata:
  languageName: unknown
  linkType: soft

-"@navikt/ds-react-internal@^2.8.12, @navikt/ds-react-internal@workspace:@navikt/internal/react":
+"@navikt/ds-react-internal@^2.8.14, @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": ^2.8.12
-    "@navikt/ds-react": ^2.8.12
+    "@navikt/ds-icons": ^2.8.14
+    "@navikt/ds-react": ^2.8.14
    clsx: ^1.1.1
    concurrently: 7.2.1
    copy-to-clipboard: ^3.3.1
@@ -4049,13 +4049,13 @@ __metadata:
  languageName: unknown
  linkType: soft

-"@navikt/ds-react@2.8.12, @navikt/ds-react@^2.8.12, @navikt/ds-react@workspace:@navikt/core/react":
+"@navikt/ds-react@2.8.14, @navikt/ds-react@^2.8.14, @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": 0.17.0
-    "@navikt/aksel-icons": ^2.8.12
-    "@navikt/ds-icons": ^2.8.12
+    "@navikt/aksel-icons": ^2.8.14
+    "@navikt/ds-icons": ^2.8.14
    "@radix-ui/react-tabs": 1.0.0
    "@radix-ui/react-toggle-group": 1.0.0
    "@testing-library/dom": 8.13.0
@@ -4091,11 +4091,11 @@ __metadata:
  languageName: unknown
  linkType: soft

-"@navikt/ds-tailwind@^2.8.12, @navikt/ds-tailwind@workspace:@navikt/core/tailwind":
+"@navikt/ds-tailwind@^2.8.14, @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": ^2.8.12
+    "@navikt/ds-tokens": ^2.8.14
    "@types/jest": ^29.0.0
    color: 4.2.3
    jest: ^29.0.0
@@ -4106,7 +4106,7 @@ __metadata:
  languageName: unknown
  linkType: soft

-"@navikt/ds-tokens@^2.8.12, @navikt/ds-tokens@workspace:@navikt/core/tokens":
+"@navikt/ds-tokens@^2.8.14, @navikt/ds-tokens@workspace:@navikt/core/tokens":
  version: 0.0.0-use.local
  resolution: "@navikt/ds-tokens@workspace:@navikt/core/tokens"
  dependencies:
@@ -7962,15 +7962,15 @@ __metadata:
  version: 0.0.0-use.local
  resolution: "aksel.nav.no@workspace:aksel.nav.no"
  dependencies:
-    "@navikt/aksel-icons": ^2.8.12
-    "@navikt/ds-codemod": ^2.8.12
-    "@navikt/ds-css": ^2.8.12
-    "@navikt/ds-css-internal": ^2.8.12
-    "@navikt/ds-icons": ^2.8.12
-    "@navikt/ds-react": ^2.8.12
-    "@navikt/ds-react-internal": ^2.8.12
-    "@navikt/ds-tailwind": ^2.8.12
-    "@navikt/ds-tokens": ^2.8.12
+    "@navikt/aksel-icons": ^2.8.14
+    "@navikt/ds-codemod": ^2.8.14
+    "@navikt/ds-css": ^2.8.14
+    "@navikt/ds-css-internal": ^2.8.14
+    "@navikt/ds-icons": ^2.8.14
+    "@navikt/ds-react": ^2.8.14
+    "@navikt/ds-react-internal": ^2.8.14
+    "@navikt/ds-tailwind": ^2.8.14
+    "@navikt/ds-tokens": ^2.8.14
    prettier-plugin-tailwindcss: ^0.2.3
  languageName: unknown
  linkType: soft
@@ -22376,8 +22376,8 @@ __metadata:
  version: 0.0.0-use.local
  resolution: "shadow-dom@workspace:examples/shadow-dom"
  dependencies:
-    "@navikt/ds-css": 2.8.12
-    "@navikt/ds-react": 2.8.12
+    "@navikt/ds-css": 2.8.14
+    "@navikt/ds-react": 2.8.14
    "@types/react": ^18.0.0
    "@types/react-dom": ^18.0.0
    "@vitejs/plugin-react": ^2.1.0
Author	SHA1	Message	Date
github-actions[bot]andgithub-actions[bot]	ecd58dd7d3	Version Packages (#1934 ) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>	2023-04-24 09:12:11 +02:00
Ken	2845342468	🎨 Datepickers viser nå bare in-range datoer ved input-fokus (#1929 )	2023-04-21 19:03:36 +02:00
Ken	6682be1c8e	🔧 Alle pakker bruker nå npm provernance for verifisering (#1930 )	2023-04-21 19:03:19 +02:00
Ken	dfe923582a	🎉 Nye ikoner for `aksel-icons` (#1928 )	2023-04-21 11:01:22 +02:00
github-actions[bot]andgithub-actions[bot]	d6e2705700	Version Packages (#1927 ) Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>	2023-04-20 16:09:51 +02:00
Ken	f0d9a8853f	♻️ Datepicker/Monthpicke måned blir nå riktig oppdatert ved åpne/lukk	2023-04-20 15:39:25 +02:00
Ken	19a8c46378	🔒 Oppdatert CSP for aksel.nav.no (#1924 )	2023-04-20 10:37:30 +02:00