Merge branch 'main' into feat/730-auto-alignment-Tooltip

.changeset/eighty-books-shake.md

@@ -0,0 +1,5 @@
+---
+"sit-onyx": minor
+---
+
+feat(OnyxPagination): enable search and update select focus styles

.changeset/famous-actors-fetch.md

@@ -0,0 +1,10 @@
+---
+"@sit-onyx/icons": minor
+---
+
+feat: update icons
+
+#### New icons
+
+- folder-settings
+- rocket-settings

.changeset/few-ligers-pump.md

@@ -0,0 +1,7 @@
+---
+"sit-onyx": major
+---
+
+fix: support SSR for `createOnyx()` plugin
+
+Removed export of `syncGlobalOptionalText`, use the `createOnyx()` Vue plugin instead

.changeset/odd-jokes-give.md

@@ -0,0 +1,13 @@
+---
+"@sit-onyx/nuxt": minor
+---
+
+feat: provide toasts
+
+The Nuxt plugin now registers the `createOnyx()` Vue plugin which also provides [toasts](https://storybook.onyx.schwarz/?path=/docs/feedback-toast--docs). So you no longer need to manually provide them, so if you have something like the following in your code, you can remove it:
+
+```ts
+provide(TOAST_PROVIDER_INJECTION_KEY, createToastProvider());
+```
+
+Also the i18n integration that syncs your nuxt-i18n locale with onyx now also supports the `locale.language` key since `locale.iso` is deprecated.

.changeset/plenty-dragons-hope.md

@@ -0,0 +1,54 @@
+---
+"@sit-onyx/icons": minor
+---
+
+feat: update icons
+
+#### Modified icons
+
+- anchor
+- applause
+- apple-tablet-landscape
+- arrow-small-down-left
+- arrow-small-down
+- arrow-small-up-left
+- audio
+- calculator
+- cancellation-undone
+- chart-pie-2
+- chart-pie-search
+- chevron-down-up
+- circle-block
+- cloud-arrow-up
+- computer-information
+- couchbase
+- ear
+- earth-location-pin
+- file-disabled
+- handshake
+- home-search
+- kubernetes-lock
+- kubernetes-shield
+- layer-down
+- login
+- megaphone-new
+- mesh
+- pallet-box
+- phone-outgoing
+- phone
+- recycling
+- repeat
+- robot
+- rocket-settings
+- shield-user
+- sidebar-arrow-left
+- storage-cloud
+- switch-horizontal
+- tool-anchor-point-minus
+- tool-curvature
+- tool-expand-vertically
+- tool-pencil
+- tool-ruler
+- volume-down
+- volume-mute
+- volume-up

.changeset/pre.json

@@ -56,17 +56,20 @@
     "early-wasps-warn",
     "eight-eyes-switch",
     "eight-suits-compete",
+    "eighty-books-shake",
     "eleven-pots-sing",
     "eleven-sheep-fry",
     "empty-dingos-hug",
     "fair-poets-return",
     "fair-scissors-notice",
     "fair-zoos-promise",
+    "famous-actors-fetch",
     "famous-cheetahs-serve",
     "famous-cooks-lick",
     "famous-falcons-sniff",
     "fast-eels-sit",
     "few-cows-punch",
+    "few-ligers-pump",
     "few-rivers-know",
     "fifty-students-turn",
     "five-cooks-dream",
@@ -166,12 +169,14 @@
     "new-dogs-cry",
     "nice-clocks-kneel",
     "nice-pots-occur",
+    "odd-jokes-give",
     "old-dogs-sin",
     "old-lobsters-accept",
     "olive-cups-shave",
     "olive-forks-mate",
     "olive-months-turn",
     "pink-days-rest",
+    "plenty-dragons-hope",
     "plenty-queens-matter",
     "polite-hats-mate",
     "polite-kiwis-cheer",
@@ -187,6 +192,7 @@
     "proud-pianos-explode",
     "purple-goats-camp",
     "purple-years-unite",
+    "quiet-dragons-rush",
     "quiet-kings-talk",
     "quiet-knives-join",
     "quiet-lemons-wash",
@@ -208,6 +214,7 @@
     "selfish-gifts-draw",
     "selfish-papayas-scream",
     "selfish-phones-pull",
+    "selfish-socks-vanish",
     "selfish-toys-guess",
     "serious-comics-fly",
     "serious-mails-ring",
@@ -219,6 +226,7 @@
     "shy-lizards-fix",
     "silent-ducks-kneel",
     "silent-files-argue",
+    "silly-avocados-drop",
     "silly-waves-applaud",
     "silver-birds-dress",
     "silver-cooks-shave",
@@ -261,11 +269,13 @@
     "tall-tables-bow",
     "tame-adults-cheat",
     "tame-months-sniff",
+    "ten-hairs-bake",
     "ten-islands-bake",
     "ten-pigs-beg",
     "ten-scissors-boil",
     "tender-chairs-clap",
     "thick-gorillas-work",
+    "thick-terms-serve",
     "thin-badgers-compare",
     "thin-penguins-pretend",
     "thin-shrimps-care",

.changeset/quiet-dragons-rush.md

@@ -0,0 +1,5 @@
+---
+"@sit-onyx/headless": patch
+---
+
+fix(OnyxSelect, listbox): Fix auto scroll behavior with search input

.changeset/selfish-socks-vanish.md

@@ -0,0 +1,5 @@
+---
+"sit-onyx": patch
+---
+
+fix(OnyxMiniSearch): Adjust the size to the search input

.changeset/silly-avocados-drop.md

@@ -0,0 +1,8 @@
+---
+"@sit-onyx/icons": patch
+---
+
+refactor: update icons
+
+The SVG structure in Figma has been updated to support setting color variables on icons in Figma.
+Visually and technically, nothing changed.

.changeset/ten-hairs-bake.md

@@ -0,0 +1,5 @@
+---
+"sit-onyx": patch
+---
+
+fix(button): make background transparent for `mode="plain"`

.changeset/thick-terms-serve.md

@@ -0,0 +1,5 @@
+---
+"docs": patch
+---
+
+fix(OnyxBorderRadiusTokens): Fix background color

.github/workflows/import-figma-icons.yml

@@ -36,6 +36,17 @@ jobs:
           pnpm run @sit-onyx/figma-utils import-icons -k "${{ vars.FIGMA_FILE_KEY_ICONS }}" -t "${{ secrets.FIGMA_TOKEN }}" -p "${{ vars.FIGMA_ICON_PAGE_ID }}" -d "../icons/src/assets" -m "../icons/src/metadata.json"
         working-directory: packages/figma-utils
 
+      - name: Generate changeset
+        run: |
+          git add .
+          pnpm run generate:changeset
+        working-directory: packages/icons
+
+      # needed to prevent creating empty PR when nothing but the formatting changed
+      - name: Format with prettier
+        run: pnpm prettier --write src/metadata.json
+        working-directory: packages/icons
+
       - name: Create pull request
         uses: peter-evans/create-pull-request@v6
         with:

CODEOWNERS

@@ -1,6 +1,2 @@
 # Global code owners (developers)
-* @SchwarzIT/onyx-dev
-
-# UX code owners
-/packages/icons/src/assets/ @SchwarzIT/onyx-ux
-/packages/icons/src/metadata.json @SchwarzIT/onyx-ux
+* @SchwarzIT/onyx-dev

apps/demo-app/CHANGELOG.md

@@ -1,5 +1,33 @@
 # demo-app
 
+## 1.0.0-beta.39
+
+### Patch Changes
+
+- Updated dependencies [dfa58b8]
+  - [email protected]
+
+## 1.0.0-beta.38
+
+### Patch Changes
+
+- Updated dependencies [d4fe7d1]
+  - [email protected]
+
+## 1.0.0-beta.37
+
+### Patch Changes
+
+- Updated dependencies [3d612d4]
+  - [email protected]
+
+## 1.0.0-beta.36
+
+### Patch Changes
+
+- Updated dependencies [8647795]
+  - [email protected]
+
 ## 1.0.0-beta.35
 
 ### Patch Changes

apps/demo-app/package.json

@@ -1,7 +1,7 @@
 {
   "name": "demo-app",
   "private": true,
-  "version": "1.0.0-beta.35",
+  "version": "1.0.0-beta.39",
   "type": "module",
   "scripts": {
     "dev": "turbo run vite --filter demo-app",

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

@@ -15,6 +15,7 @@ import {
   OnyxLink,
   OnyxLoadingIndicator,
   OnyxPageLayout,
+  OnyxPagination,
   OnyxRadioGroup,
   OnyxSelect,
   OnyxSkeleton,
@@ -48,6 +49,7 @@ const COMPONENTS = [
   "OnyxLink",
   "OnyxSelect",
   "OnyxLoadingIndicator",
+  "OnyxPagination",
   "OnyxRadioGroup",
   "OnyxSkeleton",
   "OnyxStepper",
@@ -121,6 +123,8 @@ const tableData = [
   { fruit: "Apple", price: "1.99", inventory: 3000 },
   { fruit: "Banana", price: "3.75", inventory: 18000 },
 ];
+
+const currentPage = ref(1);
 </script>
 
 <template>
@@ -199,6 +203,8 @@ const tableData = [
 
         <OnyxLoadingIndicator v-if="show('OnyxLoadingIndicator')" />
 
+        <OnyxPagination v-if="show('OnyxPagination')" v-model="currentPage" :pages="42" />
+
         <template v-if="show('OnyxRadioGroup')">
           <OnyxRadioGroup
             v-model="radioState"
@@ -207,7 +213,7 @@ const tableData = [
             :skeleton="skeletonNumber"
           />
           <div v-if="!useSkeleton" class="onyx-text--small state-info">
-            OnyxRadioGroup state: {{ radioState ?? "–" }}
+            OnyxRadioGroup state: {{ radioState ?? "-" }}
           </div>
         </template>
 

apps/docs/CHANGELOG.md

@@ -1,5 +1,11 @@
 # docs
 
+## 1.0.0-beta.2
+
+### Patch Changes
+
+- da2523f: fix(OnyxBorderRadiusTokens): Fix background color
+
 ## 1.0.0-beta.1
 
 ### Patch Changes

apps/docs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "docs",
-  "version": "1.0.0-beta.1",
+  "version": "1.0.0-beta.2",
   "type": "module",
   "private": true,
   "scripts": {
@@ -16,7 +16,7 @@
     "@sit-onyx/icons": "workspace:^",
     "@sit-onyx/vitepress-theme": "workspace:^",
     "chart.js": "^4.4.4",
-    "postcss": "^8.4.41",
+    "postcss": "^8.4.43",
     "sit-onyx": "workspace:^",
     "vite": "^5.4.2",
     "vitepress": "^1.3.4",

apps/docs/src/.vitepress/components/OnyxBorderRadiusTokens.vue

@@ -41,7 +41,7 @@ const tokens = [
     border-width: var(--onyx-1px-in-rem) var(--onyx-1px-in-rem) var(--onyx-1px-in-rem) 0;
     border-color: var(--onyx-color-base-warning-500);
     border-style: solid;
-    background: var(--onyx-color-base-neutral-100);
+    background: var(--onyx-color-base-background-tinted);
     margin: 0;
     box-sizing: border-box;
 

apps/playground/CHANGELOG.md

@@ -1,5 +1,33 @@
 # playground
 
+## 1.0.0-beta.39
+
+### Patch Changes
+
+- Updated dependencies [dfa58b8]
+  - [email protected]
+
+## 1.0.0-beta.38
+
+### Patch Changes
+
+- Updated dependencies [d4fe7d1]
+  - [email protected]
+
+## 1.0.0-beta.37
+
+### Patch Changes
+
+- Updated dependencies [3d612d4]
+  - [email protected]
+
+## 1.0.0-beta.36
+
+### Patch Changes
+
+- Updated dependencies [8647795]
+  - [email protected]
+
 ## 1.0.0-beta.35
 
 ### Patch Changes

apps/playground/package.json

@@ -1,6 +1,6 @@
 {
   "name": "playground",
-  "version": "1.0.0-beta.35",
+  "version": "1.0.0-beta.39",
   "description": "Playground for the onyx Vue components",
   "type": "module",
   "author": "Schwarz IT KG",