@navikt/ds-react 7.10.0 → 7.11.0-alpha.1

package/cjs/form/combobox/Combobox.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { ComboboxProps } from "./types";
-export declare const Combobox: React.ForwardRefExoticComponent<Omit<ComboboxProps, "onChange" | "value" | "size" | "disabled" | "options" | "onClear"> & React.RefAttributes<HTMLInputElement>>;
+export declare const Combobox: React.ForwardRefExoticComponent<Omit<ComboboxProps, "disabled" | "onChange" | "value" | "options" | "size" | "onClear"> & React.RefAttributes<HTMLInputElement>>;
 export default Combobox;

package/cjs/form/combobox/Input/InputController.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
 import { ComboboxProps } from "../types";
-export declare const InputController: React.ForwardRefExoticComponent<Omit<ComboboxProps, "onChange" | "value" | "label" | "size" | "disabled" | "options" | "hideLabel" | "description" | "onClear"> & React.RefAttributes<HTMLInputElement>>;
+export declare const InputController: React.ForwardRefExoticComponent<Omit<ComboboxProps, "disabled" | "onChange" | "value" | "options" | "label" | "size" | "hideLabel" | "description" | "onClear"> & React.RefAttributes<HTMLInputElement>>;

package/cjs/modal/types.test-d.d.ts

@@ -0,0 +1 @@
+export {};

package/cjs/modal/types.test-d.js

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vitest_1 = require("vitest");
+test("ModalProps works as intended", () => {
+    (0, vitest_1.expectTypeOf)({
+        header: { heading: "Label" },
+        children: "OK",
+    }).toMatchTypeOf();
+    (0, vitest_1.expectTypeOf)({
+        header: { heading: "Label" },
+        "aria-label": "Label",
+        children: "OK",
+    }).toMatchTypeOf();
+    (0, vitest_1.expectTypeOf)({
+        header: { heading: "Label" },
+        "aria-labelledby": "Label",
+        children: "OK",
+    }).toMatchTypeOf();
+    (0, vitest_1.expectTypeOf)({
+        "aria-label": "Label",
+        children: "OK",
+    }).toMatchTypeOf();
+    (0, vitest_1.expectTypeOf)({
+        "aria-labelledby": "Label",
+        children: "OK",
+    }).toMatchTypeOf();
+    (0, vitest_1.expectTypeOf)({
+        "aria-label": "Label",
+        open: true,
+        onClose: () => null,
+        children: "OK",
+    }).toMatchTypeOf();
+    (0, vitest_1.expectTypeOf)({
+        children: "Mangler label",
+    }).not.toMatchTypeOf();
+    (0, vitest_1.expectTypeOf)({
+        open: true,
+        children: "Mangler onClose eller label",
+    }).not.toMatchTypeOf();
+    (0, vitest_1.expectTypeOf)({
+        open: true,
+        "aria-label": "Label",
+        children: "Mangler onClose",
+    }).not.toMatchTypeOf();
+    (0, vitest_1.expectTypeOf)({
+        open: true,
+        onClose: () => null,
+        children: "Mangler label",
+    }).not.toMatchTypeOf();
+    (0, vitest_1.expectTypeOf)({
+        header: { heading: "Label" },
+        open: true,
+        children: "Mangler onClose",
+    }).not.toMatchTypeOf();
+    (0, vitest_1.expectTypeOf)({
+        header: { heading: "Label" },
+        "aria-label": "Label",
+        "aria-labelledby": "Label",
+        children: "For mange labels",
+    }).not.toMatchTypeOf();
+    (0, vitest_1.expectTypeOf)({
+        "aria-label": "Label",
+        "aria-labelledby": "Label",
+        children: "For mange labels",
+    }).not.toMatchTypeOf();
+});
+//# sourceMappingURL=types.test-d.js.map

