@dpa-id-components/dpa-shared-components 22.0.0-next.6 → 22.0.0-next.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dpa-id-components/dpa-shared-components",
-  "version": "22.0.0-next.6",
+  "version": "22.0.0-next.8",
   "description": "Shared Vue components library for dpa projects",
   "files": [
     "src",
@@ -44,7 +44,7 @@
     },
     "packageManager": {
       "name": "pnpm",
-      "version": "11.4.0",
+      "version": "11.5.2",
       "onFail": "download"
     }
   },
@@ -52,45 +52,45 @@
     "@babel/core": "7.29.7",
     "@babel/preset-env": "7.29.7",
     "@eslint/js": "10.0.1",
-    "@storybook/addon-docs": "10.4.1",
-    "@storybook/addon-links": "10.4.1",
-    "@storybook/addon-themes": "10.4.1",
-    "@storybook/builder-vite": "10.4.1",
-    "@storybook/vue3-vite": "10.4.1",
+    "@storybook/addon-docs": "10.4.2",
+    "@storybook/addon-links": "10.4.2",
+    "@storybook/addon-themes": "10.4.2",
+    "@storybook/builder-vite": "10.4.2",
+    "@storybook/vue3-vite": "10.4.2",
     "@tailwindcss/typography": "0.5.19",
     "@tailwindcss/vite": "4.3.0",
     "@tsconfig/node24": "24.0.4",
     "@types/jsdom": "28.0.3",
     "@types/node": "25.9.1",
     "@vitejs/plugin-vue": "6.0.7",
-    "@vue/test-utils": "2.4.10",
+    "@vue/test-utils": "2.4.11",
     "@vue/tsconfig": "0.9.1",
     "ajv": "8.20.0",
     "commit-and-tag-version": "12.7.3",
-    "eslint": "10.4.0",
-    "eslint-plugin-storybook": "10.4.1",
+    "eslint": "10.4.1",
+    "eslint-plugin-storybook": "10.4.2",
     "husky": "9.1.7",
     "jsdom": "29.1.1",
     "npm-run-all2": "9.0.1",
     "prettier": "3.8.3",
     "rimraf": "6.1.3",
     "rollup-plugin-copy": "3.5.0",
-    "storybook": "10.4.1",
+    "storybook": "10.4.2",
     "tailwindcss": "4.3.0",
     "typescript": "6.0.3",
-    "unplugin-dts": "1.0.1",
-    "vite": "8.0.14",
-    "vitest": "4.1.7",
+    "unplugin-dts": "1.0.2",
+    "vite": "8.0.16",
+    "vitest": "4.1.8",
     "vue": "3.5.35",
     "vue-router": "5.1.0",
-    "vue-tsc": "3.3.2"
+    "vue-tsc": "3.3.3"
   },
   "dependencies": {
     "@floating-ui/vue": "^1.1.11",
     "@typescript-eslint/parser": "^8.58.2",
     "@vue/eslint-config-prettier": "^10.2.0",
     "@vue/eslint-config-typescript": "^14.7.0",
-    "@vuepic/vue-datepicker": "^13.0.0",
+    "@vuepic/vue-datepicker": "^14.0.0",
     "@vueuse/core": "^14.2.1",
     "clsx": "^2.1.1",
     "color": "^5.0.3",

package/src/components/UiButton/UiButton.vue

@@ -74,7 +74,7 @@ const appearanceClasses = computed(
       secondary:
         "border-neutral-faint bg-transparent text-primary-emphasis not-disabled:hover:border-neutral-subtle not-disabled:hover:text-primary-hover disabled:text-neutral-faint",
       "secondary-alt":
-        "border-neutral-faint bg-neutral text-neutral-emphasis not-disabled:hover:border-neutral-subtle not-disabled:hover:text-neutral-primary disabled:text-neutral-faint",
+        "border-neutral-faint bg-transparent text-neutral-emphasis not-disabled:hover:border-neutral-subtle not-disabled:hover:text-neutral-primary disabled:text-neutral-faint",
       tertiary:
         "border-transparent bg-neutral-subtle text-neutral not-disabled:hover:bg-neutral-emphasis disabled:bg-neutral-faint disabled:text-neutral-soft",
       ghost:

package/src/components/UiIcon/UiIconLoading.vue

@@ -1 +1,8 @@
-<template><div></div></template>
+<template>
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg"
+  ></svg>
+</template>

package/src/components/UiMenu/UiMenu.vue

@@ -30,7 +30,7 @@
     >
       <div
         v-if="hasSearch"
-        class="flex items-center gap-2 rounded-t-lg px-4 py-1.5 text-neutral-primary [&:has(>input:focus-visible)]:focus-outline [&:has(>input:focus-visible)]:-outline-offset-2"
+        class="flex items-center gap-2 rounded-t-lg px-4 pt-2.5 pb-1.5 text-neutral-primary [&:has(>input:focus-visible)]:focus-outline [&:has(>input:focus-visible)]:-outline-offset-2"
       >
         <UiIcon
           class="shrink-0 text-neutral-emphasis"
@@ -70,7 +70,7 @@
             <template v-if="group.options.length > 0">
               <li
                 v-if="group.groupLabel"
-                class="flex h-6 items-center bg-neutral-whisper px-4 text-xs font-semibold tracking-wider text-neutral-subtle uppercase"
+                class="flex h-6 items-center bg-neutral-faint px-4 text-xs font-semibold tracking-wider text-neutral-subtle uppercase"
               >
                 {{ group.groupLabel }}
               </li>
@@ -100,7 +100,7 @@
         </ul>
       </slot>
 
-      <div v-if="hasResetOption" class="px-4 py-1.5 text-neutral-primary">
+      <div v-if="hasResetOption" class="px-2 pt-1.5 pb-2 text-neutral-primary">
         <UiButton
           appearance="secondary"
           :disabled="disabledReset"

package/src/components/UiPopover/UiPopover.vue

@@ -1,21 +1,10 @@
 <template>
-  <div
-    ref="reference"
-    v-click-away="
-      () => {
-        if (isOpen) {
-          close();
-        }
-      }
-    "
-    class="w-fit"
-    @click="update"
-  >
+  <div ref="reference" class="w-fit" @click="update">
     <slot name="button" v-bind="{ open, close, toggle, isOpen }" />
 
     <Transition :name="animate ? 'fade-up' : 'none'">
       <div
-        v-show="isOpen"
+        v-if="isOpen"
         ref="floating"
         :style="floatingStyles"
         class="z-10 w-fit [text-align:initial] [--transition-close-duration:100ms] [--transition-duration:200ms]"
@@ -36,10 +25,9 @@ import {
   shift,
   useFloating,
 } from "@floating-ui/vue";
+import { onClickOutside } from "@vueuse/core";
 import { ref, useTemplateRef, watch } from "vue";
 
-import { vClickAway } from "../../directives/vClickAway.ts";
-
 defineSlots<{
   button: (props: {
     open: typeof open;
@@ -103,6 +91,21 @@ function toggle() {
   isOpen.value = !isOpen.value;
 }
 
+onClickOutside(
+  floating,
+  () => {
+    if (isOpen.value) {
+      close();
+    }
+  },
+  {
+    ignore: [
+      // Ignore clicks on the reference element
+      reference,
+    ],
+  },
+);
+
 defineExpose({ open, close });
 </script>