@fristil/designsystem 0.2.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../../../src/components/css/pagination/pagination.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,MAAM,CAAC,MAAM,gBAAgB,GAAG,eAAwB,CAAA;AACxD,+CAA+C;AAC/C,MAAM,CAAC,MAAM,oBAAoB,GAAG,oBAA6B,CAAA;AAMjE;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CACrC,GAAyB,EAAE,CAAC,UAAU,CAAC,EAAE,KAAK,EAAE,gBAAgB,EAAE,CAAC,EACnE;IACE,wCAAwC;IACxC,GAAG,EAAE,oBAAoB;CAC1B,CACF,CAAA"}

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

@@ -0,0 +1,36 @@
+export declare const PARAGRAPH_CLASS: "fs-paragraph";
+export declare const paragraphSizes: readonly ["small", "medium", "large"];
+export declare const paragraphVariants: readonly ["default", "lead"];
+export type ParagraphSize = (typeof paragraphSizes)[number];
+export type ParagraphVariant = (typeof paragraphVariants)[number];
+export type NonDefaultParagraphSize = Exclude<ParagraphSize, "medium">;
+export type NonDefaultParagraphVariant = Exclude<ParagraphVariant, "default">;
+export type ParagraphOptions = {
+    /** Tekststørrelse. Standard: `medium`. */
+    size?: ParagraphSize;
+    /** `lead` er ingressen rett under overskriften. Standard: `default`. */
+    variant?: ParagraphVariant;
+};
+export type ParagraphAttributes = {
+    class: typeof PARAGRAPH_CLASS;
+    "data-size"?: NonDefaultParagraphSize;
+    "data-variant"?: NonDefaultParagraphVariant;
+};
+/**
+ * Attributtene for et avsnitt.
+ *
+ * Bredden er begrenset til 70 tegn. Lengre linjer gjør det vanskelig å finne
+ * tilbake til starten av neste, og det er den vanligste grunnen til at en
+ * tekst er tung å lese selv når skriften er stor nok.
+ *
+ * ```ts
+ * <p {...paragraph({ variant: "lead" })}>Kort om hva siden handler om.</p>
+ * ```
+ */
+export declare const paragraph: (({ size, variant, }?: ParagraphOptions) => ParagraphAttributes) & {
+    sizes: readonly ["small", "medium", "large"];
+    isSize: (value: string) => value is "small" | "medium" | "large";
+    variants: readonly ["default", "lead"];
+    isVariant: (value: string) => value is "default" | "lead";
+};
+//# sourceMappingURL=paragraph.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"paragraph.d.ts","sourceRoot":"","sources":["../../../../src/components/css/paragraph/paragraph.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,EAAG,cAAuB,CAAA;AAEtD,eAAO,MAAM,cAAc,uCAAwC,CAAA;AACnE,eAAO,MAAM,iBAAiB,8BAA+B,CAAA;AAE7D,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAA;AAC3D,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAA;AACjE,MAAM,MAAM,uBAAuB,GAAG,OAAO,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAA;AACtE,MAAM,MAAM,0BAA0B,GAAG,OAAO,CAAC,gBAAgB,EAAE,SAAS,CAAC,CAAA;AAE7E,MAAM,MAAM,gBAAgB,GAAG;IAC7B,0CAA0C;IAC1C,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,wEAAwE;IACxE,OAAO,CAAC,EAAE,gBAAgB,CAAA;CAC3B,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,OAAO,eAAe,CAAA;IAC7B,WAAW,CAAC,EAAE,uBAAuB,CAAA;IACrC,cAAc,CAAC,EAAE,0BAA0B,CAAA;CAC5C,CAAA;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,SAAS,yBAIjB,gBAAgB,KAAQ,mBAAmB;;;;;CAY/C,CAAA"}

package/dist/components/css/paragraph/paragraph.js

@@ -0,0 +1,26 @@
+import { attributes, createGuard } from "../shared.js";
+export const PARAGRAPH_CLASS = "fs-paragraph";
+export const paragraphSizes = ["small", "medium", "large"];
+export const paragraphVariants = ["default", "lead"];
+/**
+ * Attributtene for et avsnitt.
+ *
+ * Bredden er begrenset til 70 tegn. Lengre linjer gjør det vanskelig å finne
+ * tilbake til starten av neste, og det er den vanligste grunnen til at en
+ * tekst er tung å lese selv når skriften er stor nok.
+ *
+ * ```ts
+ * <p {...paragraph({ variant: "lead" })}>Kort om hva siden handler om.</p>
+ * ```
+ */
+export const paragraph = Object.assign(({ size = "medium", variant = "default", } = {}) => attributes({
+    class: PARAGRAPH_CLASS,
+    "data-size": size === "medium" ? undefined : size,
+    "data-variant": variant === "default" ? undefined : variant,
+}), {
+    sizes: paragraphSizes,
+    isSize: createGuard(paragraphSizes),
+    variants: paragraphVariants,
+    isVariant: createGuard(paragraphVariants),
+});
+//# sourceMappingURL=paragraph.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"paragraph.js","sourceRoot":"","sources":["../../../../src/components/css/paragraph/paragraph.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAEtD,MAAM,CAAC,MAAM,eAAe,GAAG,cAAuB,CAAA;AAEtD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAU,CAAA;AACnE,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,SAAS,EAAE,MAAM,CAAU,CAAA;AAoB7D;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CACpC,CAAC,EACC,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,SAAS,MACC,EAAE,EAAuB,EAAE,CAC/C,UAAU,CAAC;IACT,KAAK,EAAE,eAAe;IACtB,WAAW,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI;IACjD,cAAc,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO;CAC5D,CAAC,EACJ;IACE,KAAK,EAAE,cAAc;IACrB,MAAM,EAAE,WAAW,CAAC,cAAc,CAAC;IACnC,QAAQ,EAAE,iBAAiB;IAC3B,SAAS,EAAE,WAAW,CAAC,iBAAiB,CAAC;CAC1C,CACF,CAAA"}

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

