diff --git a/package.json b/package.json
index cc75f04cfc..c6dbdc5079 100644
--- a/package.json
+++ b/package.json
@@ -83,7 +83,7 @@
"ts-node": "10.9.2",
"tslib": "2.8.1",
"typescript": "5.9.2",
- "vite": "^6.1.0",
+ "vite": "^7.0.0",
"vite-plugin-environment": "^1.1.3",
"vite-plugin-node-polyfills": "0.24.0",
"vite-plugin-static-copy": "^3.0.0",
diff --git a/packages/design-system/docs/.vitepress/theme/custom.scss b/packages/design-system/docs/.vitepress/theme/custom.scss
index 3d0bbb21dc..ff6520111f 100644
--- a/packages/design-system/docs/.vitepress/theme/custom.scss
+++ b/packages/design-system/docs/.vitepress/theme/custom.scss
@@ -20,6 +20,7 @@
html * {
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
+ overflow: auto;
}
@font-face {
diff --git a/packages/design-system/package.json b/packages/design-system/package.json
index a3cb77016c..1e1613d745 100644
--- a/packages/design-system/package.json
+++ b/packages/design-system/package.json
@@ -131,7 +131,7 @@
"sass-resources-loader": "^2.2.5",
"tailwindcss": "^4.1.11",
"url": "^0.11.3",
- "vite": "^6.0.9",
+ "vite": "^7.0.0",
"vite-plugin-dts": "^4.2.3",
"vite-plugin-node-polyfills": "^0.24.0",
"vitepress": "^1.6.3",
diff --git a/packages/design-system/src/components/OcBottomDrawer/OcBottomDrawer.vue b/packages/design-system/src/components/OcBottomDrawer/OcBottomDrawer.vue
index 0c5f7ce77a..53f06f7d9d 100644
--- a/packages/design-system/src/components/OcBottomDrawer/OcBottomDrawer.vue
+++ b/packages/design-system/src/components/OcBottomDrawer/OcBottomDrawer.vue
@@ -33,7 +33,7 @@
appearance="raw"
class="raw-hover-surface oc-bottom-drawer-close-button"
:aria-label="$gettext('Close the context menu')"
- @click="hide"
+ @click="hide()"
>
@@ -65,7 +65,7 @@ import { onKeyStroke } from '@vueuse/core'
import OcButton from '../OcButton/OcButton.vue'
import OcCard from '../OcCard/OcCard.vue'
-interface Props {
+export interface Props {
/**
* @docs The ID the drawer element gets.
*/
diff --git a/packages/design-system/src/components/OcColorInput/OcColorInput.vue b/packages/design-system/src/components/OcColorInput/OcColorInput.vue
index a980c84b5b..3386277793 100644
--- a/packages/design-system/src/components/OcColorInput/OcColorInput.vue
+++ b/packages/design-system/src/components/OcColorInput/OcColorInput.vue
@@ -66,7 +66,7 @@