@navikt/ds-react 6.0.0-alpha.1 → 6.0.0-alpha.7

package/esm/layout/stack/VStack.d.ts

@@ -1,5 +1,5 @@
-import { OverridableComponent } from "../../util/types";
-import { StackProps } from "./Stack";
+import { OverridableComponent } from "../../util/types/index.js";
+import { StackProps } from "./Stack.js";
 export type VStackProps = Omit<StackProps, "direction" | "wrap">;
 /**
  * Layout-primitive for vetical flexbox

package/esm/layout/stack/VStack.js

@@ -1,5 +1,5 @@
 import React, { forwardRef } from "react";
-import { Stack } from "./Stack";
+import { Stack } from "./Stack.js";
 /**
  * Layout-primitive for vetical flexbox
  *

package/esm/layout/stack/index.d.ts

@@ -1,4 +1,4 @@
-export { HStack, type HStackProps } from "./HStack";
-export { VStack, type VStackProps } from "./VStack";
-export { Stack, type StackProps } from "./Stack";
-export { Spacer } from "./Spacer";
+export { HStack, type HStackProps } from "./HStack.js";
+export { VStack, type VStackProps } from "./VStack.js";
+export { Stack, type StackProps } from "./Stack.js";
+export { Spacer } from "./Spacer.js";

package/esm/layout/stack/index.js

@@ -1,5 +1,5 @@
-export { HStack } from "./HStack";
-export { VStack } from "./VStack";
-export { Stack } from "./Stack";
-export { Spacer } from "./Spacer";
+export { HStack } from "./HStack.js";
+export { VStack } from "./VStack.js";
+export { Stack } from "./Stack.js";
+export { Spacer } from "./Spacer.js";
 //# sourceMappingURL=index.js.map

package/esm/layout/utilities/css.d.ts

@@ -1,4 +1,4 @@
-import { ResponsiveProp } from "./types";
+import { ResponsiveProp } from "./types.js";
 export declare function getResponsiveValue<T = string>(componentName: string, componentProp: string, responsiveProp?: ResponsiveProp<T>): {
     [k: string]: T;
 };

package/esm/layout/utilities/css.js

@@ -27,6 +27,10 @@ const translateTokenStringToCSS = (componentProp, tokenString, tokenSubgroup, to
             const width = 100 / arr.length;
             return `calc((100vw - ${width}%)/-2)`;
         }
+        else if (componentProp === "padding-inline" && x === "full") {
+            const width = 100 / arr.length;
+            return `calc((100vw - ${width}%)/2)`;
+        }
         let output = `var(--a-${tokenSubgroup}-${x})`;
         if (tokenExceptions.includes(x)) {
             output = translateExceptionToCSS(x);

package/esm/layout/utilities/css.js.map

@@ -1 +1 @@
-{"version":3,"file":"css.js","sourceRoot":"","sources":["../../../src/layout/utilities/css.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,kBAAkB,CAChC,aAAqB,EACrB,aAAqB,EACrB,cAAkC;IAElC,IAAI,CAAC,cAAc,EAAE,CAAC;QACpB,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,IAAI,OAAO,cAAc,KAAK,QAAQ,EAAE,CAAC;QACvC,OAAO;YACL,CAAC,UAAU,aAAa,IAAI,aAAa,KAAK,CAAC,EAAE,cAAc;SAChE,CAAC;IACJ,CAAC;IAED,OAAO,MAAM,CAAC,WAAW,CACvB,MAAM,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,eAAe,EAAE,eAAe,CAAC,EAAE,EAAE,CAAC;QACzE,UAAU,aAAa,IAAI,aAAa,IAAI,eAAe,EAAE;QAC7D,eAAe;KAChB,CAAC,CACH,CAAC;AACJ,CAAC;AAED,MAAM,uBAAuB,GAAG,CAAC,SAAiB,EAAE,EAAE;IACpD,QAAQ,SAAS,EAAE,CAAC;QAClB,KAAK,IAAI;YACP,OAAO,KAAK,CAAC;IACjB,CAAC;IACD,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAEF,MAAM,yBAAyB,GAAG,CAChC,aAAqB,EACrB,WAAmB,EACnB,aAAqB,EACrB,eAAyB,EACzB,MAAe,EACf,EAAE;IACF,OAAO,WAAW;SACf,KAAK,CAAC,GAAG,CAAC;SACV,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE;QACjB,IAAI,aAAa,KAAK,eAAe,IAAI,CAAC,KAAK,MAAM,EAAE,CAAC;YACtD,MAAM,KAAK,GAAG,GAAG,GAAG,GAAG,CAAC,MAAM,CAAC;YAC/B,OAAO,iBAAiB,KAAK,QAAQ,CAAC;QACxC,CAAC;QAED,IAAI,MAAM,GAAG,WAAW,aAAa,IAAI,CAAC,GAAG,CAAC;QAC9C,IAAI,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;YAChC,MAAM,GAAG,uBAAuB,CAAC,CAAC,CAAC,CAAC;QACtC,CAAC;QACD,IAAI,MAAM,EAAE,CAAC;YACX,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;gBACd,OAAO,GAAG,CAAC;YACb,CAAC;YACD,OAAO,aAAa,MAAM,GAAG,CAAC;QAChC,CAAC;QACD,OAAO,MAAM,CAAC;IAChB,CAAC,CAAC;SACD,IAAI,CAAC,GAAG,CAAC,CAAC;AACf,CAAC,CAAC;AAEF,MAAM,UAAU,kBAAkB,CAChC,aAAqB,EACrB,aAAqB,EACrB,aAAqB,EACrB,cAAkC,EAClC,MAAM,GAAG,KAAK,EACd,kBAA4B,EAAE;IAE9B,IAAI,CAAC,cAAc,EAAE,CAAC;QACpB,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,IAAI,OAAO,cAAc,KAAK,QAAQ,EAAE,CAAC;QACvC,OAAO;YACL,CAAC,UAAU,aAAa,IAAI,aAAa,KAAK,CAAC,EAC7C,yBAAyB,CACvB,aAAa,EACb,cAAc,EACd,aAAa,EACb,eAAe,EACf,MAAM,CACP;SACJ,CAAC;IACJ,CAAC;IAED,MAAM,UAAU,GAAG,EAAE,CAAC;IACtB,MAAM,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,EAAE,YAAY,CAAC,EAAE,EAAE;QACzE,UAAU,CAAC,UAAU,aAAa,IAAI,aAAa,IAAI,eAAe,EAAE,CAAC;YACvE,yBAAyB,CACvB,aAAa,EACb,YAAY,EACZ,aAAa,EACb,eAAe,EACf,MAAM,CACP,CAAC;IACN,CAAC,CAAC,CAAC;IACH,OAAO,UAAU,CAAC;AACpB,CAAC"}
+{"version":3,"file":"css.js","sourceRoot":"","sources":["../../../src/layout/utilities/css.ts"],"names":[],"mappings":"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"}

package/esm/layout/utilities/types.d.ts

@@ -8,7 +8,7 @@ export type BackgroundToken = keyof typeof bgColors.a | keyof typeof surfaceColo
 export type BorderColorToken = keyof typeof borderColors.a;
 export type BorderRadiiToken = keyof (typeof borderRadii.a)["border-radius"] | "0";
 export type ShadowToken = keyof typeof shadows.a.shadow;
-export type BreakpointsAlias = "xs" | "sm" | "md" | "lg" | "xl";
+export type BreakpointsAlias = "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
 export type SpacingScale = keyof (typeof Spacing)["a"]["spacing"];
 export type SpaceDelimitedAttribute<T extends string> = T | `${T} ${T}` | `${T} ${T} ${T}` | `${T} ${T} ${T} ${T}`;
 type FixedResponsiveT<T> = {

package/esm/link/Link.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { OverridableComponent } from "../util/types";
+import { OverridableComponent } from "../util/types/index.js";
 export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
     /**
      * Inverts when the underline appears. If this is false,

package/esm/link/index.d.ts

@@ -1,2 +1,2 @@
-export { default as Link } from "./Link";
-export { type LinkProps } from "./Link";
+export { default as Link } from "./Link.js";
+export { type LinkProps } from "./Link.js";

package/esm/link/index.js

@@ -1,2 +1,2 @@
-export { default as Link } from "./Link";
+export { default as Link } from "./Link.js";
 //# sourceMappingURL=index.js.map

package/esm/link-panel/LinkPanel.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
-import { OverridableComponent } from "../util/types";
-import { LinkPanelDescriptionProps } from "./LinkPanelDescription";
-import { LinkPanelTitleProps } from "./LinkPanelTitle";
+import { OverridableComponent } from "../util/types/index.js";
+import { LinkPanelDescriptionProps } from "./LinkPanelDescription.js";
+import { LinkPanelTitleProps } from "./LinkPanelTitle.js";
 export interface LinkPanelProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
     /**
      * Panel content

package/esm/link-panel/LinkPanel.js

@@ -12,9 +12,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 import cl from "clsx";
 import React, { forwardRef } from "react";
 import { ChevronRightIcon } from "@navikt/aksel-icons";
-import { Panel } from "../panel";
-import { LinkPanelDescription, } from "./LinkPanelDescription";
-import { LinkPanelTitle } from "./LinkPanelTitle";
+import { Panel } from "../panel/index.js";
+import { LinkPanelDescription, } from "./LinkPanelDescription.js";
+import { LinkPanelTitle } from "./LinkPanelTitle.js";
 /**
  * A component that displays a link panel.
  *

package/esm/link-panel/LinkPanelDescription.js

@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import cl from "clsx";
 import React, { forwardRef } from "react";
-import { BodyLong } from "../typography";
+import { BodyLong } from "../typography/index.js";
 export const LinkPanelDescription = forwardRef((_a, ref) => {
     var { className } = _a, rest = __rest(_a, ["className"]);
     return (React.createElement(BodyLong, Object.assign({}, rest, { as: "div", ref: ref, className: cl("navds-link-panel__description", className) })));

package/esm/link-panel/LinkPanelTitle.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { OverridableComponent } from "../util/types";
+import { OverridableComponent } from "../util/types/index.js";
 export interface LinkPanelTitleProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
 }

package/esm/link-panel/index.d.ts

@@ -1,2 +1,2 @@
-export { default as LinkPanel } from "./LinkPanel";
-export { type LinkPanelProps } from "./LinkPanel";
+export { default as LinkPanel } from "./LinkPanel.js";
+export { type LinkPanelProps } from "./LinkPanel.js";

package/esm/link-panel/index.js

@@ -1,2 +1,2 @@
-export { default as LinkPanel } from "./LinkPanel";
+export { default as LinkPanel } from "./LinkPanel.js";
 //# sourceMappingURL=index.js.map

package/esm/list/List.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { ListItem } from "./ListItem";
-import { ListProps } from "./types";
+import { ListItem } from "./ListItem.js";
+import { ListProps } from "./types.js";
 export interface ListComponent extends React.ForwardRefExoticComponent<ListProps & React.RefAttributes<HTMLDivElement>> {
     /**
      * @see 🏷️ {@link ListItemProps}

package/esm/list/List.js

@@ -11,10 +11,10 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import cl from "clsx";
 import React, { forwardRef, useContext } from "react";
-import { BodyShort, Heading } from "../typography";
-import { useId } from "../util/hooks";
-import { ListItem } from "./ListItem";
-import { ListContext } from "./context";
+import { BodyShort, Heading } from "../typography/index.js";
+import { useId } from "../util/hooks/index.js";
+import { ListItem } from "./ListItem.js";
+import { ListContext } from "./context.js";
 export const List = forwardRef((_a, ref) => {
     var _b;
     var { children, className, as: ListTag = "ul", title, description, headingTag = "h3", size } = _a, rest = __rest(_a, ["children", "className", "as", "title", "description", "headingTag", "size"]);

package/esm/list/ListItem.js

@@ -11,8 +11,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import cl from "clsx";
 import React, { forwardRef, useContext } from "react";
-import { BodyShort, Label } from "../typography";
-import { ListContext } from "./context";
+import { BodyShort, Label } from "../typography/index.js";
+import { ListContext } from "./context.js";
 export const ListItem = forwardRef((_a, ref) => {
     var { className, children, title, icon } = _a, rest = __rest(_a, ["className", "children", "title", "icon"]);
     const { listType, size } = useContext(ListContext);

package/esm/list/context.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ListProps } from "./types";
+import { ListProps } from "./types.js";
 interface ListContextProps {
     listType: ListProps["as"];
     isNested: boolean | null;

package/esm/list/index.d.ts

@@ -1,2 +1,2 @@
-export { default as List } from "./List";
-export type { ListProps } from "./types";
+export { default as List } from "./List.js";
+export type { ListProps } from "./types.js";

package/esm/list/index.js

@@ -1,2 +1,2 @@
-export { default as List } from "./List";
+export { default as List } from "./List.js";
 //# sourceMappingURL=index.js.map

package/esm/loader/Loader.js

@@ -11,8 +11,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import cl from "clsx";
 import React, { forwardRef } from "react";
-import { omit } from "../util";
-import { useId } from "../util/hooks";
+import { omit } from "../util/index.js";
+import { useId } from "../util/hooks/index.js";
 /**
  * A component that displays a loading spinner.
  *

package/esm/loader/index.d.ts

@@ -1,2 +1,2 @@
-export { default as Loader } from "./Loader";
-export { type LoaderProps } from "./Loader";
+export { default as Loader } from "./Loader.js";
+export { type LoaderProps } from "./Loader.js";

package/esm/loader/index.js

@@ -1,2 +1,2 @@
-export { default as Loader } from "./Loader";
+export { default as Loader } from "./Loader.js";
 //# sourceMappingURL=index.js.map

package/esm/modal/Modal.d.ts

@@ -1,8 +1,8 @@
 import React from "react";
-import ModalBody from "./ModalBody";
-import ModalFooter from "./ModalFooter";
-import ModalHeader from "./ModalHeader";
-import { ModalProps } from "./types";
+import ModalBody from "./ModalBody.js";
+import ModalFooter from "./ModalFooter.js";
+import ModalHeader from "./ModalHeader.js";
+import { ModalProps } from "./types.js";
 interface ModalComponent extends React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDialogElement>> {
     Header: typeof ModalHeader;
     Body: typeof ModalBody;

package/esm/modal/Modal.js

@@ -13,18 +13,18 @@ import { useFloatingPortalNode } from "@floating-ui/react";
 import cl from "clsx";
 import React, { forwardRef, useContext, useEffect, useRef } from "react";
 import { createPortal } from "react-dom";
-import { DateContext } from "../date/context";
-import { useProvider } from "../provider";
-import { Detail, Heading } from "../typography";
-import { composeEventHandlers } from "../util/composeEventHandlers";
-import { useId } from "../util/hooks";
-import { useMergeRefs } from "../util/hooks/useMergeRefs";
-import ModalBody from "./ModalBody";
-import { ModalContext } from "./ModalContext";
-import ModalFooter from "./ModalFooter";
-import ModalHeader from "./ModalHeader";
-import { getCloseHandler, useBodyScrollLock } from "./ModalUtils";
-import dialogPolyfill, { needPolyfill } from "./dialog-polyfill";
+import { DateContext } from "../date/context/index.js";
+import { useProvider } from "../provider/index.js";
+import { Detail, Heading } from "../typography/index.js";
+import { composeEventHandlers } from "../util/composeEventHandlers.js";
+import { useId } from "../util/hooks/index.js";
+import { useMergeRefs } from "../util/hooks/useMergeRefs.js";
+import ModalBody from "./ModalBody.js";
+import { ModalContext } from "./ModalContext.js";
+import ModalFooter from "./ModalFooter.js";
+import ModalHeader from "./ModalHeader.js";
+import { getCloseHandler, useBodyScrollLock } from "./ModalUtils.js";
+import dialogPolyfill, { needPolyfill } from "./dialog-polyfill.js";
 /**
  * A component that displays a modal dialog.
  *

package/esm/modal/ModalHeader.js

@@ -12,8 +12,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 import cl from "clsx";
 import React, { forwardRef, useContext } from "react";
 import { XMarkIcon } from "@navikt/aksel-icons";
-import { Button } from "../button";
-import { ModalContext } from "./ModalContext";
+import { Button } from "../button/index.js";
+import { ModalContext } from "./ModalContext.js";
 const ModalHeader = forwardRef((_a, ref) => {
     var { children, className, closeButton = true } = _a, rest = __rest(_a, ["children", "className", "closeButton"]);
     const context = useContext(ModalContext);

package/esm/modal/ModalUtils.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { ModalProps } from "./types";
+import type { ModalProps } from "./types.js";
 export declare function getCloseHandler(modalRef: React.RefObject<HTMLDialogElement>, header: ModalProps["header"], onBeforeClose: ModalProps["onBeforeClose"]): (() => false | void | undefined) | undefined;
 export declare const BODY_CLASS = "navds-modal__document-body";
 export declare function useBodyScrollLock(modalRef: React.RefObject<HTMLDialogElement>, portalNode: HTMLElement | null): void;

package/esm/modal/index.d.ts

@@ -1,5 +1,5 @@
-export { default as Modal } from "./Modal";
-export { type ModalBodyProps } from "./ModalBody";
-export { type ModalFooterProps } from "./ModalFooter";
-export { type ModalHeaderProps } from "./ModalHeader";
-export { type ModalProps } from "./types";
+export { default as Modal } from "./Modal.js";
+export { type ModalBodyProps } from "./ModalBody.js";
+export { type ModalFooterProps } from "./ModalFooter.js";
+export { type ModalHeaderProps } from "./ModalHeader.js";
+export { type ModalProps } from "./types.js";

package/esm/modal/index.js

@@ -1,2 +1,2 @@
-export { default as Modal } from "./Modal";
+export { default as Modal } from "./Modal.js";
 //# sourceMappingURL=index.js.map

package/esm/overlays/index.d.ts

@@ -0,0 +1,2 @@
+export { Portal } from "./portal/Portal.js";
+export type { PortalProps } from "./portal/Portal.js";

package/esm/overlays/index.js

@@ -0,0 +1,2 @@
+export { Portal } from "./portal/Portal.js";
+//# sourceMappingURL=index.js.map

package/esm/overlays/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/overlays/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC"}

package/esm/overlays/portal/Portal.d.ts

@@ -0,0 +1,11 @@
+import React, { HTMLAttributes } from "react";
+import { AsChildProps } from "../../util/types/index.js";
+interface PortalBaseProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * An optional container where the portaled content should be appended.
+     */
+    rootElement?: HTMLElement | null;
+}
+export type PortalProps = PortalBaseProps & AsChildProps;
+export declare const Portal: React.ForwardRefExoticComponent<PortalProps & React.RefAttributes<HTMLDivElement>>;
+export default Portal;