@@ -0,0 +1,32 @@
+import { type FieldState, type NonDefaultFieldState } from "../shared.js";
+export declare const RADIO_CLASS: "fs-radio";
+/** Raden som holder knappen og teksten ved siden av hverandre. */
+export declare const RADIO_ROW_CLASS: "fs-radio-row";
+export type RadioOptions = {
+    /** Valideringstilstand. Standard: `default`. */
+    state?: FieldState;
+};
+export type RadioAttributes = {
+    class: typeof RADIO_CLASS;
+    type: "radio";
+    "data-state"?: NonDefaultFieldState;
+    "aria-invalid"?: "true";
+};
+/**
+ * Attributtene for en radioknapp.
+ *
+ * Alle knappene i en gruppe må ha samme `name`. Det er den koblingen som gjør
+ * at bare én kan være valgt, og at piltastene flytter mellom dem. `name`
+ * setter du selv, siden bare du vet hva gruppen heter.
+ *
+ * ```ts
+ * <input {...radio()} name="leveringsmate" value="post" />
+ * ```
+ */
+export declare const radio: (({ state }?: RadioOptions) => RadioAttributes) & {
+    /** Klassen på raden rundt knappen og teksten. */
+    row: "fs-radio-row";
+    states: readonly ["default", "invalid", "success"];
+    isState: (value: string) => value is "default" | "success" | "invalid";
+};
+//# sourceMappingURL=radio.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../../src/components/css/radio/radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,UAAU,EAGf,KAAK,oBAAoB,EAC1B,MAAM,cAAc,CAAA;AAErB,eAAO,MAAM,WAAW,EAAG,UAAmB,CAAA;AAC9C,kEAAkE;AAClE,eAAO,MAAM,eAAe,EAAG,cAAuB,CAAA;AAEtD,MAAM,MAAM,YAAY,GAAG;IACzB,gDAAgD;IAChD,KAAK,CAAC,EAAE,UAAU,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,OAAO,WAAW,CAAA;IACzB,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,CAAC,EAAE,oBAAoB,CAAA;IACnC,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,KAAK,gBACQ,YAAY,KAAQ,eAAe;IAQzD,iDAAiD;;;;CAKpD,CAAA"}

package/dist/components/css/radio/radio.js

@@ -0,0 +1,27 @@
+import { attributes, fieldStates, isFieldState, } from "../shared.js";
+export const RADIO_CLASS = "fs-radio";
+/** Raden som holder knappen og teksten ved siden av hverandre. */
+export const RADIO_ROW_CLASS = "fs-radio-row";
+/**
+ * Attributtene for en radioknapp.
+ *
+ * Alle knappene i en gruppe må ha samme `name`. Det er den koblingen som gjør
+ * at bare én kan være valgt, og at piltastene flytter mellom dem. `name`
+ * setter du selv, siden bare du vet hva gruppen heter.
+ *
+ * ```ts
+ * <input {...radio()} name="leveringsmate" value="post" />
+ * ```
+ */
+export const radio = Object.assign(({ state = "default" } = {}) => attributes({
+    class: RADIO_CLASS,
+    type: "radio",
+    "data-state": state === "default" ? undefined : state,
+    "aria-invalid": state === "invalid" ? "true" : undefined,
+}), {
+    /** Klassen på raden rundt knappen og teksten. */
+    row: RADIO_ROW_CLASS,
+    states: fieldStates,
+    isState: isFieldState,
+});
+//# sourceMappingURL=radio.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radio.js","sourceRoot":"","sources":["../../../../src/components/css/radio/radio.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EAEV,WAAW,EACX,YAAY,GAEb,MAAM,cAAc,CAAA;AAErB,MAAM,CAAC,MAAM,WAAW,GAAG,UAAmB,CAAA;AAC9C,kEAAkE;AAClE,MAAM,CAAC,MAAM,eAAe,GAAG,cAAuB,CAAA;AActD;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAChC,CAAC,EAAE,KAAK,GAAG,SAAS,KAAmB,EAAE,EAAmB,EAAE,CAC5D,UAAU,CAAC;IACT,KAAK,EAAE,WAAW;IAClB,IAAI,EAAE,OAAgB;IACtB,YAAY,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK;IACrD,cAAc,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAE,MAAgB,CAAC,CAAC,CAAC,SAAS;CACpE,CAAC,EACJ;IACE,iDAAiD;IACjD,GAAG,EAAE,eAAe;IACpB,MAAM,EAAE,WAAW;IACnB,OAAO,EAAE,YAAY;CACtB,CACF,CAAA"}

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