package/cjs/modal/types.test-d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.test-d.js","sourceRoot":"","sources":["../../src/modal/types.test-d.ts"],"names":[],"mappings":";;AAAA,mCAAsC;AAGtC,IAAI,CAAC,8BAA8B,EAAE,GAAG,EAAE;IACxC,IAAA,qBAAY,EAAC;QACX,MAAM,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;QAC5B,QAAQ,EAAE,IAAI;KACf,CAAC,CAAC,aAAa,EAAc,CAAC;IAE/B,IAAA,qBAAY,EAAC;QACX,MAAM,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;QAC5B,YAAY,EAAE,OAAO;QACrB,QAAQ,EAAE,IAAI;KACf,CAAC,CAAC,aAAa,EAAc,CAAC;IAE/B,IAAA,qBAAY,EAAC;QACX,MAAM,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;QAC5B,iBAAiB,EAAE,OAAO;QAC1B,QAAQ,EAAE,IAAI;KACf,CAAC,CAAC,aAAa,EAAc,CAAC;IAE/B,IAAA,qBAAY,EAAC;QACX,YAAY,EAAE,OAAO;QACrB,QAAQ,EAAE,IAAI;KACf,CAAC,CAAC,aAAa,EAAc,CAAC;IAE/B,IAAA,qBAAY,EAAC;QACX,iBAAiB,EAAE,OAAO;QAC1B,QAAQ,EAAE,IAAI;KACf,CAAC,CAAC,aAAa,EAAc,CAAC;IAE/B,IAAA,qBAAY,EAAC;QACX,YAAY,EAAE,OAAO;QACrB,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI;QACnB,QAAQ,EAAE,IAAI;KACf,CAAC,CAAC,aAAa,EAAc,CAAC;IAE/B,IAAA,qBAAY,EAAC;QACX,QAAQ,EAAE,eAAe;KAC1B,CAAC,CAAC,GAAG,CAAC,aAAa,EAAc,CAAC;IAEnC,IAAA,qBAAY,EAAC;QACX,IAAI,EAAE,IAAI;QACV,QAAQ,EAAE,6BAA6B;KACxC,CAAC,CAAC,GAAG,CAAC,aAAa,EAAc,CAAC;IAEnC,IAAA,qBAAY,EAAC;QACX,IAAI,EAAE,IAAI;QACV,YAAY,EAAE,OAAO;QACrB,QAAQ,EAAE,iBAAiB;KAC5B,CAAC,CAAC,GAAG,CAAC,aAAa,EAAc,CAAC;IAEnC,IAAA,qBAAY,EAAC;QACX,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI;QACnB,QAAQ,EAAE,eAAe;KAC1B,CAAC,CAAC,GAAG,CAAC,aAAa,EAAc,CAAC;IAEnC,IAAA,qBAAY,EAAC;QACX,MAAM,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;QAC5B,IAAI,EAAE,IAAI;QACV,QAAQ,EAAE,iBAAiB;KAC5B,CAAC,CAAC,GAAG,CAAC,aAAa,EAAc,CAAC;IAEnC,IAAA,qBAAY,EAAC;QACX,MAAM,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;QAC5B,YAAY,EAAE,OAAO;QACrB,iBAAiB,EAAE,OAAO;QAC1B,QAAQ,EAAE,kBAAkB;KAC7B,CAAC,CAAC,GAAG,CAAC,aAAa,EAAc,CAAC;IAEnC,IAAA,qBAAY,EAAC;QACX,YAAY,EAAE,OAAO;QACrB,iBAAiB,EAAE,OAAO;QAC1B,QAAQ,EAAE,kBAAkB;KAC7B,CAAC,CAAC,GAAG,CAAC,aAAa,EAAc,CAAC;AACrC,CAAC,CAAC,CAAC"}

package/cjs/tabs/Tabs.context.d.ts

@@ -27,7 +27,7 @@ export declare const TabsProvider: import("react").ForwardRefExoticComponent<{
     setFocusedValue: import("react").Dispatch<import("react").SetStateAction<string>>;
     makeTabId: (id: string, value: string) => string;
     makeTabPanelId: (id: string, value: string) => string;
-} & Pick<TabsProps, "size" | "fill" | "loop" | "iconPosition" | "selectionFollowsFocus"> & {
+} & Pick<TabsProps, "fill" | "size" | "iconPosition" | "loop" | "selectionFollowsFocus"> & {
     children: import("react").ReactNode;
 } & import("react").RefAttributes<unknown>>, useTabsContext: <S extends boolean = true>(strict?: S) => S extends true ? TabsProviderProps : TabsProviderProps | undefined;
 export {};