package/esm/overlays/portal/Portal.js

@@ -0,0 +1,27 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { forwardRef } from "react";
+import ReactDOM from "react-dom";
+import { useProvider } from "../../provider/index.js";
+import { Slot } from "../../util/Slot.js";
+export const Portal = forwardRef((_a, ref) => {
+    var _b, _c, _d;
+    var { rootElement, asChild } = _a, rest = __rest(_a, ["rootElement", "asChild"]);
+    const contextRoot = (_b = useProvider()) === null || _b === void 0 ? void 0 : _b.rootElement;
+    const root = (_c = rootElement !== null && rootElement !== void 0 ? rootElement : contextRoot) !== null && _c !== void 0 ? _c : (_d = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) === null || _d === void 0 ? void 0 : _d.body;
+    const Component = asChild ? Slot : "div";
+    return root
+        ? ReactDOM.createPortal(React.createElement(Component, Object.assign({ ref: ref, "data-aksel-portal": "" }, rest)), root)
+        : null;
+});
+export default Portal;
+//# sourceMappingURL=Portal.js.map

package/esm/overlays/portal/Portal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Portal.js","sourceRoot":"","sources":["../../../src/overlays/portal/Portal.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAYvC,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,CAAC,EAAiC,EAAE,GAAG,EAAE,EAAE;;QAA1C,EAAE,WAAW,EAAE,OAAO,OAAW,EAAN,IAAI,cAA/B,0BAAiC,CAAF;IAC9B,MAAM,WAAW,GAAG,MAAA,WAAW,EAAE,0CAAE,WAAW,CAAC;IAC/C,MAAM,IAAI,GAAG,MAAA,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,WAAW,mCAAI,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,QAAQ,0CAAE,IAAI,CAAC;IAEtE,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAEzC,OAAO,IAAI;QACT,CAAC,CAAC,QAAQ,CAAC,YAAY,CACnB,oBAAC,SAAS,kBAAC,GAAG,EAAE,GAAG,uBAAoB,EAAE,IAAK,IAAI,EAAI,EACtD,IAAI,CACL;QACH,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CACF,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/esm/package.json