@@ -0,0 +1,33 @@
+import { INPUT_CLASS } from "../input/input.js";
+import { type FieldState } from "../shared.js";
+export declare const SEARCH_CLASS: "fs-search";
+/** Raden med søkefeltet og knappen ved siden av. */
+export declare const SEARCH_ROW_CLASS: "fs-search-row";
+export type SearchOptions = {
+    /** Valideringstilstand. Standard: `default`. */
+    state?: FieldState;
+};
+export type SearchAttributes = {
+    class: `${typeof INPUT_CLASS} ${typeof SEARCH_CLASS}`;
+    type: "search";
+    "data-state"?: "invalid" | "success";
+    "aria-invalid"?: "true";
+};
+/**
+ * Attributtene for et søkefelt.
+ *
+ * Feltet er en `fs-input` med plass til forstørrelsesglasset, så begge
+ * klassene settes. `type="search"` gir nettleserens eget kryss for å tømme
+ * feltet, og på mobil et tastatur med «Søk» i stedet for «Enter».
+ *
+ * ```ts
+ * <input {...search()} name="q" />
+ * ```
+ */
+export declare const search: (({ state }?: SearchOptions) => SearchAttributes) & {
+    /** Klassen på raden med feltet og knappen. */
+    row: "fs-search-row";
+    states: readonly ["default", "invalid", "success"];
+    isState: (value: string) => value is "default" | "success" | "invalid";
+};
+//# sourceMappingURL=search.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../../src/components/css/search/search.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAS,MAAM,mBAAmB,CAAA;AACtD,OAAO,EAEL,KAAK,UAAU,EAGhB,MAAM,cAAc,CAAA;AAErB,eAAO,MAAM,YAAY,EAAG,WAAoB,CAAA;AAChD,oDAAoD;AACpD,eAAO,MAAM,gBAAgB,EAAG,eAAwB,CAAA;AAExD,MAAM,MAAM,aAAa,GAAG;IAC1B,gDAAgD;IAChD,KAAK,CAAC,EAAE,UAAU,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,GAAG,OAAO,WAAW,IAAI,OAAO,YAAY,EAAE,CAAA;IACrD,IAAI,EAAE,QAAQ,CAAA;IACd,YAAY,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IACpC,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,MAAM,gBACO,aAAa,KAAQ,gBAAgB;IAU3D,8CAA8C;;;;CAKjD,CAAA"}

package/dist/components/css/search/search.js

@@ -0,0 +1,31 @@
+import { INPUT_CLASS, input } from "../input/input.js";
+import { attributes, fieldStates, isFieldState, } from "../shared.js";
+export const SEARCH_CLASS = "fs-search";
+/** Raden med søkefeltet og knappen ved siden av. */
+export const SEARCH_ROW_CLASS = "fs-search-row";
+/**
+ * Attributtene for et søkefelt.
+ *
+ * Feltet er en `fs-input` med plass til forstørrelsesglasset, så begge
+ * klassene settes. `type="search"` gir nettleserens eget kryss for å tømme
+ * feltet, og på mobil et tastatur med «Søk» i stedet for «Enter».
+ *
+ * ```ts
+ * <input {...search()} name="q" />
+ * ```
+ */
+export const search = Object.assign(({ state = "default" } = {}) => {
+    const base = input({ type: "search", state });
+    return attributes({
+        ...base,
+        class: `${INPUT_CLASS} ${SEARCH_CLASS}`,
+        type: "search",
+        "data-variant": undefined,
+    });
+}, {
+    /** Klassen på raden med feltet og knappen. */
+    row: SEARCH_ROW_CLASS,
+    states: fieldStates,
+    isState: isFieldState,
+});
+//# sourceMappingURL=search.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"search.js","sourceRoot":"","sources":["../../../../src/components/css/search/search.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACtD,OAAO,EACL,UAAU,EAEV,WAAW,EACX,YAAY,GACb,MAAM,cAAc,CAAA;AAErB,MAAM,CAAC,MAAM,YAAY,GAAG,WAAoB,CAAA;AAChD,oDAAoD;AACpD,MAAM,CAAC,MAAM,gBAAgB,GAAG,eAAwB,CAAA;AAcxD;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CACjC,CAAC,EAAE,KAAK,GAAG,SAAS,KAAoB,EAAE,EAAoB,EAAE;IAC9D,MAAM,IAAI,GAAG,KAAK,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAA;IAC7C,OAAO,UAAU,CAAC;QAChB,GAAG,IAAI;QACP,KAAK,EAAE,GAAG,WAAW,IAAI,YAAY,EAAW;QAChD,IAAI,EAAE,QAAiB;QACvB,cAAc,EAAE,SAAS;KAC1B,CAAqB,CAAA;AACxB,CAAC,EACD;IACE,8CAA8C;IAC9C,GAAG,EAAE,gBAAgB;IACrB,MAAM,EAAE,WAAW;IACnB,OAAO,EAAE,YAAY;CACtB,CACF,CAAA"}

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

