@navikt/ds-react 5.15.0 → 6.0.0-alpha.0

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

@@ -0,0 +1,47 @@
+import React from "react";
+import { ResponsiveProp, SpacingScale } from "../utilities/types";
+export type BleedSpacingInline = "0" | "full" | "px" | SpacingScale;
+export type BleedSpacingBlock = "0" | "px" | SpacingScale;
+export interface BleedProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** **Negative** horizontal margin around children.
+     *  Accepts a spacing token or an object of spacing tokens for different breakpoints.
+     * @example
+     * marginInline='4'
+     * marginInline='4 5'
+     * marginInline={{xs: '0 32', sm: '3', md: '4 5', lg: '5', xl: '6'}}
+     */
+    marginInline?: ResponsiveProp<BleedSpacingInline | `${BleedSpacingInline} ${BleedSpacingInline}`>;
+    /** **Negative** vertical margin around children.
+     *  Accepts a spacing token or an object of spacing tokens for different breakpoints.
+     * @example
+     * marginBlock='4'
+     * marginBlock='4 5'
+     * marginBlock={{xs: '2', sm: '3', md: '4', lg: '5', xl: '6'}}
+     */
+    marginBlock?: ResponsiveProp<BleedSpacingBlock | `${BleedSpacingBlock} ${BleedSpacingBlock}`>;
+    /**
+     * When true, set the padding to mirror the margin.
+     * This maintains the apparent width of the element prior to adding Bleed.
+     * When this is used with `asChild`, it will overwrite the padding of the child.
+     */
+    reflectivePadding?: boolean;
+    /**
+     * When true, the Bleed will render as its child. This merges classes, styles and event handlers.
+     */
+    asChild?: boolean;
+}
+/**
+ * Foundational Layout-primitive for generic encapsulation & styling.
+ *
+ * @see [📝 Documentation](https://aksel.nav.no/komponenter/primitives/Bleed)
+ * @see 🏷️ {@link BleedProps}
+ * @see [🤖 OverridableComponent](https://aksel.nav.no/grunnleggende/kode/overridablecomponent) support
+ *
+ * @example
+ * <Box padding="4">
+ *   <Bleed marginInline="4" marginBlock="4">
+ *     <BodyLong>Some content</BodyLong>
+ *   </Bleed>
+ * </Box>
+ */
+export declare const Bleed: React.ForwardRefExoticComponent<BleedProps & React.RefAttributes<HTMLDivElement>>;

package/cjs/layout/bleed/Bleed.js

@@ -67,3 +67,4 @@ exports.Bleed = (0, react_1.forwardRef)((_a, ref) => {
             "navds-bleed--padding": reflectivePadding,
         }), ref: ref, style: style })));
 });
+//# sourceMappingURL=Bleed.js.map

package/cjs/layout/bleed/Bleed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bleed.js","sourceRoot":"","sources":["../../../src/layout/bleed/Bleed.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAC1C,0CAAuC;AACvC,0CAAsD;AAwCtD;;;;;;;;;;;;;GAaG;AACU,QAAA,KAAK,GAAG,IAAA,kBAAU,EAC7B,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,SAAS,EACT,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,KAAK,EAAE,MAAM,EACb,OAAO,OAER,EADI,IAAI,cAPT,qFAQC,CADQ;IAIT,IAAI,KAAK,iDACJ,MAAM,GACN,IAAA,wBAAkB,EACnB,OAAO,EACP,eAAe,EACf,SAAS,EACT,YAAY,EACZ,IAAI,EACJ,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,CACpB,GAEE,IAAA,wBAAkB,EACnB,OAAO,EACP,cAAc,EACd,SAAS,EACT,WAAW,EACX,IAAI,EACJ,CAAC,GAAG,EAAE,IAAI,CAAC,CACZ,CACF,CAAC;IAEF,IAAI,iBAAiB,EAAE,CAAC;QACtB,KAAK,iDACA,KAAK,GACL,IAAA,wBAAkB,EACnB,OAAO,EACP,gBAAgB,EAChB,SAAS,EACT,YAAY,EACZ,KAAK,EACL,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,CACpB,GACE,IAAA,wBAAkB,EACnB,OAAO,EACP,eAAe,EACf,SAAS,EACT,WAAW,EACX,KAAK,EACL,CAAC,GAAG,EAAE,IAAI,CAAC,CACZ,CACF,CAAC;IACJ,CAAC;IAED,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,WAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAEpC,OAAO,CACL,8BAAC,IAAI,oBACC,IAAI,IACR,SAAS,EAAE,IAAA,cAAE,EAAC,aAAa,EAAE,SAAS,EAAE;YACtC,sBAAsB,EAAE,iBAAiB;SAC1C,CAAC,EACF,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,IACZ,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}

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

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

package/cjs/layout/bleed/index.js

@@ -3,3 +3,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Bleed = void 0;
 var Bleed_1 = require("./Bleed");
 Object.defineProperty(exports, "Bleed", { enumerable: true, get: function () { return Bleed_1.Bleed; } });
+//# sourceMappingURL=index.js.map

package/cjs/layout/bleed/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layout/bleed/index.ts"],"names":[],"mappings":";;;AAAA,iCAAiD;AAAxC,8FAAA,KAAK,OAAA"}

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

