fds-vue-core 7.2.4 → 7.2.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fds-vue-core",
-  "version": "7.2.4",
+  "version": "7.2.6",
   "description": "FDS Vue Core Component Library",
   "type": "module",
   "main": "./dist/fds-vue-core.cjs.js",

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/FdsPhonenumberCountryPicker.vue

@@ -125,8 +125,7 @@ const arrowClasses = computed(() => [
   'pointer-events-none transition-transform duration-200 ease-in-out',
   {
     'fill-gray-500': props.disabled,
-    'fill-red-600': isInvalid.value && !props.disabled,
-    'fill-blue-500': !props.disabled && !isInvalid.value,
+    'fill-blue-500': (!props.disabled && !isInvalid.value) || isInvalid.value,
     'rotate-180': dropdownOpen.value && !props.disabled,
   },
 ])

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

@@ -9,7 +9,16 @@ export type FdsPhonenumberNumberType = 'mobile' | 'any'
 
 type FdsPhonenumberInputPassthroughProps = Pick<
   FdsInputProps,
-  'id' | 'autocomplete' | 'required' | 'placeholder' | 'maxlength' | 'minlength' | 'name' | 'autofocus' | 'readonly' | 'pattern'
+  | 'id'
+  | 'autocomplete'
+  | 'required'
+  | 'placeholder'
+  | 'maxlength'
+  | 'minlength'
+  | 'name'
+  | 'autofocus'
+  | 'readonly'
+  | 'pattern'
 >
 
 export interface FdsPhonenumberProps extends FdsPhonenumberInputPassthroughProps {
@@ -38,11 +47,13 @@ export interface FdsPhonenumberProps extends FdsPhonenumberInputPassthroughProps
   onValid?: ((value: boolean | null) => void) | Array<(value: boolean | null) => void>
   onNoCountryResults?: ((value: boolean) => void) | Array<(value: boolean) => void>
   onBlur?: ((event: FocusEvent) => void) | Array<(event: FocusEvent) => void>
+  'onUpdate:modelValue'?: ((value: string) => void) | Array<(value: string) => void>
   'onUpdate:e164'?: ((value: string) => void) | Array<(value: string) => void>
   'onUpdate:country'?: ((value: string) => void) | Array<(value: string) => void>
 }
 
 export interface FdsPhonenumberEmits {
+  'update:modelValue': [value: string]
   'update:country': [country: string]
   'update:e164': [phoneNumber: string]
   valid: [value: boolean | null]