@@ -0,0 +1,23 @@
+import { type FieldState, type NonDefaultFieldState } from "../shared.js";
+export declare const SELECT_CLASS: "fs-select";
+export type SelectOptions = {
+    /** Valideringstilstand. Standard: `default`. */
+    state?: FieldState;
+};
+export type SelectAttributes = {
+    class: typeof SELECT_CLASS;
+    "data-state"?: NonDefaultFieldState;
+    "aria-invalid"?: "true";
+};
+/**
+ * Attributtene for en nedtrekksliste.
+ *
+ * ```ts
+ * <select {...select({ state: "invalid" })} />
+ * ```
+ */
+export declare const select: (({ state }?: SelectOptions) => SelectAttributes) & {
+    states: readonly ["default", "invalid", "success"];
+    isState: (value: string) => value is "default" | "success" | "invalid";
+};
+//# sourceMappingURL=select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../src/components/css/select/select.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,UAAU,EAGf,KAAK,oBAAoB,EAC1B,MAAM,cAAc,CAAA;AAErB,eAAO,MAAM,YAAY,EAAG,WAAoB,CAAA;AAEhD,MAAM,MAAM,aAAa,GAAG;IAC1B,gDAAgD;IAChD,KAAK,CAAC,EAAE,UAAU,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,OAAO,YAAY,CAAA;IAC1B,YAAY,CAAC,EAAE,oBAAoB,CAAA;IACnC,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,MAAM,gBACO,aAAa,KAAQ,gBAAgB;;;CAU9D,CAAA"}

package/dist/components/css/select/select.js

@@ -0,0 +1,18 @@
+import { attributes, fieldStates, isFieldState, } from "../shared.js";
+export const SELECT_CLASS = "fs-select";
+/**
+ * Attributtene for en nedtrekksliste.
+ *
+ * ```ts
+ * <select {...select({ state: "invalid" })} />
+ * ```
+ */
+export const select = Object.assign(({ state = "default" } = {}) => attributes({
+    class: SELECT_CLASS,
+    "data-state": state === "default" ? undefined : state,
+    "aria-invalid": state === "invalid" ? "true" : undefined,
+}), {
+    states: fieldStates,
+    isState: isFieldState,
+});
+//# sourceMappingURL=select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../../src/components/css/select/select.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EAEV,WAAW,EACX,YAAY,GAEb,MAAM,cAAc,CAAA;AAErB,MAAM,CAAC,MAAM,YAAY,GAAG,WAAoB,CAAA;AAahD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CACjC,CAAC,EAAE,KAAK,GAAG,SAAS,KAAoB,EAAE,EAAoB,EAAE,CAC9D,UAAU,CAAC;IACT,KAAK,EAAE,YAAY;IACnB,YAAY,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK;IACrD,cAAc,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAE,MAAgB,CAAC,CAAC,CAAC,SAAS;CACpE,CAAC,EACJ;IACE,MAAM,EAAE,WAAW;IACnB,OAAO,EAAE,YAAY;CACtB,CACF,CAAA"}

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

@@ -0,0 +1,26 @@
+/**
+ * Felles byggeklosser for komponent-API-et.
+ *
+ * Hver komponent eksporterer én funksjon som tar et valgobjekt og returnerer
+ * attributtene du sprer inn i elementet. Formen er lik for alle, slik at du
+ * bare trenger å lære den én gang.
+ */
+/** Fjerner attributter uten verdi, så `{...spredning}` ikke setter tomme felt. */
+export declare function attributes<T extends Record<string, unknown>>(values: T): T;
+/** Lager en typevakt for en liste av lovlige strenger. */
+export declare function createGuard<T extends string>(allowed: readonly T[]): (value: string) => value is T;
+/**
+ * Valideringstilstand for skjemakontroller.
+ *
+ * Input, textarea og select hadde hver sin identiske type. Nå er det én, så
+ * en verdi kan sendes mellom dem uten konvertering.
+ */
+export declare const fieldStates: readonly ["default", "invalid", "success"];
+export type FieldState = (typeof fieldStates)[number];
+export type NonDefaultFieldState = Exclude<FieldState, "default">;
+export declare const isFieldState: (value: string) => value is "default" | "success" | "invalid";
+/** Hvordan et påkrevd felt markeres i ledeteksten. */
+export declare const requiredMarkers: readonly ["symbol", "text"];
+export type RequiredMarker = (typeof requiredMarkers)[number];
+export declare const isRequiredMarker: (value: string) => value is "symbol" | "text";
+//# sourceMappingURL=shared.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../src/components/css/shared.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,kFAAkF;AAClF,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC,GAAG,CAAC,CAQ1E;AAED,0DAA0D;AAC1D,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,EAAE,OAAO,EAAE,SAAS,CAAC,EAAE,IACzD,OAAO,MAAM,KAAG,KAAK,IAAI,CAAC,CAEnC;AAED;;;;;GAKG;AACH,eAAO,MAAM,WAAW,4CAA6C,CAAA;AACrE,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAA;AACrD,MAAM,MAAM,oBAAoB,GAAG,OAAO,CAAC,UAAU,EAAE,SAAS,CAAC,CAAA;AACjE,eAAO,MAAM,YAAY,UAbR,MAAM,KAAG,KAAK,qCAaqB,CAAA;AAEpD,sDAAsD;AACtD,eAAO,MAAM,eAAe,6BAA8B,CAAA;AAC1D,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAA;AAC7D,eAAO,MAAM,gBAAgB,UAlBZ,MAAM,KAAG,KAAK,qBAkB6B,CAAA"}

