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

package/esm/index.d.ts

@@ -1,41 +1,40 @@
-export * from "./accordion";
-export * from "./alert";
-export * from "./button";
-export * from "./chat";
-export * from "./chips";
-export * from "./copybutton";
-export * from "./date";
-export * from "./dropdown";
-export * from "./expansion-card";
-export * from "./form";
-export * from "./grid";
-export * from "./guide-panel";
-export * from "./help-text";
-export * from "./internal-header";
-export * from "./link";
-export * from "./link-panel";
-export * from "./list";
-export * from "./loader";
-export * from "./modal";
-export * from "./pagination";
-export * from "./panel";
-export * from "./popover";
-export * from "./provider";
-export * from "./read-more";
-export * from "./skeleton";
-export * from "./stepper";
-export * from "./table";
-export * from "./tabs";
-export * from "./tag";
-export * from "./timeline";
-export * from "./toggle-group";
-export * from "./tooltip";
-export * from "./typography";
-export * from "./util";
-export * from "./layout/bleed";
-export * from "./layout/box";
-export * from "./layout/stack";
-export * from "./layout/grid";
-export * from "./layout/content-container";
-export * from "./layout/responsive";
-export * from "./layout/page";
+export * from "./accordion/index.js";
+export * from "./alert/index.js";
+export * from "./button/index.js";
+export * from "./chat/index.js";
+export * from "./chips/index.js";
+export * from "./copybutton/index.js";
+export * from "./date/index.js";
+export * from "./dropdown/index.js";
+export * from "./expansion-card/index.js";
+export * from "./form/index.js";
+export * from "./guide-panel/index.js";
+export * from "./overlays/index.js";
+export * from "./help-text/index.js";
+export * from "./internal-header/index.js";
+export * from "./link/index.js";
+export * from "./link-panel/index.js";
+export * from "./list/index.js";
+export * from "./loader/index.js";
+export * from "./modal/index.js";
+export * from "./pagination/index.js";
+export * from "./panel/index.js";
+export * from "./popover/index.js";
+export * from "./provider/index.js";
+export * from "./read-more/index.js";
+export * from "./skeleton/index.js";
+export * from "./stepper/index.js";
+export * from "./table/index.js";
+export * from "./tabs/index.js";
+export * from "./tag/index.js";
+export * from "./timeline/index.js";
+export * from "./toggle-group/index.js";
+export * from "./tooltip/index.js";
+export * from "./typography/index.js";
+export * from "./util/index.js";
+export * from "./layout/bleed/index.js";
+export * from "./layout/box/index.js";
+export * from "./layout/stack/index.js";
+export * from "./layout/grid/index.js";
+export * from "./layout/responsive/index.js";
+export * from "./layout/page/index.js";

package/esm/index.js