package/cjs/util/i18n/i18n.context.d.ts

@@ -0,0 +1,9 @@
+import { Locale } from "date-fns";
+import { Component, ComponentTranslation, Translations } from "./i18n.types";
+type NestedKeyOf<ObjectType extends object> = {
+    [Key in keyof ObjectType & (string | number)]: ObjectType[Key] extends object ? `${Key}.${NestedKeyOf<ObjectType[Key]>}` : `${Key}`;
+}[keyof ObjectType & (string | number)];
+export type TFunction<T extends Component> = (keypath: NestedKeyOf<Translations[T]>, replacements?: Record<string, string | number>) => string;
+export declare function useI18n<T extends Component>(componentName: T, ...localTranslations: (ComponentTranslation<T> | undefined)[]): TFunction<T>;
+export declare function useDateLocale(): Locale;
+export {};

package/cjs/util/i18n/i18n.context.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useI18n = useI18n;
+exports.useDateLocale = useDateLocale;
+const Provider_1 = require("../../provider/Provider");
+const get_1 = require("./get");
+/**
+ * https://regex101.com/r/LYKWi3/1
+ */
+const REPLACE_REGEX = /{[^}]*}/g;
+function useI18n(componentName, ...localTranslations) {
+    const context = (0, Provider_1.useProvider)();
+    const contextTranslations = context.translations || [];
+    const i18nObjects = [
+        ...localTranslations,
+        ...(Array.isArray(contextTranslations)
+            ? contextTranslations.map((t) => t[componentName])
+            : [contextTranslations[componentName]]),
+        context.locale[componentName],
+    ];
+    /**
+     * https://github.com/Shopify/polaris/blob/2115f9ba2f5bcbf2ad15745233501bff2db81ecf/polaris-react/src/utilities/i18n/I18n.ts#L24
+     */
+    const translate = (keypath, replacements) => {
+        const text = (0, get_1.get)(keypath, i18nObjects);
+        if (replacements) {
+            return text.replace(REPLACE_REGEX, (match) => {
+                const replacement = match.substring(1, match.length - 1);
+                if (replacements[replacement] === undefined) {
+                    const replacementData = JSON.stringify(replacements);
+                    throw new Error(`Error translating key '${keypath}'. No replacement syntax ({}) found for key '${replacement}'. The following replacements were passed: '${replacementData}'`);
+                }
+                return replacements[replacement]; // can also be a number, but JS doesn't mind...
+            });
+        }
+        return text;
+    };
+    return translate;
+}
+function useDateLocale() {
+    const context = (0, Provider_1.useProvider)();
+    const contextTranslations = context.translations || [];
+    const i18nObjects = Array.isArray(contextTranslations)
+        ? contextTranslations.map((t) => t.global)
+        : [contextTranslations.global];
+    i18nObjects.push(context.locale.global);
+    for (const obj of i18nObjects) {
+        if (obj === null || obj === void 0 ? void 0 : obj.dateLocale) {
+            return obj.dateLocale;
+        }
+    }
+    throw new Error("dateLocale not found.");
+}
+//# sourceMappingURL=i18n.context.js.map