package/dist/components/css/shared.js

@@ -0,0 +1,34 @@
+/**
+ * Felles byggeklosser for komponent-API-et.
+ *
+ * Hver komponent eksporterer én funksjon som tar et valgobjekt og returnerer
+ * attributtene du sprer inn i elementet. Formen er lik for alle, slik at du
+ * bare trenger å lære den én gang.
+ */
+/** Fjerner attributter uten verdi, så `{...spredning}` ikke setter tomme felt. */
+export function attributes(values) {
+    const result = {};
+    for (const [name, value] of Object.entries(values)) {
+        if (value !== undefined) {
+            ;
+            result[name] = value;
+        }
+    }
+    return result;
+}
+/** Lager en typevakt for en liste av lovlige strenger. */
+export function createGuard(allowed) {
+    return (value) => allowed.includes(value);
+}
+/**
+ * Valideringstilstand for skjemakontroller.
+ *
+ * Input, textarea og select hadde hver sin identiske type. Nå er det én, så
+ * en verdi kan sendes mellom dem uten konvertering.
+ */
+export const fieldStates = ["default", "invalid", "success"];
+export const isFieldState = createGuard(fieldStates);
+/** Hvordan et påkrevd felt markeres i ledeteksten. */
+export const requiredMarkers = ["symbol", "text"];
+export const isRequiredMarker = createGuard(requiredMarkers);
+//# sourceMappingURL=shared.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../../src/components/css/shared.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,kFAAkF;AAClF,MAAM,UAAU,UAAU,CAAoC,MAAS;IACrE,MAAM,MAAM,GAAG,EAAO,CAAA;IACtB,KAAK,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;QACnD,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACxB,CAAC;YAAC,MAAkC,CAAC,IAAI,CAAC,GAAG,KAAK,CAAA;QACpD,CAAC;IACH,CAAC;IACD,OAAO,MAAM,CAAA;AACf,CAAC;AAED,0DAA0D;AAC1D,MAAM,UAAU,WAAW,CAAmB,OAAqB;IACjE,OAAO,CAAC,KAAa,EAAc,EAAE,CAClC,OAA6B,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;AAClD,CAAC;AAED;;;;;GAKG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAU,CAAA;AAGrE,MAAM,CAAC,MAAM,YAAY,GAAG,WAAW,CAAC,WAAW,CAAC,CAAA;AAEpD,sDAAsD;AACtD,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,QAAQ,EAAE,MAAM,CAAU,CAAA;AAE1D,MAAM,CAAC,MAAM,gBAAgB,GAAG,WAAW,CAAC,eAAe,CAAC,CAAA"}

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

@@ -0,0 +1,29 @@
+export declare const SKELETON_CLASS: "fs-skeleton";
+export declare const skeletonVariants: readonly ["block", "text", "circle"];
+export type SkeletonVariant = (typeof skeletonVariants)[number];
+export type NonDefaultSkeletonVariant = Exclude<SkeletonVariant, "block">;
+export type SkeletonOptions = {
+    /** Form. Standard: `block`. */
+    variant?: SkeletonVariant;
+};
+export type SkeletonAttributes = {
+    class: typeof SKELETON_CLASS;
+    "data-variant"?: NonDefaultSkeletonVariant;
+    "aria-hidden": "true";
+};
+/**
+ * Attributtene for en plassholder mens innholdet lastes.
+ *
+ * Formene er alltid skjult for skjermlesere. De sier ingenting om hva som
+ * kommer, og en rekke tomme bokser som leses opp er verre enn stillhet. Si
+ * fra om ventingen ett sted i stedet, med `role="status"`.
+ *
+ * ```ts
+ * <div {...skeleton({ variant: "text" })} />
+ * ```
+ */
+export declare const skeleton: (({ variant }?: SkeletonOptions) => SkeletonAttributes) & {
+    variants: readonly ["block", "text", "circle"];
+    isVariant: (value: string) => value is "text" | "circle" | "block";
+};
+//# sourceMappingURL=skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/css/skeleton/skeleton.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,EAAG,aAAsB,CAAA;AAEpD,eAAO,MAAM,gBAAgB,sCAAuC,CAAA;AAEpE,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAA;AAC/D,MAAM,MAAM,yBAAyB,GAAG,OAAO,CAAC,eAAe,EAAE,OAAO,CAAC,CAAA;AAEzE,MAAM,MAAM,eAAe,GAAG;IAC5B,+BAA+B;IAC/B,OAAO,CAAC,EAAE,eAAe,CAAA;CAC1B,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,OAAO,cAAc,CAAA;IAC5B,cAAc,CAAC,EAAE,yBAAyB,CAAA;IAC1C,aAAa,EAAE,MAAM,CAAA;CACtB,CAAA;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,QAAQ,kBACK,eAAe,KAAQ,kBAAkB;;;CAUlE,CAAA"}

