@navikt/ds-react 7.9.0 → 7.9.2

package/src/layout/utilities/css.ts

@@ -1,3 +1,4 @@
+import type { LegacySpacingKeys, SpaceKeys } from "@navikt/ds-tokens/types";
 import { ResponsiveProp } from "./types";
 
 export function getResponsiveValue<T = string>(
@@ -24,46 +25,77 @@ export function getResponsiveValue<T = string>(
   );
 }
 
-const translateExceptionToCSS = (exception: string) => {
-  switch (exception) {
-    case "px":
-      return "1px";
-  }
-  return exception;
+/**
+ * Temporary lookup for mapping legacy spacing tokens to new space tokens.
+ */
+const legacySpacingTokenLookup: Record<
+  `--ax-spacing-${LegacySpacingKeys}`,
+  `--ax-${SpaceKeys}`
+> = {
+  "--ax-spacing-32": "--ax-space-128",
+  "--ax-spacing-24": "--ax-space-96",
+  "--ax-spacing-20": "--ax-space-80",
+  "--ax-spacing-18": "--ax-space-72",
+  "--ax-spacing-16": "--ax-space-64",
+  "--ax-spacing-14": "--ax-space-56",
+  "--ax-spacing-12": "--ax-space-48",
+  "--ax-spacing-11": "--ax-space-44",
+  "--ax-spacing-10": "--ax-space-40",
+  "--ax-spacing-9": "--ax-space-36",
+  "--ax-spacing-8": "--ax-space-32",
+  "--ax-spacing-7": "--ax-space-28",
+  "--ax-spacing-6": "--ax-space-24",
+  "--ax-spacing-5": "--ax-space-20",
+  "--ax-spacing-4": "--ax-space-16",
+  "--ax-spacing-3": "--ax-space-12",
+  "--ax-spacing-2": "--ax-space-8",
+  "--ax-spacing-1-alt": "--ax-space-6",
+  "--ax-spacing-1": "--ax-space-4",
+  "--ax-spacing-05": "--ax-space-2",
+  "--ax-spacing-0": "--ax-space-0",
 };
 
 const translateTokenStringToCSS = (
-  componentProp: string,
+  specialLayout: string,
   tokenString: string,
-  tokenSubgroup: string,
+  tokenSubgroup: "spacing" | "border-radius",
   tokenExceptions: string[],
   invert: boolean,
   prefix: string,
 ) => {
   return tokenString
     .split(" ")
-    .map((x, _, arr) => {
-      if (componentProp === "margin-inline" && x === "full") {
-        const width = 100 / arr.length;
-        return `calc((100vw - ${width}%)/-2)`;
+    .map((propValue, _, arr) => {
+      // Handle special layout cases
+      if (specialLayout === "margin-inline" && propValue === "full") {
+        return `calc((100vw - ${100 / arr.length}%)/-2)`;
       }
-
-      if (componentProp === "padding-inline" && x === "full") {
-        const width = 100 / arr.length;
-        return `calc((100vw - ${width}%)/2)`;
+      if (specialLayout === "padding-inline" && propValue === "full") {
+        return `calc((100vw - ${100 / arr.length}%)/2)`;
       }
-      if (["mi", "mb"].includes(componentProp) && x === "auto") {
+      if (["mi", "mb"].includes(specialLayout) && propValue === "auto") {
         return "auto";
       }
 
-      let output = `var(--${prefix}-${tokenSubgroup}-${x})`;
-      if (tokenExceptions.includes(x)) {
-        output = translateExceptionToCSS(x);
+      // Handle exceptions and space tokens
+      let output = `var(--${prefix}-${tokenSubgroup}-${propValue})`;
+
+      if (tokenExceptions.includes(propValue)) {
+        output = propValue === "px" ? "1px" : propValue;
+      } else if (tokenSubgroup === "spacing" && propValue.startsWith("space")) {
+        /* Use new "space-x" tokens */
+        output = `var(--${prefix}-${propValue})`;
+      } else if (tokenSubgroup === "spacing") {
+        /* Translate old "spacing" tokens to new "space" tokens */
+        const spacingTokenName = `--${prefix}-spacing-${propValue}`;
+        output = `var(${
+          legacySpacingTokenLookup[spacingTokenName] ?? spacingTokenName
+        })`;
       }
+
+      // Handle inversion for negative values
       if (invert) {
-        if (x === "0") {
-          return `0`;
-        }
+        if (propValue === "0") return `0`;
         return `calc(-1 * ${output})`;
       }
       return output;
@@ -75,7 +107,7 @@ export function getResponsiveProps<T extends string>(
   prefix: string,
   componentName: string,
   componentProp: string,
-  tokenSubgroup: string,
+  tokenSubgroup: "spacing" | "border-radius",
   responsiveProp?: ResponsiveProp<T>,
   invert = false,
   tokenExceptions: string[] = [],

package/src/layout/utilities/types.ts

@@ -3,8 +3,9 @@ import type {
   LegacyBgColorKeys,
   LegacyBorderColorKeys,
   LegacyShadowKeys,
+  LegacySpacingKeys,
   LegacySurfaceColorKeys,
-  SpacingKeys,
+  SpaceKeys,
 } from "@navikt/ds-tokens/types";
 
 export type BackgroundColorToken = LegacyBgColorKeys;
@@ -17,7 +18,7 @@ export type BreakpointsAlias = Extract<
   "xs" | "sm" | "md" | "lg" | "xl" | "2xl"
 >;
 
-export type SpacingScale = SpacingKeys;
+export type SpacingScale = LegacySpacingKeys | SpaceKeys;
 
 export type SpaceDelimitedAttribute<T extends string> =
   | T

package/src/loader/Loader.tsx

@@ -2,7 +2,7 @@ import cl from "clsx";
 import React, { SVGProps, forwardRef } from "react";
 import { omit } from "../util";
 import { useId } from "../util/hooks";
-import { useI18n } from "../util/i18n/i18n.context";
+import { useI18n } from "../util/i18n/i18n.hooks";
 
 export interface LoaderProps extends Omit<SVGProps<SVGSVGElement>, "ref"> {
   /**

package/src/modal/ModalHeader.tsx

@@ -2,7 +2,7 @@ import cl from "clsx";
 import React, { forwardRef } from "react";
 import { XMarkIcon } from "@navikt/aksel-icons";
 import { Button } from "../button";
-import { useI18n } from "../util/i18n/i18n.context";
+import { useI18n } from "../util/i18n/i18n.hooks";
 import { useModalContext } from "./Modal.context";
 
 export interface ModalHeaderProps extends React.HTMLAttributes<HTMLDivElement> {

package/src/pagination/Pagination.tsx

@@ -3,7 +3,7 @@ import React, { forwardRef } from "react";
 import { ChevronLeftIcon, ChevronRightIcon } from "@navikt/aksel-icons";
 import { BodyShort, Heading } from "../typography";
 import { useId } from "../util";
-import { useI18n } from "../util/i18n/i18n.context";
+import { useI18n } from "../util/i18n/i18n.hooks";
 import PaginationItem, {
   PaginationItemProps,
   PaginationItemType,

package/src/progress-bar/ProgressBar.tsx

@@ -1,6 +1,6 @@
 import cl from "clsx";
 import React, { HTMLAttributes, forwardRef, useEffect, useRef } from "react";
-import { useI18n } from "../util/i18n/i18n.context";
+import { useI18n } from "../util/i18n/i18n.hooks";
 
 interface ProgressBarPropsBase
   extends Omit<HTMLAttributes<HTMLDivElement>, "role"> {

package/src/table/ExpandableRow.tsx

@@ -4,7 +4,7 @@ import { ChevronDownIcon } from "@navikt/aksel-icons";
 import { composeEventHandlers } from "../util/composeEventHandlers";
 import { useId } from "../util/hooks";
 import { useControllableState } from "../util/hooks/useControllableState";
-import { useI18n } from "../util/i18n/i18n.context";
+import { useI18n } from "../util/i18n/i18n.hooks";
 import AnimateHeight from "./AnimateHeight";
 import DataCell from "./DataCell";
 import Row, { RowProps } from "./Row";

package/src/tabs/Tabs.test.tsx

@@ -1,4 +1,4 @@
-import { act, fireEvent, render, screen } from "@testing-library/react";
+import { fireEvent, render, screen } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import React from "react";
 import { describe, expect, test } from "vitest";
@@ -154,19 +154,11 @@ describe("Tabs", () => {
     expect(screen.getByTestId("tab2")).toHaveFocus();
 
     /* Move focus to tabPanel */
-    // eslint-disable-next-line testing-library/no-unnecessary-act
-    await act(async () => {
-      /* Tablist handles tabbing with setTimeout, so we need to use act */
-      await userEvent.tab();
-    });
-
+    await userEvent.tab();
     expect(screen.getByTestId("tabpanel1")).toHaveFocus();
-    /* Move focus back to tablist, now tab1 should have focus */
 
-    // eslint-disable-next-line testing-library/no-unnecessary-act
-    await act(async () => {
-      await userEvent.tab({ shift: true });
-    });
+    /* Move focus back to tablist, now tab1 should have focus */
+    await userEvent.tab({ shift: true });
     expect(screen.getByTestId("tab1")).toHaveFocus();
   });
 });

package/src/tag/Tag.tsx

@@ -32,12 +32,12 @@ export interface TagProps extends HTMLAttributes<HTMLSpanElement> {
     | "alt3"
     | "alt3-filled"
     | "alt3-moderate"
-    | "meta-purple"
-    | "meta-purple-filled"
-    | "meta-purple-moderate"
-    | "meta-lime"
-    | "meta-lime-filled"
-    | "meta-lime-moderate";
+    | "meta-1"
+    | "meta-1-filled"
+    | "meta-1-moderate"
+    | "meta-2"
+    | "meta-2-filled"
+    | "meta-2-moderate";
   /**
    * @default "medium"
    */

package/src/timeline/AxisLabels.tsx

@@ -16,7 +16,8 @@ import {
 } from "date-fns";
 import React from "react";
 import { Detail } from "../typography/Detail";
-import { TFunction, useDateLocale, useI18n } from "../util/i18n/i18n.context";
+import { useDateLocale, useI18n } from "../util/i18n/i18n.hooks";
+import { TFunction } from "../util/i18n/i18n.types";
 import { useTimelineContext } from "./hooks/useTimelineContext";
 import { isVisible } from "./utils";
 import { horizontalPositionAndWidth } from "./utils/calc";

package/src/timeline/Pin.tsx

@@ -17,7 +17,7 @@ import { format } from "date-fns";
 import React, { forwardRef, useRef, useState } from "react";
 import { useThemeInternal } from "../theme/Theme";
 import { useMergeRefs } from "../util/hooks/useMergeRefs";
-import { useI18n } from "../util/i18n/i18n.context";
+import { useI18n } from "../util/i18n/i18n.hooks";
 import { useTimelineContext } from "./hooks/useTimelineContext";
 import { position } from "./utils/calc";
 import { TimelineComponentTypes } from "./utils/types.internal";

package/src/timeline/TimelineRow.tsx

@@ -2,7 +2,7 @@ import cl from "clsx";
 import { format } from "date-fns";
 import React, { forwardRef } from "react";
 import { BodyShort } from "../typography/BodyShort";
-import { useI18n } from "../util/i18n/i18n.context";
+import { useI18n } from "../util/i18n/i18n.hooks";
 import { PeriodContext } from "./hooks/usePeriodContext";
 import { useRowContext } from "./hooks/useRowContext";
 import { useTimelineContext } from "./hooks/useTimelineContext";

package/src/timeline/period/ClickablePeriod.tsx

@@ -17,7 +17,7 @@ import cl from "clsx";
 import React, { useRef, useState } from "react";
 import { useThemeInternal } from "../../theme/Theme";
 import { useMergeRefs } from "../../util/hooks/useMergeRefs";
-import { useI18n } from "../../util/i18n/i18n.context";
+import { useI18n } from "../../util/i18n/i18n.hooks";
 import { usePeriodContext } from "../hooks/usePeriodContext";
 import { useRowContext } from "../hooks/useRowContext";
 import { useTimelineContext } from "../hooks/useTimelineContext";

package/src/timeline/period/NonClickablePeriod.tsx

@@ -1,6 +1,6 @@
 import cl from "clsx";
 import React from "react";
-import { useI18n } from "../../util/i18n/i18n.context";
+import { useI18n } from "../../util/i18n/i18n.hooks";
 import { ariaLabel, getConditionalClasses } from "../utils/period";
 import type { PeriodProps } from "./types";
 

package/src/timeline/utils/period.ts

@@ -1,6 +1,6 @@
 import cl from "clsx";
 import { format } from "date-fns";
-import type { TFunction } from "../../util/i18n/i18n.context";
+import type { TFunction } from "../../util/i18n/i18n.types";
 import type { PeriodProps } from "../period/types";
 
 export const getConditionalClasses = (

package/src/timeline/zoom/ZoomButton.tsx

@@ -8,7 +8,7 @@ import {
 } from "date-fns";
 import React, { forwardRef } from "react";
 import { Detail } from "../../typography/Detail";
-import { useI18n } from "../../util/i18n/i18n.context";
+import { useI18n } from "../../util/i18n/i18n.hooks";
 import { useTimelineContext } from "../hooks/useTimelineContext";
 
 export interface TimelineZoomButtonProps {

package/src/util/i18n/{i18n.context.test.tsx → i18n.hooks.test.tsx}

@@ -2,9 +2,8 @@ import { renderHook } from "@testing-library/react";
 import React from "react";
 import { describe, expect, test } from "vitest";
 import { Provider } from "../../provider";
-import { useI18n } from "./i18n.context";
-import en from "./locales/en";
-import nb from "./locales/nb";
+import { useDateLocale, useI18n } from "./i18n.hooks";
+import { en, nb, nn } from "./locales";
 
 describe("useI18n", () => {
   test("should throw error if key is not found", () => {
@@ -112,3 +111,63 @@ describe("useI18n", () => {
     expect(() => translate("item.uploading", { other: "John" })).toThrowError();
   });
 });
+
+describe("useDateLocale", () => {
+  test("should return the default NB date locale when Provider is not used", () => {
+    const { result } = renderHook(() => useDateLocale());
+    const dateLocale = result.current;
+    expect(dateLocale).toBe(nb.global.dateLocale);
+  });
+
+  test("should return the default NB date locale when Provider is used without the locale prop", () => {
+    const { result } = renderHook(() => useDateLocale(), {
+      wrapper: ({ children }) => <Provider>{children}</Provider>,
+    });
+    const dateLocale = result.current;
+    expect(dateLocale).toBe(nb.global.dateLocale);
+  });
+
+  test("should return date locale from context.locale when using Provider with just locale prop", () => {
+    const { result } = renderHook(() => useDateLocale(), {
+      wrapper: ({ children }) => <Provider locale={en}>{children}</Provider>,
+    });
+    const dateLocale = result.current;
+    expect(dateLocale).toBe(en.global.dateLocale);
+  });
+
+  test("should return date locale from context.locale when it does not exist in translations", () => {
+    const { result } = renderHook(() => useDateLocale(), {
+      wrapper: ({ children }) => (
+        <Provider locale={en} translations={{ global: {} }}>
+          {children}
+        </Provider>
+      ),
+    });
+    const dateLocale = result.current;
+    expect(dateLocale).toBe(en.global.dateLocale);
+  });
+
+  test("should return date locale from context.translations", () => {
+    const { result } = renderHook(() => useDateLocale(), {
+      wrapper: ({ children }) => (
+        <Provider locale={en} translations={nn}>
+          {children}
+        </Provider>
+      ),
+    });
+    const dateLocale = result.current;
+    expect(dateLocale).toBe(nn.global.dateLocale);
+  });
+
+  test("should return date locale from second object in context.translations", () => {
+    const { result } = renderHook(() => useDateLocale(), {
+      wrapper: ({ children }) => (
+        <Provider locale={nb} translations={[{}, nn, en]}>
+          {children}
+        </Provider>
+      ),
+    });
+    const dateLocale = result.current;
+    expect(dateLocale).toBe(nn.global.dateLocale);
+  });
+});

package/src/util/i18n/{i18n.context.ts → i18n.hooks.ts}

@@ -5,26 +5,12 @@ import {
   Component,
   ComponentTranslation,
   PartialTranslations,
-  Translations,
+  TFunction,
 } from "./i18n.types";
 
-/**
- * https://regex101.com/r/LYKWi3/1
- */
+/* https://regex101.com/r/LYKWi3/1 */
 const REPLACE_REGEX = /{[^}]*}/g;
 
-/* https://dev.to/pffigueiredo/typescript-utility-keyof-nested-object-2pa3 */
-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 function useI18n<T extends Component>(
   componentName: T,
   ...localTranslations: (ComponentTranslation<T> | undefined)[]
@@ -39,9 +25,7 @@ export function useI18n<T extends Component>(
     context.locale[componentName],
   ];
 
-  /**
-   * https://github.com/Shopify/polaris/blob/2115f9ba2f5bcbf2ad15745233501bff2db81ecf/polaris-react/src/utilities/i18n/I18n.ts#L24
-   */
+  /* https://github.com/Shopify/polaris/blob/2115f9ba2f5bcbf2ad15745233501bff2db81ecf/polaris-react/src/utilities/i18n/I18n.ts#L24 */
   const translate: TFunction<T> = (keypath, replacements) => {
     const text = get(keypath, i18nObjects);
 

package/src/util/i18n/i18n.types.ts

@@ -1,5 +1,17 @@
 import type nb from "./locales/nb";
 
+/* https://dev.to/pffigueiredo/typescript-utility-keyof-nested-object-2pa3 */
+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;
+
 /* https://stackoverflow.com/questions/47914536/use-partial-in-nested-property-with-typescripts */
 type RecursivePartial<T> = {
   [P in keyof T]?: RecursivePartial<T[P]>;

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

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

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

@@ -1,67 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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/util/i18n/i18n.context.d.ts

@@ -1,9 +0,0 @@
-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.map

@@ -1 +0,0 @@
-{"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/modal/types.test-d.d.ts

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

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

@@ -1,65 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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/util/i18n/i18n.context.d.ts

@@ -1,9 +0,0 @@
-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 {};