package/cjs/util/i18n/i18n.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.context.js","sourceRoot":"","sources":["../../../src/util/i18n/i18n.context.ts"],"names":[],"mappings":";;AA2BA,0BAuCC;AAED,sCAcC;AAjFD,sDAAsD;AACtD,+BAA4B;AAQ5B;;GAEG;AACH,MAAM,aAAa,GAAG,UAAU,CAAC;AAcjC,SAAgB,OAAO,CACrB,aAAgB,EAChB,GAAG,iBAA0D;IAE7D,MAAM,OAAO,GAAG,IAAA,sBAAW,GAAE,CAAC;IAC9B,MAAM,mBAAmB,GAAG,OAAO,CAAC,YAAY,IAAI,EAAE,CAAC;IACvD,MAAM,WAAW,GAAwC;QACvD,GAAG,iBAAiB;QACpB,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,mBAAmB,CAAC;YACpC,CAAC,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;YAClD,CAAC,CAAC,CAAC,mBAAmB,CAAC,aAAa,CAAC,CAAC,CAAC;QACzC,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC;KAC9B,CAAC;IAEF;;OAEG;IACH,MAAM,SAAS,GAAiB,CAAC,OAAO,EAAE,YAAY,EAAE,EAAE;QACxD,MAAM,IAAI,GAAG,IAAA,SAAG,EAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QAEvC,IAAI,YAAY,EAAE,CAAC;YACjB,OAAO,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE;gBAC3C,MAAM,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;gBAEzD,IAAI,YAAY,CAAC,WAAW,CAAC,KAAK,SAAS,EAAE,CAAC;oBAC5C,MAAM,eAAe,GAAG,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;oBACrD,MAAM,IAAI,KAAK,CACb,0BAA0B,OAAO,gDAAgD,WAAW,+CAA+C,eAAe,GAAG,CAC9J,CAAC;gBACJ,CAAC;gBAED,OAAO,YAAY,CAAC,WAAW,CAAW,CAAC,CAAC,+CAA+C;YAC7F,CAAC,CAAC,CAAC;QACL,CAAC;QAED,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAgB,aAAa;IAC3B,MAAM,OAAO,GAAG,IAAA,sBAAW,GAAE,CAAC;IAC9B,MAAM,mBAAmB,GAAG,OAAO,CAAC,YAAY,IAAI,EAAE,CAAC;IACvD,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,mBAAmB,CAAC;QACpD,CAAC,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC;QAC1C,CAAC,CAAC,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC;IACjC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IAExC,KAAK,MAAM,GAAG,IAAI,WAAW,EAAE,CAAC;QAC9B,IAAI,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,UAAU,EAAE,CAAC;YACpB,OAAO,GAAG,CAAC,UAAoB,CAAC;QAClC,CAAC;IACH,CAAC;IACD,MAAM,IAAI,KAAK,CAAC,uBAAuB,CAAC,CAAC;AAC3C,CAAC"}

package/esm/form/combobox/Combobox.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { ComboboxProps } from "./types.js";
-export declare const Combobox: React.ForwardRefExoticComponent<Omit<ComboboxProps, "onChange" | "value" | "size" | "disabled" | "options" | "onClear"> & React.RefAttributes<HTMLInputElement>>;
+export declare const Combobox: React.ForwardRefExoticComponent<Omit<ComboboxProps, "disabled" | "onChange" | "value" | "options" | "size" | "onClear"> & React.RefAttributes<HTMLInputElement>>;
 export default Combobox;

package/esm/form/combobox/Input/InputController.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
 import { ComboboxProps } from "../types.js";
-export declare const InputController: React.ForwardRefExoticComponent<Omit<ComboboxProps, "onChange" | "value" | "label" | "size" | "disabled" | "options" | "hideLabel" | "description" | "onClear"> & React.RefAttributes<HTMLInputElement>>;
+export declare const InputController: React.ForwardRefExoticComponent<Omit<ComboboxProps, "disabled" | "onChange" | "value" | "options" | "label" | "size" | "hideLabel" | "description" | "onClear"> & React.RefAttributes<HTMLInputElement>>;

package/esm/modal/types.test-d.d.ts

@@ -0,0 +1 @@
+export {};

package/esm/modal/types.test-d.js