package/dist/components/css/skeleton/skeleton.js

@@ -0,0 +1,23 @@
+import { attributes, createGuard } from "../shared.js";
+export const SKELETON_CLASS = "fs-skeleton";
+export const skeletonVariants = ["block", "text", "circle"];
+/**
+ * Attributtene for en plassholder mens innholdet lastes.
+ *
+ * Formene er alltid skjult for skjermlesere. De sier ingenting om hva som
+ * kommer, og en rekke tomme bokser som leses opp er verre enn stillhet. Si
+ * fra om ventingen ett sted i stedet, med `role="status"`.
+ *
+ * ```ts
+ * <div {...skeleton({ variant: "text" })} />
+ * ```
+ */
+export const skeleton = Object.assign(({ variant = "block" } = {}) => attributes({
+    class: SKELETON_CLASS,
+    "data-variant": variant === "block" ? undefined : variant,
+    "aria-hidden": "true",
+}), {
+    variants: skeletonVariants,
+    isVariant: createGuard(skeletonVariants),
+});
+//# sourceMappingURL=skeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.js","sourceRoot":"","sources":["../../../../src/components/css/skeleton/skeleton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAEtD,MAAM,CAAC,MAAM,cAAc,GAAG,aAAsB,CAAA;AAEpD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAU,CAAA;AAgBpE;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CACnC,CAAC,EAAE,OAAO,GAAG,OAAO,KAAsB,EAAE,EAAsB,EAAE,CAClE,UAAU,CAAC;IACT,KAAK,EAAE,cAAc;IACrB,cAAc,EAAE,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO;IACzD,aAAa,EAAE,MAAe;CAC/B,CAAC,EACJ;IACE,QAAQ,EAAE,gBAAgB;IAC1B,SAAS,EAAE,WAAW,CAAC,gBAAgB,CAAC;CACzC,CACF,CAAA"}

package/dist/components/css/skip-link/skip-link.d.ts

@@ -0,0 +1,18 @@
+export declare const SKIP_LINK_CLASS: "fs-skip-link";
+export type SkipLinkAttributes = {
+    class: typeof SKIP_LINK_CLASS;
+};
+/**
+ * Attributtene for en hopp-til-innhold-lenke.
+ *
+ * Lenken skal være det første elementet i `<body>`, og peke på id-en til
+ * hovedinnholdet. Den ligger utenfor skjermen til den får fokus, og kan
+ * derfor ikke skjules med `display: none`: da kan tastaturet heller ikke nå
+ * den, og hele poenget forsvinner.
+ *
+ * ```ts
+ * <a {...skipLink()} href="#hovedinnhold">Hopp til hovedinnhold</a>
+ * ```
+ */
+export declare const skipLink: () => SkipLinkAttributes;
+//# sourceMappingURL=skip-link.d.ts.map

package/dist/components/css/skip-link/skip-link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skip-link.d.ts","sourceRoot":"","sources":["../../../../src/components/css/skip-link/skip-link.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,EAAG,cAAuB,CAAA;AAEtD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,OAAO,eAAe,CAAA;CAC9B,CAAA;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,QAAQ,QAAO,kBACY,CAAA"}

package/dist/components/css/skip-link/skip-link.js

@@ -0,0 +1,16 @@
+import { attributes } from "../shared.js";
+export const SKIP_LINK_CLASS = "fs-skip-link";
+/**
+ * Attributtene for en hopp-til-innhold-lenke.
+ *
+ * Lenken skal være det første elementet i `<body>`, og peke på id-en til
+ * hovedinnholdet. Den ligger utenfor skjermen til den får fokus, og kan
+ * derfor ikke skjules med `display: none`: da kan tastaturet heller ikke nå
+ * den, og hele poenget forsvinner.
+ *
+ * ```ts
+ * <a {...skipLink()} href="#hovedinnhold">Hopp til hovedinnhold</a>
+ * ```
+ */
+export const skipLink = () => attributes({ class: SKIP_LINK_CLASS });
+//# sourceMappingURL=skip-link.js.map

