✨ La til muligheten til å velge layout-strategi for datepicker-popover

@navikt/codemod/CHANGELOG.md

@@ -1,5 +1,7 @@
 # @navikt/ds-codemod
 
+## 2.0.3
+
 ## 2.0.2
 
 ## 2.0.1

@navikt/codemod/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-codemod",
-  "version": "2.0.2",
+  "version": "2.0.3",
   "description": "Aksel codemods for NAVs designsystem",
   "author": "Aksel | NAV designsystem team",
   "license": "MIT",

@navikt/community/navno/package.json

@@ -39,8 +39,8 @@
     "build-pict": "svgr --silent --index-template index-template.js --out-dir src/pictograms pictograms"
   },
   "dependencies": {
-    "@navikt/ds-icons": "^2.0.2",
-    "@navikt/ds-react": "^2.0.2",
+    "@navikt/ds-icons": "^2.0.3",
+    "@navikt/ds-react": "^2.0.3",
     "clsx": "^1.1.1"
   },
   "devDependencies": {

@navikt/core/css/CHANGELOG.md

@@ -1,5 +1,7 @@
 # @navikt/ds-css
 
+## 2.0.3
+
 ## 2.0.2
 
 ## 2.0.1

@navikt/core/css/package.json

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

@navikt/core/react/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @navikt/ds-react
 
+## 2.0.3
+
+### Patch Changes
+
+- :sparkles: La til muligheten til å velge layout-strategi for datepicker-popover
+
+- Updated dependencies []:
+  - @navikt/ds-icons@2.0.3
+
 ## 2.0.2
 
 ### Patch Changes

@navikt/core/react/package.json

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

@navikt/core/react/src/date/datepicker/DatePicker.tsx

@@ -107,6 +107,13 @@ export interface DatePickerDefaultProps
    * onOpenToggle callback for user-controlled state. Only called if `<DatePicker.Input />` is used
    */
   onOpenToggle?: () => void;
+  /**
+   * Avoid using if possible!
+   * Changes what CSS position property to use
+   * You want to use "fixed" if parent wrapper has position relative, but you want popover to escape
+   * @default "absolute"
+   */
+  strategy?: "absolute" | "fixed";
 }
 
 export type DatePickerProps = DatePickerDefaultProps & ConditionalModeProps;
@@ -134,6 +141,7 @@ export const DatePicker = forwardRef<HTMLDivElement, DatePickerProps>(
       open: _open,
       onClose,
       onOpenToggle,
+      strategy = "absolute",
       ...rest
     },
     ref
