chore(deps): bump the all-dependencies group across 1 directory with 22 updates (#5163)

* chore(deps): bump the all-dependencies group across 1 directory with 22 updates

---
updated-dependencies:
- dependency-name: "@equinor/eds-mobile-components"
  dependency-version: 0.3.0
  dependency-type: direct:development
  update-type: version-update:semver-minor
  dependency-group: all-dependencies
- dependency-name: "@figma/code-connect"
  dependency-version: 1.4.9
  dependency-type: direct:development
  update-type: version-update:semver-patch
  dependency-group: all-dependencies
- dependency-name: "@figma/rest-api-spec"
  dependency-version: 0.41.0
  dependency-type: direct:development
  update-type: version-update:semver-minor
  dependency-group: all-dependencies
- dependency-name: "@next/eslint-plugin-next"
  dependency-version: 16.2.10
  dependency-type: direct:development
  update-type: version-update:semver-patch
  dependency-group: all-dependencies
- dependency-name: "@next/mdx"
  dependency-version: 16.2.10
  dependency-type: direct:production
  update-type: version-update:semver-patch
  dependency-group: all-dependencies
- dependency-name: "@tailwindcss/postcss"
  dependency-version: 4.3.2
  dependency-type: direct:development
  update-type: version-update:semver-patch
  dependency-group: all-dependencies
- dependency-name: "@tailwindcss/vite"
  dependency-version: 4.3.2
  dependency-type: direct:development
  update-type: version-update:semver-patch
  dependency-group: all-dependencies
- dependency-name: browserslist
  dependency-version: 4.28.5
  dependency-type: direct:development
  update-type: version-update:semver-patch
  dependency-group: all-dependencies
- dependency-name: downshift
  dependency-version: 9.4.0
  dependency-type: direct:production
  update-type: version-update:semver-minor
  dependency-group: all-dependencies
- dependency-name: lucide-react
  dependency-version: 1.23.0
  dependency-type: direct:production
  update-type: version-update:semver-minor
  dependency-group: all-dependencies
- dependency-name: next
  dependency-version: 16.2.10
  dependency-type: direct:production
  update-type: version-update:semver-patch
  dependency-group: all-dependencies
- dependency-name: prettier
  dependency-version: 3.9.4
  dependency-type: direct:development
  update-type: version-update:semver-minor
  dependency-group: all-dependencies
- dependency-name: react-hook-form
  dependency-version: 7.81.0
  dependency-type: direct:development
  update-type: version-update:semver-minor
  dependency-group: all-dependencies
- dependency-name: react-router-dom
  dependency-version: 7.18.1
  dependency-type: direct:development
  update-type: version-update:semver-patch
  dependency-group: all-dependencies
- dependency-name: styled-components
  dependency-version: 6.4.3
  dependency-type: direct:development
  update-type: version-update:semver-patch
  dependency-group: all-dependencies
- dependency-name: stylelint
  dependency-version: 17.14.0
  dependency-type: direct:development
  update-type: version-update:semver-minor
  dependency-group: all-dependencies
- dependency-name: tailwindcss
  dependency-version: 4.3.2
  dependency-type: direct:development
  update-type: version-update:semver-patch
  dependency-group: all-dependencies
- dependency-name: tsc-watch
  dependency-version: 7.2.1
  dependency-type: direct:development
  update-type: version-update:semver-patch
  dependency-group: all-dependencies
- dependency-name: tsx
  dependency-version: 4.23.0
  dependency-type: direct:development
  update-type: version-update:semver-minor
  dependency-group: all-dependencies
- dependency-name: typescript-eslint
  dependency-version: 8.63.0
  dependency-type: direct:development
  update-type: version-update:semver-minor
  dependency-group: all-dependencies
- dependency-name: vite
  dependency-version: 8.1.3
  dependency-type: direct:development
  update-type: version-update:semver-patch
  dependency-group: all-dependencies
- dependency-name: vitest
  dependency-version: 4.1.10
  dependency-type: direct:development
  update-type: version-update:semver-patch
  dependency-group: all-dependencies
...

Signed-off-by: dependabot[bot] <support@github.com>

* test: update Autocomplete snapshot after dependency bumps

* style: apply prettier 3.9 formatting

* test: tidy stray blank lines and stale comment after removed eslint directives

---------

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Frida <fridaerdal@hotmail.no>

Author: dependabot[bot]

apps/eds-color-palette-generator/package.json

@@ -29,28 +29,28 @@
     "@equinor/eds-tokens": "workspace:^",
     "@equinor/eds-utils": "workspace:^",
     "colorjs.io": "^0.6.1",
-    "lucide-react": "^1.21.0",
-    "next": "16.2.9",
+    "lucide-react": "^1.23.0",
+    "next": "16.2.10",
     "react": "^19.2.6",
     "react-dom": "^19.2.6"
   },
   "devDependencies": {
     "@eslint/eslintrc": "^3.3.5",
     "@microsoft/api-extractor": "^7.58.9",
-    "@next/eslint-plugin-next": "16.2.9",
+    "@next/eslint-plugin-next": "16.2.10",
     "@playwright/test": "^1.61.1",
-    "@tailwindcss/postcss": "^4.3.1",
+    "@tailwindcss/postcss": "^4.3.2",
     "@types/node": "^25.5.2",
     "@types/react": "^19.2.15",
     "@types/react-dom": "^19.2.3",
     "dotenv": "^17.4.0",
     "eslint": "^9.38.0",
     "eslint-config-next": "16.2.10",
-    "tailwindcss": "^4.3.1",
-    "tsx": "^4.22.4",
+    "tailwindcss": "^4.3.2",
+    "tsx": "^4.23.0",
     "typescript": "^5.9.3",
-    "vite": "^8.1.0",
+    "vite": "^8.1.3",
     "vite-plugin-dts": "^5.0.3",
-    "vitest": "^4.1.9"
+    "vitest": "^4.1.10"
   }
 }