package/dist/components/css/skip-link/skip-link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skip-link.js","sourceRoot":"","sources":["../../../../src/components/css/skip-link/skip-link.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,MAAM,CAAC,MAAM,eAAe,GAAG,cAAuB,CAAA;AAMtD;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAuB,EAAE,CAC/C,UAAU,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,CAAC,CAAA"}

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

@@ -0,0 +1,33 @@
+export declare const SPINNER_CLASS: "fs-spinner";
+export declare const spinnerSizes: readonly ["small", "medium", "large"];
+export type SpinnerSize = (typeof spinnerSizes)[number];
+export type NonDefaultSpinnerSize = Exclude<SpinnerSize, "medium">;
+export type SpinnerOptions = {
+    /** Størrelse. Standard: `medium`. */
+    size?: SpinnerSize;
+    /** Hva som lastes. Blir `aria-label`, så ventingen kan leses opp. */
+    label?: string;
+};
+export type SpinnerAttributes = {
+    class: typeof SPINNER_CLASS;
+    "data-size"?: NonDefaultSpinnerSize;
+    role?: "status";
+    "aria-label"?: string;
+};
+/**
+ * Attributtene for en venteindikator.
+ *
+ * Uten `label` er ringen bare en form, og skjermlesere melder ingenting. Med
+ * `label` blir den en `role="status"` som sier hva som pågår. Har du allerede
+ * en synlig tekst ved siden av, la den bære beskjeden og dropp `label`, så
+ * det samme ikke leses opp to ganger.
+ *
+ * ```ts
+ * <span {...spinner({ label: "Laster søknader" })} />
+ * ```
+ */
+export declare const spinner: (({ size, label }?: SpinnerOptions) => SpinnerAttributes) & {
+    sizes: readonly ["small", "medium", "large"];
+    isSize: (value: string) => value is "small" | "medium" | "large";
+};
+//# sourceMappingURL=spinner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../../../src/components/css/spinner/spinner.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,EAAG,YAAqB,CAAA;AAElD,eAAO,MAAM,YAAY,uCAAwC,CAAA;AAEjE,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAA;AACvD,MAAM,MAAM,qBAAqB,GAAG,OAAO,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;AAElE,MAAM,MAAM,cAAc,GAAG;IAC3B,qCAAqC;IACrC,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,OAAO,aAAa,CAAA;IAC3B,WAAW,CAAC,EAAE,qBAAqB,CAAA;IACnC,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,OAAO,sBACW,cAAc,KAAQ,iBAAiB;;;CAWrE,CAAA"}

package/dist/components/css/spinner/spinner.js

@@ -0,0 +1,25 @@
+import { attributes, createGuard } from "../shared.js";
+export const SPINNER_CLASS = "fs-spinner";
+export const spinnerSizes = ["small", "medium", "large"];
+/**
+ * Attributtene for en venteindikator.
+ *
+ * Uten `label` er ringen bare en form, og skjermlesere melder ingenting. Med
+ * `label` blir den en `role="status"` som sier hva som pågår. Har du allerede
+ * en synlig tekst ved siden av, la den bære beskjeden og dropp `label`, så
+ * det samme ikke leses opp to ganger.
+ *
+ * ```ts
+ * <span {...spinner({ label: "Laster søknader" })} />
+ * ```
+ */
+export const spinner = Object.assign(({ size = "medium", label } = {}) => attributes({
+    class: SPINNER_CLASS,
+    "data-size": size === "medium" ? undefined : size,
+    role: label ? "status" : undefined,
+    "aria-label": label,
+}), {
+    sizes: spinnerSizes,
+    isSize: createGuard(spinnerSizes),
+});
+//# sourceMappingURL=spinner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.js","sourceRoot":"","sources":["../../../../src/components/css/spinner/spinner.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAEtD,MAAM,CAAC,MAAM,aAAa,GAAG,YAAqB,CAAA;AAElD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAU,CAAA;AAmBjE;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAClC,CAAC,EAAE,IAAI,GAAG,QAAQ,EAAE,KAAK,KAAqB,EAAE,EAAqB,EAAE,CACrE,UAAU,CAAC;IACT,KAAK,EAAE,aAAa;IACpB,WAAW,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI;IACjD,IAAI,EAAE,KAAK,CAAC,CAAC,CAAE,QAAkB,CAAC,CAAC,CAAC,SAAS;IAC7C,YAAY,EAAE,KAAK;CACpB,CAAC,EACJ;IACE,KAAK,EAAE,YAAY;IACnB,MAAM,EAAE,WAAW,CAAC,YAAY,CAAC;CAClC,CACF,CAAA"}

package/dist/components/css/sr-only/sr-only.d.ts

@@ -0,0 +1,17 @@
+export declare const SR_ONLY_CLASS: "fs-sr-only";
+export type SrOnlyAttributes = {
+    class: typeof SR_ONLY_CLASS;
+};
+/**
+ * Attributtene for tekst som bare skjermlesere skal få.
+ *
+ * ```ts
+ * <span {...srOnly()}>Åpner i ny fane</span>
+ * ```
+ *
+ * Bruk den når en ledetekst eller forklaring trengs for den som hører siden,
+ * men ville vært støy for den som ser den. Skal innholdet bort for alle, hører
+ * `hidden` hjemme i stedet.
+ */
+export declare const srOnly: () => SrOnlyAttributes;
+//# sourceMappingURL=sr-only.d.ts.map

