@navikt/ds-react 6.10.1 → 6.12.0

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

@@ -1,37 +0,0 @@
-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 cl from "clsx";
-import React, { forwardRef } from "react";
-export const ContentBox = forwardRef((_a, ref) => {
-    var { as: Component = "div", className, maxWidth = "xl" } = _a, rest = __rest(_a, ["as", "className", "maxWidth"]);
-    const getMaxWidth = () => {
-        return maxWidth === "3xl"
-            ? "1920px"
-            : maxWidth === "2xl"
-                ? "1440px"
-                : maxWidth === "xl"
-                    ? "1280px"
-                    : "1024px";
-    };
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Component, Object.assign({}, rest, { ref: ref, style: { "--__ac-contentbox--max-width": getMaxWidth() }, className: cl("navds-contentbox", className) })),
-        React.createElement("style", null, `
-              .navds-contentbox {
-                --__ac-contentbox--max-width: initial;
-
-                margin: 0 auto;
-                max-width: var(--__ac-contentbox--max-width);
-              }
-            `)));
-});
-export default ContentBox;
-//# sourceMappingURL=ContentBox.js.map

package/esm/layout/sidemal-test/content-box/ContentBox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContentBox.js","sourceRoot":"","sources":["../../../../src/layout/sidemal-test/content-box/ContentBox.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,MAAM,CAAC;AACtB,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAC;AAQ1D,MAAM,CAAC,MAAM,UAAU,GACrB,UAAU,CACR,CAAC,EAA8D,EAAE,GAAG,EAAE,EAAE;QAAvE,EAAE,EAAE,EAAE,SAAS,GAAG,KAAK,EAAE,SAAS,EAAE,QAAQ,GAAG,IAAI,OAAW,EAAN,IAAI,cAA5D,+BAA8D,CAAF;IAC3D,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,OAAO,QAAQ,KAAK,KAAK;YACvB,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,QAAQ,KAAK,KAAK;gBAClB,CAAC,CAAC,QAAQ;gBACV,CAAC,CAAC,QAAQ,KAAK,IAAI;oBACjB,CAAC,CAAC,QAAQ;oBACV,CAAC,CAAC,QAAQ,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACL;QACE,oBAAC,SAAS,oBACJ,IAAI,IACR,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,EAAE,8BAA8B,EAAE,WAAW,EAAE,EAAE,EACxD,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC,IAC5C;QACF,mCACG;;;;;;;aAOA,CACK,CACP,CACJ,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,eAAe,UAAU,CAAC"}

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/layout/sidemal-test/content-box/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAwB,MAAM,cAAc,CAAC"}

package/esm/util/Slot.d.ts

@@ -1,6 +0,0 @@
-import * as React from "react";
-interface SlotProps extends React.HTMLAttributes<HTMLElement> {
-    children?: React.ReactNode;
-}
-export declare const Slot: React.ForwardRefExoticComponent<SlotProps & React.RefAttributes<HTMLElement>>;
-export {};

package/esm/util/Slot.js

@@ -1,63 +0,0 @@
-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;
-};
-// https://github.com/radix-ui/primitives/blob/main/packages/react/slot/src/Slot.tsx
-import * as React from "react";
-import { mergeRefs } from "./hooks/useMergeRefs.js";
-export const Slot = React.forwardRef((props, forwardedRef) => {
-    var _a;
-    const { children } = props, slotProps = __rest(props, ["children"]);
-    if (React.isValidElement(children)) {
-        return React.cloneElement(children, Object.assign(Object.assign({}, mergeProps(slotProps, children.props)), { ref: forwardedRef
-                ? mergeRefs([forwardedRef, children.ref])
-                : children.ref }));
-    }
-    if (React.Children.count(children) > 1) {
-        const error = new Error("Aksel: Components using 'asChild' expects to recieve a single React element child.");
-        error.name = "SlotError";
-        (_a = Error.captureStackTrace) === null || _a === void 0 ? void 0 : _a.call(Error, error, Slot);
-        throw error;
-    }
-    return null;
-});
-function mergeProps(slotProps, childProps) {
-    // all child props should override
-    const overrideProps = Object.assign({}, childProps);
-    for (const propName in childProps) {
-        const slotPropValue = slotProps[propName];
-        const childPropValue = childProps[propName];
-        const isHandler = /^on[A-Z]/.test(propName);
-        if (isHandler) {
-            // if the handler exists on both, we compose them
-            if (slotPropValue && childPropValue) {
-                overrideProps[propName] = (...args) => {
-                    childPropValue(...args);
-                    slotPropValue(...args);
-                };
-            }
-            // but if it exists only on the slot, we use only this one
-            else if (slotPropValue) {
-                overrideProps[propName] = slotPropValue;
-            }
-        }
-        // if it's `style`, we merge them
-        else if (propName === "style") {
-            overrideProps[propName] = Object.assign(Object.assign({}, slotPropValue), childPropValue);
-        }
-        else if (propName === "className") {
-            overrideProps[propName] = [slotPropValue, childPropValue]
-                .filter(Boolean)
-                .join(" ");
-        }
-    }
-    return Object.assign(Object.assign({}, slotProps), overrideProps);
-}
-//# sourceMappingURL=Slot.js.map