@@ -0,0 +1,76 @@
+import React from "react";
+import { OverridableComponent } from "../../util/types";
+import { BackgroundToken, BorderColorToken, BorderRadiiToken, ResponsiveProp, ShadowToken, SpaceDelimitedAttribute, SpacingScale } from "../utilities/types";
+export interface BoxProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Background color. Accepts a color token. */
+    background?: BackgroundToken;
+    /** Border color. Accepts a color token. */
+    borderColor?: BorderColorToken;
+    /** Border radius. Accepts a radius token, or an object of radius tokens for different breakpoints.
+     * @example
+     * borderRadius='full'
+     * borderRadius='0 full large small'
+     * borderRadius={{xs: 'small large', sm: '0', md: 'large', lg: 'full'}}
+     */
+    borderRadius?: ResponsiveProp<SpaceDelimitedAttribute<BorderRadiiToken>>;
+    /**
+     * Border-width. If this is not set there will be no border.
+     * @example
+     * borderWidth='2'
+     * borderWidth='1 2 3 4'
+     */
+    borderWidth?: SpaceDelimitedAttribute<"0" | "1" | "2" | "3" | "4" | "5">;
+    /** Spacing around children. Accepts a spacing token or an object of spacing tokens for different breakpoints.
+     * @example
+     * padding='4'
+     * padding={{xs: '2', sm: '3', md: '4', lg: '5', xl: '6'}}
+     */
+    padding?: ResponsiveProp<SpacingScale>;
+    /** Horizontal padding around children. Accepts a spacing token or an object of spacing tokens for different breakpoints.
+     * @example
+     * paddingInline='4'
+     * paddingInline='4 5'
+     * paddingInline={{xs: '0 32', sm: '3', md: '4 5', lg: '5', xl: '6'}}
+     */
+    paddingInline?: ResponsiveProp<SpacingScale | `${SpacingScale} ${SpacingScale}`>;
+    /** Vertical padding around children. Accepts a spacing token or an object of spacing tokens for different breakpoints.
+     * @example
+     * paddingBlock='4'
+     * paddingBlock='4 5'
+     * paddingBlock={{xs: '2', sm: '3', md: '4', lg: '5', xl: '6'}}
+     */
+    paddingBlock?: ResponsiveProp<SpacingScale | `${SpacingScale} ${SpacingScale}`>;
+    /** Shadow on box. Accepts a shadow token.
+     * @example
+     * shadow='small'
+     */
+    shadow?: ShadowToken;
+}
+/**
+ * Foundational Layout-primitive for generic encapsulation & styling.
+ *
+ * @see [📝 Documentation](https://aksel.nav.no/komponenter/primitives/box)
+ * @see 🏷️ {@link BoxProps}
+ * @see [🤖 OverridableComponent](https://aksel.nav.no/grunnleggende/kode/overridablecomponent) support
+ *
+ * @example
+ * <Box padding="4">
+ *   <BodyShort>Hei</BodyShort>
+ * </Box>
+ *
+ * @example
+ * <Box padding={{xs: '2', sm: '3', md: '4', lg: '5', xl: '6'}}>
+ *   <BodyShort>Hei</BodyShort>
+ * </Box>
+ *
+ * @example
+ * <VStack gap="8">
+ *  <Box padding="4">
+ *   <BodyShort>Hei</BodyShort>
+ *  </Box>
+ *  <Box padding="4">
+ *    <BodyShort>Hei</BodyShort>
+ *  </Box>
+ * </VStack>
+ */
+export declare const Box: OverridableComponent<BoxProps, HTMLDivElement>;

package/cjs/layout/box/Box.js

@@ -82,3 +82,4 @@ exports.Box = (0, react_1.forwardRef)((_a, ref) => {
             : undefined }), (0, css_1.getResponsiveProps)("box", "border-radius", "border-radius", borderRadius, false, ["0"])), (0, css_1.getResponsiveProps)("box", "padding", "spacing", padding)), (0, css_1.getResponsiveProps)("box", "padding-inline", "spacing", paddingInline)), (0, css_1.getResponsiveProps)("box", "padding-block", "spacing", paddingBlock));
     return (react_1.default.createElement(Component, Object.assign({}, rest, { className: (0, clsx_1.default)("navds-box", className), ref: ref, style: style })));
 });
+//# sourceMappingURL=Box.js.map

package/cjs/layout/box/Box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../src/layout/box/Box.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAE1C,0CAAsD;AA6DtD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACU,QAAA,GAAG,GAAmD,IAAA,kBAAU,EAC3E,CACE,EAaC,EACD,GAAG,EACH,EAAE;QAfF,EACE,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,UAAU,EACV,WAAW,EACX,WAAW,EACX,YAAY,EACZ,SAAS,EACT,OAAO,EACP,aAAa,EACb,YAAY,EACZ,MAAM,EACN,KAAK,EAAE,MAAM,OAEd,EADI,IAAI,cAZT,8IAaC,CADQ;IAIT,MAAM,KAAK,2FACN,MAAM,KACT,uBAAuB,EAAE,UAAU;YACjC,CAAC,CAAC,WAAW,UAAU,GAAG;YAC1B,CAAC,CAAC,SAAS,EACb,mBAAmB,EAAE,MAAM,CAAC,CAAC,CAAC,kBAAkB,MAAM,GAAG,CAAC,CAAC,CAAC,SAAS,EACrE,yBAAyB,EAAE,WAAW;YACpC,CAAC,CAAC,WAAW,WAAW,GAAG;YAC3B,CAAC,CAAC,SAAS,EACb,yBAAyB,EAAE,WAAW;YACpC,CAAC,CAAC,WAAW;iBACR,KAAK,CAAC,GAAG,CAAC;iBACV,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC;iBACpB,IAAI,CAAC,GAAG,CAAC;YACd,CAAC,CAAC,SAAS,KACV,IAAA,wBAAkB,EACnB,KAAK,EACL,eAAe,EACf,eAAe,EACf,YAAY,EACZ,KAAK,EACL,CAAC,GAAG,CAAC,CACN,GACE,IAAA,wBAAkB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,GACxD,IAAA,wBAAkB,EAAC,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,aAAa,CAAC,GACrE,IAAA,wBAAkB,EAAC,KAAK,EAAE,eAAe,EAAE,SAAS,EAAE,YAAY,CAAC,CACvE,CAAC;IAEF,OAAO,CACL,8BAAC,SAAS,oBACJ,IAAI,IACR,SAAS,EAAE,IAAA,cAAE,EAAC,WAAW,EAAE,SAAS,CAAC,EACrC,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,IACZ,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}

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

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