apps/eds-demo/package.json

@@ -16,25 +16,25 @@
     "@equinor/eds-tokens": "workspace:^",
     "@mdx-js/loader": "^3.1.1",
     "@mdx-js/react": "^3.1.1",
-    "@next/mdx": "^16.2.9",
+    "@next/mdx": "^16.2.10",
     "@types/mdx": "^2.0.14",
     "github-markdown-css": "^5.9.0",
-    "next": "16.2.9",
+    "next": "16.2.10",
     "react": "^19.2.6",
     "react-dom": "^19.2.6",
     "remark-gfm": "^4.0.1"
   },
   "devDependencies": {
     "@playwright/test": "^1.61.1",
-    "@tailwindcss/postcss": "^4.3.1",
+    "@tailwindcss/postcss": "^4.3.2",
     "@types/node": "^25.5.2",
     "@types/react": "^19.2.15",
     "@types/react-dom": "^19.2.3",
     "autoprefixer": "^10.5.1",
     "eslint": "^9.38.0",
     "eslint-config-next": "16.2.10",
     "postcss": "^8.5.17",
-    "tailwindcss": "^4.3.1",
+    "tailwindcss": "^4.3.2",
     "typescript": "^5.9.3"
   },
   "prettier": {

package.json

@@ -89,13 +89,13 @@
     "eslint-plugin-storybook": "^10.4.6",
     "eslint-plugin-testing-library": "^7.16.2",
     "globals": "^17.7.0",
-    "typescript-eslint": "^8.62.0",
+    "typescript-eslint": "^8.63.0",
     "jest-axe": "^10.0.0",
-    "stylelint": "^17.13.0",
+    "stylelint": "^17.14.0",
     "stylelint-config-clean-order": "^10.0.0",
     "stylelint-config-standard": "^40.0.0",
     "stylelint-order": "^8.1.1",
-    "prettier": "3.8.4",
+    "prettier": "3.9.4",
     "typescript": "^5.9.3"
   },
   "browserslist": "last 2 Chrome versions, last 2 firefox versions, last 2 safari versions, last 2 edge versions, not dead",

packages/eds-core-react/package.json