package/esm/util/Slot.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Slot.js","sourceRoot":"","sources":["../../src/util/Slot.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,oFAAoF;AACpF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAMjD,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAClC,CAAC,KAAK,EAAE,YAAY,EAAE,EAAE;;IACtB,MAAM,EAAE,QAAQ,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK,EAAlC,YAA0B,CAAQ,CAAC;IAEzC,IAAI,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC;QACnC,OAAO,KAAK,CAAC,YAAY,CAAM,QAAQ,kCAClC,UAAU,CAAC,SAAS,EAAE,QAAQ,CAAC,KAAK,CAAC,KACxC,GAAG,EAAE,YAAY;gBACf,CAAC,CAAC,SAAS,CAAC,CAAC,YAAY,EAAG,QAAgB,CAAC,GAAG,CAAC,CAAC;gBAClD,CAAC,CAAE,QAAgB,CAAC,GAAG,IACzB,CAAC;IACL,CAAC;IAED,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;QACvC,MAAM,KAAK,GAAG,IAAI,KAAK,CACrB,oFAAoF,CACrF,CAAC;QACF,KAAK,CAAC,IAAI,GAAG,WAAW,CAAC;QACzB,MAAA,KAAK,CAAC,iBAAiB,sDAAG,KAAK,EAAE,IAAI,CAAC,CAAC;QACvC,MAAM,KAAK,CAAC;IACd,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CACF,CAAC;AAEF,SAAS,UAAU,CACjB,SAA8B,EAC9B,UAA+B;IAE/B,kCAAkC;IAClC,MAAM,aAAa,qBAAQ,UAAU,CAAE,CAAC;IAExC,KAAK,MAAM,QAAQ,IAAI,UAAU,EAAE,CAAC;QAClC,MAAM,aAAa,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;QAC1C,MAAM,cAAc,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC;QAE5C,MAAM,SAAS,GAAG,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC5C,IAAI,SAAS,EAAE,CAAC;YACd,iDAAiD;YACjD,IAAI,aAAa,IAAI,cAAc,EAAE,CAAC;gBACpC,aAAa,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,IAAe,EAAE,EAAE;oBAC/C,cAAc,CAAC,GAAG,IAAI,CAAC,CAAC;oBACxB,aAAa,CAAC,GAAG,IAAI,CAAC,CAAC;gBACzB,CAAC,CAAC;YACJ,CAAC;YACD,0DAA0D;iBACrD,IAAI,aAAa,EAAE,CAAC;gBACvB,aAAa,CAAC,QAAQ,CAAC,GAAG,aAAa,CAAC;YAC1C,CAAC;QACH,CAAC;QACD,iCAAiC;aAC5B,IAAI,QAAQ,KAAK,OAAO,EAAE,CAAC;YAC9B,aAAa,CAAC,QAAQ,CAAC,mCAAQ,aAAa,GAAK,cAAc,CAAE,CAAC;QACpE,CAAC;aAAM,IAAI,QAAQ,KAAK,WAAW,EAAE,CAAC;YACpC,aAAa,CAAC,QAAQ,CAAC,GAAG,CAAC,aAAa,EAAE,cAAc,CAAC;iBACtD,MAAM,CAAC,OAAO,CAAC;iBACf,IAAI,CAAC,GAAG,CAAC,CAAC;QACf,CAAC;IACH,CAAC;IAED,uCAAY,SAAS,GAAK,aAAa,EAAG;AAC5C,CAAC"}

package/src/layout/sidemal-test/AvatarPanel.tsx

