@fristil/designsystem 0.2.0

package/CHANGELOG.md

@@ -0,0 +1,85 @@
+# Endringer i @fristil/designsystem
+
+Versjonsnumrene følger [semantisk versjonering](https://semver.org/lang/no/).
+Det offentlige API-et er større enn funksjonene pakken eksporterer, så disse
+regnes som brytende endringer og krever et nytt hovedtall:
+
+- et klassenavn, et `data-*`-attributt eller en lovlig verdi som forsvinner
+  eller endrer betydning,
+- et `part`-navn i en komponent med shadow DOM,
+- et tokennavn eller en `--fs-*`-variabel,
+- en funksjon eller en type i `fs`,
+- en oppføring i `exports` i `package.json`.
+
+Nye komponenter, nye valgfrie attributter og rettelser som ikke endrer markup
+kommer i et nytt undertall.
+
+## Ikke utgitt
+
+## 0.2.0 (2026-09-21)
+
+### Lagt til
+
+- `fristil overta <komponent>` kopierer kildekoden til én komponent inn i
+  prosjektet ditt, og skriver om henvisningene ut av mappa. Til bruk når
+  tilpasning gjennom CSS ikke strekker til. Kopien er din, og oppdateringer av
+  pakken rører den ikke.
+
+- `fristil --hjelp` (og `--help`, `-h`, `help`) skriver ut hva kommandoen kan.
+  Uten argumenter gjorde den før et forsøk på å lage et tema, og klaget over
+  manglende farger uten å nevne at `overta` fantes.
+
+- Pakken kan publiseres på npm. Den har lisens (MIT), en README som blir
+  forsiden på npm, og feltene `repository`, `homepage`, `bugs` og `keywords`.
+  `publishConfig` sier `public`, siden en pakke med navnerom ellers blir
+  privat, og `prepublishOnly` bygger, så en publisering fra et rent klon ikke
+  kan komme ut uten `dist`.
+
+- `bun run sjekk:pakke` kjører [publint](https://publint.dev) mot pakken, som
+  en del av bygget. Den leser `exports` slik nettlesere, buntere og TypeScript
+  faktisk gjør det.
+
+### Rettet
+
+- `types` står først i hver oppføring i `exports`. Betingelsene leses i
+  rekkefølge, og `import` sto først, så TypeScript fant typene bare fordi
+  `.d.ts`-fila lå ved siden av `.js`-fila. Stiene er de samme som før.
+
+- Kommandolinja svarer med en forklaring i stedet for et stakkspor fra Node
+  når kommandoen er ukjent, eller når temafila mangler eller ikke er JSON.
+
+- Lista over valgte filer i `file-upload` brekker nå til flere linjer på smal
+  skjerm. Raden var bredere enn en telefon når filnavnet var langt, og knappen
+  «Fjern <filnavn>» ble klippet av.
+- `<fs-error-summary>` oppdaterer overskriften når `heading` endrer seg. Den
+  ble bare skrevet første gang, så en oppsummering som talte ned fra to feil
+  til én ble stående på to.
+
+## 0.1.0 (2026-09-21)
+
+Første versjon.
+
+### Lagt til
+
+- **Tokens** for farge, størrelse, typografi, radius og skygge, med semantiske
+  navn (`--semantic-*`) over en råskala. Lyst og mørkt tema, og en egen fil for
+  Tailwind 4.
+- **34 CSS-komponenter** som bare trenger en klasse og `data-*`-attributter:
+  accordion, alert, avatar, badge, breadcrumbs, button, card, checkbox, dialog,
+  divider, error-text, fieldset, file-upload, heading, help-text, input, label,
+  link, list, pagination, paragraph, radio, search, select, skeleton,
+  skip-link, spinner, sr-only, switch, table, tag, textarea, toggle-group og
+  tooltip.
+- **Fire rammekomponenter** som kobler sammen markupen du selv skriver:
+  `<fs-field>`, `<fs-error-summary>`, `<fs-popover>` og `<fs-tabs>`.
+- **Fire frittstående komponenter** som eier markupen og interaksjonen:
+  `<fs-calendar>`, `<fs-date-field>`, `<fs-suggestion>` og `<fs-toast>`.
+- **`fs`-API-et**: én funksjon per komponent som tar et valgobjekt og gir
+  attributter tilbake, med lovlige verdier og vakt hengt på funksjonen. En egen
+  inngang for React (`@fristil/designsystem/react`) med `className` og
+  `htmlFor`, og JSX-deklarasjoner for de egendefinerte elementene.
+- **`fristil`-kommandoen** som bygger et tema fra egne farger, sjekker
+  kontrasten mot WCAG og skriver ut CSS-en.
+- **Tilpasning utenfra**: all CSS ligger i `@layer fristil`, form og størrelse
+  leses fra `--fs-*`-variabler med tokenverdien som reserve, og komponenten med
+  shadow DOM eksponerer delene sine med `::part()`.

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 MarkusAugust
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,101 @@
+# @fristil/designsystem
+
+Rammeverksuavhengig designsystem for web: tokens, CSS-komponenter og web components. Alt er bygd på ting nettleseren allerede forstår, så de samme komponentene virker i ren HTML, React, Astro og [Datastar](https://data-star.dev).
+
+> **Dette er en proof of concept.** Ikke et ferdig produkt, ikke aktivt vedlikeholdt, og det kan bli lagt på is. Bruk det til å prøve ut ideen, ikke til noe du må stole på.
+
+Hele dokumentasjonen, med komponentsider, tokens, mønstre og eksempler for fire miljøer, ligger på **[fristil.netlify.app](https://fristil.netlify.app/)**.
+
+## Installasjon
+
+```bash
+npm install @fristil/designsystem
+```
+
+Pakken har ingen påkrevde avhengigheter. `lit` er valgfri, og trengs bare til komponentene som er web components:
+
+```bash
+npm install lit
+```
+
+## CSS-komponenter
+
+En klasse og noen `data-*`-attributter, ingen JavaScript. `tokens.css` definerer variablene alt annet bygger på, så den lastes først. Importer bare stilarkene du bruker; det finnes ingen samlet CSS-fil.
+
+```js
+import "@fristil/designsystem/tokens.css"
+import "@fristil/designsystem/button.css"
+```
+
+```html
+<button class="fs-button">Send søknad</button>
+<button class="fs-button" data-variant="secondary">Lagre utkast</button>
+```
+
+## Attributtene som funksjoner
+
+`fs` gir de samme klassene og attributtene med fullføring og typesjekk i editoren. Hver komponent tar ett valgobjekt og gir attributtene ut:
+
+```js
+import { fs } from "@fristil/designsystem"
+
+fs.button({ variant: "secondary" })
+// { class: "fs-button", "data-variant": "secondary" }
+```
+
+I React importerer du fra `@fristil/designsystem/react`, som gir `className` og `htmlFor` i stedet for HTML-navnene:
+
+```jsx
+import { fs } from "@fristil/designsystem/react"
+
+<button {...fs.button({ variant: "secondary" })}>Lagre utkast</button>
+```
+
+## Web components
+
+Ingenting registreres ved import alene. Du kaller `defineFs*` selv, så du bestemmer når elementet finnes og hva det skal hete:
+
+```js
+import { defineFsDateField } from "@fristil/designsystem/date-field"
+import "@fristil/designsystem/tokens.css"
+import "@fristil/designsystem/date-field.css"
+
+defineFsDateField()
+```
+
+```html
+<fs-date-field label="Fødselsdato" value="2026-05-31"></fs-date-field>
+```
+
+## Eget fargetema
+
+Kommandolinja lager et fullt tema av merkefargene dine, med kontrastkravene regnet ut i OKLCH:
+
+```bash
+npx @fristil/designsystem tema --interaktiv=#7c3aed --fare=#b3261e \
+  --suksess=#2b6940 --advarsel=#8a5a00 --noytral=#1a1a1a --ut=tema.css
+```
+
+Strekker ikke tilpasning gjennom CSS til, kopierer `overta` kildekoden til én komponent inn i prosjektet ditt, med henvisningene skrevet om:
+
+```bash
+npx @fristil/designsystem overta button --ut=src/ui
+```
+
+`npx @fristil/designsystem --hjelp` viser resten.
+
+## Tilpasning
+
+All CSS ligger i `@layer fristil`, så dine egne regler vinner uten `!important`. Form og størrelse leses fra `--fs-*`-variabler med tokenverdien som reserve:
+
+```css
+.fs-button {
+  --fs-button-padding: var(--size-3) var(--size-6);
+}
+```
+
+Tailwind er valgfritt. Temaet er en ren CSS-fil, `@fristil/designsystem/tailwind.css`, så pakken har ingen avhengighet til Tailwind og kan ikke komme i konflikt med versjonen din.
+
+## Lisens
+
+MIT

package/dist/cli.d.ts

@@ -0,0 +1,31 @@
+#!/usr/bin/env node
+/**
+ * Kommandolinja til Fristil, med to kommandoer.
+ *
+ * `fristil overta <komponent>` kopierer kildekoden til én komponent inn i
+ * prosjektet ditt, når tilpasning gjennom CSS ikke strekker til. Regnestykket
+ * ligger i `takeover.ts`.
+ *
+ * `fristil tema` lager et fargetema av merkefargene dine.
+ *
+ * ```bash
+ * npx @fristil/designsystem tema --interaktiv=#7c3aed --fare=#b3261e \
+ *   --suksess=#2b6940 --advarsel=#8a5a00 --noytral=#1a1a1a --ut=tema.css
+ * ```
+ *
+ * Eller med en fil:
+ *
+ * ```bash
+ * npx @fristil/designsystem tema fristil.tema.json --ut=tema.css
+ * ```
+ *
+ * Dette er den eneste fila i pakken som kjører utenfor nettleseren, og derfor
+ * den eneste som viser til Node-typene.
+ *
+ * Generatoren bygger skalaene, setter de semantiske verdiene og flytter
+ * lysheten på dem som ikke holder kontrastkravet. Hver justering skrives ut,
+ * så du ser hva som ble endret. Holder et par likevel ikke, avsluttes
+ * kjøringen med feil framfor å levere et tema som ser riktig ut.
+ */
+export {};
+//# sourceMappingURL=cli.d.ts.map

package/dist/cli.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cli.d.ts","sourceRoot":"","sources":["../src/cli.ts"],"names":[],"mappings":";AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG"}

package/dist/cli.js

@@ -0,0 +1,261 @@
+#!/usr/bin/env node
+/// <reference types="node" />
+/**
+ * Kommandolinja til Fristil, med to kommandoer.
+ *
+ * `fristil overta <komponent>` kopierer kildekoden til én komponent inn i
+ * prosjektet ditt, når tilpasning gjennom CSS ikke strekker til. Regnestykket
+ * ligger i `takeover.ts`.
+ *
+ * `fristil tema` lager et fargetema av merkefargene dine.
+ *
+ * ```bash
+ * npx @fristil/designsystem tema --interaktiv=#7c3aed --fare=#b3261e \
+ *   --suksess=#2b6940 --advarsel=#8a5a00 --noytral=#1a1a1a --ut=tema.css
+ * ```
+ *
+ * Eller med en fil:
+ *
+ * ```bash
+ * npx @fristil/designsystem tema fristil.tema.json --ut=tema.css
+ * ```
+ *
+ * Dette er den eneste fila i pakken som kjører utenfor nettleseren, og derfor
+ * den eneste som viser til Node-typene.
+ *
+ * Generatoren bygger skalaene, setter de semantiske verdiene og flytter
+ * lysheten på dem som ikke holder kontrastkravet. Hver justering skrives ut,
+ * så du ser hva som ble endret. Holder et par likevel ikke, avsluttes
+ * kjøringen med feil framfor å levere et tema som ser riktig ut.
+ */
+import { mkdir, readdir, readFile, stat, writeFile } from "node:fs/promises";
+import { join } from "node:path";
+import { fileURLToPath } from "node:url";
+import { buildEntryPoints, planTakeover, } from "./takeover.js";
+import { buildTheme } from "./tokens/theme.js";
+const NØKLER = {
+    interaktiv: "interactive",
+    fare: "danger",
+    suksess: "success",
+    advarsel: "warning",
+    noytral: "neutral",
+    besokt: "visited",
+};
+function lesArgumenter(argumenter) {
+    const flagg = {};
+    const filer = [];
+    for (const del of argumenter) {
+        const treff = /^--([a-zæøå]+)=(.+)$/.exec(del);
+        if (treff)
+            flagg[treff[1]] = treff[2];
+        else
+            filer.push(del);
+    }
+    return { flagg, filer };
+}
+/**
+ * Pakkas egen rot, enten CLI-en kjøres fra `dist` eller fra kilden.
+ *
+ * `fileURLToPath`, ikke `pathname`: på Windows gir `pathname` en sti som
+ * begynner med skråstrek foran stasjonsbokstaven, og mellomrom i stien står
+ * fortsatt som `%20`. Da finner ikke kommandoen sine egne filer.
+ */
+const PAKKEROT = fileURLToPath(new URL("../", import.meta.url));
+/** Mappene komponentene ligger i, med kategorien som navn. */
+const KATEGORIER = ["css", "ramme", "frittstaende"];
+async function finnKomponenter() {
+    const komponenter = new Map();
+    for (const kategori of KATEGORIER) {
+        const mappe = `src/components/${kategori}`;
+        let innhold;
+        try {
+            innhold = await readdir(join(PAKKEROT, mappe));
+        }
+        catch {
+            continue;
+        }
+        for (const navn of innhold) {
+            const sti = `${mappe}/${navn}`;
+            if ((await stat(join(PAKKEROT, sti))).isDirectory()) {
+                komponenter.set(navn, sti);
+            }
+        }
+    }
+    return komponenter;
+}
+/**
+ * Kopierer kildekoden til én komponent inn i prosjektet.
+ *
+ * Kopien er din fra det øyeblikket den er skrevet. Kommandoen sier derfor
+ * fra om det, og skriver ikke over noe som allerede ligger der uten at du ber
+ * om det.
+ */
+async function overta(argumenter) {
+    const { flagg, filer } = lesArgumenter(argumenter);
+    const komponenter = await finnKomponenter();
+    const navn = filer[0];
+    if (!navn || !komponenter.has(navn)) {
+        console.error((navn ? `Fant ingen komponent som heter «${navn}».\n\n` : "") +
+            `Bruk: fristil overta <komponent> [--ut=<mappe>]\n` +
+            `Hele oversikten: fristil --hjelp\n\n` +
+            `Komponenter:\n  ${[...komponenter.keys()].sort().join(", ")}\n`);
+        process.exit(1);
+    }
+    const kilde = komponenter.get(navn);
+    const utmappe = join(flagg.ut ?? "src/fristil", navn);
+    const finnes = await stat(utmappe).then(() => true, () => false);
+    if (finnes && flagg.overskriv !== "ja") {
+        console.error(`${utmappe} finnes allerede.\n\n` +
+            "Har du endret kopien, blir endringene borte. Kjør med " +
+            "--overskriv=ja hvis den skal erstattes.\n");
+        process.exit(1);
+    }
+    const pakke = JSON.parse(await readFile(join(PAKKEROT, "package.json"), "utf8"));
+    const filnavn = (await readdir(join(PAKKEROT, kilde))).filter(
+    // Testene hører til pakkens eget oppsett, og sier ingenting her.
+    (fil) => !fil.includes(".test."));
+    const kildefiler = await Promise.all(filnavn.map(async (fil) => ({
+        path: `${kilde}/${fil}`,
+        content: await readFile(join(PAKKEROT, kilde, fil), "utf8"),
+    })));
+    const plan = planTakeover(kildefiler, buildEntryPoints(pakke.name, pakke.exports));
+    await mkdir(utmappe, { recursive: true });
+    for (const fil of plan.files) {
+        await writeFile(join(utmappe, fil.name), fil.content);
+    }
+    const linjer = [
+        `Kopierte ${navn} til ${utmappe}/`,
+        ...plan.files.map((fil) => `  ${fil.name}`),
+        "",
+        `Komponenten er nå din. Oppdateringer av ${pakke.name} rører den ikke.`,
+    ];
+    const omskrevet = plan.files.flatMap((fil) => fil.rewrites);
+    if (omskrevet.length > 0) {
+        linjer.push("", "Henvisninger ut av mappa peker nå på pakken:", ...omskrevet.map((endring) => `  ${endring.from} → ${endring.to}`));
+    }
+    if (plan.replacedEntries.length > 0) {
+        linjer.push("", "Bytt ut disse importene med kopien:", ...plan.replacedEntries.map((entry) => `  ${entry}`), "Klassenavnene er de samme. Blir importene stående ved siden av", "kopien, finnes komponenten to ganger, og hvilken som vinner avgjøres", "av rekkefølgen.");
+    }
+    if (plan.dependencies.length > 0) {
+        linjer.push("", `Kopien trenger ${plan.dependencies.join(", ")} i prosjektet ditt.`);
+    }
+    console.error(`${linjer.join("\n")}\n`);
+}
+/** Det kommandoen kan, skrevet ut på én skjerm. */
+const HJELP = `fristil <kommando>
+
+  overta <komponent>   Kopierer kildekoden til én komponent inn i prosjektet
+    --ut=<mappe>       Hvor kopien skal ligge. Standard: src/fristil
+    --overskriv=ja     Skriv over en kopi som finnes fra før
+
+  tema                 Lager et fargetema av merkefargene dine
+    --interaktiv=<farge>  Lenker, knapper og fokus (påkrevd)
+    --fare=<farge>        Feil og sletting (påkrevd)
+    --suksess=<farge>     Bekreftelser (påkrevd)
+    --advarsel=<farge>    Advarsler (påkrevd)
+    --noytral=<farge>     Tekst og flater
+    --besokt=<farge>      Besøkte lenker
+    --ut=<fil>            Skriv til fil i stedet for til utdata
+
+Fargene skrives heksadesimalt, for eksempel #7c3aed. Temaet kan også leses
+fra en JSON-fil: fristil tema fristil.tema.json
+
+Eksempler:
+  npx @fristil/designsystem overta button --ut=src/ui
+  npx @fristil/designsystem tema --interaktiv=#7c3aed --fare=#b3261e \
+    --suksess=#2b6940 --advarsel=#8a5a00 --ut=tema.css
+`;
+const HJELPEFLAGG = new Set(["--help", "-h", "help", "hjelp", "--hjelp"]);
+const KOMMANDOER = new Set(["overta", "tema"]);
+const argumenter = process.argv.slice(2);
+// Uten argumenter, eller når noen ber om hjelp, skal kommandoen fortelle hva
+// den kan. Før sto den rett inn i temakommandoen og klaget over manglende
+// farger, uten å nevne at «overta» fantes.
+if (argumenter.length === 0 || HJELPEFLAGG.has(argumenter[0])) {
+    console.log(HJELP);
+    process.exit(0);
+}
+// En ukjent kommando ble lest som et filnavn, og ga et stakkspor fra Node.
+if (!KOMMANDOER.has(argumenter[0]) && !argumenter[0].startsWith("--")) {
+    console.error(`Ukjent kommando «${argumenter[0]}».\n\n${HJELP}`);
+    process.exit(1);
+}
+if (argumenter[0] === "overta") {
+    await overta(argumenter.slice(1));
+    process.exit(0);
+}
+// `tema` kan stå først, siden kommandoen kjøres som
+// `npx @fristil/designsystem tema`.
+const { flagg, filer } = lesArgumenter(argumenter[0] === "tema" ? argumenter.slice(1) : argumenter);
+async function lesTemafil(sti) {
+    let innhold;
+    try {
+        innhold = await readFile(sti, "utf8");
+    }
+    catch {
+        console.error(`Fant ikke fila «${sti}».\n\n` +
+            "Oppgi en JSON-fil med fargene, eller sett dem som flagg. " +
+            "Se `fristil --hjelp`.\n");
+        process.exit(1);
+    }
+    try {
+        return JSON.parse(innhold);
+    }
+    catch (grunn) {
+        console.error(`«${sti}» er ikke gyldig JSON: ${grunn instanceof Error ? grunn.message : String(grunn)}\n`);
+        process.exit(1);
+    }
+}
+const fraFil = filer[0] ? await lesTemafil(filer[0]) : {};
+const input = {};
+for (const [norsk, engelsk] of Object.entries(NØKLER)) {
+    const verdi = flagg[norsk] ?? fraFil[norsk] ?? fraFil[engelsk];
+    if (verdi)
+        input[engelsk] = verdi;
+}
+const påkrevd = [
+    "interactive",
+    "danger",
+    "success",
+    "warning",
+];
+const mangler = påkrevd.filter((navn) => !input[navn]);
+if (mangler.length > 0) {
+    const norske = mangler.map((navn) => Object.entries(NØKLER).find(([, engelsk]) => engelsk === navn)?.[0] ??
+        navn);
+    console.error(`Mangler farger: ${norske.join(", ")}\n\n` +
+        "Eksempel:\n  npx @fristil/designsystem tema --interaktiv=#7c3aed" +
+        " --fare=#b3261e --suksess=#2b6940 --advarsel=#8a5a00\n\n" +
+        "Hele oversikten: fristil --hjelp\n");
+    process.exit(1);
+}
+let tema;
+try {
+    tema = buildTheme(input);
+}
+catch (grunn) {
+    // Som regel en farge som ikke er en farge. Et stakkspor sier ingenting om
+    // hva brukeren skrev feil.
+    console.error(`\n${grunn instanceof Error ? grunn.message : String(grunn)}\n\n` +
+        "Fargene skrives som heksadesimale verdier, for eksempel #7c3aed.\n");
+    process.exit(1);
+}
+for (const justering of tema.adjustments) {
+    console.error(`  justert ${justering.token} i ${justering.theme} tema: ` +
+        `${justering.before.toFixed(2)}:1 ble ${justering.after.toFixed(2)}:1`);
+}
+if (tema.problems.length > 0) {
+    console.error(`\nTemaet holder ikke kontrastkravet:\n\n${tema.problems
+        .map((linje) => `  ${linje}`)
+        .join("\n")}\n\nVelg en mørkere eller lysere merkefarge.\n`);
+    process.exit(1);
+}
+const ut = flagg.ut;
+if (ut) {
+    await writeFile(ut, tema.css);
+    console.error(`\nSkrev ${ut}. ${tema.adjustments.length} verdier ble justert for å holde kontrastkravet.`);
+}
+else {
+    console.log(tema.css);
+}
+//# sourceMappingURL=cli.js.map

package/dist/cli.js.map

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

package/dist/components/css/accordion/accordion.d.ts

@@ -0,0 +1,37 @@
+export declare const ACCORDION_CLASS: "fs-accordion";
+/** Innholdet som vises når panelet er åpent. */
+export declare const ACCORDION_CONTENT_CLASS: "fs-accordion__content";
+export declare const accordionVariants: readonly ["default", "plain"];
+export type AccordionVariant = (typeof accordionVariants)[number];
+export type NonDefaultAccordionVariant = Exclude<AccordionVariant, "default">;
+export type AccordionOptions = {
+    /** Egen ramme, eller bare en strek mellom panelene. Standard: `default`. */
+    variant?: AccordionVariant;
+};
+export type AccordionAttributes = {
+    class: typeof ACCORDION_CLASS;
+    "data-variant"?: NonDefaultAccordionVariant;
+};
+/**
+ * Attributtene for et panel som kan foldes ut.
+ *
+ * Klassen hører på et `<details>` med et `<summary>` først. Nettleseren tar
+ * seg av åpning, lukking, tastatur og at skjermlesere melder «utvidet» eller
+ * «sammenfoldet». Bygger du det samme av knapper og `aria-expanded`, må alt
+ * det skrives på nytt, og nettleserens søk i siden finner ikke lenger tekst
+ * inne i et lukket panel.
+ *
+ * ```ts
+ * <details {...accordion()}>
+ *   <summary>Hvem kan søke?</summary>
+ *   <div class={accordion.content}>…</div>
+ * </details>
+ * ```
+ */
+export declare const accordion: (({ variant }?: AccordionOptions) => AccordionAttributes) & {
+    /** Klassen på innholdet under overskriften. */
+    content: "fs-accordion__content";
+    variants: readonly ["default", "plain"];
+    isVariant: (value: string) => value is "default" | "plain";
+};
+//# sourceMappingURL=accordion.d.ts.map

package/dist/components/css/accordion/accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/css/accordion/accordion.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,EAAG,cAAuB,CAAA;AACtD,gDAAgD;AAChD,eAAO,MAAM,uBAAuB,EAAG,uBAAgC,CAAA;AAEvE,eAAO,MAAM,iBAAiB,+BAAgC,CAAA;AAE9D,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAA;AACjE,MAAM,MAAM,0BAA0B,GAAG,OAAO,CAAC,gBAAgB,EAAE,SAAS,CAAC,CAAA;AAE7E,MAAM,MAAM,gBAAgB,GAAG;IAC7B,4EAA4E;IAC5E,OAAO,CAAC,EAAE,gBAAgB,CAAA;CAC3B,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,OAAO,eAAe,CAAA;IAC7B,cAAc,CAAC,EAAE,0BAA0B,CAAA;CAC5C,CAAA;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,SAAS,kBACM,gBAAgB,KAAQ,mBAAmB;IAMnE,+CAA+C;;;;CAKlD,CAAA"}

package/dist/components/css/accordion/accordion.js

@@ -0,0 +1,31 @@
+import { attributes, createGuard } from "../shared.js";
+export const ACCORDION_CLASS = "fs-accordion";
+/** Innholdet som vises når panelet er åpent. */
+export const ACCORDION_CONTENT_CLASS = "fs-accordion__content";
+export const accordionVariants = ["default", "plain"];
+/**
+ * Attributtene for et panel som kan foldes ut.
+ *
+ * Klassen hører på et `<details>` med et `<summary>` først. Nettleseren tar
+ * seg av åpning, lukking, tastatur og at skjermlesere melder «utvidet» eller
+ * «sammenfoldet». Bygger du det samme av knapper og `aria-expanded`, må alt
+ * det skrives på nytt, og nettleserens søk i siden finner ikke lenger tekst
+ * inne i et lukket panel.
+ *
+ * ```ts
+ * <details {...accordion()}>
+ *   <summary>Hvem kan søke?</summary>
+ *   <div class={accordion.content}>…</div>
+ * </details>
+ * ```
+ */
+export const accordion = Object.assign(({ variant = "default" } = {}) => attributes({
+    class: ACCORDION_CLASS,
+    "data-variant": variant === "default" ? undefined : variant,
+}), {
+    /** Klassen på innholdet under overskriften. */
+    content: ACCORDION_CONTENT_CLASS,
+    variants: accordionVariants,
+    isVariant: createGuard(accordionVariants),
+});
+//# sourceMappingURL=accordion.js.map

package/dist/components/css/accordion/accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../../src/components/css/accordion/accordion.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAEtD,MAAM,CAAC,MAAM,eAAe,GAAG,cAAuB,CAAA;AACtD,gDAAgD;AAChD,MAAM,CAAC,MAAM,uBAAuB,GAAG,uBAAgC,CAAA;AAEvE,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,SAAS,EAAE,OAAO,CAAU,CAAA;AAe9D;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CACpC,CAAC,EAAE,OAAO,GAAG,SAAS,KAAuB,EAAE,EAAuB,EAAE,CACtE,UAAU,CAAC;IACT,KAAK,EAAE,eAAe;IACtB,cAAc,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO;CAC5D,CAAC,EACJ;IACE,+CAA+C;IAC/C,OAAO,EAAE,uBAAuB;IAChC,QAAQ,EAAE,iBAAiB;IAC3B,SAAS,EAAE,WAAW,CAAC,iBAAiB,CAAC;CAC1C,CACF,CAAA"}

package/dist/components/css/alert/alert.d.ts

@@ -0,0 +1,35 @@
+export declare const ALERT_CLASS: "fs-alert";
+/** Overskriften inne i meldingen. */
+export declare const ALERT_TITLE_CLASS: "fs-alert__title";
+export declare const alertColors: readonly ["info", "success", "warning", "danger"];
+export type AlertColor = (typeof alertColors)[number];
+export type NonNeutralAlertColor = AlertColor;
+export type AlertOptions = {
+    /** Hva meldingen betyr. Utelatt gir den nøytrale. */
+    color?: AlertColor;
+};
+export type AlertAttributes = {
+    class: typeof ALERT_CLASS;
+    "data-color"?: AlertColor;
+};
+/**
+ * Attributtene for en melding som gjelder hele siden eller et helt skjema.
+ *
+ * Rollen settes ikke her, fordi den avhenger av når meldingen kommer.
+ * Står den i markupen fra start, skal den ikke ha noen rolle. Dukker den opp
+ * mens siden står stille, trenger den `role="status"`, eller `role="alert"`
+ * hvis brukeren må stoppe opp.
+ *
+ * ```ts
+ * <div {...alert({ color: "warning" })}>
+ *   <p {...alert.title}>Søknaden er ikke sendt</p>
+ * </div>
+ * ```
+ */
+export declare const alert: (({ color }?: AlertOptions) => AlertAttributes) & {
+    /** Klassen på overskriften inne i meldingen. */
+    title: "fs-alert__title";
+    colors: readonly ["info", "success", "warning", "danger"];
+    isColor: (value: string) => value is "warning" | "info" | "danger" | "success";
+};
+//# sourceMappingURL=alert.d.ts.map

package/dist/components/css/alert/alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../src/components/css/alert/alert.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,EAAG,UAAmB,CAAA;AAC9C,qCAAqC;AACrC,eAAO,MAAM,iBAAiB,EAAG,iBAA0B,CAAA;AAE3D,eAAO,MAAM,WAAW,mDAAoD,CAAA;AAE5E,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAA;AACrD,MAAM,MAAM,oBAAoB,GAAG,UAAU,CAAA;AAE7C,MAAM,MAAM,YAAY,GAAG;IACzB,qDAAqD;IACrD,KAAK,CAAC,EAAE,UAAU,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,OAAO,WAAW,CAAA;IACzB,YAAY,CAAC,EAAE,UAAU,CAAA;CAC1B,CAAA;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,KAAK,gBACJ,YAAY,KAAQ,eAAe;IAM7C,gDAAgD;;;;CAKnD,CAAA"}