@@ -1,43 +1,41 @@
-"use client";
-export * from "./accordion";
-export * from "./alert";
-export * from "./button";
-export * from "./chat";
-export * from "./chips";
-export * from "./copybutton";
-export * from "./date";
-export * from "./dropdown";
-export * from "./expansion-card";
-export * from "./form";
-export * from "./grid";
-export * from "./guide-panel";
-export * from "./help-text";
-export * from "./internal-header";
-export * from "./link";
-export * from "./link-panel";
-export * from "./list";
-export * from "./loader";
-export * from "./modal";
-export * from "./pagination";
-export * from "./panel";
-export * from "./popover";
-export * from "./provider";
-export * from "./read-more";
-export * from "./skeleton";
-export * from "./stepper";
-export * from "./table";
-export * from "./tabs";
-export * from "./tag";
-export * from "./timeline";
-export * from "./toggle-group";
-export * from "./tooltip";
-export * from "./typography";
-export * from "./util";
-export * from "./layout/bleed";
-export * from "./layout/box";
-export * from "./layout/stack";
-export * from "./layout/grid";
-export * from "./layout/content-container";
-export * from "./layout/responsive";
-export * from "./layout/page";
+export * from "./accordion/index.js";
+export * from "./alert/index.js";
+export * from "./button/index.js";
+export * from "./chat/index.js";
+export * from "./chips/index.js";
+export * from "./copybutton/index.js";
+export * from "./date/index.js";
+export * from "./dropdown/index.js";
+export * from "./expansion-card/index.js";
+export * from "./form/index.js";
+export * from "./guide-panel/index.js";
+export * from "./overlays/index.js";
+export * from "./help-text/index.js";
+export * from "./internal-header/index.js";
+export * from "./link/index.js";
+export * from "./link-panel/index.js";
+export * from "./list/index.js";
+export * from "./loader/index.js";
+export * from "./modal/index.js";
+export * from "./pagination/index.js";
+export * from "./panel/index.js";
+export * from "./popover/index.js";
+export * from "./provider/index.js";
+export * from "./read-more/index.js";
+export * from "./skeleton/index.js";
+export * from "./stepper/index.js";
+export * from "./table/index.js";
+export * from "./tabs/index.js";
+export * from "./tag/index.js";
+export * from "./timeline/index.js";
+export * from "./toggle-group/index.js";
+export * from "./tooltip/index.js";
+export * from "./typography/index.js";
+export * from "./util/index.js";
+export * from "./layout/bleed/index.js";
+export * from "./layout/box/index.js";
+export * from "./layout/stack/index.js";
+export * from "./layout/grid/index.js";
+export * from "./layout/responsive/index.js";
+export * from "./layout/page/index.js";
 //# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC"}

package/esm/internal-header/InternalHeader.d.ts

@@ -1,9 +1,9 @@
 import React, { HTMLAttributes } from "react";
-import { OverridableComponent } from "../util/types";
-import { InternalHeaderButtonProps } from "./InternalHeaderButton";
-import { InternalHeaderTitleProps } from "./InternalHeaderTitle";
-import { InternalHeaderUserProps } from "./InternalHeaderUser";
-import { InternalHeaderUserButtonProps } from "./InternalHeaderUserButton";
+import { OverridableComponent } from "../util/types/index.js";
+import { InternalHeaderButtonProps } from "./InternalHeaderButton.js";
+import { InternalHeaderTitleProps } from "./InternalHeaderTitle.js";
+import { InternalHeaderUserProps } from "./InternalHeaderUser.js";
+import { InternalHeaderUserButtonProps } from "./InternalHeaderUserButton.js";
 export interface InternalHeaderProps extends HTMLAttributes<HTMLElement> {
     children: React.ReactNode;
 }

package/esm/internal-header/InternalHeader.js

@@ -11,10 +11,10 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import cl from "clsx";
 import React, { forwardRef } from "react";