@@ -1,27 +0,0 @@
-import React from "react";
-import { PersonIcon } from "@navikt/aksel-icons";
-import { Box } from "../box";
-import { HStack } from "../stack";
-
-export function AvatarPanel({ children }: { children: React.ReactNode }) {
-  return (
-    <Box
-      background="bg-default"
-      paddingInline={{ xs: "4", md: "10" }}
-      paddingBlock={{ xs: "10 8", md: "12 10" }}
-      className="avatar-card"
-      borderRadius="medium"
-    >
-      <HStack justify="center">
-        <Box
-          borderRadius="full"
-          background="surface-success-moderate"
-          className="avatar"
-        >
-          <PersonIcon fontSize="2rem" />
-        </Box>
-      </HStack>
-      {children}
-    </Box>
-  );
-}

package/src/layout/sidemal-test/Content.tsx

@@ -1,129 +0,0 @@
-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";
-
-export function Content() {
-  return (
-    <AvatarPanel>
-      <Box paddingBlock="0 6">
-        <VStack gap="3" align="start">
-          <Heading size="large">Hvem kan få?</Heading>
-          <CopyButton
-            copyText="#"
-            text="Kopier lenke"
-            size="small"
-            icon={<LinkIcon aria-hidden />}
-          />
-        </VStack>
-      </Box>
-      <BodyLong weight="semibold">
-        Har du blitt arbeidsledig eller permittert, kan du få dagpenger fra NAV
-        hvis alt dette gjelder for deg:
-      </BodyLong>
-      <List>
-        <List.Item>
-          Du har mistet minst 50 prosent av den totale arbeidstiden din.
-        </List.Item>
-        <List.Item>
-          Du har fått inntekten din helt eller delvis redusert.
-        </List.Item>
-        <List.Item>
-          Du har hatt en inntekt på minst 177 930 kroner (1,5 G - Grunnbeløp) de
-          siste 12 månedene, eller minst 355 860 kroner (3 G) de siste 36
-          månedene.
-        </List.Item>
-        <List.Item>Du er under 67 år.</List.Item>
-      </List>
-      <Box paddingBlock="0 7">
-        <ReadMore header="Hvilke inntekter gir rett til dagpenger?">
-          Vi bruker disse inntektene for å finne ut om du har rett til
-          dagpenger:
-          <List>
-            <List.Item>Arbeidsinntekt</List.Item>
-            <List.Item>Foreldrepenger som arbeidstaker</List.Item>
-            <List.Item>Svangerskapspenger som arbeidstaker</List.Item>
-            <List.Item>
-              Svangerskapsrelaterte sykepenger som arbeidstaker
-            </List.Item>
-          </List>
-          <BodyLong>
-            Inntekt som selvstendig næringsdrivende regnes ikke som
-            arbeidsinntekt.
-          </BodyLong>
-        </ReadMore>
-      </Box>
-      <BodyLong weight="semibold">For å få dagpenger må du:</BodyLong>
-      <List>
-        <List.Item>søke dagpenger</List.Item>
-        <List.Item>registrere deg som arbeidssøker</List.Item>
-        <List.Item>
-          oppholde deg i Norge og være medlem av folketrygden
-        </List.Item>
-        <List.Item>sende meldekort hver 14. dag</List.Item>
-        <List.Item>være reell arbeidssøker</List.Item>
-      </List>
-      <BodyLong spacing>
-        Les mer om <Link href="#">hva du må gjøre for å få dagpenger.</Link>
-      </BodyLong>
-      <Box paddingBlock="0 7">
-        <Accordion>
-          <Accordion.Item>
-            <Accordion.Header>Har du flere jobber?</Accordion.Header>
-            <Accordion.Content>
-              Det er den totale arbeidstiden din som må være redusert med minst
-              50 prosent. Har du flere jobber må du samlet sett ha mistet minst
-              50 prosent av arbeidstiden din for å kunne få dagpenger.
-            </Accordion.Content>
-          </Accordion.Item>
-          <Accordion.Item>
-            <Accordion.Header>Oppholder du deg i utlandet?</Accordion.Header>
-            <Accordion.Content>
-              Det er den totale arbeidstiden din som må være redusert med minst
-              50 prosent. Har du flere jobber må du samlet sett ha mistet minst
-              50 prosent av arbeidstiden din for å kunne få dagpenger.
-            </Accordion.Content>
-          </Accordion.Item>
-          <Accordion.Item>
-            <Accordion.Header>Mottar du annen pengestøtte?</Accordion.Header>
-            <Accordion.Content>
-              Det er den totale arbeidstiden din som må være redusert med minst
-              50 prosent. Har du flere jobber må du samlet sett ha mistet minst
-              50 prosent av arbeidstiden din for å kunne få dagpenger.
-            </Accordion.Content>
-          </Accordion.Item>
-        </Accordion>
-      </Box>
-      <Heading spacing level="3" size="medium">
-        Hvis du er arbeidsledig
-      </Heading>
-      <BodyLong spacing>
-        Grunnen til at du mistet jobben din kan få betydning for dagpengene
-        dine. Sjekk hvilke regler som gjelder for disse situasjonene.
-      </BodyLong>
-      <Heading spacing level="3" size="medium">
-        Hvis du er permittert
-      </Heading>
-      <BodyLong spacing>
-        Som permittert har du rett til lønn fra arbeidsgiveren din de 15 første
-        arbeidsdagene du er permittert. Hvis du er delvis permittert, kan de 15
-        arbeidsdagene med lønn strekke seg over en lengre periode. Etter denne
-        perioden med lønn, kan du få dagpenger.
-      </BodyLong>
-      <BodyLong spacing>
-        For at du skal ha rett til dagpenger som permittert, må
-        permitteringsårsaken være mangel på arbeid i bedriften eller andre
-        forhold som arbeidsgiveren din ikke kan påvirke. Grunnen til at du
-        permitteres kan derfor ha betydning for din rett til dagpenger. NAV
-        vurderer om permitteringsårsaken gir deg rett til dagpenger.
-      </BodyLong>
-    </AvatarPanel>
-  );
-}