@@ -54,8 +54,8 @@
     "react"
   ],
   "devDependencies": {
-    "@equinor/eds-mobile-components": "^0.2.0",
-    "@figma/code-connect": "^1.4.8",
+    "@equinor/eds-mobile-components": "^0.3.0",
+    "@figma/code-connect": "^1.4.9",
     "@playwright/test": "^1.61.1",
     "@rollup/plugin-babel": "^7.1.0",
     "@rollup/plugin-commonjs": "^29.0.3",
@@ -75,7 +75,7 @@
     "@types/react": "^19.2.15",
     "@types/react-dom": "^19.2.3",
     "babel-plugin-styled-components": "^2.3.0",
-    "browserslist": "^4.28.4",
+    "browserslist": "^4.28.5",
     "eslint-plugin-storybook": "10.4.6",
     "lightningcss": "^1.32.0",
     "jest": "^30.4.2",
@@ -87,16 +87,16 @@
     "ramda": "^0.32.0",
     "react": "^19.2.6",
     "react-dom": "^19.2.6",
-    "react-hook-form": "^7.80.0",
-    "react-router-dom": "^7.18.0",
+    "react-hook-form": "^7.81.0",
+    "react-router-dom": "^7.18.1",
     "remark-gfm": "^4.0.1",
     "rollup": "^4.62.2",
     "rollup-plugin-delete": "^3.0.2",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-preserve-directives": "^1.1.3",
     "storybook": "^10.4.6",
-    "styled-components": "6.4.2",
-    "tsc-watch": "^7.2.0",
+    "styled-components": "6.4.3",
+    "tsc-watch": "^7.2.1",
     "typescript": "^5.9.3"
   },
   "peerDependencies": {
@@ -116,7 +116,7 @@
     "@react-stately/datepicker": "^3.17.1",
     "@react-types/shared": "^3.36.0",
     "@tanstack/react-virtual": "3.14.5",
-    "downshift": "9.3.6",
+    "downshift": "9.4.0",
     "react-aria": "^3.50.0"
   }
 }

packages/eds-core-react/src/components/Accordion/AccordionHeader.tsx

@@ -43,20 +43,22 @@ const StyledAccordionHeader = styled.div<StyledAccordionHeaderButtonProps>(
       background-color: ${header.background};
       ${bordersTemplate(border)}
       border-top: ${$parentIndex === 0 ? null : 'none'};
-      ${disabled
-        ? css`
-            color: ${header.states.disabled.typography.color};
-            cursor: not-allowed;
-          `
-        : css`
-            color: ${header.typography.color};
-            cursor: pointer;
-            @media (hover: hover) and (pointer: fine) {
-              &:hover {
-                background: ${header.states.hover.background};
+      ${
+        disabled
+          ? css`
+              color: ${header.states.disabled.typography.color};
+              cursor: not-allowed;
+            `
+          : css`
+              color: ${header.typography.color};
+              cursor: pointer;
+              @media (hover: hover) and (pointer: fine) {
+                &:hover {
+                  background: ${header.states.hover.background};
+                }
               }
-            }
-          `}
+            `
+      }
     `
   },
 )
@@ -100,15 +102,17 @@ const StyledAccordionHeaderButton =
       display: flex;
       align-items: center;
       flex-grow: 1;
-      ${disabled
-        ? css({
-            color: header.states.disabled.typography.color,
-            cursor: 'not-allowed',
-          })
-        : css({
-            color: header.typography.color,
-            cursor: 'pointer',
-          })}
+      ${
+        disabled
+          ? css({
+              color: header.states.disabled.typography.color,
+              cursor: 'not-allowed',
+            })
+          : css({
+              color: header.typography.color,
+              cursor: 'pointer',
+            })
+      }
       > svg {
         color: ${iconToken.typography.color};
       }
@@ -120,9 +124,11 @@ const StyledIcon = styled(Icon)<{ $chevronPosition: 'left' | 'right' }>(({
 }) => {
   return css`
     flex-shrink: 0;
-    ${$chevronPosition === 'left'
-      ? css({ marginRight: '32px' })
-      : css({ marginLeft: '16px' })}
+    ${
+      $chevronPosition === 'left'
+        ? css({ marginRight: '32px' })
+        : css({ marginLeft: '16px' })
+    }
   `
 })
 

packages/eds-core-react/src/components/Accordion/AccordionHeaderActions.tsx

@@ -26,18 +26,22 @@ const StyledAccordionHeaderActions =
         align-items: center;
         justify-content: flex-end;
         padding-right: ${header.spacings.right};
-        ${disabled
-          ? css({
-              color: header.states.disabled.typography.color,
-              cursor: 'not-allowed',
-            })
-          : css({
-              color: header.typography.color,
-              cursor: 'pointer',
-            })}
-        color: ${$isExpanded && !disabled
-          ? header.states.active.typography?.color
-          : 'inherit'};
+        ${
+          disabled
+            ? css({
+                color: header.states.disabled.typography.color,
+                cursor: 'not-allowed',
+              })
+            : css({
+                color: header.typography.color,
+                cursor: 'pointer',
+              })
+        }
+        color: ${
+          $isExpanded && !disabled
+            ? header.states.active.typography?.color
+            : 'inherit'
+        };
       `
     },
   )

packages/eds-core-react/src/components/Accordion/AccordionHeaderTitle.tsx