-import InternalHeaderButton from "./InternalHeaderButton";
-import InternalHeaderTitle from "./InternalHeaderTitle";
-import InternalHeaderUser from "./InternalHeaderUser";
-import InternalHeaderUserButton from "./InternalHeaderUserButton";
+import InternalHeaderButton from "./InternalHeaderButton.js";
+import InternalHeaderTitle from "./InternalHeaderTitle.js";
+import InternalHeaderUser from "./InternalHeaderUser.js";
+import InternalHeaderUserButton from "./InternalHeaderUserButton.js";
 /**
  * Simple Header for internal pages and systems.
  *

package/esm/internal-header/InternalHeaderButton.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { OverridableComponent } from "../util/types";
+import { OverridableComponent } from "../util/types/index.js";
 export interface InternalHeaderButtonProps extends React.AnchorHTMLAttributes<HTMLButtonElement> {
     /**
      * Application Button

package/esm/internal-header/InternalHeaderTitle.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { OverridableComponent } from "../util/types";
+import { OverridableComponent } from "../util/types/index.js";
 export interface InternalHeaderTitleProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
     /**
      * Application title

package/esm/internal-header/InternalHeaderUser.js

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

package/esm/internal-header/InternalHeaderUserButton.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { OverridableComponent } from "../util/types";
+import { OverridableComponent } from "../util/types/index.js";
 export interface InternalHeaderUserButtonProps extends React.AnchorHTMLAttributes<HTMLButtonElement> {
     /**
      * User name

package/esm/internal-header/InternalHeaderUserButton.js

@@ -12,8 +12,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 import cl from "clsx";
 import React, { forwardRef } from "react";
 import { ChevronDownIcon } from "@navikt/aksel-icons";
-import { BodyShort, Detail } from "../typography";
-import InternalHeaderButton from "./InternalHeaderButton";
+import { BodyShort, Detail } from "../typography/index.js";
+import InternalHeaderButton from "./InternalHeaderButton.js";
 export const InternalHeaderUserButton = forwardRef((_a, ref) => {
     var { as, name, description, className } = _a, rest = __rest(_a, ["as", "name", "description", "className"]);
     return (React.createElement(InternalHeaderButton, Object.assign({}, rest, { as: as, ref: ref, className: cl("navds-internalheader__user-button", className) }),

package/esm/internal-header/index.d.ts

@@ -1,5 +1,5 @@
-export { default as InternalHeader, type InternalHeaderProps, } from "./InternalHeader";
-export { type InternalHeaderButtonProps } from "./InternalHeaderButton";
-export { type InternalHeaderTitleProps } from "./InternalHeaderTitle";
-export { type InternalHeaderUserProps } from "./InternalHeaderUser";
-export { type InternalHeaderUserButtonProps } from "./InternalHeaderUserButton";
+export { default as InternalHeader, type InternalHeaderProps, } from "./InternalHeader.js";
+export { type InternalHeaderButtonProps } from "./InternalHeaderButton.js";
+export { type InternalHeaderTitleProps } from "./InternalHeaderTitle.js";
+export { type InternalHeaderUserProps } from "./InternalHeaderUser.js";
+export { type InternalHeaderUserButtonProps } from "./InternalHeaderUserButton.js";

package/esm/internal-header/index.js

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

package/esm/layout/bleed/Bleed.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { ResponsiveProp, SpacingScale } from "../utilities/types";
+import { ResponsiveProp, SpacingScale } from "../utilities/types.js";
 export type BleedSpacingInline = "0" | "full" | "px" | SpacingScale;
 export type BleedSpacingBlock = "0" | "px" | SpacingScale;
 export interface BleedProps extends React.HTMLAttributes<HTMLDivElement> {
@@ -8,7 +8,7 @@ export interface BleedProps extends React.HTMLAttributes<HTMLDivElement> {
      * @example
      * marginInline='4'
      * marginInline='4 5'
-     * marginInline={{xs: '0 32', sm: '3', md: '4 5', lg: '5', xl: '6'}}
+     * marginInline={{xs: '0 32', sm: '3', md: '4 5', lg: '5', xl: '6', "2xl": '12'}}
      */
     marginInline?: ResponsiveProp<BleedSpacingInline | `${BleedSpacingInline} ${BleedSpacingInline}`>;
     /** **Negative** vertical margin around children.
@@ -16,7 +16,7 @@ export interface BleedProps extends React.HTMLAttributes<HTMLDivElement> {
      * @example
      * marginBlock='4'
      * marginBlock='4 5'
-     * marginBlock={{xs: '2', sm: '3', md: '4', lg: '5', xl: '6'}}
+     * marginBlock={{xs: '2', sm: '3', md: '4', lg: '5', xl: '6', "2xl": '12'}}
      */
     marginBlock?: ResponsiveProp<BleedSpacingBlock | `${BleedSpacingBlock} ${BleedSpacingBlock}`>;
     /**

package/esm/layout/bleed/Bleed.js

@@ -11,8 +11,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import cl from "clsx";
 import React, { forwardRef } from "react";
-import { Slot } from "../../util/Slot";
-import { getResponsiveProps } from "../utilities/css";
+import { Slot } from "../../util/Slot.js";
+import { getResponsiveProps } from "../utilities/css.js";
 /**
  * Foundational Layout-primitive for generic encapsulation & styling.
  *

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

@@ -1 +1 @@
-export { Bleed, type BleedProps } from "./Bleed";
+export { Bleed, type BleedProps } from "./Bleed.js";

package/esm/layout/bleed/index.js

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

package/esm/layout/box/Box.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { OverridableComponent } from "../../util/types";
-import { BackgroundToken, BorderColorToken, BorderRadiiToken, ResponsiveProp, ShadowToken, SpaceDelimitedAttribute, SpacingScale } from "../utilities/types";
+import { OverridableComponent } from "../../util/types/index.js";
+import { BackgroundToken, BorderColorToken, BorderRadiiToken, ResponsiveProp, ShadowToken, SpaceDelimitedAttribute, SpacingScale } from "../utilities/types.js";
 export interface BoxProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Background color. Accepts a color token. */
     background?: BackgroundToken;

