Merge branch 'main' into feat-1941/implement-onyxDataGrid-filter-action

.changeset/itchy-monkeys-check.md

@@ -0,0 +1,13 @@
+---
+"sit-onyx": major
+---
+
+refactor(OnyxAccordion): move management of items open state to parent component
+
+The open state of all nested OnyxAccordionItem components is now fully moved to the OnyxAccordion to prevent recursive state logic.
+The OnyxAccordion now also supports a `v-model` for the currently opened items.
+
+#### Breaking changes
+
+- OnyxAccordionItem: remove `open` property. Use the new `v-model` / `modelValue` on the OnyxAccordion
+- OnyxAccordionItem: require new `value` property

.changeset/pre.json

@@ -170,6 +170,7 @@
     "hungry-mangos-prove",
     "hungry-mayflies-do",
     "itchy-ants-move",
+    "itchy-monkeys-check",
     "khaki-beds-shout",
     "khaki-roses-confess",
     "kind-pears-arrive",

apps/demo-app/CHANGELOG.md

@@ -1,5 +1,12 @@
 # demo-app
 
+## 1.0.0-beta.154
+
+### Patch Changes
+
+- Updated dependencies [a5e72f4]
+  - [email protected]
+
 ## 1.0.0-beta.153
 
 ### Patch Changes

apps/demo-app/package.json