package/cjs/layout/box/index.js

@@ -3,3 +3,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Box = void 0;
 var Box_1 = require("./Box");
 Object.defineProperty(exports, "Box", { enumerable: true, get: function () { return Box_1.Box; } });
+//# sourceMappingURL=index.js.map

package/cjs/layout/box/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layout/box/index.ts"],"names":[],"mappings":";;;AAAA,6BAA2C;AAAlC,0FAAA,GAAG,OAAA"}

package/cjs/layout/content-container/ContentContainer.d.ts

@@ -0,0 +1,9 @@
+import React, { HTMLAttributes } from "react";
+export interface ContentContainerProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * ContentContainer content
+     */
+    children: React.ReactNode;
+}
+export declare const ContentContainer: React.ForwardRefExoticComponent<ContentContainerProps & React.RefAttributes<HTMLDivElement>>;
+export default ContentContainer;

package/cjs/layout/content-container/ContentContainer.js

@@ -45,3 +45,4 @@ exports.ContentContainer = (0, react_1.forwardRef)((_a, ref) => {
     return (react_1.default.createElement("div", Object.assign({ ref: ref, className: (0, clsx_1.default)("navds-content-container", className) }, rest)));
 });
 exports.default = exports.ContentContainer;
+//# sourceMappingURL=ContentContainer.js.map

package/cjs/layout/content-container/ContentContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentContainer.js","sourceRoot":"","sources":["../../../src/layout/content-container/ContentContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0D;AAS7C,QAAA,gBAAgB,GAAG,IAAA,kBAAU,EAGxC,CAAC,EAAsB,EAAE,GAAG,EAAE,EAAE;QAA/B,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IAAY,OAAA,CACjC,qDACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EAAC,yBAAyB,EAAE,SAAS,CAAC,IAC/C,IAAI,EACR,CACH,CAAA;CAAA,CAAC,CAAC;AAEH,kBAAe,wBAAgB,CAAC"}

package/cjs/layout/content-container/index.d.ts

@@ -0,0 +1 @@
+export { default as ContentContainer, type ContentContainerProps, } from "./ContentContainer";

package/cjs/layout/content-container/index.js

@@ -6,3 +6,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ContentContainer = void 0;
 var ContentContainer_1 = require("./ContentContainer");
 Object.defineProperty(exports, "ContentContainer", { enumerable: true, get: function () { return __importDefault(ContentContainer_1).default; } });
+//# sourceMappingURL=index.js.map

package/cjs/layout/content-container/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layout/content-container/index.ts"],"names":[],"mappings":";;;;;;AAAA,uDAG4B;AAF1B,qIAAA,OAAO,OAAoB"}

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

@@ -0,0 +1,53 @@
+import React, { HTMLAttributes } from "react";
+import { ResponsiveProp, SpacingScale } from "../utilities/types";
+export interface HGridProps extends HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    /**
+     * Number of columns to display. Can be a number, a string with a unit or tokens for spesific breakpoints.
+     * Sets `grid-template-columns`, so `fr`, `minmax` etc. works.
+     * @example
+     * columns={{ sm: 1, md: 1, lg: "1fr auto", xl: "1fr auto"}}
+     * @example
+     * columns={3}
+     * @example
+     * columns="repeat(3, minmax(0, 1fr))"
+     */
+    columns?: ResponsiveProp<number | string>;
+    /** Spacing between columns. Based on spacing-tokens.
+     * @example
+     * gap="6"
+     * gap={{ sm: "2", md: "2", lg: "6", xl: "6"}}
+     */
+    gap?: ResponsiveProp<SpacingScale>;
+    /**
+     * Vertical alignment of children. Elements will by default stretch to the height of parent-element.
+     */
+    align?: "start" | "center" | "end";
+}
+/**
+ * Horizontal Grid Primitive with dynamic columns and gap based on breakpoints.
+ *
+ * @see [📝 Documentation](https://aksel.nav.no/komponenter/primitives/hgrid)
+ * @see 🏷️ {@link HGridProps}
+ *
+ * @example
+ * <HGrid gap="6" columns={3}>
+ *   <div />
+ *   <div />
+ *   <div />
+ * </HGrid>
+ * @example
+ * <HGrid gap={{xs: "2", md: "6"}} columns={3}>
+ *   <div />
+ *   <div />
+ *   <div />
+ * </HGrid>
+ * @example
+ * <HGrid gap="6" columns={{ sm: 1, md: 1, lg: "1fr auto", xl: "1fr auto"}}>
+ *   <div />
+ *   <div />
+ *   <div />
+ * </HGrid>
+ */
+export declare const HGrid: React.ForwardRefExoticComponent<HGridProps & React.RefAttributes<HTMLDivElement>>;
+export default HGrid;

package/cjs/layout/grid/HGrid.js

@@ -90,3 +90,4 @@ const getColumnValue = (prop) => {
     return prop;
 };
 exports.default = exports.HGrid;
+//# sourceMappingURL=HGrid.js.map