@@ -204,6 +212,7 @@ export const DatePicker = forwardRef<HTMLDivElement, DatePickerProps>(
               id={ariaId}
               role="dialog"
               ref={ref}
+              strategy={strategy}
             >
               <DayPicker
                 locale={getLocaleFromString(locale)}

@navikt/core/react/src/date/datepicker/DatePickerStandalone.tsx

@@ -18,7 +18,7 @@ import { Head } from "./Head";
 interface DatePickerStandaloneDefaultProps
   extends Omit<
     DatePickerDefaultProps,
-    "open" | "onClose" | "onOpenToggle" | "wrapperClassName"
+    "open" | "onClose" | "onOpenToggle" | "wrapperClassName" | "strategy"
   > {
   /**
    * Datepicker classname

@navikt/core/react/src/date/monthpicker/MonthPicker.tsx

@@ -79,6 +79,13 @@ export interface MonthPickerProps extends React.HTMLAttributes<HTMLDivElement> {
    * Event fired when the user navigates between years.
    */
   onYearChange?: (y?: Date) => void;
+  /**
+   * Avoid using if possible!
+   * Changes what CSS position property to use
+   * You want to use "fixed" if parent wrapper has position relative, but you want popover to escape
+   * @default "absolute"
+   */
+  strategy?: "absolute" | "fixed";
 }
 
 interface MonthPickerComponent
@@ -113,6 +120,7 @@ export const MonthPicker = forwardRef<HTMLDivElement, MonthPickerProps>(
       defaultSelected,
       year,
       onYearChange,
+      strategy = "absolute",
     },
     ref
   ) => {
@@ -163,6 +171,7 @@ export const MonthPicker = forwardRef<HTMLDivElement, MonthPickerProps>(
               ref={ref}
               id={ariaId}
               className="navds-date"
+              strategy={strategy}
             >
               <RootProvider
                 locale={getLocaleFromString(locale)}

@navikt/core/react/src/date/monthpicker/MonthPickerStandalone.tsx

@@ -10,7 +10,7 @@ import MonthSelector from "./MonthSelector";
 export interface MonthPickerStandaloneProps
   extends Omit<
     MonthPickerProps,
-    "open" | "onClose" | "onOpenToggle" | "wrapperClassName"
+    "open" | "onClose" | "onOpenToggle" | "wrapperClassName" | "strategy"
   > {
   /**
    * Monthpicker classname

@navikt/core/react/src/typography/Detail.tsx

@@ -5,8 +5,7 @@ import { OverridableComponent } from "..";
 export interface DetailProps
   extends React.HTMLAttributes<HTMLParagraphElement> {
   /**
-   * medium: 14px, small: 14px
-   * @default "medium"
+   * @deprecated Medium === small
    */
   size?: "medium" | "small";
   /**

@navikt/core/tailwind/CHANGELOG.md

@@ -1,5 +1,7 @@
 # @navikt/ds-tailwind
 
+## 2.0.3
+
 ## 2.0.2
 
 ## 2.0.1

@navikt/core/tailwind/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-tailwind",
-  "version": "2.0.2",
+  "version": "2.0.3",
   "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.0.2",
+    "@navikt/ds-tokens": "^2.0.3",
     "@types/jest": "^29.0.0",
     "@types/node": "^17.0.35",
     "color": "4.2.3",

@navikt/core/tokens/CHANGELOG.md

@@ -1,5 +1,7 @@
 # @navikt/ds-tokens
 
+## 2.0.3
+
 ## 2.0.2
 
 ## 2.0.1

@navikt/core/tokens/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-tokens",
-  "version": "2.0.2",
+  "version": "2.0.3",
   "description": "Design-tokens for NAV designsystem",
   "author": "Aksel | NAV designsystem team",
   "keywords": [

@navikt/icons/CHANGELOG.md

@@ -1,5 +1,7 @@
 # @navikt/ds-icons
 
+## 2.0.3
+
 ## 2.0.2
 
 ## 2.0.1

@navikt/icons/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-icons",
-  "version": "2.0.2",
+  "version": "2.0.3",
   "description": "Aksel icons for NAV",
   "author": "Aksel | NAV designsystem team",
   "repository": {

@navikt/internal/css/CHANGELOG.md

@@ -1,5 +1,7 @@
 # @navikt/ds-css-internal
 
+## 2.0.3
+
 ## 2.0.2
 
 ## 2.0.1

@navikt/internal/css/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-css-internal",
-  "version": "2.0.2",
+  "version": "2.0.3",
   "description": "CSS for NAV internal Designsystem-components",
   "author": "Aksel | NAV designsystem team",
   "keywords": [

@navikt/internal/react/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @navikt/ds-react-internal
 
+## 2.0.3
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @navikt/ds-react@2.0.3
+  - @navikt/ds-icons@2.0.3
+
 ## 2.0.2
 
 ### Patch Changes

@navikt/internal/react/package.json

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

aksel.nav.no/package.json

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

aksel.nav.no/sanity/schemas/modules/index.ts

@@ -23,8 +23,11 @@ import Tabell, { TabellSchema } from "./tabell";
 import Tastatur from "./tastatur";
 import Tips from "./tips";
 import Video from "./video";
+import { tmpTabell, tmpTabellRow } from "./tabellv2";
 
 const v2Blocks = [
+  tmpTabell,
+  tmpTabellRow,
   /* Blocks */
   RiktekstEnkel,
   RiktekstAksel,

aksel.nav.no/sanity/schemas/modules/riktekst.tsx

@@ -173,6 +173,7 @@ const Riktekst = (type: "aksel" | "ds" | "komponent" | "prinsipp") => {
     "accordion",
     "alert",
     "tabell",
+    "tabell_v2",
     "video",
   ];
 

aksel.nav.no/sanity/schemas/modules/tabell.tsx

@@ -6,7 +6,7 @@ import React from "react";
 const Tabell = {
   type: "object",
   name: "tabell",
-  title: "Tabell",
+  title: "Tabell (IKKE BRUK)",
   icon: Data,
   fields: [
     {

aksel.nav.no/sanity/schemas/modules/tabellv2.tsx

@@ -0,0 +1,40 @@
+import { Data } from "@navikt/ds-icons";
+
+export const tmpTabell = {
+  type: "object",
+  name: "tabell_v2",
+  title: "Tabell",
+  icon: Data,
+  fields: [{ type: "array", name: "rows", of: [{ type: "tableRow" }] }],
+  preview: {
+    select: {
+      rows: "rows",
+    },
+    prepare(selection) {
+      const { rows } = selection;
+      return {
+        title: "Tabell",
+        subtitle: rows && `Rader: ${rows.length}`,
+      };
+    },
+  },
+};
+
+export const tmpTabellRow = {
+  type: "object",
+  name: "tableRow",
+  title: "Rad",
+  fields: [{ type: "array", name: "cells", of: [{ type: "string" }] }],
+  preview: {
+    select: {
+      cells: "cells",
+    },
+    prepare(selection) {
+      const { cells } = selection;
+      return {
+        title: cells ? cells.join(" | ") : "cell",
+        media: Data,
+      };
+    },
+  },
+};

aksel.nav.no/website/components/SanityBlockContent.tsx

@@ -17,6 +17,7 @@ import {
   RelatertInnhold,
   SideModul,
   Tabell,
+  Tabellv2,
   TastaturModul,
   Tips,
   TokenTable,
@@ -43,6 +44,7 @@ const serializers = {
     alert: ({ node }) => <Alert node={node} />,
     kode: ({ node }) => <Kode node={node} />,
     tabell: ({ node }) => <Tabell node={node} />,
+    tabell_v2: ({ node }) => <Tabellv2 node={node} />,
     accordion: ({ node }) => <Accordion node={node} />,
     props_seksjon: ({ node }) => <PropsSeksjon node={node} />,
     spesial_seksjon: ({ node }) => <SideModul node={node} />,

aksel.nav.no/website/components/index.ts

@@ -13,6 +13,7 @@ export { default as PropsSeksjon } from "./sanity-modules/props/PropsSeksjon";
 export { default as PropTable } from "./sanity-modules/props/PropTabell";
 export { default as SideModul } from "./sanity-modules/SideModul";
 export { default as Tabell } from "./sanity-modules/Tabell";
+export { default as Tabellv2 } from "./sanity-modules/Tabellv2";
 export { default as TastaturModul } from "./sanity-modules/tastatur";
 export { default as Tips } from "./sanity-modules/tips";
 export { default as TokenTable } from "./sanity-modules/TokenTable";

aksel.nav.no/website/components/sanity-modules/Tabellv2.tsx

@@ -0,0 +1,45 @@
+import { withErrorBoundary } from "@/error-boundary";
+import { SanityT } from "@/lib";
+import { Table } from "@navikt/ds-react";
+
+const TableComponent = ({
+  node,
+}: {
+  node: SanityT.Schema.tabell_v2;
+}): JSX.Element => {
+  console.log(node);
+  if (!node || !node.rows || node.rows.length < 2) {
+    return null;
+  }
+
+  return (
+    <div className="mb-8 overflow-x-auto">
+      <Table>
+        <Table.Header>
+          <Table.Row>
+            {node?.rows[0].cells?.map((cell, y) => (
+              <Table.HeaderCell
+                key={y}
+                className="text-text-subtle"
+                scope="col"
+              >
+                {cell}
+              </Table.HeaderCell>
+            ))}
+          </Table.Row>
+        </Table.Header>
+        <Table.Body>
+          {node?.rows?.slice?.(1)?.map((row) => (
+            <Table.Row key={row?._key}>
+              {row?.cells?.map((cell, y) => (
+                <Table.DataCell key={y}>{cell}</Table.DataCell>
+              ))}
+            </Table.Row>
+          ))}
+        </Table.Body>
+      </Table>
+    </div>
+  );
+};
+
+export default withErrorBoundary(TableComponent, "Tabell_V2");

aksel.nav.no/website/lib/types/schema.d.ts

@@ -962,6 +962,24 @@ Bruk en kort og konsis tittel om mulig. Blir satt som `<H1 />` på toppen av sid
       isMigrated?: boolean;
     }
 
+    type tabell_v2 = {
+      _type: "tabell_v2";
+
+      /**
+       * Rows - `Array`
+       */
+      rows?: Array<Sanity.Keyed<tableRow>>;
+    };
+
+    type tableRow = {
+      _type: "tableRow";
+
+      /**
+       * Cells - `Array`
+       */
+      cells?: Array<Sanity.Keyed<string>>;
+    };
+
     type riktekst_enkel = Array<Sanity.Keyed<Sanity.Block>>;
 
     type riktekst_aksel = Array<
@@ -974,6 +992,7 @@ Bruk en kort og konsis tittel om mulig. Blir satt som `<H1 />` på toppen av sid
       | Sanity.Keyed<accordion>
       | Sanity.Keyed<alert>
       | Sanity.Keyed<tabell>
+      | Sanity.Keyed<tabell_v2>
       | Sanity.Keyed<video>
     >;
 
@@ -987,6 +1006,7 @@ Bruk en kort og konsis tittel om mulig. Blir satt som `<H1 />` på toppen av sid
       | Sanity.Keyed<accordion>
       | Sanity.Keyed<alert>
       | Sanity.Keyed<tabell>
+      | Sanity.Keyed<tabell_v2>
       | Sanity.Keyed<video>
       | Sanity.Keyed<spesial_seksjon>
     >;
@@ -1001,6 +1021,7 @@ Bruk en kort og konsis tittel om mulig. Blir satt som `<H1 />` på toppen av sid
       | Sanity.Keyed<accordion>
       | Sanity.Keyed<alert>
       | Sanity.Keyed<tabell>
+      | Sanity.Keyed<tabell_v2>
       | Sanity.Keyed<video>
       | Sanity.Keyed<props_seksjon>
       | Sanity.Keyed<tastatur_modul>
@@ -1020,6 +1041,7 @@ Bruk en kort og konsis tittel om mulig. Blir satt som `<H1 />` på toppen av sid
       | Sanity.Keyed<accordion>
       | Sanity.Keyed<alert>
       | Sanity.Keyed<tabell>
+      | Sanity.Keyed<tabell_v2>
       | Sanity.Keyed<video>
       | Sanity.Keyed<innholdskort>
     >;

aksel.nav.no/website/pages/eksempler/detail/small.tsx

@@ -1,14 +0,0 @@
-import { Detail } from "@navikt/ds-react";
-import { withDsExample } from "components/website-modules/examples/withDsExample";
-
-const Example = () => {
-  return (
-    <Detail size="small">The red fox jumps over the lazy brown dog.</Detail>
-  );
-};
-
-export default withDsExample(Example);
-
-export const args = {
-  index: 2,
-};

examples/shadow-dom/package.json

@@ -10,8 +10,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@navikt/ds-css": "2.0.2",
-    "@navikt/ds-react": "2.0.2",
+    "@navikt/ds-css": "2.0.3",
+    "@navikt/ds-react": "2.0.3",
     "react": "^18.0.0",
     "react-dom": "^18.0.0"
   },

yarn.lock

@@ -3166,7 +3166,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@navikt/ds-codemod@^2.0.0, @navikt/ds-codemod@workspace:@navikt/codemod":
+"@navikt/ds-codemod@^2.0.2, @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@^2.0.0, @navikt/ds-css-internal@workspace:@navikt/internal/css":
+"@navikt/ds-css-internal@^2.0.2, @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@2.0.0, @navikt/ds-css@^2.0.0, @navikt/ds-css@workspace:@navikt/core/css":
+"@navikt/ds-css@2.0.2, @navikt/ds-css@^2.0.2, @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.0.0
+    "@navikt/ds-tokens": ^2.0.2
     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@^2.0.0, @navikt/ds-icons@workspace:@navikt/icons":
+"@navikt/ds-icons@^2.0.2, @navikt/ds-icons@workspace:@navikt/icons":
   version: 0.0.0-use.local
   resolution: "@navikt/ds-icons@workspace:@navikt/icons"
   dependencies:
@@ -3247,19 +3247,6 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@navikt/ds-icons@npm:^1.5.10, @navikt/ds-icons@npm:^1.5.9":
-  version: 1.5.10
-  resolution: "@navikt/ds-icons@npm:1.5.10"
-  peerDependencies:
-    "@types/react": ^17.0.30 || ^18.0.0
-    react: ^17.0.0 || ^18.0.0
-  peerDependenciesMeta:
-    "@types/react":
-      optional: true
-  checksum: d518587eccd5d1a022bcd9cd914060ce2c98d8ff4faa50231db2e4f56f028ba0f64575f4a0110b4e5bbc3bbc043894bcdfd663259bb6ba56d5725f84e5dd7dff
-  languageName: node
-  linkType: hard
-
 "@navikt/ds-navno@workspace:@navikt/community/navno":
   version: 0.0.0-use.local
   resolution: "@navikt/ds-navno@workspace:@navikt/community/navno"
@@ -3267,8 +3254,8 @@ __metadata:
     "@babel/preset-env": 7.19.4
     "@babel/preset-react": 7.18.6
     "@babel/preset-typescript": 7.18.6
-    "@navikt/ds-icons": ^1.5.9
-    "@navikt/ds-react": ^1.5.9
+    "@navikt/ds-icons": ^2.0.2
+    "@navikt/ds-react": ^2.0.2
     "@rollup/plugin-babel": 6.0.2
     "@rollup/plugin-commonjs": 23.0.2
     "@rollup/plugin-node-resolve": ^15.0.1
@@ -3294,12 +3281,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@navikt/ds-react-internal@^2.0.0, @navikt/ds-react-internal@workspace:@navikt/internal/react":
+"@navikt/ds-react-internal@^2.0.2, @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.0.0
-    "@navikt/ds-react": ^2.0.0
+    "@navikt/ds-icons": ^2.0.2
+    "@navikt/ds-react": ^2.0.2
     "@types/node": ^17.0.35
     clsx: ^1.1.1
     concurrently: 7.2.1
@@ -3316,12 +3303,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@navikt/ds-react@2.0.0, @navikt/ds-react@^2.0.0, @navikt/ds-react@workspace:@navikt/core/react":
+"@navikt/ds-react@2.0.2, @navikt/ds-react@^2.0.2, @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": ^2.0.0
+    "@navikt/ds-icons": ^2.0.2
     "@radix-ui/react-tabs": 1.0.0
     "@radix-ui/react-toggle-group": 1.0.0
     "@testing-library/dom": 8.13.0
@@ -3358,33 +3345,11 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@navikt/ds-react@npm:^1.5.9":
-  version: 1.5.10
-  resolution: "@navikt/ds-react@npm:1.5.10"
-  dependencies:
-    "@floating-ui/react-dom-interactions": 0.9.2
-    "@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
-    date-fns: 2.29.3
-    react-day-picker: 8.3.4
-    react-modal: 3.15.1
-  peerDependencies:
-    "@types/react": ^17.0.30 || ^18.0.0
-    react: ^17.0.0 || ^18.0.0
-  peerDependenciesMeta:
-    "@types/react":
-      optional: true
-  checksum: a44261dc014c0b4db321fb501bfd22a960dd4d8a17cbe1f001e0678db5f448d9a0cabf5083bae6b544fe50ca084d8038c32da6a971f2ff6870842fafdaf2c072
-  languageName: node
-  linkType: hard
-
-"@navikt/ds-tailwind@^2.0.0, @navikt/ds-tailwind@workspace:@navikt/core/tailwind":
+"@navikt/ds-tailwind@^2.0.2, @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.0.0
+    "@navikt/ds-tokens": ^2.0.2
     "@types/jest": ^29.0.0
     "@types/node": ^17.0.35
     color: 4.2.3
@@ -3396,7 +3361,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@navikt/ds-tokens@^2.0.0, @navikt/ds-tokens@workspace:@navikt/core/tokens":
+"@navikt/ds-tokens@^2.0.2, @navikt/ds-tokens@workspace:@navikt/core/tokens":
   version: 0.0.0-use.local
   resolution: "@navikt/ds-tokens@workspace:@navikt/core/tokens"
   dependencies:
@@ -8503,14 +8468,14 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "aksel.nav.no@workspace:aksel.nav.no"
   dependencies:
-    "@navikt/ds-codemod": ^2.0.0
-    "@navikt/ds-css": ^2.0.0
-    "@navikt/ds-css-internal": ^2.0.0
-    "@navikt/ds-icons": ^2.0.0
-    "@navikt/ds-react": ^2.0.0
-    "@navikt/ds-react-internal": ^2.0.0
-    "@navikt/ds-tailwind": ^2.0.0
-    "@navikt/ds-tokens": ^2.0.0
+    "@navikt/ds-codemod": ^2.0.2
+    "@navikt/ds-css": ^2.0.2
+    "@navikt/ds-css-internal": ^2.0.2
+    "@navikt/ds-icons": ^2.0.2
+    "@navikt/ds-react": ^2.0.2
+    "@navikt/ds-react-internal": ^2.0.2
+    "@navikt/ds-tailwind": ^2.0.2
+    "@navikt/ds-tokens": ^2.0.2
     prettier-plugin-tailwindcss: ^0.1.13
   languageName: unknown
   linkType: soft
@@ -27553,8 +27518,8 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "shadow-dom@workspace:examples/shadow-dom"
   dependencies:
-    "@navikt/ds-css": 2.0.0
-    "@navikt/ds-react": 2.0.0
+    "@navikt/ds-css": 2.0.2
+    "@navikt/ds-react": 2.0.2
     "@types/react": ^18.0.0
     "@types/react-dom": ^18.0.0
     "@vitejs/plugin-react": ^2.1.0