@@ -0,0 +1,65 @@
+import { expectTypeOf } from "vitest";
+test("ModalProps works as intended", () => {
+    expectTypeOf({
+        header: { heading: "Label" },
+        children: "OK",
+    }).toMatchTypeOf();
+    expectTypeOf({
+        header: { heading: "Label" },
+        "aria-label": "Label",
+        children: "OK",
+    }).toMatchTypeOf();
+    expectTypeOf({
+        header: { heading: "Label" },
+        "aria-labelledby": "Label",
+        children: "OK",
+    }).toMatchTypeOf();
+    expectTypeOf({
+        "aria-label": "Label",
+        children: "OK",
+    }).toMatchTypeOf();
+    expectTypeOf({
+        "aria-labelledby": "Label",
+        children: "OK",
+    }).toMatchTypeOf();
+    expectTypeOf({
+        "aria-label": "Label",
+        open: true,
+        onClose: () => null,
+        children: "OK",
+    }).toMatchTypeOf();
+    expectTypeOf({
+        children: "Mangler label",
+    }).not.toMatchTypeOf();
+    expectTypeOf({
+        open: true,
+        children: "Mangler onClose eller label",
+    }).not.toMatchTypeOf();
+    expectTypeOf({
+        open: true,
+        "aria-label": "Label",
+        children: "Mangler onClose",
+    }).not.toMatchTypeOf();
+    expectTypeOf({
+        open: true,
+        onClose: () => null,
+        children: "Mangler label",
+    }).not.toMatchTypeOf();
+    expectTypeOf({
+        header: { heading: "Label" },
+        open: true,
+        children: "Mangler onClose",
+    }).not.toMatchTypeOf();
+    expectTypeOf({
+        header: { heading: "Label" },
+        "aria-label": "Label",
+        "aria-labelledby": "Label",
+        children: "For mange labels",
+    }).not.toMatchTypeOf();
+    expectTypeOf({
+        "aria-label": "Label",
+        "aria-labelledby": "Label",
+        children: "For mange labels",
+    }).not.toMatchTypeOf();
+});
+//# sourceMappingURL=types.test-d.js.map

package/esm/modal/types.test-d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.test-d.js","sourceRoot":"","sources":["../../src/modal/types.test-d.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAGtC,IAAI,CAAC,8BAA8B,EAAE,GAAG,EAAE;IACxC,YAAY,CAAC;QACX,MAAM,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;QAC5B,QAAQ,EAAE,IAAI;KACf,CAAC,CAAC,aAAa,EAAc,CAAC;IAE/B,YAAY,CAAC;QACX,MAAM,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;QAC5B,YAAY,EAAE,OAAO;QACrB,QAAQ,EAAE,IAAI;KACf,CAAC,CAAC,aAAa,EAAc,CAAC;IAE/B,YAAY,CAAC;QACX,MAAM,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;QAC5B,iBAAiB,EAAE,OAAO;QAC1B,QAAQ,EAAE,IAAI;KACf,CAAC,CAAC,aAAa,EAAc,CAAC;IAE/B,YAAY,CAAC;QACX,YAAY,EAAE,OAAO;QACrB,QAAQ,EAAE,IAAI;KACf,CAAC,CAAC,aAAa,EAAc,CAAC;IAE/B,YAAY,CAAC;QACX,iBAAiB,EAAE,OAAO;QAC1B,QAAQ,EAAE,IAAI;KACf,CAAC,CAAC,aAAa,EAAc,CAAC;IAE/B,YAAY,CAAC;QACX,YAAY,EAAE,OAAO;QACrB,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI;QACnB,QAAQ,EAAE,IAAI;KACf,CAAC,CAAC,aAAa,EAAc,CAAC;IAE/B,YAAY,CAAC;QACX,QAAQ,EAAE,eAAe;KAC1B,CAAC,CAAC,GAAG,CAAC,aAAa,EAAc,CAAC;IAEnC,YAAY,CAAC;QACX,IAAI,EAAE,IAAI;QACV,QAAQ,EAAE,6BAA6B;KACxC,CAAC,CAAC,GAAG,CAAC,aAAa,EAAc,CAAC;IAEnC,YAAY,CAAC;QACX,IAAI,EAAE,IAAI;QACV,YAAY,EAAE,OAAO;QACrB,QAAQ,EAAE,iBAAiB;KAC5B,CAAC,CAAC,GAAG,CAAC,aAAa,EAAc,CAAC;IAEnC,YAAY,CAAC;QACX,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI;QACnB,QAAQ,EAAE,eAAe;KAC1B,CAAC,CAAC,GAAG,CAAC,aAAa,EAAc,CAAC;IAEnC,YAAY,CAAC;QACX,MAAM,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;QAC5B,IAAI,EAAE,IAAI;QACV,QAAQ,EAAE,iBAAiB;KAC5B,CAAC,CAAC,GAAG,CAAC,aAAa,EAAc,CAAC;IAEnC,YAAY,CAAC;QACX,MAAM,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;QAC5B,YAAY,EAAE,OAAO;QACrB,iBAAiB,EAAE,OAAO;QAC1B,QAAQ,EAAE,kBAAkB;KAC7B,CAAC,CAAC,GAAG,CAAC,aAAa,EAAc,CAAC;IAEnC,YAAY,CAAC;QACX,YAAY,EAAE,OAAO;QACrB,iBAAiB,EAAE,OAAO;QAC1B,QAAQ,EAAE,kBAAkB;KAC7B,CAAC,CAAC,GAAG,CAAC,aAAa,EAAc,CAAC;AACrC,CAAC,CAAC,CAAC"}

