Version Packages (#1756)

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

@navikt/codemod/CHANGELOG.md

@@ -1,5 +1,9 @@
 # @navikt/ds-codemod
 
+## 2.0.18
+
+## 2.0.17
+
 ## 2.0.16
 
 ## 2.0.15

@navikt/codemod/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-codemod",
-  "version": "2.0.16",
+  "version": "2.0.18",
   "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.16",
-    "@navikt/ds-react": "^2.0.16",
+    "@navikt/ds-icons": "^2.0.18",
+    "@navikt/ds-react": "^2.0.18",
     "clsx": "^1.1.1"
   },
   "devDependencies": {

@navikt/core/css/CHANGELOG.md

@@ -1,5 +1,9 @@
 # @navikt/ds-css
 
+## 2.0.18
+
+## 2.0.17
+
 ## 2.0.16
 
 ## 2.0.15

@navikt/core/css/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-css",
-  "version": "2.0.16",
+  "version": "2.0.18",
   "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.16",
+    "@navikt/ds-tokens": "^2.0.18",
     "normalize.css": "^8.0.1",
     "postcss": "^8.4.0",
     "postcss-cli": "^9.0.0",

@navikt/core/react/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @navikt/ds-react
 
+## 2.0.18
+
+### Patch Changes
+
+- [`98177d0cd`](https://github.com/navikt/Designsystemet/commit/98177d0cd3802029dcf398ce93c1767d3b0860c5) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Bedre typer for ref i datepicker
+
+- Updated dependencies []:
+  - @navikt/ds-icons@2.0.18
+
+## 2.0.17
+
+### Patch Changes
+
+- Updated dependencies [[`27e3dfee0`](https://github.com/navikt/Designsystemet/commit/27e3dfee07e135893e9f62cd32f80ed83a3510de)]:
+  - @navikt/ds-icons@2.0.17
+
 ## 2.0.16
 
 ### Patch Changes

@navikt/core/react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-react",
-  "version": "2.0.16",
+  "version": "2.0.18",
   "description": "Aksel react-components for NAV designsystem",
   "author": "Aksel | NAV designsystem team",
   "license": "MIT",
@@ -37,7 +37,7 @@
   },
   "dependencies": {
     "@floating-ui/react": "0.17.0",
-    "@navikt/ds-icons": "^2.0.16",
+    "@navikt/ds-icons": "^2.0.18",
     "@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

@@ -59,7 +59,10 @@ interface UseDatepickerValue {
   /**
    * Use: <DatePicker.Input {...inputProps}/>
    */
-  inputProps: Pick<DateInputProps, "onChange" | "onFocus" | "onBlur" | "value">;
+  inputProps: Pick<
+    DateInputProps,
+    "onChange" | "onFocus" | "onBlur" | "value"
+  > & { ref: React.RefObject<HTMLInputElement> };
   /**
    * Resets all states (callback)
    */

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

@@ -45,7 +45,9 @@ interface UseMonthPickerValue {
   /**
    * Use: <MonthPicker.Input {...inputProps} />
    */
-  inputProps: Pick<DateInputProps, "onChange" | "onFocus" | "value">;
+  inputProps: Pick<DateInputProps, "onChange" | "onFocus" | "value"> & {
+    ref: React.RefObject<HTMLInputElement>;
+  };
   /**
    * Currently selected Date
    * Up to user to validate value and extract month
@@ -101,7 +103,7 @@ export const useMonthpicker = (
   const today = new Date();
   const locale = getLocaleFromString(_locale);
 
-  const inputRef = useRef<HTMLDivElement>(null);
+  const inputRef = useRef<HTMLInputElement>(null);
   const monthpickerRef = useRef<HTMLDivElement>(null);
 
   // Initialize states

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

@@ -1,6 +1,6 @@
 import differenceInCalendarDays from "date-fns/differenceInCalendarDays";
 import isWeekend from "date-fns/isWeekend";
-import { useCallback, useEffect, useRef, useState } from "react";
+import React, { useCallback, useEffect, useRef, useState } from "react";
 import { DateRange, isMatch } from "react-day-picker";
 import { DateInputProps } from "../DateInput";
 import { DatePickerProps } from "../datepicker/DatePicker";
@@ -71,14 +71,14 @@ interface UseRangeDatepickerValue {
   fromInputProps: Pick<
     DateInputProps,
     "onChange" | "onFocus" | "onBlur" | "value"
-  >;
+  > & { ref: React.RefObject<HTMLInputElement> };
   /**
    * Use: <DatePicker.Input label="to" {...toInputProps}/>
    */
   toInputProps: Pick<
     DateInputProps,
     "onChange" | "onFocus" | "onBlur" | "value"
-  >;
+  > & { ref: React.RefObject<HTMLInputElement> };
   /**
    * Resets all states (callback)
    */
@@ -206,8 +206,8 @@ export const useRangeDatepicker = (
 
   const locale = getLocaleFromString(_locale);
 
-  const inputRefTo = useRef<HTMLDivElement>(null);
-  const inputRefFrom = useRef<HTMLDivElement>(null);
+  const inputRefTo = useRef<HTMLInputElement>(null);
+  const inputRefFrom = useRef<HTMLInputElement>(null);
   const datePickerRef = useRef<HTMLDivElement | null>(null);
 
   const [defaultSelected, setDefaultSelected] = useState(_defaultSelected);

@navikt/core/tailwind/CHANGELOG.md

@@ -1,5 +1,9 @@
 # @navikt/ds-tailwind
 
+## 2.0.18
+
+## 2.0.17
+
 ## 2.0.16
 
 ## 2.0.15

@navikt/core/tailwind/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-tailwind",
-  "version": "2.0.16",
+  "version": "2.0.18",
   "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.16",
+    "@navikt/ds-tokens": "^2.0.18",
     "@types/jest": "^29.0.0",
     "color": "4.2.3",
     "jest": "^29.0.0",

@navikt/core/tokens/CHANGELOG.md

@@ -1,5 +1,9 @@
 # @navikt/ds-tokens
 
+## 2.0.18
+
+## 2.0.17
+
 ## 2.0.16
 
 ## 2.0.15

@navikt/core/tokens/package.json

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

@navikt/icons/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @navikt/ds-icons
 
+## 2.0.18
+
+## 2.0.17
+
+### Patch Changes
+
+- [`27e3dfee0`](https://github.com/navikt/Designsystemet/commit/27e3dfee07e135893e9f62cd32f80ed83a3510de) Thanks [@KenAJoh](https://github.com/KenAJoh)! - Translate og Paragraph ikon
+
 ## 2.0.16
 
 ### Patch Changes

@navikt/icons/meta.json

@@ -867,13 +867,13 @@
     "name": "Eu",
     "description": "",
     "created_at": "2022-02-08T11:45:47.104Z",
-    "pageName": "Privacy and secutity"
+    "pageName": "Privacy and security"
   },
   {
     "name": "EuFilled",
     "description": "",
     "created_at": "2022-02-08T11:45:47.109Z",
-    "pageName": "Privacy and secutity"
+    "pageName": "Privacy and security"
   },
   {
     "name": "Expand",
@@ -1479,13 +1479,13 @@
     "name": "Law",
     "description": "",
     "created_at": "2020-07-01T10:37:42.819Z",
-    "pageName": "Privacy and secutity"
+    "pageName": "Privacy and security"
   },
   {
     "name": "LawFilled",
     "description": "",
     "created_at": "2021-01-11T13:37:55.330Z",
-    "pageName": "Privacy and secutity"
+    "pageName": "Privacy and security"
   },
   {
     "name": "Left",
@@ -1551,37 +1551,37 @@
     "name": "Locked",
     "description": "",
     "created_at": "2020-07-01T10:37:43.027Z",
-    "pageName": "Privacy and secutity"
+    "pageName": "Privacy and security"
   },
   {
     "name": "LockedFilled",
     "description": "",
     "created_at": "2021-01-11T13:37:55.325Z",
-    "pageName": "Privacy and secutity"
+    "pageName": "Privacy and security"
   },
   {
     "name": "Login",
     "description": "",
     "created_at": "2020-07-01T10:37:43.087Z",
-    "pageName": "Privacy and secutity"
+    "pageName": "Privacy and security"
   },
   {
     "name": "LoginFilled",
     "description": "",
     "created_at": "2021-01-11T13:37:55.531Z",
-    "pageName": "Privacy and secutity"
+    "pageName": "Privacy and security"
   },
   {
     "name": "Logout",
     "description": "",
     "created_at": "2020-07-01T10:37:42.931Z",
-    "pageName": "Privacy and secutity"
+    "pageName": "Privacy and security"
   },
   {
     "name": "LogoutFilled",
     "description": "",
     "created_at": "2021-01-11T13:37:55.609Z",
-    "pageName": "Privacy and secutity"
+    "pageName": "Privacy and security"
   },
   {
     "name": "Male",
@@ -1811,6 +1811,12 @@
     "created_at": "2021-12-15T15:16:55.869Z",
     "pageName": "People"
   },
+  {
+    "name": "Paragraph",
+    "description": "",
+    "created_at": "2023-01-17T13:24:22.989Z",
+    "pageName": "Privacy and security"
+  },
   {
     "name": "Parking",
     "description": "",
@@ -1827,13 +1833,13 @@
     "name": "Passport",
     "description": "",
     "created_at": "2020-07-01T10:37:43.078Z",
-    "pageName": "Privacy and secutity"
+    "pageName": "Privacy and security"
   },
   {
     "name": "PassportFilled",
     "description": "",
     "created_at": "2021-01-11T13:37:55.757Z",
-    "pageName": "Privacy and secutity"
+    "pageName": "Privacy and security"
   },
   {
     "name": "PensionBag",
@@ -2615,6 +2621,12 @@
     "created_at": "2021-01-28T14:00:38.585Z",
     "pageName": "Buildings"
   },
+  {
+    "name": "Translate",
+    "description": "",
+    "created_at": "2023-01-18T10:52:22.311Z",
+    "pageName": "Interface"
+  },
   {
     "name": "Truck",
     "description": "",
@@ -2643,13 +2655,13 @@
     "name": "Unlocked",
     "description": "",
     "created_at": "2020-07-01T10:37:42.823Z",
-    "pageName": "Privacy and secutity"
+    "pageName": "Privacy and security"
   },
   {
     "name": "UnlockedFilled",
     "description": "",
     "created_at": "2021-01-11T13:37:55.317Z",
-    "pageName": "Privacy and secutity"
+    "pageName": "Privacy and security"
   },
   {
     "name": "Up",

@navikt/icons/package.json

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

@navikt/icons/svg/Paragraph.svg

@@ -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="M12 2C9.79085 2 7.99999 3.79086 7.99999 6C7.99999 6.66187 8.16311 7.29714 8.45828 7.85918C6.00646 9.12956 5.6173 13.1739 8.76271 14.4845L12.7692 16.1538C13.5145 16.4644 14 17.1926 14 18C14 19.1046 13.1046 20 12 20C10.8954 20 9.99999 19.1046 9.99999 18H7.99999C7.99999 20.2091 9.79085 22 12 22C14.2091 22 16 20.2091 16 18C16 17.3381 15.8369 16.7029 15.5417 16.1408C17.9935 14.8704 18.3827 10.8261 15.2373 9.51554L11.2308 7.84615C10.4855 7.53561 9.99999 6.8074 9.99999 6C9.99999 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6H16C16 3.79086 14.2091 2 12 2ZM13.9738 14.5208C15.6075 14.4232 16.1245 12.0519 14.4681 11.3617L10.4615 9.69231C10.311 9.62957 10.1657 9.55832 10.0262 9.47924C8.39252 9.57681 7.87544 11.9481 9.53194 12.6383L13.5385 14.3077C13.689 14.3704 13.8343 14.4417 13.9738 14.5208Z" fill="#262626"/>
+</svg>

@navikt/icons/svg/Translate.svg

@@ -0,0 +1,13 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.5 19.5L15.5 10.5L19.5 19.5" stroke="#262626" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M13 17H18" stroke="#262626" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<mask id="mask0_6814_1365" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="2" y="4" width="15" height="17">
+<path d="M9.90083 18.7893L13.9008 9.78926C14.1817 9.15728 14.8084 8.75 15.5 8.75C16.1193 8.75 16.6865 9.07657 17.0001 9.59861V4H2.00005V21H10.5983C9.85068 20.5519 9.53784 19.606 9.90083 18.7893Z" fill="black"/>
+</mask>
+<g mask="url(#mask0_6814_1365)">
+<path d="M4 7.5H16" stroke="#262626" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10 7.5V5.5" stroke="#262626" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M13.5 7.5L13.4116 7.78744C12.2005 11.7232 9.30115 14.9162 5.5 16.5" stroke="#262626" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6.5 7.5L6.58844 7.78744C7.79946 11.7232 10.6989 14.9162 14.5 16.5" stroke="#262626" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

@navikt/internal/css/CHANGELOG.md

@@ -1,5 +1,9 @@
 # @navikt/ds-css-internal
 
+## 2.0.18
+
+## 2.0.17
+
 ## 2.0.16
 
 ## 2.0.15

@navikt/internal/css/package.json

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

@navikt/internal/react/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @navikt/ds-react-internal
 
+## 2.0.18
+
+### Patch Changes
+
+- Updated dependencies [[`98177d0cd`](https://github.com/navikt/Designsystemet/commit/98177d0cd3802029dcf398ce93c1767d3b0860c5)]:
+  - @navikt/ds-react@2.0.18
+  - @navikt/ds-icons@2.0.18
+
+## 2.0.17
+
+### Patch Changes
+
+- Updated dependencies [[`27e3dfee0`](https://github.com/navikt/Designsystemet/commit/27e3dfee07e135893e9f62cd32f80ed83a3510de)]:
+  - @navikt/ds-icons@2.0.17
+  - @navikt/ds-react@2.0.17
+
 ## 2.0.16
 
 ### Patch Changes

@navikt/internal/react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-react-internal",
-  "version": "2.0.16",
+  "version": "2.0.18",
   "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.16",
-    "@navikt/ds-react": "^2.0.16",
+    "@navikt/ds-icons": "^2.0.18",
+    "@navikt/ds-react": "^2.0.18",
     "clsx": "^1.1.1",
     "copy-to-clipboard": "^3.3.1"
   },

aksel.nav.no/package.json

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

aksel.nav.no/website/components/layout/page-templates/AkselArtikkel.tsx

@@ -54,15 +54,18 @@ const AkselArtikkelTemplate = ({
               : `Relevante artikler`}
           </Heading>
           <div className="card-grid-3-1 mt-6 px-4">
-            {data.relevante_artikler.map((x: any) => (
-              <ArtikkelCard {...x} key={x._id} />
-            ))}
+            {data.relevante_artikler.map((x: any) =>
+              x && x?._id ? <ArtikkelCard {...x} key={x._id} /> : null
+            )}
           </div>
         </div>
       </div>
     </aside>
   );
 
+  const filteredTema =
+    hasTema && data?.tema?.filter((x: any) => x?.title && x?.slug);
+
   return (
     <>
       <Head>
@@ -136,7 +139,7 @@ const AkselArtikkelTemplate = ({
           </div>
           {hasTema && (
             <div className="mt-8 flex flex-wrap gap-2">
-              {data.tema.map(({ title, slug }: any) => (
+              {filteredTema.map(({ title, slug }: any) => (
                 <span key={title}>
                   <NextLink
                     key={title}

aksel.nav.no/website/components/website-modules/feedback/index.tsx

@@ -220,6 +220,7 @@ const Feedback = ({
                 x === HelpfulArticleEnum.MISC ? null : HelpfulArticleEnum.MISC
               )
             }
+            id="feedback-forbedringer-button"
           >
             <Label as="span">Foreslå forbedring</Label>
           </Button>

aksel.nav.no/website/pages/index.tsx

@@ -343,6 +343,7 @@ export const getStaticProps = async ({
       komigang,
       slug: "/",
       preview,
+      id: page?._id ?? "",
     },
     revalidate: 60,
   };

aksel.nav.no/website/sanity/custom-plugins/structure/FeedbackPreview.tsx

@@ -15,7 +15,6 @@ export function FeedbackView(props) {
   const schema = useSchema();
 
   const schemaType = schema.get("aksel_feedback");
-  console.log(schemaType);
 
   const client = useClient({ apiVersion: "2021-06-07" });
   const { data, error, isValidating } = useSWR(
@@ -68,17 +67,23 @@ export function FeedbackView(props) {
               <li key={x._id}>
                 <Card flex={1}>
                   <IntentButton
+                    key={x._id}
                     intent="edit"
-                    mode="bleed"
+                    mode="ghost"
                     padding={1}
-                    radius={2}
+                    radius={0}
                     params={{
                       type: "aksel_feedback",
                       id: getPublishedId(x._id),
                     }}
                     style={{ width: "100%" }}
                   >
-                    <Preview schemaType={schemaType} value={x} key={x._id} />
+                    <Preview
+                      schemaType={schemaType}
+                      value={x}
+                      key={x._id}
+                      layout="default"
+                    />
                   </IntentButton>
                 </Card>
               </li>
@@ -96,12 +101,12 @@ export function FeedbackView(props) {
                       <li key={x._id}>
                         <Card flex={1}>
                           <IntentButton
-                            intent=""
+                            intent="edit"
                             mode="bleed"
                             padding={1}
                             radius={2}
                             params={{
-                              type: schemaType,
+                              type: "aksel_feedback",
                               id: getPublishedId(x._id),
                             }}
                             style={{ width: "100%" }}

aksel.nav.no/website/sanity/schema/objects/shared/riktekst.tsx

@@ -1,4 +1,5 @@
 import { ExternalLink, FileContent, Link } from "@navikt/ds-icons";
+import { BoldIcon, CodeIcon, ItalicIcon, OlistIcon } from "@sanity/icons";
 import { KBD } from "@sanity/ui";
 import React from "react";
 import { allArticleDocsRef } from "../../../config";
@@ -18,16 +19,33 @@ export const block = {
   type: "block",
   styles: [...styles],
   lists: [
-    { title: "Bullet-liste", value: "bullet" },
-    { title: "Nummerert-liste", value: "number" },
+    {
+      title: "Bullet-liste",
+      value: "bullet",
+      blockEditor: { icon: () => <OlistIcon aria-label="Ul-liste" /> },
+    },
+    {
+      title: "Nummerert-liste",
+      value: "number",
+      blockEditor: { icon: () => <OlistIcon aria-label="Ol-liste" /> },
+    },
   ],
   marks: {
     decorators: [
-      { title: "Strong", value: "strong" },
-      { title: "Italic", value: "em" },
+      {
+        title: "Strong",
+        value: "strong",
+        blockEditor: { icon: () => <BoldIcon aria-label="Bold" /> },
+      },
+      {
+        title: "Italic",
+        value: "em",
+        blockEditor: { icon: () => <ItalicIcon aria-label="Italic" /> },
+      },
       {
         title: "Inline-Kode",
         value: "code",
+        blockEditor: { icon: () => <CodeIcon aria-label="Kode" /> },
       },
       {
         title: "KBD",

aksel.nav.no/website/sanity/schema/objects/shared/tips.tsx

@@ -15,6 +15,12 @@ export const Tips = defineType({
       validation: (Rule) =>
         Rule.required().error("Tips-modul må ha noe innhold"),
     }),
+    defineField({
+      title: "Hjelp ønskes",
+      name: "eksperiment",
+      type: "boolean",
+      initialValue: false,
+    }),
   ],
   preview: {
     select: {

examples/shadow-dom/package.json

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

yarn.lock

@@ -3080,7 +3080,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@navikt/ds-codemod@^2.0.15, @navikt/ds-codemod@workspace:@navikt/codemod":
+"@navikt/ds-codemod@^2.0.17, @navikt/ds-codemod@workspace:@navikt/codemod":
   version: 0.0.0-use.local
   resolution: "@navikt/ds-codemod@workspace:@navikt/codemod"
   dependencies:
@@ -3107,7 +3107,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@navikt/ds-css-internal@^2.0.15, @navikt/ds-css-internal@workspace:@navikt/internal/css":
+"@navikt/ds-css-internal@^2.0.17, @navikt/ds-css-internal@workspace:@navikt/internal/css":
   version: 0.0.0-use.local
   resolution: "@navikt/ds-css-internal@workspace:@navikt/internal/css"
   dependencies:
@@ -3118,11 +3118,11 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@navikt/ds-css@2.0.15, @navikt/ds-css@^2.0.15, @navikt/ds-css@workspace:@navikt/core/css":
+"@navikt/ds-css@2.0.17, @navikt/ds-css@^2.0.17, @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.15
+    "@navikt/ds-tokens": ^2.0.17
     normalize.css: ^8.0.1
     postcss: ^8.4.0
     postcss-cli: ^9.0.0
@@ -3131,7 +3131,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@navikt/ds-icons@^2.0.15, @navikt/ds-icons@workspace:@navikt/icons":
+"@navikt/ds-icons@^2.0.17, @navikt/ds-icons@workspace:@navikt/icons":
   version: 0.0.0-use.local
   resolution: "@navikt/ds-icons@workspace:@navikt/icons"
   dependencies:
@@ -3167,8 +3167,8 @@ __metadata:
     "@babel/preset-env": 7.19.4
     "@babel/preset-react": 7.18.6
     "@babel/preset-typescript": 7.18.6
-    "@navikt/ds-icons": ^2.0.15
-    "@navikt/ds-react": ^2.0.15
+    "@navikt/ds-icons": ^2.0.17
+    "@navikt/ds-react": ^2.0.17
     "@rollup/plugin-babel": 6.0.2
     "@rollup/plugin-commonjs": 23.0.2
     "@rollup/plugin-node-resolve": ^15.0.1
@@ -3193,12 +3193,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@navikt/ds-react-internal@^2.0.15, @navikt/ds-react-internal@workspace:@navikt/internal/react":
+"@navikt/ds-react-internal@^2.0.17, @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.15
-    "@navikt/ds-react": ^2.0.15
+    "@navikt/ds-icons": ^2.0.17
+    "@navikt/ds-react": ^2.0.17
     clsx: ^1.1.1
     concurrently: 7.2.1
     copy-to-clipboard: ^3.3.1
@@ -3214,12 +3214,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@navikt/ds-react@2.0.15, @navikt/ds-react@^2.0.15, @navikt/ds-react@workspace:@navikt/core/react":
+"@navikt/ds-react@2.0.17, @navikt/ds-react@^2.0.17, @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/ds-icons": ^2.0.15
+    "@navikt/ds-icons": ^2.0.17
     "@radix-ui/react-tabs": 1.0.0
     "@radix-ui/react-toggle-group": 1.0.0
     "@testing-library/dom": 8.13.0
@@ -3255,11 +3255,11 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@navikt/ds-tailwind@^2.0.15, @navikt/ds-tailwind@workspace:@navikt/core/tailwind":
+"@navikt/ds-tailwind@^2.0.17, @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.15
+    "@navikt/ds-tokens": ^2.0.17
     "@types/jest": ^29.0.0
     color: 4.2.3
     jest: ^29.0.0
@@ -3270,7 +3270,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@navikt/ds-tokens@^2.0.15, @navikt/ds-tokens@workspace:@navikt/core/tokens":
+"@navikt/ds-tokens@^2.0.17, @navikt/ds-tokens@workspace:@navikt/core/tokens":
   version: 0.0.0-use.local
   resolution: "@navikt/ds-tokens@workspace:@navikt/core/tokens"
   dependencies:
@@ -7763,14 +7763,14 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "aksel.nav.no@workspace:aksel.nav.no"
   dependencies:
-    "@navikt/ds-codemod": ^2.0.15
-    "@navikt/ds-css": ^2.0.15
-    "@navikt/ds-css-internal": ^2.0.15
-    "@navikt/ds-icons": ^2.0.15
-    "@navikt/ds-react": ^2.0.15
-    "@navikt/ds-react-internal": ^2.0.15
-    "@navikt/ds-tailwind": ^2.0.15
-    "@navikt/ds-tokens": ^2.0.15
+    "@navikt/ds-codemod": ^2.0.17
+    "@navikt/ds-css": ^2.0.17
+    "@navikt/ds-css-internal": ^2.0.17
+    "@navikt/ds-icons": ^2.0.17
+    "@navikt/ds-react": ^2.0.17
+    "@navikt/ds-react-internal": ^2.0.17
+    "@navikt/ds-tailwind": ^2.0.17
+    "@navikt/ds-tokens": ^2.0.17
     prettier-plugin-tailwindcss: ^0.1.13
   languageName: unknown
   linkType: soft
@@ -23898,8 +23898,8 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "shadow-dom@workspace:examples/shadow-dom"
   dependencies:
-    "@navikt/ds-css": 2.0.15
-    "@navikt/ds-react": 2.0.15
+    "@navikt/ds-css": 2.0.17
+    "@navikt/ds-react": 2.0.17
     "@types/react": ^18.0.0
     "@types/react-dom": ^18.0.0
     "@vitejs/plugin-react": ^2.1.0