package/src/layout/sidemal-test/Filter.tsx

@@ -1,46 +0,0 @@
-import React, { useState } from "react";
-import { InformationSquareIcon } from "@navikt/aksel-icons";
-import { Checkbox, CheckboxGroup } from "../../form/checkbox";
-import { BodyLong, Detail, Heading } from "../../typography";
-import { Box } from "../box";
-import { HStack, VStack } from "../stack";
-
-export function FilterCard() {
-  const [filter, setFilter] = useState<any[]>([]);
-
-  return (
-    <Box
-      background="bg-default"
-      padding={{ xs: "4", md: "5" }}
-      borderWidth="5"
-      borderColor="border-alt-3"
-      borderRadius="medium"
-    >
-      <VStack gap="6">
-        <Heading size="large">Fortell oss om situasjonen din</Heading>
-        <BodyLong>
-          Fortell oss litt om situasjonen din, så viser vi bare den
-          informasjonen som er relevant for deg.
-        </BodyLong>
-        <div>
-          <CheckboxGroup
-            legend="Hva er situasjonen din?"
-            size="small"
-            onChange={setFilter}
-          >
-            <Checkbox value="box1">Jeg er arbeidsledig</Checkbox>
-            <Checkbox value="box2">Jeg er permittert</Checkbox>
-          </CheckboxGroup>
-          {!filter.length && (
-            <Box paddingBlock="2 0">
-              <HStack gap="2" align="center">
-                <InformationSquareIcon aria-hidden />
-                <Detail>Ingen filtre er valgt, så alt innhold vises.</Detail>
-              </HStack>
-            </Box>
-          )}
-        </div>
-      </VStack>
-    </Box>
-  );
-}

package/src/layout/sidemal-test/Header.tsx