package/cjs/layout/grid/HGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HGrid.js","sourceRoot":"","sources":["../../../src/layout/grid/HGrid.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0D;AAC1D,0CAA0E;AA2B1E;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACU,QAAA,KAAK,GAAG,IAAA,kBAAU,EAC7B,CAAC,EAAkD,EAAE,GAAG,EAAE,EAAE;QAA3D,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,OAAW,EAAN,IAAI,cAAhD,iDAAkD,CAAF;IAC/C,MAAM,MAAM,+DACP,KAAK,KACR,oBAAoB,EAAE,KAAK,KACxB,IAAA,wBAAkB,EAAC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,CAAC,GAClD,IAAA,wBAAkB,EAAC,OAAO,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,CAC/D,CAAC;IAEF,OAAO,CACL,uDACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EAAC,aAAa,EAAE,SAAS,CAAC,EACvC,KAAK,EAAE,MAAM,IACb,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,UAAU,CACjB,KAAuC;IAEvC,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,EAAE,CAAC;IACZ,CAAC;IAED,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC3D,OAAO,cAAc,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC;IAED,OAAO,MAAM,CAAC,WAAW,CACvB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,eAAe,EAAE,WAAW,CAAC,EAAE,EAAE,CAAC;QAC5D,eAAe;QACf,cAAc,CAAC,WAAW,CAAC;KAC5B,CAAC,CACH,CAAC;AACJ,CAAC;AAED,MAAM,cAAc,GAAG,CAAC,IAAqB,EAAE,EAAE;IAC/C,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC7B,OAAO,UAAU,IAAI,mBAAmB,CAAC;IAC3C,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,kBAAe,aAAK,CAAC"}

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

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

package/cjs/layout/grid/index.js

@@ -6,3 +6,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.HGrid = void 0;
 var HGrid_1 = require("./HGrid");
 Object.defineProperty(exports, "HGrid", { enumerable: true, get: function () { return __importDefault(HGrid_1).default; } });
+//# sourceMappingURL=index.js.map

package/cjs/layout/grid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layout/grid/index.ts"],"names":[],"mappings":";;;;;;AAAA,iCAA4D;AAAnD,+GAAA,OAAO,OAAS"}

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

@@ -0,0 +1,63 @@
+import React from "react";
+import bgColors from "@navikt/ds-tokens/src/colors-bg.json";
+import { OverridableComponent } from "../../util";
+import { PageBlock } from "./parts/PageBlock";
+export interface PageProps extends React.HTMLAttributes<HTMLElement> {
+    /**
+     * Overrides html-tag
+     * @default "div"
+     */
+    as?: "div" | "body";
+    /**
+     * Background color. Accepts a color token.
+     * @default bg-default
+     */
+    background?: keyof typeof bgColors.a | "surface-subtle";
+    /**
+     * Allows better positioning of footer
+     */
+    footer?: React.ReactNode;
+    /**
+     * Places footer below page-fold
+     */
+    footerPosition?: "belowFold";
+    /**
+     * Adds a standardised padding of 4rem between content and footer
+     * @default block-end
+     */
+    contentBlockPadding?: "end" | "none";
+}
+interface PageComponentType extends OverridableComponent<PageProps, HTMLElement> {
+    Block: typeof PageBlock;
+}
+export declare const PageComponent: OverridableComponent<PageProps, HTMLElement>;
+/**
+ * Page helps with establishing a top-level layout for your page
+ *
+ * @see [📝 Documentation](https://aksel.nav.no/komponenter/primitives/page)
+ * @see 🏷️ {@link PageProps}
+ * @see [🤖 OverridableComponent](https://aksel.nav.no/grunnleggende/kode/overridablecomponent) support
+ *
+ * @example
+ * ```jsx
+ * <Page
+ *   footer={<Page.Block width="xl" gutters />}
+ * >
+ *   <Page.Block width="xl" gutters />// Header
+ *   <Page.Block width="xl" gutters />// Content
+ * </Page>
+ * ```
+ * @example
+ * Footer placed below page-fold
+ * ```jsx
+ * <Page
+ *   footer={<Page.Block width="xl" gutters />}
+ *   footerPosition="belowFold"
+ * >
+ *   <Page.Block width="xl" gutters />// Header
+ *   <Page.Block width="xl" gutters />// Content
+ * </Page>
+ * ```
+ */
+declare const Page: PageComponentType;
+export default Page;

package/cjs/layout/page/Page.js

