fds-vue-core 8.3.0 → 8.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fds-vue-core",
-  "version": "8.3.0",
+  "version": "8.3.2",
   "description": "FDS Vue Core Component Library",
   "type": "module",
   "main": "./dist/fds-vue-core.cjs.js",
@@ -53,28 +53,28 @@
     "imask": "7.6.1",
     "libphonenumber-js": "1.13.7",
     "personnummer": "3.2.1",
-    "tailwindcss": "4.3.1"
+    "tailwindcss": "4.3.3"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "5.2.1",
     "@intlify/unplugin-vue-i18n": "11.2.4",
-    "@storybook/addon-a11y": "10.4.6",
-    "@storybook/addon-docs": "10.4.6",
-    "@storybook/addon-vitest": "10.4.6",
-    "@storybook/vue3": "10.4.6",
-    "@storybook/vue3-vite": "10.4.6",
-    "@tailwindcss/vite": "4.3.1",
+    "@storybook/addon-a11y": "10.5.4",
+    "@storybook/addon-docs": "10.5.4",
+    "@storybook/addon-vitest": "10.5.4",
+    "@storybook/vue3": "10.5.4",
+    "@storybook/vue3-vite": "10.5.4",
+    "@tailwindcss/vite": "4.3.3",
     "@types/node": "22.16.5",
-    "@vitejs/plugin-vue": "6.0.7",
-    "@vitest/browser": "3.2.4",
-    "fg-devkit": "1.12.5",
-    "storybook": "10.4.6",
-    "tsx": "4.22.4",
+    "@vitejs/plugin-vue": "6.0.8",
+    "@vitest/browser": "3.2.7",
+    "fg-devkit": "1.12.7",
+    "storybook": "10.5.4",
+    "tsx": "4.23.1",
     "vite": "7.3.5",
     "vite-plugin-dts": "4.5.4",
-    "vite-plugin-vue-devtools": "8.1.3",
-    "vitest": "4.1.9",
-    "vue": "3.5.38",
+    "vite-plugin-vue-devtools": "8.2.1",
+    "vitest": "4.1.10",
+    "vue": "3.5.40",
     "vue-i18n": "11.4.6"
   },
   "knip": {

package/src/components/FdsDevMode/FdsDevModeStorage.vue

@@ -477,7 +477,7 @@ const deleteCookieEntry = () => {
                 :type="action.input.type ?? 'text'"
                 :modelValue="getActionInputValue(index, action.input.defaultValue)"
                 :placeholder="action.input.placeholder"
-                @update:modelValue="setActionInputValue(index, $event)"
+                @update:modelValue="setActionInputValue(index, $event ?? '')"
               />
             </div>
           </div>

package/src/components/Form/FdsCheckbox/FdsCheckbox.vue

@@ -10,10 +10,7 @@ defineOptions({
 
 // Support v-model as boolean (single checkbox) or array (checkbox group)
 // Also support :checked prop for backward compatibility
-const modelValue = defineModel<boolean | Array<string | number | boolean | null>>({
-  default: undefined,
-  required: false,
-})
+const modelValue = defineModel<boolean | Array<string | number | boolean | null>>()
 
 const props = withDefaults(defineProps<FdsCheckboxProps>(), {
   label: undefined,
@@ -133,13 +130,13 @@ const internalChecked = computed({
           newArray.splice(index, 1)
         }
       }
-      modelValue.value = newArray
+      modelValue.value = newArray as boolean | Array<string | number | boolean | null>
       emit('update:checked', checked)
       emit('change', checked)
       emit('input', checked)
     } else {
       // Boolean mode
-      modelValue.value = checked
+      modelValue.value = checked as boolean | Array<string | number | boolean | null>
       emit('update:checked', checked)
       emit('change', checked)
       emit('input', checked)

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

@@ -14,7 +14,7 @@ defineOptions({
   inheritAttrs: false,
 })
 
-const modelValue = defineModel<string>({ default: undefined, required: false })
+const modelValue = defineModel<string>()
 
 const props = withDefaults(defineProps<FdsInputProps>(), {
   value: undefined,
@@ -182,7 +182,7 @@ const internalValue = computed({
   get: () => (modelValue.value !== undefined ? modelValue.value : (props.value ?? '')),
   set: (newValue: string) => {
     if (modelValue.value !== undefined) {
-      modelValue.value = newValue
+      modelValue.value = newValue as string
     }
     emit('update:value', newValue)
   },
@@ -252,7 +252,7 @@ const createMask = () => {
 
     maskInstance.on('accept', () => {
       if (maskInstance) {
-        internalValue.value = maskInstance.value
+        internalValue.value = maskInstance.value as string
       }
     })
   }

package/src/components/Form/FdsPhonenumber/FdsPhonenumber.vue

@@ -172,7 +172,8 @@ function onNoCountryResults(value: boolean) {
         @no-country-results="onNoCountryResults"
       />
       <FdsInput
-        v-model="nationalNumber"
+        :model-value="nationalNumber"
+        @update:model-value="nationalNumber = $event ?? ''"
         :mask="phoneMask"
         :mask-options="phoneMaskOptions"
         :valid="displayValid"

package/src/components/Form/FdsRadio/FdsRadio.vue

@@ -7,7 +7,7 @@ defineOptions({
   inheritAttrs: false,
 })
 
-const modelValue = defineModel<string | number | boolean | null>({ default: undefined, required: false })
+const modelValue = defineModel<string | number | boolean | null>()
 
 const props = withDefaults(defineProps<FdsRadioProps>(), {
   label: undefined,

package/src/components/Form/FdsSelect/FdsSelect.vue

@@ -9,7 +9,7 @@ defineOptions({
 })
 
 // Support both v-model (modelValue) and :value prop for backward compatibility
-const modelValue = defineModel<string>({ default: undefined, required: false })
+const modelValue = defineModel<string>()
 
 const props = withDefaults(defineProps<FdsSelectProps>(), {
   value: undefined,
@@ -88,7 +88,7 @@ const internalValue = computed({
   set: (newValue: string) => {
     // Update modelValue if it's being used
     if (modelValue.value !== undefined) {
-      modelValue.value = newValue
+      modelValue.value = newValue as string
     }
     // Always emit update:value for backward compatibility
     emit('update:value', newValue)

package/src/components/Form/FdsSsn/FdsSsn.vue

@@ -114,7 +114,8 @@ function handleBlur(ev: FocusEvent) {
 <template>
   <div class="w-full">
     <FdsInput
-      v-model="modelValue"
+      :model-value="modelValue"
+      @update:model-value="modelValue = $event ?? ''"
       :mask="ssnMask"
       :mask-options="ssnMaskOptions"
       :label="resolvedLabel"

package/src/components/Form/FdsTextarea/FdsTextarea.vue

@@ -12,7 +12,7 @@ defineOptions({
 })
 
 // Support both v-model (modelValue) and :value prop for backward compatibility
-const modelValue = defineModel<string>({ default: undefined, required: false })
+const modelValue = defineModel<string>()
 
 const props = withDefaults(defineProps<FdsTextareaProps>(), {
   value: undefined,
@@ -67,7 +67,7 @@ const internalValue = computed({
   get: () => (modelValue.value !== undefined ? modelValue.value : (props.value ?? '')),
   set: (newValue: string) => {
     if (modelValue.value !== undefined) {
-      modelValue.value = newValue
+      modelValue.value = newValue as string
     }
     emit('update:value', newValue)
   },