@@ -1,96 +0,0 @@
-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";
-
-export function Header() {
-  return (
-    <Box
-      as="header"
-      borderWidth="0 0 4 0"
-      borderColor="border-success"
-      paddingBlock="12 0"
-    >
-      <ContentBox maxWidth="lg">
-        <Box background="surface-default" paddingInline="4" paddingBlock="0 6">
-          <HStack align="start" gap="8">
-            <Hide below="md">
-              <Pictogram />
-            </Hide>
-
-            <VStack gap={{ xs: "4", md: "5" }}>
-              <Heading level="1" size="xlarge">
-                Dagpenger
-              </Heading>
-
-              <Hide below="md">
-                <HStack gap="4" align="center">
-                  <BodyShort size="small">PENGESTØTTE</BodyShort>
-                  <span aria-hidden="true">|</span>
-                  <Detail>Oppdatert 5. juli 2023</Detail>
-                </HStack>
-              </Hide>
-              <Show below="md">
-                <VStack gap="2">
-                  <BodyShort size="small">PENGESTØTTE</BodyShort>
-                  <Detail>Oppdatert 24. august 2023</Detail>
-                </VStack>
-              </Show>
-            </VStack>
-          </HStack>
-        </Box>
-      </ContentBox>
-    </Box>
-  );
-}
-
-function Pictogram() {
-  return (
-    <svg
-      aria-hidden
-      xmlns="http://www.w3.org/2000/svg"
-      fill="none"
-      width="80"
-      height="80"
-      viewBox="0 0 96.45 96.44"
-    >
-      <g clipPath="url(#clip0_4486_7567)">
-        <path
-          d="M37.6276 55.6806L12.707 30.76L31.2599 12.2071L56.1805 37.1277L66.7031 26.6052L75.0165 74.5166L27.1051 66.2031L37.6276 55.6806Z"
-          fill="#CCF1D6"
-        />
-        <path d="M41 11V33H2L2 9H27.5072" stroke="#262626" strokeWidth="3" />
-        <circle cx="22" cy="16" r="6.5" stroke="#262626" strokeWidth="3" />
-        <circle cx="35" cy="9" r="6.5" stroke="#262626" strokeWidth="3" />
-        <circle cx="62" cy="63" r="22.5" stroke="#262626" strokeWidth="3" />
-        <path
-          d="M77.8105 77.7964L94.9534 94.9392"
-          stroke="#262626"
-          strokeWidth="3"
-        />
-        <path
-          d="M47.6311 59.1036L72.7452 52.3743C73.0119 52.3028 73.2861 52.4611 73.3576 52.7279L75.1693 59.4894C75.3837 60.2896 74.9088 61.1121 74.1086 61.3265L50.9264 67.5381C50.1262 67.7525 49.3037 67.2777 49.0893 66.4775L47.2776 59.716C47.2061 59.4493 47.3644 59.1751 47.6311 59.1036Z"
-          stroke="#262626"
-          strokeWidth="3"
-        />
-        <path
-          d="M52.3847 74.912L50.4436 67.6676L74.5917 61.1971L76.5329 68.4416C76.7473 69.2418 76.2724 70.0643 75.4722 70.2787L54.2218 75.9727C53.4216 76.1871 52.5991 75.7122 52.3847 74.912Z"
-          stroke="#262626"
-          strokeWidth="3"
-        />
-        <path
-          d="M64.1814 55.1864L63.6638 53.2546C63.092 51.1207 60.8987 49.8544 58.7648 50.4261V50.4261C56.631 50.9979 55.3646 53.1913 55.9364 55.3251L56.454 57.257"
-          stroke="#262626"
-          strokeWidth="3"
-        />
-      </g>
-      <defs>
-        <clipPath id="clip0_4486_7567">
-          <rect width="96" height="96" fill="white" />
-        </clipPath>
-      </defs>
-    </svg>
-  );
-}

package/src/layout/sidemal-test/Intro.tsx

@@ -1,91 +0,0 @@
-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";
-
-export function IntroCard() {
-  return (
-    <Box
-      background="bg-default"
-      padding={{ xs: "4", md: "10" }}
-      borderRadius="medium"
-    >
-      <VStack gap="6">
-        <VStack gap="3" align="start">
-          <Heading size="large">Kort om dagpenger</Heading>
-          <CopyButton
-            copyText="#"
-            text="Kopier lenke"
-            activeText="Lenken er kopiert"
-            size="small"
-            icon={<LinkIcon aria-hidden />}
-          />
-        </VStack>
-        <BodyLong>
-          Dagpenger er en pengestøtte du kan få hvis du er arbeidsledig eller
-          permittert.
-        </BodyLong>
-        <div>
-          <Label as="p" spacing>
-            Dagpenger er aktuelt for deg som
-          </Label>
-          <HStack wrap gap="4">
-            <Box
-              borderRadius="full"
-              shadow="small"
-              borderWidth="1"
-              borderColor="border-subtle"
-              paddingBlock="1"
-              paddingInline="2"
-            >
-              <HStack gap="2" align="center">
-                <Box
-                  borderRadius="full"
-                  background="surface-warning"
-                  padding="1"
-                />
-                <Detail as="span">Er arbeidsledig eller permitert</Detail>
-              </HStack>
-            </Box>
-            <Box
-              borderRadius="full"
-              shadow="small"
-              borderWidth="1"
-              borderColor="border-subtle"
-              paddingBlock="1"
-              paddingInline="2"
-            >
-              <HStack gap="2" align="center">
-                <Box
-                  borderRadius="full"
-                  background="surface-warning"
-                  padding="1"
-                />
-                <Detail as="span">Søker jobb</Detail>
-              </HStack>
-            </Box>
-            <Box
-              borderRadius="full"
-              shadow="small"
-              borderWidth="1"
-              borderColor="border-subtle"
-              paddingBlock="1"
-              paddingInline="2"
-            >
-              <HStack gap="2" align="center">
-                <Box
-                  borderRadius="full"
-                  background="surface-warning"
-                  padding="1"
-                />
-                <Detail as="span">Trenger hjelp til å komme i jobb</Detail>
-              </HStack>
-            </Box>
-          </HStack>
-        </div>
-      </VStack>
-    </Box>
-  );
-}