@@ -84,3 +84,4 @@ exports.PageComponent = (0, react_1.forwardRef)((_a, ref) => {
 const Page = exports.PageComponent;
 Page.Block = PageBlock_1.PageBlock;
 exports.default = Page;
+//# sourceMappingURL=Page.js.map

package/cjs/layout/page/Page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../src/layout/page/Page.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAG1C,iDAA8C;AAiCjC,QAAA,aAAa,GACxB,IAAA,kBAAU,EACR,CACE,EAUC,EACD,GAAG,EACH,EAAE;QAZF,EACE,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,SAAS,EACT,KAAK,EAAE,MAAM,EACb,MAAM,EACN,QAAQ,EACR,cAAc,EACd,UAAU,GAAG,YAAY,EACzB,mBAAmB,GAAG,KAAK,OAE5B,EADI,IAAI,cATT,yGAUC,CADQ;IAIT,MAAM,KAAK,mCACN,MAAM,KACT,wBAAwB,EAAE,WAAW,UAAU,GAAG,GACnD,CAAC;IAEF,MAAM,SAAS,GAAG,cAAc,KAAK,WAAW,CAAC;IAEjD,OAAO,CACL,8BAAC,SAAS,oBACJ,IAAI,IACR,SAAS,EAAE,IAAA,cAAE,EAAC,YAAY,EAAE,SAAS,CAAC,EACtC,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK;QAEZ,uCACE,SAAS,EAAE,IAAA,cAAE,EAAC;gBACZ,iCAAiC,EAAE,SAAS;gBAC5C,2BAA2B,EAAE,CAAC,SAAS;gBACvC,8BAA8B,EAAE,mBAAmB,KAAK,KAAK;aAC9D,CAAC,IAED,QAAQ,CACL;QACL,MAAM,CACG,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,IAAI,GAAG,qBAAkC,CAAC;AAEhD,IAAI,CAAC,KAAK,GAAG,qBAAS,CAAC;AAEvB,kBAAe,IAAI,CAAC"}

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

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

package/cjs/layout/page/index.js

@@ -6,3 +6,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Page = void 0;
 var Page_1 = require("./Page");
 Object.defineProperty(exports, "Page", { enumerable: true, get: function () { return __importDefault(Page_1).default; } });
+//# sourceMappingURL=index.js.map

package/cjs/layout/page/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layout/page/index.ts"],"names":[],"mappings":";;;;;;AAAA,+BAAyD;AAAhD,6GAAA,OAAO,OAAQ"}

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

@@ -0,0 +1,54 @@
+import React from "react";
+import { OverridableComponent } from "../../../util/types";
+export declare const widths: readonly ["text", "md", "lg", "xl", "2xl"];
+export interface PageBlockProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Predefined max-width
+     * @example
+     * text: 576px + dynamic gutters
+     * md:   768px
+     * lg:   1024px
+     * xl:   1280px
+     * 2xl:  1440px
+     * @default max-width: 100%;
+     */
+    width?: (typeof widths)[number];
+    /**
+     * Adds a standardised responsive padding-inline
+     * @example
+     * 3rem on > md
+     * 1rem on < md
+     * @default false
+     */
+    gutters?: boolean;
+}
+/**
+ * Acts as a top-level container for defining max-width, gutters and horizontal centering
+ *
+ * @see [📝 Documentation](https://aksel.nav.no/komponenter/primitives/page)
+ * @see 🏷️ {@link PageBlockProps}
+ * @see [🤖 OverridableComponent](https://aksel.nav.no/grunnleggende/kode/overridablecomponent) support
+ *
+ * @example
+ * ```jsx
+ * <Page
+ *   footer={<Page.Block width="xl" gutters />}
+ * >
+ *   <Page.Block width="xl" gutters />// Header
+ *   <Page.Block width="xl" gutters />// Content
+ * </Page>
+ * ```
+ * @example
+ * With background bleed
+ * Wrapping `Page.Block` with `Box` allows the background-color to use full screen-width
+ * ```jsx
+ * <Page
+ *   footer={<Box background="..."><Page.Block width="xl" gutters /></Box>}
+ *   footerPosition="belowFold"
+ * >
+ *   <Box background="..."><Page.Block width="xl" gutters /></Box>//Header
+ *   <Box background="..."><Page.Block width="xl" gutters /></Box>//Content
+ * </Page>
+ * ```
+ */
+export declare const PageBlock: OverridableComponent<PageBlockProps, HTMLDivElement>;

package/cjs/layout/page/parts/PageBlock.js

@@ -74,3 +74,4 @@ exports.PageBlock = (0, react_1.forwardRef)((_a, ref) => {
     var { as: Component = "div", gutters, className, width } = _a, rest = __rest(_a, ["as", "gutters", "className", "width"]);
     return (react_1.default.createElement(Component, Object.assign({}, rest, { className: (0, clsx_1.default)("navds-pageblock", `navds-pageblock--${width}`, className, { "navds-pageblock--gutters": gutters }), ref: ref })));
 });
+//# sourceMappingURL=PageBlock.js.map

package/cjs/layout/page/parts/PageBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageBlock.js","sourceRoot":"","sources":["../../../../src/layout/page/parts/PageBlock.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0C;AAG7B,QAAA,MAAM,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAU,CAAC;AAwBjE;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACU,QAAA,SAAS,GACpB,IAAA,kBAAU,EACR,CAAC,EAA6D,EAAE,GAAG,EAAE,EAAE;QAAtE,EAAE,EAAE,EAAE,SAAS,GAAG,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,OAAW,EAAN,IAAI,cAA3D,uCAA6D,CAAF;IAC1D,OAAO,CACL,8BAAC,SAAS,oBACJ,IAAI,IACR,SAAS,EAAE,IAAA,cAAE,EACX,iBAAiB,EACjB,oBAAoB,KAAK,EAAE,EAC3B,SAAS,EACT,EAAE,0BAA0B,EAAE,OAAO,EAAE,CACxC,EACD,GAAG,EAAE,GAAG,IACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}

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