@@ -1 +1 @@
-{"type": "module"}
+{"type": "module"}

package/esm/pagination/Pagination.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { PaginationItemProps, PaginationItemType } from "./PaginationItem";
+import { PaginationItemProps, PaginationItemType } from "./PaginationItem.js";
 export interface PaginationProps extends React.HTMLAttributes<HTMLElement> {
     /**
      * Current page

package/esm/pagination/Pagination.js

@@ -12,8 +12,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 import cl from "clsx";
 import React, { forwardRef } from "react";
 import { ChevronLeftIcon, ChevronRightIcon } from "@navikt/aksel-icons";
-import { BodyShort } from "../typography";
-import PaginationItem from "./PaginationItem";
+import { BodyShort } from "../typography/index.js";
+import PaginationItem from "./PaginationItem.js";
 export const getSteps = ({ page, count, boundaryCount = 1, siblingCount = 1, }) => {
     var _a, _b;
     const range = (start, end) => Array.from({ length: end - start + 1 }, (_, i) => start + i);

package/esm/pagination/PaginationItem.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { ButtonProps } from "../button";
-import { OverridableComponent } from "../util/types";
+import { ButtonProps } from "../button/index.js";
+import { OverridableComponent } from "../util/types/index.js";
 export interface PaginationItemProps extends ButtonProps {
     children: React.ReactNode;
     /**

package/esm/pagination/PaginationItem.js

@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import cl from "clsx";
 import React, { forwardRef } from "react";
-import { Button } from "../button";
+import { Button } from "../button/index.js";
 export const Item = forwardRef((_a, ref) => {
     var { children, as: Component = "button", selected = false, className } = _a, rest = __rest(_a, ["children", "as", "selected", "className"]);
     return (React.createElement(Button, Object.assign({ as: Component, variant: "tertiary", "aria-current": selected, ref: ref, className: cl("navds-pagination__item", className, {

package/esm/pagination/index.d.ts

@@ -1 +1 @@
-export { default as Pagination, type PaginationProps } from "./Pagination";
+export { default as Pagination, type PaginationProps } from "./Pagination.js";

package/esm/pagination/index.js

@@ -1,2 +1,2 @@
-export { default as Pagination } from "./Pagination";
+export { default as Pagination } from "./Pagination.js";
 //# sourceMappingURL=index.js.map

package/esm/panel/Panel.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { OverridableComponent } from "../util/types";
+import { OverridableComponent } from "../util/types/index.js";
 export interface PanelProps extends React.HTMLAttributes<HTMLElement> {
     /**
      * Panel content

package/esm/panel/index.d.ts

@@ -1,2 +1,2 @@
-export { default as Panel } from "./Panel";
-export { type PanelProps } from "./Panel";
+export { default as Panel } from "./Panel.js";
+export { type PanelProps } from "./Panel.js";

package/esm/panel/index.js

@@ -1,2 +1,2 @@
-export { default as Panel } from "./Panel";
+export { default as Panel } from "./Panel.js";
 //# sourceMappingURL=index.js.map

package/esm/popover/Popover.d.ts

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes } from "react";
-import { PopoverContentType } from "./PopoverContent";
+import { PopoverContentType } from "./PopoverContent.js";
 export interface PopoverProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Popover content

package/esm/popover/Popover.js

@@ -12,11 +12,11 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { autoUpdate, arrow as flArrow, offset as flOffset, flip, shift, useClick, useDismiss, useFloating, useInteractions, } from "@floating-ui/react";
 import cl from "clsx";
 import React, { forwardRef, useCallback, useContext, useRef, } from "react";
-import { DateContext } from "../date/context";
-import { ModalContext } from "../modal/ModalContext";
-import { useClientLayoutEffect, useEventListener } from "../util/hooks";
-import { useMergeRefs } from "../util/hooks/useMergeRefs";
-import PopoverContent from "./PopoverContent";
+import { DateContext } from "../date/context/index.js";
+import { ModalContext } from "../modal/ModalContext.js";
+import { useClientLayoutEffect, useEventListener } from "../util/hooks/index.js";
+import { useMergeRefs } from "../util/hooks/useMergeRefs.js";
+import PopoverContent from "./PopoverContent.js";
 /**
  * A component that displays a popover.
  *

package/esm/popover/index.d.ts

@@ -1,2 +1,2 @@
-export { default as Popover, type PopoverProps } from "./Popover";
-export { type PopoverContentProps } from "./PopoverContent";
+export { default as Popover, type PopoverProps } from "./Popover.js";
+export { type PopoverContentProps } from "./PopoverContent.js";

package/esm/popover/index.js

@@ -1,2 +1,2 @@
-export { default as Popover } from "./Popover";
+export { default as Popover } from "./Popover.js";
 //# sourceMappingURL=index.js.map

package/esm/provider/index.d.ts

@@ -1 +1 @@
-export { default as Provider, useProvider } from "./Provider";
+export { default as Provider, useProvider } from "./Provider.js";

package/esm/provider/index.js

@@ -1,2 +1,2 @@
-export { default as Provider, useProvider } from "./Provider";
+export { default as Provider, useProvider } from "./Provider.js";
 //# sourceMappingURL=index.js.map

package/esm/read-more/ReadMore.js

@@ -12,9 +12,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 import cl from "clsx";
 import React, { forwardRef } from "react";
 import { ChevronDownIcon } from "@navikt/aksel-icons";
-import { BodyLong } from "../typography";
-import { composeEventHandlers } from "../util/composeEventHandlers";
-import { useControllableState } from "../util/hooks/useControllableState";
+import { BodyLong } from "../typography/index.js";
+import { composeEventHandlers } from "../util/composeEventHandlers.js";
+import { useControllableState } from "../util/hooks/useControllableState.js";
 /**
  * ReadMore
  * @see [📝 Documentation](https://aksel.nav.no/komponenter/core/read-more)

package/esm/read-more/index.d.ts

@@ -1,2 +1,2 @@
-export { default as ReadMore } from "./ReadMore";
-export { type ReadMoreProps } from "./ReadMore";
+export { default as ReadMore } from "./ReadMore.js";
+export { type ReadMoreProps } from "./ReadMore.js";

package/esm/read-more/index.js

@@ -1,2 +1,2 @@
-export { default as ReadMore } from "./ReadMore";
+export { default as ReadMore } from "./ReadMore.js";
 //# sourceMappingURL=index.js.map

package/esm/skeleton/index.d.ts

@@ -1,2 +1,2 @@
-export { default as Skeleton } from "./Skeleton";
-export type { SkeletonProps } from "./Skeleton";
+export { default as Skeleton } from "./Skeleton.js";
+export type { SkeletonProps } from "./Skeleton.js";

package/esm/skeleton/index.js

@@ -1,2 +1,2 @@
-export { default as Skeleton } from "./Skeleton";
+export { default as Skeleton } from "./Skeleton.js";
 //# sourceMappingURL=index.js.map

package/esm/stepper/Step.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { OverridableComponent } from "../util/types";
+import { OverridableComponent } from "../util/types/index.js";
 export interface StepperStepProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
     /**
      * Text content by indicator

package/esm/stepper/Step.js

@@ -11,9 +11,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import cl from "clsx";
 import React, { forwardRef, useContext } from "react";
-import { Label } from "../typography";
-import { composeEventHandlers } from "../util/composeEventHandlers";
-import { StepperContext } from "./context";
+import { Label } from "../typography/index.js";
+import { composeEventHandlers } from "../util/composeEventHandlers.js";
+import { StepperContext } from "./context.js";
 const CompletedIcon = () => (React.createElement("svg", { width: "14", height: "10", viewBox: "0 0 14 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", focusable: false, role: "img", "aria-hidden": true, "aria-label": "Fullf\u00F8rt" },
     React.createElement("path", { d: "M4.93563 6.41478L11.3755 0.404669C11.9796 -0.160351 12.9294 -0.130672 13.4959 0.47478C14.0624 1.08027 14.0299 2.03007 13.4249 2.59621L5.92151 9.59934C5.64138 9.85904 5.27598 10 4.90064 10C4.5069 10 4.12756 9.84621 3.83953 9.56111L1.33953 7.06111C0.75401 6.47558 0.75401 5.52542 1.33953 4.93989C1.92506 4.35437 2.87522 4.35437 3.46075 4.93989L4.93563 6.41478Z", fill: "currentColor" })));
 export const Step = forwardRef((_a, ref) => {

package/esm/stepper/Stepper.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import Step from "./Step";
+import Step from "./Step.js";
 export interface StepperProps extends React.HTMLAttributes<HTMLOListElement> {
     /**
      * <Stepper.Step /> elements

package/esm/stepper/Stepper.js

@@ -11,8 +11,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import cl from "clsx";
 import React, { forwardRef } from "react";
-import Step from "./Step";
-import { StepperContext } from "./context";
+import Step from "./Step.js";
+import { StepperContext } from "./context.js";
 /**
  * A component that displays a stepper with clickable steps.
  *

package/esm/stepper/index.d.ts

@@ -1 +1 @@
-export { default as Stepper, type StepperProps } from "./Stepper";
+export { default as Stepper, type StepperProps } from "./Stepper.js";

package/esm/stepper/index.js

@@ -1,2 +1,2 @@
-export { default as Stepper } from "./Stepper";
+export { default as Stepper } from "./Stepper.js";
 //# sourceMappingURL=index.js.map