package/dist/components/css/sr-only/sr-only.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sr-only.d.ts","sourceRoot":"","sources":["../../../../src/components/css/sr-only/sr-only.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,EAAG,YAAqB,CAAA;AAElD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,MAAM,QAAO,gBAA8C,CAAA"}

package/dist/components/css/sr-only/sr-only.js

@@ -0,0 +1,14 @@
+export const SR_ONLY_CLASS = "fs-sr-only";
+/**
+ * Attributtene for tekst som bare skjermlesere skal få.
+ *
+ * ```ts
+ * <span {...srOnly()}>Åpner i ny fane</span>
+ * ```
+ *
+ * Bruk den når en ledetekst eller forklaring trengs for den som hører siden,
+ * men ville vært støy for den som ser den. Skal innholdet bort for alle, hører
+ * `hidden` hjemme i stedet.
+ */
+export const srOnly = () => ({ class: SR_ONLY_CLASS });
+//# sourceMappingURL=sr-only.js.map

package/dist/components/css/sr-only/sr-only.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sr-only.js","sourceRoot":"","sources":["../../../../src/components/css/sr-only/sr-only.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG,YAAqB,CAAA;AAMlD;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAqB,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC,CAAA"}

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

@@ -0,0 +1,33 @@
+export declare const SWITCH_CLASS: "fs-switch";
+/** Raden som holder bryteren og teksten ved siden av hverandre. */
+export declare const SWITCH_ROW_CLASS: "fs-switch-row";
+export type SwitchOptions = {
+    /** Kontrollen er slått av. */
+    disabled?: boolean;
+};
+export type SwitchAttributes = {
+    class: typeof SWITCH_CLASS;
+    type: "checkbox";
+    role: "switch";
+    disabled?: true;
+};
+/**
+ * Attributtene for en av- og på-bryter.
+ *
+ * Bryteren er en avkryssingsboks med `role="switch"`. Da leser skjermlesere
+ * den opp som «på» og «av» framfor «avkrysset», mens tastaturet og
+ * `FormData` virker som for en vanlig boks.
+ *
+ * Bryteren har ingen valideringstilstand. Et valg som er på eller av kan ikke
+ * være ugyldig i seg selv; er det påkrevd å slå den på, hører kravet hjemme i
+ * en avkryssingsboks med `required`.
+ *
+ * ```ts
+ * <input {...switchControl()} />
+ * ```
+ */
+export declare const switchControl: (({ disabled }?: SwitchOptions) => SwitchAttributes) & {
+    /** Klassen på raden rundt bryteren og teksten. */
+    row: "fs-switch-row";
+};
+//# sourceMappingURL=switch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../../src/components/css/switch/switch.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,EAAG,WAAoB,CAAA;AAChD,mEAAmE;AACnE,eAAO,MAAM,gBAAgB,EAAG,eAAwB,CAAA;AAExD,MAAM,MAAM,aAAa,GAAG;IAC1B,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,OAAO,YAAY,CAAA;IAC1B,IAAI,EAAE,UAAU,CAAA;IAChB,IAAI,EAAE,QAAQ,CAAA;IACd,QAAQ,CAAC,EAAE,IAAI,CAAA;CAChB,CAAA;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,aAAa,mBACT,aAAa,KAAQ,gBAAgB;IAQlD,kDAAkD;;CAGrD,CAAA"}

package/dist/components/css/switch/switch.js

@@ -0,0 +1,29 @@
+import { attributes } from "../shared.js";
+export const SWITCH_CLASS = "fs-switch";
+/** Raden som holder bryteren og teksten ved siden av hverandre. */
+export const SWITCH_ROW_CLASS = "fs-switch-row";
+/**
+ * Attributtene for en av- og på-bryter.
+ *
+ * Bryteren er en avkryssingsboks med `role="switch"`. Da leser skjermlesere
+ * den opp som «på» og «av» framfor «avkrysset», mens tastaturet og
+ * `FormData` virker som for en vanlig boks.
+ *
+ * Bryteren har ingen valideringstilstand. Et valg som er på eller av kan ikke
+ * være ugyldig i seg selv; er det påkrevd å slå den på, hører kravet hjemme i
+ * en avkryssingsboks med `required`.
+ *
+ * ```ts
+ * <input {...switchControl()} />
+ * ```
+ */
+export const switchControl = Object.assign(({ disabled } = {}) => attributes({
+    class: SWITCH_CLASS,
+    type: "checkbox",
+    role: "switch",
+    disabled: disabled ? true : undefined,
+}), {
+    /** Klassen på raden rundt bryteren og teksten. */
+    row: SWITCH_ROW_CLASS,
+});
+//# sourceMappingURL=switch.js.map