package/esm/tabs/Tabs.context.d.ts

@@ -27,7 +27,7 @@ export declare const TabsProvider: import("react").ForwardRefExoticComponent<{
     setFocusedValue: import("react").Dispatch<import("react").SetStateAction<string>>;
     makeTabId: (id: string, value: string) => string;
     makeTabPanelId: (id: string, value: string) => string;
-} & Pick<TabsProps, "size" | "fill" | "loop" | "iconPosition" | "selectionFollowsFocus"> & {
+} & Pick<TabsProps, "fill" | "size" | "iconPosition" | "loop" | "selectionFollowsFocus"> & {
     children: import("react").ReactNode;
 } & import("react").RefAttributes<unknown>>, useTabsContext: <S extends boolean = true>(strict?: S) => S extends true ? TabsProviderProps : TabsProviderProps | undefined;
 export {};

package/esm/util/i18n/i18n.context.d.ts

@@ -0,0 +1,9 @@
+import { Locale } from "date-fns";
+import { Component, ComponentTranslation, Translations } from "./i18n.types.js";
+type NestedKeyOf<ObjectType extends object> = {
+    [Key in keyof ObjectType & (string | number)]: ObjectType[Key] extends object ? `${Key}.${NestedKeyOf<ObjectType[Key]>}` : `${Key}`;
+}[keyof ObjectType & (string | number)];
+export type TFunction<T extends Component> = (keypath: NestedKeyOf<Translations[T]>, replacements?: Record<string, string | number>) => string;
+export declare function useI18n<T extends Component>(componentName: T, ...localTranslations: (ComponentTranslation<T> | undefined)[]): TFunction<T>;
+export declare function useDateLocale(): Locale;
+export {};

package/esm/util/i18n/i18n.context.js

@@ -0,0 +1,50 @@
+import { useProvider } from "../../provider/Provider.js";
+import { get } from "./get.js";
+/**
+ * https://regex101.com/r/LYKWi3/1
+ */
+const REPLACE_REGEX = /{[^}]*}/g;
+export function useI18n(componentName, ...localTranslations) {
+    const context = useProvider();
+    const contextTranslations = context.translations || [];
+    const i18nObjects = [
+        ...localTranslations,
+        ...(Array.isArray(contextTranslations)
+            ? contextTranslations.map((t) => t[componentName])
+            : [contextTranslations[componentName]]),
+        context.locale[componentName],
+    ];
+    /**
+     * https://github.com/Shopify/polaris/blob/2115f9ba2f5bcbf2ad15745233501bff2db81ecf/polaris-react/src/utilities/i18n/I18n.ts#L24
+     */
+    const translate = (keypath, replacements) => {
+        const text = get(keypath, i18nObjects);
+        if (replacements) {
+            return text.replace(REPLACE_REGEX, (match) => {
+                const replacement = match.substring(1, match.length - 1);
+                if (replacements[replacement] === undefined) {
+                    const replacementData = JSON.stringify(replacements);
+                    throw new Error(`Error translating key '${keypath}'. No replacement syntax ({}) found for key '${replacement}'. The following replacements were passed: '${replacementData}'`);
+                }
+                return replacements[replacement]; // can also be a number, but JS doesn't mind...
+            });
+        }
+        return text;
+    };
+    return translate;
+}
+export function useDateLocale() {
+    const context = useProvider();
+    const contextTranslations = context.translations || [];
+    const i18nObjects = Array.isArray(contextTranslations)
+        ? contextTranslations.map((t) => t.global)
+        : [contextTranslations.global];
+    i18nObjects.push(context.locale.global);
+    for (const obj of i18nObjects) {
+        if (obj === null || obj === void 0 ? void 0 : obj.dateLocale) {
+            return obj.dateLocale;
+        }
+    }
+    throw new Error("dateLocale not found.");
+}
+//# sourceMappingURL=i18n.context.js.map