@@ -25,9 +25,11 @@ const StyledAccordionHeaderTitle = styled.span<StyledAccordionHeaderTitleProps>(
       flex-grow: 1;
       overflow: hidden;
       text-align: left;
-      color: ${$isExpanded && !$disabled
-        ? header.states.active.typography?.color
-        : 'inherit'};
+      color: ${
+        $isExpanded && !$disabled
+          ? header.states.active.typography?.color
+          : 'inherit'
+      };
     `
   },
 )

packages/eds-core-react/src/components/Autocomplete/Option.tsx

@@ -33,11 +33,13 @@ export const StyledListItem = styled.li<StyledListItemType>(
       cursor: ${$highlighted === 'true' ? 'pointer' : 'default'};
       ${typographyTemplate(theme.typography)}
       ${spacingsTemplate(theme.spacings)}
-      ${$isdisabled === 'true'
-        ? css`
-            color: ${theme.states.disabled.typography.color};
-          `
-        : ''}
+      ${
+        $isdisabled === 'true'
+          ? css`
+              color: ${theme.states.disabled.typography.color};
+            `
+          : ''
+      }
     `
   },
 )

packages/eds-core-react/src/components/Autocomplete/__snapshots__/Autocomplete.test.tsx.snap

@@ -1,3 +1,3 @@
 // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