package/esm/layout/box/Box.js

@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import cl from "clsx";
 import React, { forwardRef } from "react";
-import { getResponsiveProps } from "../utilities/css";
+import { getResponsiveProps } from "../utilities/css.js";
 /**
  * Foundational Layout-primitive for generic encapsulation & styling.
  *

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

@@ -1 +1 @@
-export { Box, type BoxProps } from "./Box";
+export { Box, type BoxProps } from "./Box.js";

package/esm/layout/box/index.js

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

package/esm/layout/grid/HGrid.d.ts

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes } from "react";
-import { ResponsiveProp, SpacingScale } from "../utilities/types";
+import { ResponsiveProp, SpacingScale } from "../utilities/types.js";
 export interface HGridProps extends HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
     /**

package/esm/layout/grid/HGrid.js

@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import cl from "clsx";
 import React, { forwardRef } from "react";
-import { getResponsiveProps, getResponsiveValue } from "../utilities/css";
+import { getResponsiveProps, getResponsiveValue } from "../utilities/css.js";
 /**
  * Horizontal Grid Primitive with dynamic columns and gap based on breakpoints.
  *

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

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

package/esm/layout/grid/index.js

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

package/esm/layout/page/Page.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import bgColors from "@navikt/ds-tokens/src/colors-bg.json";
-import { OverridableComponent } from "../../util";
-import { PageBlock } from "./parts/PageBlock";
+import { OverridableComponent } from "../../util/index.js";
+import { PageBlock } from "./parts/PageBlock.js";
 export interface PageProps extends React.HTMLAttributes<HTMLElement> {
     /**
      * Overrides html-tag

package/esm/layout/page/Page.js

@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import cl from "clsx";
 import React, { forwardRef } from "react";
-import { PageBlock } from "./parts/PageBlock";
+import { PageBlock } from "./parts/PageBlock.js";
 export const PageComponent = forwardRef((_a, ref) => {
     var { as: Component = "div", className, style: _style, footer, children, footerPosition, background = "bg-default", contentBlockPadding = "end" } = _a, rest = __rest(_a, ["as", "className", "style", "footer", "children", "footerPosition", "background", "contentBlockPadding"]);
     const style = Object.assign(Object.assign({}, _style), { "--__ac-page-background": `var(--a-${background})` });

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

@@ -1,2 +1,2 @@
-export { default as Page, type PageProps } from "./Page";
-export { type PageBlockProps } from "./parts/PageBlock";
+export { default as Page, type PageProps } from "./Page.js";
+export { type PageBlockProps } from "./parts/PageBlock.js";

package/esm/layout/page/index.js

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

package/esm/layout/page/parts/PageBlock.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { OverridableComponent } from "../../../util/types";
+import { OverridableComponent } from "../../../util/types/index.js";
 export declare const widths: readonly ["text", "md", "lg", "xl", "2xl"];
 export interface PageBlockProps extends React.HTMLAttributes<HTMLDivElement> {
     /**

package/esm/layout/responsive/Responsive.d.ts

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes } from "react";
-import { BreakpointsAlias } from "../utilities/types";
+import { BreakpointsAlias } from "../utilities/types.js";
 export interface ResponsiveProps extends HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
     /**

package/esm/layout/responsive/Responsive.js

@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import cl from "clsx";
 import React, { forwardRef } from "react";
-import { Slot } from "../../util/Slot";
+import { Slot } from "../../util/Slot.js";
 const Responsive = forwardRef((_a, ref) => {
     var { as: Component = "div", className, above, below, variant, asChild } = _a, rest = __rest(_a, ["as", "className", "above", "below", "variant", "asChild"]);
     const aboveProp = variant === "show" ? above : below;

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

@@ -1 +1 @@
-export { Show, Hide, type ResponsiveProps } from "./Responsive";
+export { Show, Hide, type ResponsiveProps } from "./Responsive.js";

package/esm/layout/responsive/index.js

@@ -1,2 +1,2 @@
-export { Show, Hide } from "./Responsive";
+export { Show, Hide } from "./Responsive.js";
 //# sourceMappingURL=index.js.map

package/esm/layout/sidemal-test/AvatarPanel.js

@@ -1,7 +1,7 @@
 import React from "react";
 import { PersonIcon } from "@navikt/aksel-icons";
-import { Box } from "../box";
-import { HStack } from "../stack";
+import { Box } from "../box/index.js";
+import { HStack } from "../stack/index.js";
 export function AvatarPanel({ children }) {
     return (React.createElement(Box, { background: "bg-default", paddingInline: { xs: "4", md: "10" }, paddingBlock: { xs: "10 8", md: "12 10" }, className: "avatar-card", borderRadius: "medium" },
         React.createElement(HStack, { justify: "center" },

package/esm/layout/sidemal-test/Content.js

@@ -1,14 +1,14 @@
 import React from "react";
 import { LinkIcon } from "@navikt/aksel-icons";
-import { Accordion } from "../../accordion";
-import { CopyButton } from "../../copybutton";
-import { Link } from "../../link";
-import { List } from "../../list";
-import { ReadMore } from "../../read-more";
-import { BodyLong, Heading } from "../../typography";
-import { Box } from "../box";
-import { VStack } from "../stack";
-import { AvatarPanel } from "./AvatarPanel";
+import { Accordion } from "../../accordion/index.js";
+import { CopyButton } from "../../copybutton/index.js";
+import { Link } from "../../link/index.js";
+import { List } from "../../list/index.js";
+import { ReadMore } from "../../read-more/index.js";
+import { BodyLong, Heading } from "../../typography/index.js";
+import { Box } from "../box/index.js";
+import { VStack } from "../stack/index.js";
+import { AvatarPanel } from "./AvatarPanel.js";
 export function Content() {
     return (React.createElement(AvatarPanel, null,
         React.createElement(Box, { paddingBlock: "0 6" },

package/esm/layout/sidemal-test/Filter.js

@@ -1,9 +1,9 @@
 import React, { useState } from "react";
 import { InformationSquareIcon } from "@navikt/aksel-icons";
-import { Checkbox, CheckboxGroup } from "../../form";
-import { BodyLong, Detail, Heading } from "../../typography";
-import { Box } from "../box";
-import { HStack, VStack } from "../stack";
+import { Checkbox, CheckboxGroup } from "../../form/index.js";
+import { BodyLong, Detail, Heading } from "../../typography/index.js";
+import { Box } from "../box/index.js";
+import { HStack, VStack } from "../stack/index.js";
 export function FilterCard() {
     const [filter, setFilter] = useState([]);
     return (React.createElement(Box, { background: "bg-default", padding: { xs: "4", md: "5" }, borderWidth: "5", borderColor: "border-alt-3", borderRadius: "medium" },

package/esm/layout/sidemal-test/Header.js

@@ -1,9 +1,9 @@
 import React from "react";
-import { BodyShort, Detail, Heading } from "../../typography";
-import { Box } from "../box";
-import { Hide, Show } from "../responsive";
-import { HStack, VStack } from "../stack";
-import { ContentBox } from "./content-box";
+import { BodyShort, Detail, Heading } from "../../typography/index.js";
+import { Box } from "../box/index.js";
+import { Hide, Show } from "../responsive/index.js";
+import { HStack, VStack } from "../stack/index.js";
+import { ContentBox } from "./content-box/index.js";
 export function Header() {
     return (React.createElement(Box, { as: "header", borderWidth: "0 0 4 0", borderColor: "border-success", paddingBlock: "12 0" },
         React.createElement(ContentBox, { maxWidth: "lg" },

package/esm/layout/sidemal-test/Intro.js

@@ -1,9 +1,9 @@
 import React from "react";
 import { LinkIcon } from "@navikt/aksel-icons";
-import { CopyButton } from "../../copybutton";
-import { BodyLong, Detail, Heading, Label } from "../../typography";
-import { Box } from "../box";
-import { HStack, VStack } from "../stack";
+import { CopyButton } from "../../copybutton/index.js";
+import { BodyLong, Detail, Heading, Label } from "../../typography/index.js";
+import { Box } from "../box/index.js";
+import { HStack, VStack } from "../stack/index.js";
 export function IntroCard() {
     return (React.createElement(Box, { background: "bg-default", padding: { xs: "4", md: "10" }, borderRadius: "medium" },
         React.createElement(VStack, { gap: "6" },

package/esm/layout/sidemal-test/Sidebar.js

@@ -1,8 +1,8 @@
 import React from "react";
-import { Link } from "../../link";
-import { Heading, Label } from "../../typography";
-import { Box } from "../box";
-import { VStack } from "../stack";
+import { Link } from "../../link/index.js";
+import { Heading, Label } from "../../typography/index.js";
+import { Box } from "../box/index.js";
+import { VStack } from "../stack/index.js";
 const LinkElement = ({ children }) => {
     return (React.createElement(Label, { as: "li", className: "sidebarlink" }, children));
 };

package/esm/layout/sidemal-test/content-box/ContentBox.d.ts

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes } from "react";
-import { OverridableComponent } from "../../../util";
+import { OverridableComponent } from "../../../util/index.js";
 export interface ContentBoxProps extends HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
     maxWidth?: "3xl" | "2xl" | "xl" | "lg";

package/esm/layout/sidemal-test/content-box/index.d.ts

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

package/esm/layout/sidemal-test/content-box/index.js

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

package/esm/layout/stack/HStack.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 HStackProps = Omit<StackProps, "direction">;
 /**
  * Layout-primitive for horizontal flexbox

package/esm/layout/stack/HStack.js

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

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

@@ -1,6 +1,6 @@
 import React, { HTMLAttributes } from "react";
-import { OverridableComponent } from "../../util/types";
-import { ResponsiveProp, SpacingScale } from "../utilities/types";
+import { OverridableComponent } from "../../util/types/index.js";
+import { ResponsiveProp, SpacingScale } from "../utilities/types.js";
 export interface StackProps extends HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
     /**

package/esm/layout/stack/Stack.js

@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import cl from "clsx";
 import React, { forwardRef } from "react";
-import { getResponsiveProps, getResponsiveValue } from "../utilities/css";
+import { getResponsiveProps, getResponsiveValue } from "../utilities/css.js";
 export const Stack = forwardRef((_a, ref) => {
     var { as: Component = "div", className, align, justify, wrap = true, gap, style: _style, direction = "row" } = _a, rest = __rest(_a, ["as", "className", "align", "justify", "wrap", "gap", "style", "direction"]);
     const style = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, _style), { "--__ac-stack-wrap": wrap ? "wrap" : "nowrap" }), getResponsiveProps(`stack`, "gap", "spacing", gap)), getResponsiveValue(`stack`, "direction", direction)), getResponsiveValue(`stack`, "align", align)), getResponsiveValue(`stack`, "justify", justify));