package/esm/util/i18n/i18n.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.context.js","sourceRoot":"","sources":["../../../src/util/i18n/i18n.context.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAQ5B;;GAEG;AACH,MAAM,aAAa,GAAG,UAAU,CAAC;AAcjC,MAAM,UAAU,OAAO,CACrB,aAAgB,EAChB,GAAG,iBAA0D;IAE7D,MAAM,OAAO,GAAG,WAAW,EAAE,CAAC;IAC9B,MAAM,mBAAmB,GAAG,OAAO,CAAC,YAAY,IAAI,EAAE,CAAC;IACvD,MAAM,WAAW,GAAwC;QACvD,GAAG,iBAAiB;QACpB,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,mBAAmB,CAAC;YACpC,CAAC,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;YAClD,CAAC,CAAC,CAAC,mBAAmB,CAAC,aAAa,CAAC,CAAC,CAAC;QACzC,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC;KAC9B,CAAC;IAEF;;OAEG;IACH,MAAM,SAAS,GAAiB,CAAC,OAAO,EAAE,YAAY,EAAE,EAAE;QACxD,MAAM,IAAI,GAAG,GAAG,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QAEvC,IAAI,YAAY,EAAE,CAAC;YACjB,OAAO,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE;gBAC3C,MAAM,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;gBAEzD,IAAI,YAAY,CAAC,WAAW,CAAC,KAAK,SAAS,EAAE,CAAC;oBAC5C,MAAM,eAAe,GAAG,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;oBACrD,MAAM,IAAI,KAAK,CACb,0BAA0B,OAAO,gDAAgD,WAAW,+CAA+C,eAAe,GAAG,CAC9J,CAAC;gBACJ,CAAC;gBAED,OAAO,YAAY,CAAC,WAAW,CAAW,CAAC,CAAC,+CAA+C;YAC7F,CAAC,CAAC,CAAC;QACL,CAAC;QAED,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,MAAM,UAAU,aAAa;IAC3B,MAAM,OAAO,GAAG,WAAW,EAAE,CAAC;IAC9B,MAAM,mBAAmB,GAAG,OAAO,CAAC,YAAY,IAAI,EAAE,CAAC;IACvD,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,mBAAmB,CAAC;QACpD,CAAC,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC;QAC1C,CAAC,CAAC,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC;IACjC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IAExC,KAAK,MAAM,GAAG,IAAI,WAAW,EAAE,CAAC;QAC9B,IAAI,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,UAAU,EAAE,CAAC;YACpB,OAAO,GAAG,CAAC,UAAoB,CAAC;QAClC,CAAC;IACH,CAAC;IACD,MAAM,IAAI,KAAK,CAAC,uBAAuB,CAAC,CAAC;AAC3C,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-react",
-  "version": "7.10.0",
+  "version": "7.11.0-alpha.1",
   "description": "React components from the Norwegian Labour and Welfare Administration.",
   "author": "Aksel, a team part of the Norwegian Labour and Welfare Administration.",
   "license": "MIT",
@@ -18,7 +18,7 @@
   "typings": "./esm/index.d.ts",
   "publishConfig": {
     "access": "public",
-    "provenance": true
+    "provenance": false
   },
   "files": [
     "/cjs",
@@ -645,6 +645,11 @@
     "@types/react": ">=17.0.30",
     "react": ">=17.0.0 || >19.0.0-rc"
   },
+  "overrides": {
+    "react-day-picker": {
+      "react": ">= 16.8.0"
+    }
+  },
   "peerDependenciesMeta": {
     "@types/react": {
       "optional": true