@@ -0,0 +1,68 @@
+import React, { HTMLAttributes } from "react";
+import { BreakpointsAlias } from "../utilities/types";
+export interface ResponsiveProps extends HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    /**
+     * @example
+     * above='md'
+     */
+    above?: Exclude<BreakpointsAlias, "xs">;
+    /**
+     * @example
+     * below='md'
+     */
+    below?: Exclude<BreakpointsAlias, "xs">;
+    /**
+     * Overrides html-tag
+     * @default "div"
+     */
+    as?: "div" | "span";
+    /**
+     * When true, will render element as its child. This merges classes, styles and event handlers.
+     */
+    asChild?: boolean;
+}
+/**
+ * Responsive view Primitive to show/hide elements based on breakpoints
+ *
+ * @see [📝 Documentation](https://aksel.nav.no/komponenter/primitives/hide)
+ * @see 🏷️ {@link ResponsiveProps}
+ *
+ * @example
+ * <HGrid columns={{ xs: 1, md: 2 }} gap="4">
+ *   <div/>
+ *   <Hide below="md" asChild>
+ *      // Only visible above "md"
+ *   </Hide>
+ * </HGrid>
+ * @example
+ * <HGrid columns={{ xs: 1, md: 2 }} gap="4">
+ *   <div/>
+ *   <Hide above="md" asChild>
+ *      // Only visible below "md"
+ *   </Hide>
+ * </HGrid>
+ */
+export declare const Hide: React.ForwardRefExoticComponent<ResponsiveProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Responsive view Primitive to show/hide elements based on breakpoints
+ *
+ * @see [📝 Documentation](https://aksel.nav.no/komponenter/primitives/show)
+ * @see 🏷️ {@link ResponsiveProps}
+ *
+ * @example
+ * <HGrid columns={{ xs: 1, md: 2 }} gap="4">
+ *   <div/>
+ *   <Show below="md" asChild>
+ *      // Only visible below "md"
+ *   </Show>
+ * </HGrid>
+ * @example
+ * <HGrid columns={{ xs: 1, md: 2 }} gap="4">
+ *   <div/>
+ *   <Show above="md" asChild>
+ *      // Only visible above "md"
+ *   </Show>
+ * </HGrid>
+ */
+export declare const Show: React.ForwardRefExoticComponent<ResponsiveProps & React.RefAttributes<HTMLDivElement>>;

package/cjs/layout/responsive/Responsive.js

@@ -95,3 +95,4 @@ exports.Hide = (0, react_1.forwardRef)((props, ref) => react_1.default.createEle
  * </HGrid>
  */
 exports.Show = (0, react_1.forwardRef)((props, ref) => react_1.default.createElement(Responsive, Object.assign({}, props, { ref: ref, variant: "show" })));
+//# sourceMappingURL=Responsive.js.map

package/cjs/layout/responsive/Responsive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Responsive.js","sourceRoot":"","sources":["../../../src/layout/responsive/Responsive.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAsB;AACtB,+CAA0D;AAC1D,0CAAuC;AA0BvC,MAAM,UAAU,GAAG,IAAA,kBAAU,EAI3B,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,EAAE,EAAE,SAAS,GAAG,KAAK,EACrB,SAAS,EACT,KAAK,EACL,KAAK,EACL,OAAO,EACP,OAAO,OAER,EADI,IAAI,cAPT,2DAQC,CADQ;IAIT,MAAM,SAAS,GAAG,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;IACrD,MAAM,SAAS,GAAG,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;IAErD,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,WAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IAExC,OAAO,CACL,8BAAC,IAAI,oBACC,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAE,EAAC,kBAAkB,EAAE,SAAS,EAAE;YAC3C,CAAC,4BAA4B,SAAS,EAAE,CAAC,EAAE,SAAS;YACpD,CAAC,4BAA4B,SAAS,EAAE,CAAC,EAAE,SAAS;SACrD,CAAC,IACF,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;GAoBG;AACU,QAAA,IAAI,GAAG,IAAA,kBAAU,EAC5B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,8BAAC,UAAU,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAC,MAAM,IAAG,CACnE,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;GAoBG;AACU,QAAA,IAAI,GAAG,IAAA,kBAAU,EAC5B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,8BAAC,UAAU,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAC,MAAM,IAAG,CACnE,CAAC"}

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

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

package/cjs/layout/responsive/index.js

@@ -4,3 +4,4 @@ exports.Hide = exports.Show = void 0;
 var Responsive_1 = require("./Responsive");
 Object.defineProperty(exports, "Show", { enumerable: true, get: function () { return Responsive_1.Show; } });
 Object.defineProperty(exports, "Hide", { enumerable: true, get: function () { return Responsive_1.Hide; } });
+//# sourceMappingURL=index.js.map

package/cjs/layout/responsive/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layout/responsive/index.ts"],"names":[],"mappings":";;;AAAA,2CAAgE;AAAvD,kGAAA,IAAI,OAAA;AAAE,kGAAA,IAAI,OAAA"}

package/cjs/layout/sidemal-test/AvatarPanel.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare function AvatarPanel({ children }: {
+    children: React.ReactNode;
+}): React.JSX.Element;

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

@@ -16,3 +16,4 @@ function AvatarPanel({ children }) {
         children));
 }
 exports.AvatarPanel = AvatarPanel;
+//# sourceMappingURL=AvatarPanel.js.map

package/cjs/layout/sidemal-test/AvatarPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarPanel.js","sourceRoot":"","sources":["../../../src/layout/sidemal-test/AvatarPanel.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,qDAAiD;AACjD,gCAA6B;AAC7B,oCAAkC;AAElC,SAAgB,WAAW,CAAC,EAAE,QAAQ,EAAiC;IACrE,OAAO,CACL,8BAAC,SAAG,IACF,UAAU,EAAC,YAAY,EACvB,aAAa,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EACpC,YAAY,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,EACzC,SAAS,EAAC,aAAa,EACvB,YAAY,EAAC,QAAQ;QAErB,8BAAC,cAAM,IAAC,OAAO,EAAC,QAAQ;YACtB,8BAAC,SAAG,IACF,YAAY,EAAC,MAAM,EACnB,UAAU,EAAC,0BAA0B,EACrC,SAAS,EAAC,QAAQ;gBAElB,8BAAC,wBAAU,IAAC,QAAQ,EAAC,MAAM,GAAG,CAC1B,CACC;QACR,QAAQ,CACL,CACP,CAAC;AACJ,CAAC;AArBD,kCAqBC"}

package/cjs/layout/sidemal-test/Content.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare function Content(): React.JSX.Element;

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

@@ -64,3 +64,4 @@ function Content() {
         react_1.default.createElement(typography_1.BodyLong, { spacing: true }, "For at du skal ha rett til dagpenger som permittert, m\u00E5 permitterings\u00E5rsaken v\u00E6re mangel p\u00E5 arbeid i bedriften eller andre forhold som arbeidsgiveren din ikke kan p\u00E5virke. Grunnen til at du permitteres kan derfor ha betydning for din rett til dagpenger. NAV vurderer om permitterings\u00E5rsaken gir deg rett til dagpenger.")));
 }
 exports.Content = Content;
+//# sourceMappingURL=Content.js.map