package/src/layout/sidemal-test/Sidebar.tsx

@@ -1,77 +0,0 @@
-import React from "react";
-import { Link } from "../../link";
-import { Heading, Label } from "../../typography";
-import { Box } from "../box";
-import { VStack } from "../stack";
-
-const LinkElement = ({ children }) => {
-  return (
-    <Label as="li" className="sidebarlink">
-      {children}
-    </Label>
-  );
-};
-
-export function Sidebar() {
-  return (
-    <VStack gap="4" className="sidebar">
-      <ContentPanel />
-      <NewsPanel />
-    </VStack>
-  );
-}
-
-export function ContentPanel() {
-  return (
-    <Box
-      as="nav"
-      aria-label="innhold"
-      paddingInline="2"
-      paddingBlock="8 4"
-      background="surface-default"
-      borderRadius="medium"
-    >
-      <Box paddingBlock="0 4" paddingInline="2 0">
-        <Heading size="medium">Innhold</Heading>
-      </Box>
-      <ul className="reset-list">
-        <LinkElement>Kort om dagpenger</LinkElement>
-        <LinkElement>Hvem kan få?</LinkElement>
-        <LinkElement>Hvor mye kan du få?</LinkElement>
-        <LinkElement>Når utbetales pengene?</LinkElement>
-        <LinkElement>Hvor lenge kan du få?</LinkElement>
-        <LinkElement>Slik søker du</LinkElement>
-        <LinkElement>Hva må du gjøre for å få dagpenger?</LinkElement>
-        <LinkElement>Gi beskjed om endringer</LinkElement>
-        <LinkElement>Jobb i kombinasjon med dagpenger</LinkElement>
-        <LinkElement>Utdanning og opplæring</LinkElement>
-        <LinkElement>Ferie og utenlandsopphold</LinkElement>
-        <LinkElement>Slik klager du</LinkElement>
-      </ul>
-    </Box>
-  );
-}
-
-export function NewsPanel() {
-  return (
-    <Box
-      paddingBlock="4"
-      paddingInline="2"
-      background="surface-default"
-      aria-label="Nyttig å vite"
-      as="section"
-      borderRadius="medium"
-    >
-      <Box paddingBlock="0 3" paddingInline="2">
-        <Heading size="small">Nyttig å vite</Heading>
-      </Box>
-      <nav aria-label="innhold">
-        <ul className="reset-list">
-          <Box paddingBlock="2" paddingInline="2">
-            <Link>Hva sier loven?</Link>
-          </Box>
-        </ul>
-      </nav>
-    </Box>
-  );
-}

package/src/layout/sidemal-test/content-box/ContentBox.tsx

@@ -1,46 +0,0 @@
-import cl from "clsx";
-import React, { HTMLAttributes, forwardRef } from "react";
-import { OverridableComponent } from "../../../util";
-
-export interface ContentBoxProps extends HTMLAttributes<HTMLDivElement> {
-  children: React.ReactNode;
-  maxWidth?: "3xl" | "2xl" | "xl" | "lg";
-}
-
-export const ContentBox: OverridableComponent<ContentBoxProps, HTMLDivElement> =
-  forwardRef(
-    ({ as: Component = "div", className, maxWidth = "xl", ...rest }, ref) => {
-      const getMaxWidth = () => {
-        return maxWidth === "3xl"
-          ? "1920px"
-          : maxWidth === "2xl"
-            ? "1440px"
-            : maxWidth === "xl"
-              ? "1280px"
-              : "1024px";
-      };
-
-      return (
-        <>
-          <Component
-            {...rest}
-            ref={ref}
-            style={{ "--__ac-contentbox--max-width": getMaxWidth() }}
-            className={cl("navds-contentbox", className)}
-          />
-          <style>
-            {`
-              .navds-contentbox {
-                --__ac-contentbox--max-width: initial;
-
-                margin: 0 auto;
-                max-width: var(--__ac-contentbox--max-width);
-              }
-            `}
-          </style>
-        </>
-      );
-    },
-  );
-
-export default ContentBox;

package/src/layout/sidemal-test/content-box/index.ts

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