fds-vue-core 7.2.7 → 8.0.1

package/dist/components/FdsDevMode/FdsDevMode.stories.d.ts

@@ -7,3 +7,4 @@ export declare const Localhost: Story;
 export declare const Development: Story;
 export declare const DevelopmentFeatureBranch: Story;
 export declare const Preprod: Story;
+export declare const WithOverlayToggles: Story;

package/dist/components/FdsDevMode/FdsDevMode.vue.d.ts

@@ -1,11 +1,28 @@
-import { DevModeAction } from './types';
-type EnvironmentKey = 'localhost' | 'development' | 'development:feature-branch' | 'preprod' | 'demo' | 'production';
+import { DevModeEnvironmentKey } from '../../composables/useDevModeEnvironment';
+import { DevModeAction, DevModeToggle } from './types';
 type __VLS_Props = {
-    environment?: EnvironmentKey | null;
+    environment?: DevModeEnvironmentKey | null;
     customActions?: DevModeAction[];
+    toggles?: DevModeToggle[];
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+type __VLS_PublicProps = {
+    'toggleChecked'?: Record<string, boolean>;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    toggle: (payload: {
+        key: string;
+        value: boolean;
+    }) => any;
+    "update:toggleChecked": (value: Record<string, boolean>) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onToggle?: ((payload: {
+        key: string;
+        value: boolean;
+    }) => any) | undefined;
+    "onUpdate:toggleChecked"?: ((value: Record<string, boolean>) => any) | undefined;
+}>, {
+    environment: DevModeEnvironmentKey | null;
+    toggles: DevModeToggle[];
     customActions: DevModeAction[];
-    environment: EnvironmentKey | null;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/FdsDevMode/FdsDevModeOverlay.vue.d.ts

@@ -0,0 +1,21 @@
+import { DevModeEnvironmentKey } from '../../composables/useDevModeEnvironment';
+import { DevModeOverlayToggle } from './types';
+type __VLS_Props = {
+    environment?: DevModeEnvironmentKey | null;
+    toggles?: DevModeOverlayToggle[];
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    toggle: (payload: {
+        key: string;
+        value: boolean;
+    }) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onToggle?: ((payload: {
+        key: string;
+        value: boolean;
+    }) => any) | undefined;
+}>, {
+    environment: DevModeEnvironmentKey | null;
+    toggles: DevModeOverlayToggle[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/FdsDevMode/types.d.ts

@@ -1,3 +1,16 @@
+export type DevModeToggle = {
+    /** Unique key – must match key in `toggle-checked`. */
+    key: string;
+    /** fds-vue-core i18n key. Defaults to `FdsDevMode.overlay.toggles.{key}`. */
+    labelKey?: string;
+};
+export type DevModeOverlayToggle = DevModeToggle & {
+    checked: boolean;
+};
+export type DevModeToggleEvent = {
+    key: string;
+    value: boolean;
+};
 export type DevModeActionInput = {
     placeholder?: string;
     defaultValue?: string;

package/dist/components/FdsSearchSelect/FdsSearchSelect.vue.d.ts

@@ -54,10 +54,10 @@ declare const _default: import('vue').DefineComponent<FdsSearchSelectProps, {
         onBlur?: ((ev: FocusEvent) => any) | undefined;
         onChange?: ((ev: Event) => any) | undefined;
         onKeyup?: ((ev: KeyboardEvent) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         onClearInput?: (() => any) | undefined;
         "onUpdate:value"?: ((value: string) => any) | undefined;
         "onKeyup.enter"?: ((ev: KeyboardEvent) => any) | undefined;
-        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         "update:modelValue": (value: string) => any;
     } & {
@@ -78,12 +78,12 @@ declare const _default: import('vue').DefineComponent<FdsSearchSelectProps, {
         meta: string;
         mask: string | RegExp | Array<string | RegExp>;
         pattern: string;
+        inputClass: string | Record<string, boolean> | Array<string | Record<string, boolean>>;
         valid: boolean | null;
         optional: boolean;
         labelLeft: boolean;
         clearButton: boolean;
         ariaLabel: string;
-        inputClass: string | Record<string, boolean> | Array<string | Record<string, boolean>>;
         maskOptions: {
             lazy?: boolean;
             placeholderChar?: string;
@@ -108,10 +108,10 @@ declare const _default: import('vue').DefineComponent<FdsSearchSelectProps, {
         onBlur?: ((ev: FocusEvent) => any) | undefined;
         onChange?: ((ev: Event) => any) | undefined;
         onKeyup?: ((ev: KeyboardEvent) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         onClearInput?: (() => any) | undefined;
         "onUpdate:value"?: ((value: string) => any) | undefined;
         "onKeyup.enter"?: ((ev: KeyboardEvent) => any) | undefined;
-        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     }>, {}, {}, {}, {}, {
         disabled: boolean;
         required: boolean;
@@ -122,12 +122,12 @@ declare const _default: import('vue').DefineComponent<FdsSearchSelectProps, {
         meta: string;
         mask: string | RegExp | Array<string | RegExp>;
         pattern: string;
+        inputClass: string | Record<string, boolean> | Array<string | Record<string, boolean>>;
         valid: boolean | null;
         optional: boolean;
         labelLeft: boolean;
         clearButton: boolean;
         ariaLabel: string;
-        inputClass: string | Record<string, boolean> | Array<string | Record<string, boolean>>;
         maskOptions: {
             lazy?: boolean;
             placeholderChar?: string;

package/dist/components/FdsSearchSelectPro/FdsSearchSelectPro.vue.d.ts

@@ -75,10 +75,10 @@ declare const _default: import('vue').DefineComponent<FdsSearchSelectProProps, {
         onBlur?: ((ev: FocusEvent) => any) | undefined;
         onChange?: ((ev: Event) => any) | undefined;
         onKeyup?: ((ev: KeyboardEvent) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         onClearInput?: (() => any) | undefined;
         "onUpdate:value"?: ((value: string) => any) | undefined;
         "onKeyup.enter"?: ((ev: KeyboardEvent) => any) | undefined;
-        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         "update:modelValue": (value: string) => any;
     } & {
@@ -99,12 +99,12 @@ declare const _default: import('vue').DefineComponent<FdsSearchSelectProProps, {
         meta: string;
         mask: string | RegExp | Array<string | RegExp>;
         pattern: string;
+        inputClass: string | Record<string, boolean> | Array<string | Record<string, boolean>>;
         valid: boolean | null;
         optional: boolean;
         labelLeft: boolean;
         clearButton: boolean;
         ariaLabel: string;
-        inputClass: string | Record<string, boolean> | Array<string | Record<string, boolean>>;
         maskOptions: {
             lazy?: boolean;
             placeholderChar?: string;
@@ -129,10 +129,10 @@ declare const _default: import('vue').DefineComponent<FdsSearchSelectProProps, {
         onBlur?: ((ev: FocusEvent) => any) | undefined;
         onChange?: ((ev: Event) => any) | undefined;
         onKeyup?: ((ev: KeyboardEvent) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         onClearInput?: (() => any) | undefined;
         "onUpdate:value"?: ((value: string) => any) | undefined;
         "onKeyup.enter"?: ((ev: KeyboardEvent) => any) | undefined;
-        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     }>, {}, {}, {}, {}, {
         disabled: boolean;
         required: boolean;
@@ -143,12 +143,12 @@ declare const _default: import('vue').DefineComponent<FdsSearchSelectProProps, {
         meta: string;
         mask: string | RegExp | Array<string | RegExp>;
         pattern: string;
+        inputClass: string | Record<string, boolean> | Array<string | Record<string, boolean>>;
         valid: boolean | null;
         optional: boolean;
         labelLeft: boolean;
         clearButton: boolean;
         ariaLabel: string;
-        inputClass: string | Record<string, boolean> | Array<string | Record<string, boolean>>;
         maskOptions: {
             lazy?: boolean;
             placeholderChar?: string;

package/dist/components/Form/FdsCheckbox/FdsCheckbox.vue.d.ts

@@ -24,8 +24,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onInput?: ((value: boolean) => any) | undefined;
     onChange?: ((value: boolean) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: boolean | (string | number | boolean | null)[]) => any) | undefined;
     "onUpdate:checked"?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean | (string | number | boolean | null)[]) => any) | undefined;
 }>, {
     disabled: boolean;
     required: boolean;
@@ -33,9 +33,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     dataTestid: string;
     class: string | Record<string, boolean> | Array<string | Record<string, boolean>>;
     label: string;
-    inputClass: string | Record<string, boolean> | Array<string | Record<string, boolean>>;
     indeterminate: boolean;
     checked: boolean;
+    inputClass: string | Record<string, boolean> | Array<string | Record<string, boolean>>;
     disablePseudoStates: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/components/Form/FdsInput/FdsInput.vue.d.ts

@@ -18,10 +18,10 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     onBlur?: ((ev: FocusEvent) => any) | undefined;
     onChange?: ((ev: Event) => any) | undefined;
     onKeyup?: ((ev: KeyboardEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onClearInput?: (() => any) | undefined;
     "onUpdate:value"?: ((value: string) => any) | undefined;
     "onKeyup.enter"?: ((ev: KeyboardEvent) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     disabled: boolean;
     required: boolean;
@@ -32,12 +32,12 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     meta: string;
     mask: string | RegExp | Array<string | RegExp>;
     pattern: string;
+    inputClass: string | Record<string, boolean> | Array<string | Record<string, boolean>>;
     valid: boolean | null;
     optional: boolean;
     labelLeft: boolean;
     clearButton: boolean;
     ariaLabel: string;
-    inputClass: string | Record<string, boolean> | Array<string | Record<string, boolean>>;
     maskOptions: {
         lazy?: boolean;
         placeholderChar?: string;

package/dist/components/Form/FdsPhonenumber/FdsPhonenumber.stories.d.ts

@@ -5,6 +5,5 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const InvalidNumber: Story;
-export declare const AllowAnyNumberType: Story;
 export declare const EnglishLocale: Story;
 export declare const ValidSwedishNumber: Story;

package/dist/components/Form/FdsPhonenumber/FdsPhonenumber.vue.d.ts

@@ -6,15 +6,15 @@ type __VLS_PublicProps = {
 } & __VLS_Props;
 declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     blur: (ev: FocusEvent) => any;
-    valid: (value: boolean | null) => any;
     "update:modelValue": (...args: unknown[]) => any;
+    valid: (value: boolean | null) => any;
     noCountryResults: (value: boolean) => any;
     "update:country": (...args: unknown[]) => any;
     "update:e164": (phoneNumber: string) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onBlur?: ((ev: FocusEvent) => any) | undefined;
-    onValid?: ((value: boolean | null) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: unknown[]) => any) | undefined;
+    onValid?: ((value: boolean | null) => any) | undefined;
     onNoCountryResults?: ((value: boolean) => any) | undefined;
     "onUpdate:country"?: ((...args: unknown[]) => any) | undefined;
     "onUpdate:e164"?: ((phoneNumber: string) => any) | undefined;
@@ -30,17 +30,16 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     meta: string;
     pattern: string;
     autofocus: boolean;
+    locale: string;
+    inputClass: string;
     valid: boolean | null;
     optional: boolean;
     invalidMessage: string;
     minlength: number;
     autocomplete: string;
     readonly: boolean;
-    inputClass: string;
-    locale: string;
     defaultCountry: string;
     countries: import('./countries').CountryPhoneOption[];
-    numberType: import('./types').FdsPhonenumberNumberType;
     selectClass: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/Form/FdsPhonenumber/countries.d.ts

@@ -4,7 +4,6 @@ export interface CountryPhoneOption {
     countryCode: string;
     countryName: string;
 }
-export declare const PRIORITIZED_COUNTRIES: readonly ["SE", "NO", "DK", "FI"];
 export declare function isPrioritizedCountry(iso2: string): boolean;
 export declare function sortCountryOptionsByName(options: CountryPhoneOption[], locale?: string, _preferredCountry?: string): CountryPhoneOption[];
 /** Country options for phone fields; SE/NO/DK/FI first, then alphabetical by name. */

package/dist/components/Form/FdsPhonenumber/types.d.ts

@@ -1,10 +1,5 @@
 import { FdsInputProps } from '../FdsInput/types';
 import { CountryPhoneOption } from './countries';
-/**
- * `mobile` – mobile numbers only (Google libphonenumber metadata).
- * `any` – mobile and fixed-line numbers.
- */
-export type FdsPhonenumberNumberType = 'mobile' | 'any';
 type FdsPhonenumberInputPassthroughProps = Pick<FdsInputProps, 'id' | 'autocomplete' | 'required' | 'placeholder' | 'maxlength' | 'minlength' | 'name' | 'autofocus' | 'readonly' | 'pattern'>;
 export interface FdsPhonenumberProps extends FdsPhonenumberInputPassthroughProps {
     label?: string;
@@ -22,8 +17,6 @@ export interface FdsPhonenumberProps extends FdsPhonenumberInputPassthroughProps
     countries?: CountryPhoneOption[];
     /** BCP 47 locale for country names in the list, e.g. `sv-SE` or `en`. Falls back to FDS i18n locale. */
     locale?: string;
-    /** Which number types are accepted when validating with libphonenumber-js. */
-    numberType?: FdsPhonenumberNumberType;
     disabled?: boolean;
     dataTestid?: string;
     selectClass?: string;

package/dist/components/Form/FdsPhonenumber/validatePhone.d.ts

@@ -1,7 +1,3 @@
-import { FdsPhonenumberNumberType } from './types';
-interface ValidatePhoneOptions {
-    numberType?: FdsPhonenumberNumberType;
-}
 /** Result shape kept stable for consumers (same fields as previous `phone` package integration). */
 export interface PhoneValidationResult {
     isValid: boolean;
@@ -10,7 +6,6 @@ export interface PhoneValidationResult {
     countryIso3: string | null;
     countryCode: string | null;
 }
-export declare function validatePhoneNumber(nationalNumber: string, countryIso2: string, options?: ValidatePhoneOptions): PhoneValidationResult;
+export declare function validatePhoneNumber(nationalNumber: string, countryIso2: string): PhoneValidationResult;
 /** `null` when empty, otherwise whether the number is valid for the selected country. */
-export declare function getPhoneValidationState(nationalNumber: string, countryIso2: string, options?: ValidatePhoneOptions): boolean | null;
-export {};
+export declare function getPhoneValidationState(nationalNumber: string, countryIso2: string): boolean | null;

package/dist/components/Form/FdsRadio/FdsRadio.vue.d.ts

@@ -20,13 +20,13 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
 } & {
     input: (value: string | number | boolean | null) => any;
     change: (value: string | number | boolean | null) => any;
-    "update:modelValue": (value: string | number | boolean | null) => any;
     "update:checked": (value: boolean) => any;
+    "update:modelValue": (value: string | number | boolean | null) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onInput?: ((value: string | number | boolean | null) => any) | undefined;
     onChange?: ((value: string | number | boolean | null) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string | number | boolean | null) => any) | undefined;
     "onUpdate:checked"?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | number | boolean | null) => any) | undefined;
 }>, {
     disabled: boolean;
     required: boolean;
@@ -36,8 +36,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     dataTestid: string;
     class: string | Record<string, boolean> | Array<string | Record<string, boolean>>;
     label: string;
-    inputClass: string | Record<string, boolean> | Array<string | Record<string, boolean>>;
     checked: boolean;
+    inputClass: string | Record<string, boolean> | Array<string | Record<string, boolean>>;
     disablePseudoStates: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/components/Form/FdsSelect/FdsSelect.vue.d.ts

@@ -24,8 +24,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onInput?: ((ev: Event) => any) | undefined;
     onChange?: ((ev: Event) => any) | undefined;
-    "onUpdate:value"?: ((value: string) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onUpdate:value"?: ((value: string) => any) | undefined;
 }>, {
     value: string;
     dataTestid: string;
@@ -36,10 +36,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         label: string;
         disabled?: boolean;
     }[];
+    inputClass: string | Record<string, boolean> | Array<string | Record<string, boolean>>;
     valid: boolean | null;
     optional: boolean;
     invalidMessage: string;
-    inputClass: string | Record<string, boolean> | Array<string | Record<string, boolean>>;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/Form/FdsTextarea/FdsTextarea.vue.d.ts

@@ -7,25 +7,25 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     input: (ev: Event) => any;
     blur: (ev: FocusEvent) => any;
     change: (ev: Event) => any;
+    "update:modelValue": (value: string) => any;
     valid: (value: boolean | null) => any;
     "update:value": (value: string) => any;
-    "update:modelValue": (value: string) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onInput?: ((ev: Event) => any) | undefined;
     onBlur?: ((ev: FocusEvent) => any) | undefined;
     onChange?: ((ev: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onValid?: ((value: boolean | null) => any) | undefined;
     "onUpdate:value"?: ((value: string) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     maxlength: number;
     value: string;
     dataTestid: string;
     label: string;
     meta: string;
+    inputClass: string | Record<string, boolean> | Array<string | Record<string, boolean>>;
     valid: boolean | null;
     optional: boolean;
-    inputClass: string | Record<string, boolean> | Array<string | Record<string, boolean>>;
     modelModifiers: {
         lazy?: boolean;
     };

package/dist/composables/useDevModeEnvironment.d.ts

@@ -0,0 +1,10 @@
+import { MaybeRefOrGetter } from 'vue';
+export type DevModeEnvironmentKey = 'localhost' | 'development' | 'development:feature-branch' | 'preprod' | 'demo' | 'production';
+export declare function useDevModeEnvironment(environment: MaybeRefOrGetter<DevModeEnvironmentKey | null | undefined>): {
+    environmentKey: import('vue').ComputedRef<DevModeEnvironmentKey | null>;
+    isDevEnv: import('vue').ComputedRef<boolean>;
+    isPreprod: import('vue').ComputedRef<boolean>;
+    isLocalhost: import('vue').ComputedRef<boolean>;
+    environmentText: import('vue').ComputedRef<"Localhost" | "Development" | "Dev: Feature" | "Preprod" | "Demo" | "Production" | "Environment not found">;
+    isBannerEnvironment: import('vue').ComputedRef<boolean>;
+};

package/dist/composables/useDevModePoEditor.d.ts

@@ -0,0 +1,5 @@
+export declare function useDevModePoEditor(): {
+    showingTranslationKeys: import('vue').Ref<boolean, boolean>;
+    canToggleI18nKeys: import('vue').ComputedRef<boolean>;
+    setI18nKeysVisibility: (showKeys: boolean) => void;
+};