package/cjs/layout/sidemal-test/Content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content.js","sourceRoot":"","sources":["../../../src/layout/sidemal-test/Content.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,qDAA+C;AAC/C,+CAA4C;AAC5C,iDAA8C;AAC9C,qCAAkC;AAClC,qCAAkC;AAClC,+CAA2C;AAC3C,iDAAqD;AACrD,gCAA6B;AAC7B,oCAAkC;AAClC,+CAA4C;AAE5C,SAAgB,OAAO;IACrB,OAAO,CACL,8BAAC,yBAAW;QACV,8BAAC,SAAG,IAAC,YAAY,EAAC,KAAK;YACrB,8BAAC,cAAM,IAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAC,OAAO;gBAC3B,8BAAC,oBAAO,IAAC,IAAI,EAAC,OAAO,wBAAuB;gBAC5C,8BAAC,uBAAU,IACT,QAAQ,EAAC,GAAG,EACZ,IAAI,EAAC,cAAc,EACnB,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,8BAAC,sBAAQ,0BAAe,GAC9B,CACK,CACL;QACN,8BAAC,qBAAQ,IAAC,MAAM,EAAC,UAAU,mHAGhB;QACX,8BAAC,WAAI;YACH,8BAAC,WAAI,CAAC,IAAI,yEAEE;YACZ,8BAAC,WAAI,CAAC,IAAI,qEAEE;YACZ,8BAAC,WAAI,CAAC,IAAI,+KAIE;YACZ,8BAAC,WAAI,CAAC,IAAI,kCAA+B,CACpC;QACP,8BAAC,SAAG,IAAC,YAAY,EAAC,KAAK;YACrB,8BAAC,oBAAQ,IAAC,MAAM,EAAC,0CAA0C;;gBAGzD,8BAAC,WAAI;oBACH,8BAAC,WAAI,CAAC,IAAI,yBAA2B;oBACrC,8BAAC,WAAI,CAAC,IAAI,0CAA4C;oBACtD,8BAAC,WAAI,CAAC,IAAI,8CAAgD;oBAC1D,8BAAC,WAAI,CAAC,IAAI,4DAEE,CACP;gBACP,8BAAC,qBAAQ,uFAGE,CACF,CACP;QACN,8BAAC,qBAAQ,IAAC,MAAM,EAAC,UAAU,+CAAqC;QAChE,8BAAC,WAAI;YACH,8BAAC,WAAI,CAAC,IAAI,8BAA2B;YACrC,8BAAC,WAAI,CAAC,IAAI,+CAA4C;YACtD,8BAAC,WAAI,CAAC,IAAI,mEAEE;YACZ,8BAAC,WAAI,CAAC,IAAI,uCAAyC;YACnD,8BAAC,WAAI,CAAC,IAAI,4CAAoC,CACzC;QACP,8BAAC,qBAAQ,IAAC,OAAO;;YACJ,8BAAC,WAAI,IAAC,IAAI,EAAC,GAAG,8DAA2C,CAC3D;QACX,8BAAC,SAAG,IAAC,YAAY,EAAC,KAAK;YACrB,8BAAC,qBAAS;gBACR,8BAAC,qBAAS,CAAC,IAAI;oBACb,8BAAC,qBAAS,CAAC,MAAM,+BAAwC;oBACzD,8BAAC,qBAAS,CAAC,OAAO,gOAIE,CACL;gBACjB,8BAAC,qBAAS,CAAC,IAAI;oBACb,8BAAC,qBAAS,CAAC,MAAM,uCAAgD;oBACjE,8BAAC,qBAAS,CAAC,OAAO,gOAIE,CACL;gBACjB,8BAAC,qBAAS,CAAC,IAAI;oBACb,8BAAC,qBAAS,CAAC,MAAM,4CAAgD;oBACjE,8BAAC,qBAAS,CAAC,OAAO,gOAIE,CACL,CACP,CACR;QACN,8BAAC,oBAAO,IAAC,OAAO,QAAC,KAAK,EAAC,GAAG,EAAC,IAAI,EAAC,QAAQ,8BAE9B;QACV,8BAAC,qBAAQ,IAAC,OAAO,mJAGN;QACX,8BAAC,oBAAO,IAAC,OAAO,QAAC,KAAK,EAAC,GAAG,EAAC,IAAI,EAAC,QAAQ,4BAE9B;QACV,8BAAC,qBAAQ,IAAC,OAAO,oSAKN;QACX,8BAAC,qBAAQ,IAAC,OAAO,yWAMN,CACC,CACf,CAAC;AACJ,CAAC;AApHD,0BAoHC"}

package/cjs/layout/sidemal-test/Filter.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare function FilterCard(): React.JSX.Element;

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

@@ -46,3 +46,4 @@ function FilterCard() {
                         react_1.default.createElement(typography_1.Detail, null, "Ingen filtre er valgt, s\u00E5 alt innhold vises."))))))));
 }
 exports.FilterCard = FilterCard;
+//# sourceMappingURL=Filter.js.map