-exports[`Autocomplete Matches snapshot 1`] = `"<div class="Autocomplete__Container-sc-yvif0e-0 jbta-dK"><label id="downshift-test-id" for="downshift-test-id" class="Label__LabelBase-sc-1gi2bcn-0 eAoEZ"><span class="Label__Text-sc-1gi2bcn-1 bfxypJ">Select label test</span></label><div class="Autocomplete__Container-sc-yvif0e-0 jbta-dK"><div class="Input__Container-sc-1ykv024-0 AXbry"><input style="resize: none;" aria-activedescendant="downshift-test-id-item-0" aria-autocomplete="list" aria-controls="downshift-test-controls" aria-expanded="true" aria-labelledby="downshift-test-label-id" autocomplete="off" id="downshift-test-id" role="combobox" class="Input__StyledInput-sc-1ykv024-1 PNbWN" type="text" value=""><div class="Input__Adornments-sc-1ykv024-2 Input__RightAdornments-sc-1ykv024-4 gaMPHY jlsbaY"><button type="button" tabindex="-1" aria-controls="downshift-test-controls" aria-expanded="true" id="downshift-test-id" aria-label="toggle options" title="open" class="Button__ButtonBase-sc-1hs0myn-1 ihPuWg Autocomplete__StyledButton-sc-yvif0e-2 VsFWL"><span class="Button__Inner-sc-1hs0myn-0 jNcrVQ"><svg fill="currentColor" viewBox="0 0 24 24" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" height="24px" width="24px" class="Icon__StyledSvg-sc-6evbi1-0 iMSGDw"><path data-testid="eds-icon-path" d="m7 14.5 5-5 5 5z" fill-rule="evenodd" clip-rule="evenodd" class="Icon__StyledPath-sc-6evbi1-1"></path></svg></span></button></div></div></div><div popover="manual" tabindex="-1" data-floating-ui-focusable="" style="position: absolute; top: -4px; left: 0px; width: auto;" class="OptionList__StyledPopover-sc-t6tp7k-0 khmzGM"><ul id="downshift-test-id" role="listbox" aria-labelledby="downshift-test-label-id" style="max-height: 300px;" class="List__StyledList-sc-v9d2hy-0 XoHCf OptionList__StyledList-sc-t6tp7k-1 cngwDH"><li role="presentation" style="height: 144px; margin: 0px; grid-area: 1 / -1;"></li><li aria-hidden="false" aria-setsize="3" data-index="0" aria-posinset="1" aria-disabled="false" aria-selected="true" id="downshift-test-id" role="option" style="transform: translateY(0px); height: 48px;" class="Option__StyledListItem-sc-1ly11zu-0 cfTdi"><span class="Option__AutocompleteOptionLabel-sc-1ly11zu-1 kUIzPD">One</span></li><li aria-hidden="false" aria-setsize="3" data-index="1" aria-posinset="2" aria-disabled="false" aria-selected="false" id="downshift-test-id" role="option" style="transform: translateY(48px); height: 48px;" class="Option__StyledListItem-sc-1ly11zu-0 iCVNuq"><span class="Option__AutocompleteOptionLabel-sc-1ly11zu-1 kUIzPD">Two</span></li><li aria-hidden="false" aria-setsize="3" data-index="2" aria-posinset="3" aria-disabled="false" aria-selected="false" id="downshift-test-id" role="option" style="transform: translateY(96px); height: 48px;" class="Option__StyledListItem-sc-1ly11zu-0 iCVNuq"><span class="Option__AutocompleteOptionLabel-sc-1ly11zu-1 kUIzPD">Three</span></li></ul></div></div>"`;
+exports[`Autocomplete Matches snapshot 1`] = `"<div class="Autocomplete__Container-sc-yvif0e-0 eokfcP"><label id="downshift-test-id" for="downshift-test-id" class="Label__LabelBase-sc-1gi2bcn-0 ivpBtE"><span class="Label__Text-sc-1gi2bcn-1 jEcoFI">Select label test</span></label><div class="Autocomplete__Container-sc-yvif0e-0 eokfcP"><div class="Input__Container-sc-1ykv024-0 fQOoUL"><input style="resize: none;" aria-activedescendant="downshift-test-id-item-0" aria-autocomplete="list" aria-controls="downshift-test-controls" aria-expanded="true" aria-labelledby="downshift-test-label-id" autocomplete="off" id="downshift-test-id" role="combobox" class="Input__StyledInput-sc-1ykv024-1 edvZcE" type="text" value=""><div class="Input__Adornments-sc-1ykv024-2 Input__RightAdornments-sc-1ykv024-4 brsBdR kqoRit"><button type="button" tabindex="-1" aria-controls="downshift-test-controls" aria-expanded="true" id="downshift-test-id" aria-label="toggle options" title="open" class="Button__ButtonBase-sc-1hs0myn-1 dKnLGx Autocomplete__StyledButton-sc-yvif0e-2 dmlTjq"><span class="Button__Inner-sc-1hs0myn-0 ULafd"><svg fill="currentColor" viewBox="0 0 24 24" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" height="24px" width="24px" class="Icon__StyledSvg-sc-6evbi1-0 bRHOEJ"><path data-testid="eds-icon-path" d="m7 14.5 5-5 5 5z" fill-rule="evenodd" clip-rule="evenodd" class="Icon__StyledPath-sc-6evbi1-1"></path></svg></span></button></div></div></div><div popover="manual" tabindex="-1" data-floating-ui-focusable="" style="position: absolute; top: -4px; left: 0px; width: auto;" class="OptionList__StyledPopover-sc-t6tp7k-0 ibHgmN"><ul id="downshift-test-id" role="listbox" aria-labelledby="downshift-test-label-id" style="max-height: 300px;" class="List__StyledList-sc-v9d2hy-0 dRuIXW OptionList__StyledList-sc-t6tp7k-1 EyjYS"><li role="presentation" style="height: 144px; margin: 0px; grid-area: 1 / -1;"></li><li aria-hidden="false" aria-setsize="3" data-index="0" aria-posinset="1" aria-disabled="false" aria-selected="true" id="downshift-test-id" role="option" style="transform: translateY(0px); height: 48px;" class="Option__StyledListItem-sc-1ly11zu-0 hdFAKf"><span class="Option__AutocompleteOptionLabel-sc-1ly11zu-1 guBBIO">One</span></li><li aria-hidden="false" aria-setsize="3" data-index="1" aria-posinset="2" aria-disabled="false" aria-selected="false" id="downshift-test-id" role="option" style="transform: translateY(48px); height: 48px;" class="Option__StyledListItem-sc-1ly11zu-0 hiyYmH"><span class="Option__AutocompleteOptionLabel-sc-1ly11zu-1 guBBIO">Two</span></li><li aria-hidden="false" aria-setsize="3" data-index="2" aria-posinset="3" aria-disabled="false" aria-selected="false" id="downshift-test-id" role="option" style="transform: translateY(96px); height: 48px;" class="Option__StyledListItem-sc-1ly11zu-0 hiyYmH"><span class="Option__AutocompleteOptionLabel-sc-1ly11zu-1 guBBIO">Three</span></li></ul></div></div>"`;

packages/eds-core-react/src/components/Banner/BannerActions.tsx

@@ -15,10 +15,12 @@ const StyledBannerActions = styled.div<StyledBannerActionsProps>(
       margin-left: ${theme.spacings.left};
       grid-gap: 8px;
       grid-column: ${$placement === 'bottom' ? '1/-1' : 'auto'};
-      ${$placement === 'bottom' && {
-        marginTop: theme.spacings.top,
-        marginLeft: '0',
-      }}
+      ${
+        $placement === 'bottom' && {
+          marginTop: theme.spacings.top,
+          marginLeft: '0',
+        }
+      }
     `
   },
 )