fds-vue-core 7.2.5 → 7.2.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fds-vue-core",
-  "version": "7.2.5",
+  "version": "7.2.7",
   "description": "FDS Vue Core Component Library",
   "type": "module",
   "main": "./dist/fds-vue-core.cjs.js",
@@ -49,7 +49,7 @@
   },
   "dependencies": {
     "axios": "1.16.1",
-    "date-fns": "4.2.1",
+    "date-fns": "4.4.0",
     "imask": "7.6.1",
     "libphonenumber-js": "1.12.36",
     "tailwindcss": "4.3.0",
@@ -58,23 +58,23 @@
   "devDependencies": {
     "@chromatic-com/storybook": "5.2.1",
     "@intlify/unplugin-vue-i18n": "11.2.3",
-    "@storybook/addon-a11y": "10.4.0",
-    "@storybook/addon-docs": "10.4.0",
-    "@storybook/addon-vitest": "10.4.0",
-    "@storybook/vue3": "10.4.0",
-    "@storybook/vue3-vite": "10.4.0",
+    "@storybook/addon-a11y": "10.4.1",
+    "@storybook/addon-docs": "10.4.1",
+    "@storybook/addon-vitest": "10.4.1",
+    "@storybook/vue3": "10.4.1",
+    "@storybook/vue3-vite": "10.4.1",
     "@tailwindcss/vite": "4.3.0",
     "@types/node": "22.16.5",
     "@vitejs/plugin-vue": "6.0.7",
     "@vitest/browser": "3.2.4",
-    "fg-devkit": "1.8.5",
-    "storybook": "10.4.0",
-    "tsx": "4.22.3",
+    "fg-devkit": "1.8.6",
+    "storybook": "10.4.1",
+    "tsx": "4.22.4",
     "vite": "7.3.2",
     "vite-plugin-dts": "4.5.4",
     "vite-plugin-vue-devtools": "8.1.2",
-    "vitest": "3.2.4",
-    "vue": "3.5.34"
+    "vitest": "4.1.8",
+    "vue": "3.5.35"
   },
   "knip": {
     "ignoreBinaries": [

package/src/components/Blocks/FdsBlockLink/FdsBlockLink.vue

@@ -32,6 +32,7 @@ const autoId = `fds-block-link-${Math.random().toString(36).slice(2, 9)}`
 const blockLinkId = computed(() => id.value ?? autoId)
 
 const isInteractive = computed(() => !props.disabled && props.interactive)
+const keyboardTabIndex = computed(() => (isInteractive.value ? 0 : -1))
 
 const innerClasses = computed(() => [
   props.disabled ? 'cursor-not-allowed shadow-none hover:border-transparent active:bg-transparent' : 'cursor-pointer',
@@ -65,7 +66,21 @@ function handleClick(event: Event) {
 }
 
 function handleKeydown(event: KeyboardEvent) {
-  if (event.key === 'Enter' || event.key === ' ') {
+  if (!isInteractive.value) return
+
+  const isEnter = event.key === 'Enter' || event.code === 'Enter' || event.code === 'NumpadEnter'
+  const isSpace = event.key === ' ' || event.key === 'Spacebar'
+
+  // Links (incl. router-link): Enter activates natively; only Space needs a synthetic click.
+  if (componentType.value === 'a' || componentType.value === 'router-link') {
+    if (isSpace) {
+      event.preventDefault()
+      handleClick(event)
+    }
+    return
+  }
+
+  if (isEnter || isSpace) {
     event.preventDefault()
     handleClick(event)
   }
@@ -117,6 +132,7 @@ defineSlots<{
     :download="componentType === 'a' ? download : undefined"
     :disabled="componentType === 'button' ? props.disabled : undefined"
     :aria-disabled="props.disabled"
+    :tabindex="keyboardTabIndex"
     :data-testid="dataTestid"
     @click="handleClick"
     @keydown="handleKeydown"

package/src/components/Form/FdsInput/FdsInput.vue

@@ -350,6 +350,7 @@ watch(
             :aria-labelledby="ariaLabelledBy"
             :aria-describedby="ariaDescribedBy"
             :autocomplete="props.autocomplete"
+            :placeholder="props.placeholder"
             :pattern="props.pattern"
             :searchIcon="props.searchIcon"
             v-bind="inputAttrs"

package/src/components/Form/FdsPhonenumber/countries.ts

@@ -1,4 +1,4 @@
-import { getCountries, getCountryCallingCode } from 'libphonenumber-js'
+import { getCountries, getCountryCallingCode } from 'libphonenumber-js/max'
 
 export interface CountryPhoneOption {
   value: string

package/src/components/Form/FdsPhonenumber/validatePhone.ts

@@ -1,5 +1,4 @@
-import type { CountryCode, NumberType } from 'libphonenumber-js'
-import parsePhoneNumberFromString from 'libphonenumber-js/max'
+import parsePhoneNumberFromString, { type CountryCode, type NumberType } from 'libphonenumber-js/max'
 import type { FdsPhonenumberNumberType } from './types'
 
 interface ValidatePhoneOptions {

package/src/lang/en.json

@@ -29,7 +29,7 @@
   "FdsDevModeStorage.tabs.localStorage": "localStorage",
   "FdsDevModeStorage.tabs.sessionStorage": "sessionStorage",
   "FdsDevModeStorage.valueLabel": "Value",
-  "FdsInput.clearInput": "Clear input",
+  "FdsInput.clearInput": "Delete text",
   "FdsInput.hidePassword": "Hide",
   "FdsInput.openDatePicker": "Open date picker",
   "FdsInput.showPassword": "Show",

package/src/lang/sv.json

@@ -29,7 +29,7 @@
   "FdsDevModeStorage.tabs.localStorage": "localStorage",
   "FdsDevModeStorage.tabs.sessionStorage": "sessionStorage",
   "FdsDevModeStorage.valueLabel": "Värde",
-  "FdsInput.clearInput": "Rensa input",
+  "FdsInput.clearInput": "Rensa text",
   "FdsInput.hidePassword": "Dölj",
   "FdsInput.openDatePicker": "Öppna datumväljare",
   "FdsInput.showPassword": "Visa",