package/cjs/layout/sidemal-test/Filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Filter.js","sourceRoot":"","sources":["../../../src/layout/sidemal-test/Filter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AACxC,qDAA4D;AAC5D,qCAAqD;AACrD,iDAA6D;AAC7D,gCAA6B;AAC7B,oCAA0C;AAE1C,SAAgB,UAAU;IACxB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAQ,EAAE,CAAC,CAAC;IAEhD,OAAO,CACL,8BAAC,SAAG,IACF,UAAU,EAAC,YAAY,EACvB,OAAO,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAC7B,WAAW,EAAC,GAAG,EACf,WAAW,EAAC,cAAc,EAC1B,YAAY,EAAC,QAAQ;QAErB,8BAAC,cAAM,IAAC,GAAG,EAAC,GAAG;YACb,8BAAC,oBAAO,IAAC,IAAI,EAAC,OAAO,qCAAyC;YAC9D,8BAAC,qBAAQ,gHAGE;YACX;gBACE,8BAAC,oBAAa,IACZ,MAAM,EAAC,yBAAyB,EAChC,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,SAAS;oBAEnB,8BAAC,eAAQ,IAAC,KAAK,EAAC,MAAM,0BAA+B;oBACrD,8BAAC,eAAQ,IAAC,KAAK,EAAC,MAAM,wBAA6B,CACrC;gBACf,CAAC,MAAM,CAAC,MAAM,IAAI,CACjB,8BAAC,SAAG,IAAC,YAAY,EAAC,KAAK;oBACrB,8BAAC,cAAM,IAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAC,QAAQ;wBAC5B,8BAAC,mCAAqB,0BAAe;wBACrC,8BAAC,mBAAM,4DAAsD,CACtD,CACL,CACP,CACG,CACC,CACL,CACP,CAAC;AACJ,CAAC;AAtCD,gCAsCC"}

package/cjs/layout/sidemal-test/Header.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare function Header(): React.JSX.Element;

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

@@ -46,3 +46,4 @@ function Pictogram() {
             react_1.default.createElement("clipPath", { id: "clip0_4486_7567" },
                 react_1.default.createElement("rect", { width: "96", height: "96", fill: "white" })))));
 }
+//# sourceMappingURL=Header.js.map

package/cjs/layout/sidemal-test/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/layout/sidemal-test/Header.tsx"],"names":[],"mappings":"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"}

package/cjs/layout/sidemal-test/Intro.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare function IntroCard(): React.JSX.Element;

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

@@ -34,3 +34,4 @@ function IntroCard() {
                             react_1.default.createElement(typography_1.Detail, { as: "span" }, "Trenger hjelp til \u00E5 komme i jobb"))))))));
 }
 exports.IntroCard = IntroCard;
+//# sourceMappingURL=Intro.js.map

package/cjs/layout/sidemal-test/Intro.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Intro.js","sourceRoot":"","sources":["../../../src/layout/sidemal-test/Intro.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,qDAA+C;AAC/C,iDAA8C;AAC9C,iDAAoE;AACpE,gCAA6B;AAC7B,oCAA0C;AAE1C,SAAgB,SAAS;IACvB,OAAO,CACL,8BAAC,SAAG,IACF,UAAU,EAAC,YAAY,EACvB,OAAO,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAC9B,YAAY,EAAC,QAAQ;QAErB,8BAAC,cAAM,IAAC,GAAG,EAAC,GAAG;YACb,8BAAC,cAAM,IAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAC,OAAO;gBAC3B,8BAAC,oBAAO,IAAC,IAAI,EAAC,OAAO,wBAA4B;gBACjD,8BAAC,uBAAU,IACT,QAAQ,EAAC,GAAG,EACZ,IAAI,EAAC,cAAc,EACnB,UAAU,EAAC,mBAAmB,EAC9B,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,8BAAC,sBAAQ,0BAAe,GAC9B,CACK;YACT,8BAAC,qBAAQ,oGAGE;YACX;gBACE,8BAAC,kBAAK,IAAC,EAAE,EAAC,GAAG,EAAC,OAAO,6CAEb;gBACR,8BAAC,cAAM,IAAC,IAAI,QAAC,GAAG,EAAC,GAAG;oBAClB,8BAAC,SAAG,IACF,YAAY,EAAC,MAAM,EACnB,MAAM,EAAC,OAAO,EACd,WAAW,EAAC,GAAG,EACf,WAAW,EAAC,eAAe,EAC3B,YAAY,EAAC,GAAG,EAChB,aAAa,EAAC,GAAG;wBAEjB,8BAAC,cAAM,IAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAC,QAAQ;4BAC5B,8BAAC,SAAG,IACF,YAAY,EAAC,MAAM,EACnB,UAAU,EAAC,iBAAiB,EAC5B,OAAO,EAAC,GAAG,GACX;4BACF,8BAAC,mBAAM,IAAC,EAAE,EAAC,MAAM,sCAAyC,CACnD,CACL;oBACN,8BAAC,SAAG,IACF,YAAY,EAAC,MAAM,EACnB,MAAM,EAAC,OAAO,EACd,WAAW,EAAC,GAAG,EACf,WAAW,EAAC,eAAe,EAC3B,YAAY,EAAC,GAAG,EAChB,aAAa,EAAC,GAAG;wBAEjB,8BAAC,cAAM,IAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAC,QAAQ;4BAC5B,8BAAC,SAAG,IACF,YAAY,EAAC,MAAM,EACnB,UAAU,EAAC,iBAAiB,EAC5B,OAAO,EAAC,GAAG,GACX;4BACF,8BAAC,mBAAM,IAAC,EAAE,EAAC,MAAM,sBAAoB,CAC9B,CACL;oBACN,8BAAC,SAAG,IACF,YAAY,EAAC,MAAM,EACnB,MAAM,EAAC,OAAO,EACd,WAAW,EAAC,GAAG,EACf,WAAW,EAAC,eAAe,EAC3B,YAAY,EAAC,GAAG,EAChB,aAAa,EAAC,GAAG;wBAEjB,8BAAC,cAAM,IAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAC,QAAQ;4BAC5B,8BAAC,SAAG,IACF,YAAY,EAAC,MAAM,EACnB,UAAU,EAAC,iBAAiB,EAC5B,OAAO,EAAC,GAAG,GACX;4BACF,8BAAC,mBAAM,IAAC,EAAE,EAAC,MAAM,4CAA0C,CACpD,CACL,CACC,CACL,CACC,CACL,CACP,CAAC;AACJ,CAAC;AAnFD,8BAmFC"}