@@ -1,7 +1,7 @@
 {
   "name": "demo-app",
   "private": true,
-  "version": "1.0.0-beta.153",
+  "version": "1.0.0-beta.154",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -10,7 +10,7 @@
   },
   "dependencies": {
     "@sit-onyx/icons": "workspace:^",
-    "@vueuse/core": "^12.5.0",
+    "@vueuse/core": "^12.7.0",
     "pinia": "^3.0.1",
     "sit-onyx": "workspace:^",
     "vue-i18n": "^11.1.1",

apps/demo-app/src/views/HomeView.vue

@@ -141,6 +141,8 @@ const tableData = [
 const currentPage = ref(1);
 const selectedTab = ref("tab-1");
 const selectedDate = ref<DateValue>();
+
+const openAccordionItems = ref<string[]>([]);
 </script>
 
 <template>
@@ -172,16 +174,16 @@ const selectedDate = ref<DateValue>();
       </section>
 
       <div class="page__examples">
-        <OnyxAccordion v-if="show('OnyxAccordion')">
-          <OnyxAccordionItem>
+        <OnyxAccordion v-if="show('OnyxAccordion')" v-model="openAccordionItems">
+          <OnyxAccordionItem value="item-1">
             <template #header> Header 1 </template>
             <p>Hidden Content 1</p>
           </OnyxAccordionItem>
-          <OnyxAccordionItem>
+          <OnyxAccordionItem value="item-2">
             <template #header> Header 2 </template>
             <p>Hidden Content 2</p>
           </OnyxAccordionItem>
-          <OnyxAccordionItem>
+          <OnyxAccordionItem value="item-3">
             <template #header> Header 3 </template>
             <p>Hidden Content 3</p>
           </OnyxAccordionItem>
@@ -322,30 +324,33 @@ const selectedDate = ref<DateValue>();
           label="Show toast"
           @click="toast.show({ headline: 'Example toast', color: 'success' })"
         />
-        <OnyxHeadline is="h2">Tooltip (auto alignment)</OnyxHeadline>
 
-        <div v-if="show('OnyxTooltip')" class="tooltip-container">
-          <OnyxTooltip text="Example tooltip text">
-            <template #default="{ trigger }">
-              <OnyxButton label="Left" v-bind="trigger" />
-            </template>
-          </OnyxTooltip>
-          <OnyxTooltip text="Example tooltip text">
-            <template #default="{ trigger }">
-              <OnyxButton label="Center" v-bind="trigger" />
-            </template>
-          </OnyxTooltip>
-          <OnyxTooltip text="Example tooltip text">
-            <template #default="{ trigger }">
-              <OnyxButton label="Center" v-bind="trigger" />
-            </template>
-          </OnyxTooltip>
-          <OnyxTooltip text="Example tooltip text">
-            <template #default="{ trigger }">
-              <OnyxButton label="Right" v-bind="trigger" />
-            </template>
-          </OnyxTooltip>
-        </div>
+        <template v-if="show('OnyxTooltip')">
+          <OnyxHeadline is="h2">Tooltip (auto alignment)</OnyxHeadline>
+
+          <div class="tooltip-container">
+            <OnyxTooltip text="Example tooltip text">
+              <template #default="{ trigger }">
+                <OnyxButton label="Left" v-bind="trigger" />
+              </template>
+            </OnyxTooltip>
+            <OnyxTooltip text="Example tooltip text">
+              <template #default="{ trigger }">
+                <OnyxButton label="Center" v-bind="trigger" />
+              </template>
+            </OnyxTooltip>
+            <OnyxTooltip text="Example tooltip text">
+              <template #default="{ trigger }">
+                <OnyxButton label="Center" v-bind="trigger" />
+              </template>
+            </OnyxTooltip>
+            <OnyxTooltip text="Example tooltip text">
+              <template #default="{ trigger }">
+                <OnyxButton label="Right" v-bind="trigger" />
+              </template>
+            </OnyxTooltip>
+          </div>
+        </template>
 
         <!-- Add new components alphabetically. -->
       </div>

apps/playground/CHANGELOG.md

@@ -1,5 +1,12 @@
 # playground
 
+## 1.0.0-beta.154
+
+### Patch Changes
+
+- Updated dependencies [a5e72f4]
+  - [email protected]
+
 ## 1.0.0-beta.153
 
 ### Patch Changes

apps/playground/package.json

@@ -1,6 +1,6 @@
 {
   "name": "playground",
-  "version": "1.0.0-beta.153",
+  "version": "1.0.0-beta.154",
   "description": "Playground for the onyx Vue components",
   "type": "module",
   "author": "Schwarz IT KG",
@@ -18,7 +18,7 @@
   "dependencies": {
     "@sit-onyx/icons": "workspace:^",
     "@vue/repl": "~4.2.1",
-    "@vueuse/core": "^12.5.0",
+    "@vueuse/core": "^12.7.0",
     "sit-onyx": "workspace:^"
   },
   "devDependencies": {

package.json

@@ -29,14 +29,14 @@
     "@microsoft/eslint-formatter-sarif": "^3.1.0",
     "@playwright/experimental-ct-vue": "^1.50.1",
     "@playwright/test": "^1.50.1",
-    "@storybook/addon-essentials": "^8.5.5",
-    "@storybook/blocks": "^8.5.5",
-    "@storybook/vue3": "^8.5.5",
-    "@storybook/vue3-vite": "^8.5.5",
+    "@storybook/addon-essentials": "^8.5.6",
+    "@storybook/blocks": "^8.5.6",
+    "@storybook/vue3": "^8.5.6",
+    "@storybook/vue3-vite": "^8.5.6",
     "@tsconfig/node22": "^22.0.0",
     "@types/eslint": "^9.6.1",
     "@types/jsdom": "^21.1.7",
-    "@types/node": "^22.13.1",
+    "@types/node": "^22.13.4",
     "@vitejs/plugin-vue": "^5.2.1",
     "@vitest/coverage-v8": "^3.0.5",
     "@vitest/eslint-plugin": "^1.1.31",
@@ -51,20 +51,20 @@
     "eslint-plugin-vuejs-accessibility": "^2.4.1",
     "jsdom": "^26.0.0",
     "lint-staged": "^15.4.3",
-    "prettier": "^3.5.0",
+    "prettier": "^3.5.1",
     "prettier-plugin-organize-imports": "^4.1.0",
     "publint": "^0.3.5",
     "rimraf": "^6.0.1",
     "simple-git-hooks": "^2.11.1",
-    "storybook": "^8.5.5",
+    "storybook": "^8.5.6",
     "stylelint": "^16.14.1",
     "stylelint-no-unsupported-browser-features": "^8.0.4",
     "turbo": "^2.4.2",
     "typescript": "catalog:",
     "typescript-eslint": "^8.24.0",
     "vite": "catalog:",
     "vitest": "^3.0.5",
-    "vue-tsc": "^2.2.0"
+    "vue-tsc": "^2.2.2"
   },
   "simple-git-hooks": {
     "pre-commit": "pnpm lint-staged"

packages/chartjs-plugin/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @sit-onyx/chartjs-plugin
 
+## 1.0.0-beta.154
+
+### Patch Changes
+
+- Updated dependencies [a5e72f4]
+  - [email protected]
+
 ## 1.0.0-beta.153
 
 ### Patch Changes

packages/chartjs-plugin/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sit-onyx/chartjs-plugin",
   "description": "A Chart.js plugin for the onyx design system created by Schwarz IT",
-  "version": "1.0.0-beta.153",
+  "version": "1.0.0-beta.154",
   "type": "module",
   "author": "Schwarz IT KG",
   "license": "Apache-2.0",

packages/nuxt/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @sit-onyx/nuxt
 
+## 1.0.0-beta.155
+
+### Patch Changes
+
+- Updated dependencies [a5e72f4]
+  - [email protected]
+
 ## 1.0.0-beta.154
 
 ### Patch Changes

packages/nuxt/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sit-onyx/nuxt",
-  "version": "1.0.0-beta.154",
+  "version": "1.0.0-beta.155",
   "description": "A Nuxt module to easily integrate onyx into Nuxt projects",
   "author": "Schwarz IT KG",
   "license": "Apache-2.0",
@@ -38,7 +38,7 @@
     "@nuxt/kit": "^3.15.4"
   },
   "devDependencies": {
-    "@nuxt/devtools": "^2.0.0",
+    "@nuxt/devtools": "^2.1.0",
     "@nuxt/module-builder": "~0.8.4",
     "@nuxt/schema": "^3.15.4",
     "@nuxt/test-utils": "^3.15.4",

packages/sit-onyx/CHANGELOG.md

@@ -1,5 +1,19 @@
 # sit-onyx
 
+## 1.0.0-beta.154
+
+### Major Changes
+
+- a5e72f4: refactor(OnyxAccordion): move management of items open state to parent component
+
+  The open state of all nested OnyxAccordionItem components is now fully moved to the OnyxAccordion to prevent recursive state logic.
+  The OnyxAccordion now also supports a `v-model` for the currently opened items.
+
+  #### Breaking changes
+
+  - OnyxAccordionItem: remove `open` property. Use the new `v-model` / `modelValue` on the OnyxAccordion
+  - OnyxAccordionItem: require new `value` property
+
 ## 1.0.0-beta.153
 
 ### Minor Changes

packages/sit-onyx/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sit-onyx",
   "description": "A design system and Vue.js component library created by Schwarz IT",
-  "version": "1.0.0-beta.153",
+  "version": "1.0.0-beta.154",
   "type": "module",
   "author": "Schwarz IT KG",
   "license": "Apache-2.0",
@@ -54,15 +54,15 @@
     "@sit-onyx/headless": "workspace:^",
     "@sit-onyx/playwright-utils": "workspace:^",
     "@sit-onyx/storybook-utils": "workspace:^",
-    "@storybook/addon-a11y": "^8.5.5",
-    "@storybook/addon-actions": "^8.5.5",
+    "@storybook/addon-a11y": "^8.5.6",
+    "@storybook/addon-actions": "^8.5.6",
     "@vue/compiler-dom": "catalog:",
     "axe-core": "^4.10.2",
     "eslint-plugin-vue-scoped-css": "^2.9.0",
     "sass-embedded": "catalog:",
     "storybook-dark-mode": "^4.0.2",
     "vue": "catalog:",
-    "vue-component-type-helpers": "^2.2.0",
+    "vue-component-type-helpers": "^2.2.2",
     "vue-router": "^4.5.0"
   }
 }