@fristil/designsystem 0.2.0

package/dist/components/css/alert/alert.js

@@ -0,0 +1,29 @@
+import { attributes, createGuard } from "../shared.js";
+export const ALERT_CLASS = "fs-alert";
+/** Overskriften inne i meldingen. */
+export const ALERT_TITLE_CLASS = "fs-alert__title";
+export const alertColors = ["info", "success", "warning", "danger"];
+/**
+ * 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 const alert = Object.assign(({ color } = {}) => attributes({
+    class: ALERT_CLASS,
+    "data-color": color,
+}), {
+    /** Klassen på overskriften inne i meldingen. */
+    title: ALERT_TITLE_CLASS,
+    colors: alertColors,
+    isColor: createGuard(alertColors),
+});
+//# sourceMappingURL=alert.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../../src/components/css/alert/alert.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAEtD,MAAM,CAAC,MAAM,WAAW,GAAG,UAAmB,CAAA;AAC9C,qCAAqC;AACrC,MAAM,CAAC,MAAM,iBAAiB,GAAG,iBAA0B,CAAA;AAE3D,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAU,CAAA;AAe5E;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAChC,CAAC,EAAE,KAAK,KAAmB,EAAE,EAAmB,EAAE,CAChD,UAAU,CAAC;IACT,KAAK,EAAE,WAAW;IAClB,YAAY,EAAE,KAAK;CACpB,CAAC,EACJ;IACE,gDAAgD;IAChD,KAAK,EAAE,iBAAiB;IACxB,MAAM,EAAE,WAAW;IACnB,OAAO,EAAE,WAAW,CAAC,WAAW,CAAC;CAClC,CACF,CAAA"}

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

@@ -0,0 +1,40 @@
+export declare const AVATAR_CLASS: "fs-avatar";
+/** Flere profilbilder som overlapper. */
+export declare const AVATAR_STACK_CLASS: "fs-avatar-stack";
+export declare const avatarSizes: readonly ["small", "medium", "large"];
+export declare const avatarVariants: readonly ["circle", "square"];
+export type AvatarSize = (typeof avatarSizes)[number];
+export type AvatarVariant = (typeof avatarVariants)[number];
+export type NonDefaultAvatarSize = Exclude<AvatarSize, "medium">;
+export type NonDefaultAvatarVariant = Exclude<AvatarVariant, "circle">;
+export type AvatarOptions = {
+    /** Størrelse. Standard: `medium`. */
+    size?: AvatarSize;
+    /** Rund eller avrundet firkant. Standard: `circle`. */
+    variant?: AvatarVariant;
+};
+export type AvatarAttributes = {
+    class: typeof AVATAR_CLASS;
+    "data-size"?: NonDefaultAvatarSize;
+    "data-variant"?: NonDefaultAvatarVariant;
+};
+/**
+ * Attributtene for et profilbilde eller initialer.
+ *
+ * Står navnet allerede ved siden av, er bildet pynt: sett `aria-hidden="true"`
+ * på det, ellers leses navnet opp to ganger. Står bildet alene, må det ha en
+ * tekst som sier hvem det er.
+ *
+ * ```ts
+ * <span {...avatar({ size: "small" })} aria-hidden="true">ON</span>
+ * ```
+ */
+export declare const avatar: (({ size, variant, }?: AvatarOptions) => AvatarAttributes) & {
+    /** Klassen på lista med profilbilder som overlapper. */
+    stack: "fs-avatar-stack";
+    sizes: readonly ["small", "medium", "large"];
+    isSize: (value: string) => value is "small" | "medium" | "large";
+    variants: readonly ["circle", "square"];
+    isVariant: (value: string) => value is "circle" | "square";
+};
+//# sourceMappingURL=avatar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/css/avatar/avatar.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,EAAG,WAAoB,CAAA;AAChD,yCAAyC;AACzC,eAAO,MAAM,kBAAkB,EAAG,iBAA0B,CAAA;AAE5D,eAAO,MAAM,WAAW,uCAAwC,CAAA;AAChE,eAAO,MAAM,cAAc,+BAAgC,CAAA;AAE3D,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAA;AACrD,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAA;AAC3D,MAAM,MAAM,oBAAoB,GAAG,OAAO,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAA;AAChE,MAAM,MAAM,uBAAuB,GAAG,OAAO,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAA;AAEtE,MAAM,MAAM,aAAa,GAAG;IAC1B,qCAAqC;IACrC,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,uDAAuD;IACvD,OAAO,CAAC,EAAE,aAAa,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,OAAO,YAAY,CAAA;IAC1B,WAAW,CAAC,EAAE,oBAAoB,CAAA;IAClC,cAAc,CAAC,EAAE,uBAAuB,CAAA;CACzC,CAAA;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,MAAM,yBAId,aAAa,KAAQ,gBAAgB;IAOtC,wDAAwD;;;;;;CAO3D,CAAA"}

package/dist/components/css/avatar/avatar.js

@@ -0,0 +1,30 @@
+import { attributes, createGuard } from "../shared.js";
+export const AVATAR_CLASS = "fs-avatar";
+/** Flere profilbilder som overlapper. */
+export const AVATAR_STACK_CLASS = "fs-avatar-stack";
+export const avatarSizes = ["small", "medium", "large"];
+export const avatarVariants = ["circle", "square"];
+/**
+ * Attributtene for et profilbilde eller initialer.
+ *
+ * Står navnet allerede ved siden av, er bildet pynt: sett `aria-hidden="true"`
+ * på det, ellers leses navnet opp to ganger. Står bildet alene, må det ha en
+ * tekst som sier hvem det er.
+ *
+ * ```ts
+ * <span {...avatar({ size: "small" })} aria-hidden="true">ON</span>
+ * ```
+ */
+export const avatar = Object.assign(({ size = "medium", variant = "circle", } = {}) => attributes({
+    class: AVATAR_CLASS,
+    "data-size": size === "medium" ? undefined : size,
+    "data-variant": variant === "circle" ? undefined : variant,
+}), {
+    /** Klassen på lista med profilbilder som overlapper. */
+    stack: AVATAR_STACK_CLASS,
+    sizes: avatarSizes,
+    isSize: createGuard(avatarSizes),
+    variants: avatarVariants,
+    isVariant: createGuard(avatarVariants),
+});
+//# sourceMappingURL=avatar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../../src/components/css/avatar/avatar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAEtD,MAAM,CAAC,MAAM,YAAY,GAAG,WAAoB,CAAA;AAChD,yCAAyC;AACzC,MAAM,CAAC,MAAM,kBAAkB,GAAG,iBAA0B,CAAA;AAE5D,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAU,CAAA;AAChE,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAU,CAAA;AAoB3D;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CACjC,CAAC,EACC,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,QAAQ,MACD,EAAE,EAAoB,EAAE,CACzC,UAAU,CAAC;IACT,KAAK,EAAE,YAAY;IACnB,WAAW,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI;IACjD,cAAc,EAAE,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO;CAC3D,CAAC,EACJ;IACE,wDAAwD;IACxD,KAAK,EAAE,kBAAkB;IACzB,KAAK,EAAE,WAAW;IAClB,MAAM,EAAE,WAAW,CAAC,WAAW,CAAC;IAChC,QAAQ,EAAE,cAAc;IACxB,SAAS,EAAE,WAAW,CAAC,cAAc,CAAC;CACvC,CACF,CAAA"}

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

@@ -0,0 +1,24 @@
+export declare const BADGE_CLASS: "fs-badge";
+export declare const badgeColors: readonly ["info", "success", "warning", "danger", "neutral"];
+export type BadgeColor = (typeof badgeColors)[number];
+export type NonInfoBadgeColor = Exclude<BadgeColor, "info">;
+export type BadgeOptions = {
+    /** Hva tilstanden betyr. Standard: `info`. */
+    color?: BadgeColor;
+};
+export type BadgeAttributes = {
+    class: typeof BADGE_CLASS;
+    "data-color"?: NonInfoBadgeColor;
+};
+/**
+ * Attributtene for et statusmerke.
+ *
+ * ```ts
+ * <span {...badge({ color: "success" })}>Innvilget</span>
+ * ```
+ */
+export declare const badge: (({ color }?: BadgeOptions) => BadgeAttributes) & {
+    colors: readonly ["info", "success", "warning", "danger", "neutral"];
+    isColor: (value: string) => value is "warning" | "info" | "danger" | "success" | "neutral";
+};
+//# sourceMappingURL=badge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../../src/components/css/badge/badge.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,EAAG,UAAmB,CAAA;AAE9C,eAAO,MAAM,WAAW,8DAMd,CAAA;AAEV,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAA;AACrD,MAAM,MAAM,iBAAiB,GAAG,OAAO,CAAC,UAAU,EAAE,MAAM,CAAC,CAAA;AAE3D,MAAM,MAAM,YAAY,GAAG;IACzB,8CAA8C;IAC9C,KAAK,CAAC,EAAE,UAAU,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,OAAO,WAAW,CAAA;IACzB,YAAY,CAAC,EAAE,iBAAiB,CAAA;CACjC,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,KAAK,gBACK,YAAY,KAAQ,eAAe;;;CASzD,CAAA"}

package/dist/components/css/badge/badge.js

@@ -0,0 +1,24 @@
+import { attributes, createGuard } from "../shared.js";
+export const BADGE_CLASS = "fs-badge";
+export const badgeColors = [
+    "info",
+    "success",
+    "warning",
+    "danger",
+    "neutral",
+];
+/**
+ * Attributtene for et statusmerke.
+ *
+ * ```ts
+ * <span {...badge({ color: "success" })}>Innvilget</span>
+ * ```
+ */
+export const badge = Object.assign(({ color = "info" } = {}) => attributes({
+    class: BADGE_CLASS,
+    "data-color": color === "info" ? undefined : color,
+}), {
+    colors: badgeColors,
+    isColor: createGuard(badgeColors),
+});
+//# sourceMappingURL=badge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../../src/components/css/badge/badge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAEtD,MAAM,CAAC,MAAM,WAAW,GAAG,UAAmB,CAAA;AAE9C,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,MAAM;IACN,SAAS;IACT,SAAS;IACT,QAAQ;IACR,SAAS;CACD,CAAA;AAeV;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAChC,CAAC,EAAE,KAAK,GAAG,MAAM,KAAmB,EAAE,EAAmB,EAAE,CACzD,UAAU,CAAC;IACT,KAAK,EAAE,WAAW;IAClB,YAAY,EAAE,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK;CACnD,CAAC,EACJ;IACE,MAAM,EAAE,WAAW;IACnB,OAAO,EAAE,WAAW,CAAC,WAAW,CAAC;CAClC,CACF,CAAA"}

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

@@ -0,0 +1,25 @@
+export declare const BREADCRUMBS_CLASS: "fs-breadcrumbs";
+export type BreadcrumbsAttributes = {
+    class: typeof BREADCRUMBS_CLASS;
+};
+/**
+ * Attributtene for en brødsmulesti.
+ *
+ * Klassen hører på en `<ol>` inne i en `<nav>` med en tekst som sier hva
+ * navigasjonen er, for eksempel `aria-label="Du er her"`. Rekkefølgen betyr
+ * noe, så listen må være nummerert selv om tallene ikke vises.
+ *
+ * Skilletegnet mellom stegene legges inn med CSS. Sto det i markupen, ville
+ * skjermlesere lest «skråstrek» mellom hvert steg.
+ *
+ * ```ts
+ * <nav aria-label="Du er her">
+ *   <ol {...breadcrumbs()}>
+ *     <li><a href="/">Forsiden</a></li>
+ *     <li><a href="/saker" aria-current="page">Mine saker</a></li>
+ *   </ol>
+ * </nav>
+ * ```
+ */
+export declare const breadcrumbs: () => BreadcrumbsAttributes;
+//# sourceMappingURL=breadcrumbs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../src/components/css/breadcrumbs/breadcrumbs.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,EAAG,gBAAyB,CAAA;AAE1D,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,OAAO,iBAAiB,CAAA;CAChC,CAAA;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,WAAW,QAAO,qBACW,CAAA"}

package/dist/components/css/breadcrumbs/breadcrumbs.js

@@ -0,0 +1,23 @@
+import { attributes } from "../shared.js";
+export const BREADCRUMBS_CLASS = "fs-breadcrumbs";
+/**
+ * Attributtene for en brødsmulesti.
+ *
+ * Klassen hører på en `<ol>` inne i en `<nav>` med en tekst som sier hva
+ * navigasjonen er, for eksempel `aria-label="Du er her"`. Rekkefølgen betyr
+ * noe, så listen må være nummerert selv om tallene ikke vises.
+ *
+ * Skilletegnet mellom stegene legges inn med CSS. Sto det i markupen, ville
+ * skjermlesere lest «skråstrek» mellom hvert steg.
+ *
+ * ```ts
+ * <nav aria-label="Du er her">
+ *   <ol {...breadcrumbs()}>
+ *     <li><a href="/">Forsiden</a></li>
+ *     <li><a href="/saker" aria-current="page">Mine saker</a></li>
+ *   </ol>
+ * </nav>
+ * ```
+ */
+export const breadcrumbs = () => attributes({ class: BREADCRUMBS_CLASS });
+//# sourceMappingURL=breadcrumbs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.js","sourceRoot":"","sources":["../../../../src/components/css/breadcrumbs/breadcrumbs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,MAAM,CAAC,MAAM,iBAAiB,GAAG,gBAAyB,CAAA;AAM1D;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,GAA0B,EAAE,CACrD,UAAU,CAAC,EAAE,KAAK,EAAE,iBAAiB,EAAE,CAAC,CAAA"}

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

@@ -0,0 +1,26 @@
+export declare const BUTTON_CLASS: "fs-button";
+export declare const buttonVariants: readonly ["primary", "secondary", "ghost", "danger"];
+export type ButtonVariant = (typeof buttonVariants)[number];
+export type NonPrimaryButtonVariant = Exclude<ButtonVariant, "primary">;
+export type ButtonOptions = {
+    /** Hvor tung handlingen er. Standard: `primary`. */
+    variant?: ButtonVariant;
+};
+export type ButtonAttributes = {
+    class: typeof BUTTON_CLASS;
+    "data-variant"?: NonPrimaryButtonVariant;
+};
+/**
+ * Attributtene for en knapp.
+ *
+ * ```ts
+ * <button {...button({ variant: "secondary" })}>Lagre utkast</button>
+ * ```
+ */
+export declare const button: (({ variant }?: ButtonOptions) => ButtonAttributes) & {
+    /** De lovlige variantene, for oppslag og forgrening. */
+    variants: readonly ["primary", "secondary", "ghost", "danger"];
+    /** Sjekker om en streng utenfra er en gyldig variant. */
+    isVariant: (value: string) => value is "danger" | "primary" | "secondary" | "ghost";
+};
+//# sourceMappingURL=button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/css/button/button.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,EAAG,WAAoB,CAAA;AAEhD,eAAO,MAAM,cAAc,sDAKjB,CAAA;AAEV,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAA;AAC3D,MAAM,MAAM,uBAAuB,GAAG,OAAO,CAAC,aAAa,EAAE,SAAS,CAAC,CAAA;AAEvE,MAAM,MAAM,aAAa,GAAG;IAC1B,oDAAoD;IACpD,OAAO,CAAC,EAAE,aAAa,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,OAAO,YAAY,CAAA;IAC1B,cAAc,CAAC,EAAE,uBAAuB,CAAA;CACzC,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,MAAM,kBACS,aAAa,KAAQ,gBAAgB;IAM7D,wDAAwD;;IAExD,yDAAyD;;CAG5D,CAAA"}

package/dist/components/css/button/button.js

@@ -0,0 +1,25 @@
+import { attributes, createGuard } from "../shared.js";
+export const BUTTON_CLASS = "fs-button";
+export const buttonVariants = [
+    "primary",
+    "secondary",
+    "ghost",
+    "danger",
+];
+/**
+ * Attributtene for en knapp.
+ *
+ * ```ts
+ * <button {...button({ variant: "secondary" })}>Lagre utkast</button>
+ * ```
+ */
+export const button = Object.assign(({ variant = "primary" } = {}) => attributes({
+    class: BUTTON_CLASS,
+    "data-variant": variant === "primary" ? undefined : variant,
+}), {
+    /** De lovlige variantene, for oppslag og forgrening. */
+    variants: buttonVariants,
+    /** Sjekker om en streng utenfra er en gyldig variant. */
+    isVariant: createGuard(buttonVariants),
+});
+//# sourceMappingURL=button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../src/components/css/button/button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAEtD,MAAM,CAAC,MAAM,YAAY,GAAG,WAAoB,CAAA;AAEhD,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,SAAS;IACT,WAAW;IACX,OAAO;IACP,QAAQ;CACA,CAAA;AAeV;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CACjC,CAAC,EAAE,OAAO,GAAG,SAAS,KAAoB,EAAE,EAAoB,EAAE,CAChE,UAAU,CAAC;IACT,KAAK,EAAE,YAAY;IACnB,cAAc,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO;CAC5D,CAAC,EACJ;IACE,wDAAwD;IACxD,QAAQ,EAAE,cAAc;IACxB,yDAAyD;IACzD,SAAS,EAAE,WAAW,CAAC,cAAc,CAAC;CACvC,CACF,CAAA"}

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

@@ -0,0 +1,36 @@
+export declare const CARD_CLASS: "fs-card";
+/** Overskriften inne i kortet. */
+export declare const CARD_TITLE_CLASS: "fs-card__title";
+export declare const cardVariants: readonly ["outline", "filled"];
+export type CardVariant = (typeof cardVariants)[number];
+export type NonDefaultCardVariant = Exclude<CardVariant, "outline">;
+export type CardOptions = {
+    /** Flate eller omriss. Standard: `outline`. */
+    variant?: CardVariant;
+    /** Hele kortet er klikkbart. Bruk bare på `<a>` eller `<button>`. */
+    interactive?: boolean;
+};
+export type CardAttributes = {
+    class: typeof CARD_CLASS;
+    "data-variant"?: NonDefaultCardVariant;
+    "data-interactive"?: "";
+};
+/**
+ * Attributtene for et kort.
+ *
+ * `interactive` gir hover og fokusmarkering, men gjør ingenting klikkbart av
+ * seg selv. Skal hele kortet kunne trykkes på, må elementet være en `<a>`
+ * eller en `<button>`. Et `<div>` med en klikklytter kan hverken nås med
+ * tastatur eller meldes som noe å trykke på.
+ *
+ * ```ts
+ * <a {...card({ interactive: true })} href="/sak/481">…</a>
+ * ```
+ */
+export declare const card: (({ variant, interactive }?: CardOptions) => CardAttributes) & {
+    /** Klassen på overskriften inne i kortet. */
+    title: "fs-card__title";
+    variants: readonly ["outline", "filled"];
+    isVariant: (value: string) => value is "outline" | "filled";
+};
+//# sourceMappingURL=card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../src/components/css/card/card.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,EAAG,SAAkB,CAAA;AAC5C,kCAAkC;AAClC,eAAO,MAAM,gBAAgB,EAAG,gBAAyB,CAAA;AAEzD,eAAO,MAAM,YAAY,gCAAiC,CAAA;AAE1D,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAA;AACvD,MAAM,MAAM,qBAAqB,GAAG,OAAO,CAAC,WAAW,EAAE,SAAS,CAAC,CAAA;AAEnE,MAAM,MAAM,WAAW,GAAG;IACxB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,qEAAqE;IACrE,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,OAAO,UAAU,CAAA;IACxB,cAAc,CAAC,EAAE,qBAAqB,CAAA;IACtC,kBAAkB,CAAC,EAAE,EAAE,CAAA;CACxB,CAAA;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,IAAI,+BACwB,WAAW,KAAQ,cAAc;IAOtE,6CAA6C;;;;CAKhD,CAAA"}

package/dist/components/css/card/card.js

@@ -0,0 +1,28 @@
+import { attributes, createGuard } from "../shared.js";
+export const CARD_CLASS = "fs-card";
+/** Overskriften inne i kortet. */
+export const CARD_TITLE_CLASS = "fs-card__title";
+export const cardVariants = ["outline", "filled"];
+/**
+ * Attributtene for et kort.
+ *
+ * `interactive` gir hover og fokusmarkering, men gjør ingenting klikkbart av
+ * seg selv. Skal hele kortet kunne trykkes på, må elementet være en `<a>`
+ * eller en `<button>`. Et `<div>` med en klikklytter kan hverken nås med
+ * tastatur eller meldes som noe å trykke på.
+ *
+ * ```ts
+ * <a {...card({ interactive: true })} href="/sak/481">…</a>
+ * ```
+ */
+export const card = Object.assign(({ variant = "outline", interactive } = {}) => attributes({
+    class: CARD_CLASS,
+    "data-variant": variant === "outline" ? undefined : variant,
+    "data-interactive": interactive ? "" : undefined,
+}), {
+    /** Klassen på overskriften inne i kortet. */
+    title: CARD_TITLE_CLASS,
+    variants: cardVariants,
+    isVariant: createGuard(cardVariants),
+});
+//# sourceMappingURL=card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../../src/components/css/card/card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAEtD,MAAM,CAAC,MAAM,UAAU,GAAG,SAAkB,CAAA;AAC5C,kCAAkC;AAClC,MAAM,CAAC,MAAM,gBAAgB,GAAG,gBAAyB,CAAA;AAEzD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,SAAS,EAAE,QAAQ,CAAU,CAAA;AAkB1D;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAC/B,CAAC,EAAE,OAAO,GAAG,SAAS,EAAE,WAAW,KAAkB,EAAE,EAAkB,EAAE,CACzE,UAAU,CAAC;IACT,KAAK,EAAE,UAAU;IACjB,cAAc,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO;IAC3D,kBAAkB,EAAE,WAAW,CAAC,CAAC,CAAE,EAAY,CAAC,CAAC,CAAC,SAAS;CAC5D,CAAC,EACJ;IACE,6CAA6C;IAC7C,KAAK,EAAE,gBAAgB;IACvB,QAAQ,EAAE,YAAY;IACtB,SAAS,EAAE,WAAW,CAAC,YAAY,CAAC;CACrC,CACF,CAAA"}

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

@@ -0,0 +1,32 @@
+import { type FieldState, type NonDefaultFieldState } from "../shared.js";
+export declare const CHECKBOX_CLASS: "fs-checkbox";
+/** Raden som holder boksen og teksten ved siden av hverandre. */
+export declare const CHECKBOX_ROW_CLASS: "fs-checkbox-row";
+export type CheckboxOptions = {
+    /** Valideringstilstand. Standard: `default`. */
+    state?: FieldState;
+};
+export type CheckboxAttributes = {
+    class: typeof CHECKBOX_CLASS;
+    type: "checkbox";
+    "data-state"?: NonDefaultFieldState;
+    "aria-invalid"?: "true";
+};
+/**
+ * Attributtene for en avkryssingsboks.
+ *
+ * `type` settes her, slik at boksen ikke kan bli et tekstfelt med en boks sin
+ * stil. Delvis avkrysset settes med `element.indeterminate = true` i
+ * JavaScript, ikke som et attributt, fordi HTML ikke har noe slikt attributt.
+ *
+ * ```ts
+ * <input {...checkbox({ state: "invalid" })} />
+ * ```
+ */
+export declare const checkbox: (({ state }?: CheckboxOptions) => CheckboxAttributes) & {
+    /** Klassen på raden rundt boksen og teksten. */
+    row: "fs-checkbox-row";
+    states: readonly ["default", "invalid", "success"];
+    isState: (value: string) => value is "default" | "success" | "invalid";
+};
+//# sourceMappingURL=checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/css/checkbox/checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,UAAU,EAGf,KAAK,oBAAoB,EAC1B,MAAM,cAAc,CAAA;AAErB,eAAO,MAAM,cAAc,EAAG,aAAsB,CAAA;AACpD,iEAAiE;AACjE,eAAO,MAAM,kBAAkB,EAAG,iBAA0B,CAAA;AAE5D,MAAM,MAAM,eAAe,GAAG;IAC5B,gDAAgD;IAChD,KAAK,CAAC,EAAE,UAAU,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,OAAO,cAAc,CAAA;IAC5B,IAAI,EAAE,UAAU,CAAA;IAChB,YAAY,CAAC,EAAE,oBAAoB,CAAA;IACnC,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,QAAQ,gBACK,eAAe,KAAQ,kBAAkB;IAQ/D,gDAAgD;;;;CAKnD,CAAA"}

package/dist/components/css/checkbox/checkbox.js

@@ -0,0 +1,27 @@
+import { attributes, fieldStates, isFieldState, } from "../shared.js";
+export const CHECKBOX_CLASS = "fs-checkbox";
+/** Raden som holder boksen og teksten ved siden av hverandre. */
+export const CHECKBOX_ROW_CLASS = "fs-checkbox-row";
+/**
+ * Attributtene for en avkryssingsboks.
+ *
+ * `type` settes her, slik at boksen ikke kan bli et tekstfelt med en boks sin
+ * stil. Delvis avkrysset settes med `element.indeterminate = true` i
+ * JavaScript, ikke som et attributt, fordi HTML ikke har noe slikt attributt.
+ *
+ * ```ts
+ * <input {...checkbox({ state: "invalid" })} />
+ * ```
+ */
+export const checkbox = Object.assign(({ state = "default" } = {}) => attributes({
+    class: CHECKBOX_CLASS,
+    type: "checkbox",
+    "data-state": state === "default" ? undefined : state,
+    "aria-invalid": state === "invalid" ? "true" : undefined,
+}), {
+    /** Klassen på raden rundt boksen og teksten. */
+    row: CHECKBOX_ROW_CLASS,
+    states: fieldStates,
+    isState: isFieldState,
+});
+//# sourceMappingURL=checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../../src/components/css/checkbox/checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EAEV,WAAW,EACX,YAAY,GAEb,MAAM,cAAc,CAAA;AAErB,MAAM,CAAC,MAAM,cAAc,GAAG,aAAsB,CAAA;AACpD,iEAAiE;AACjE,MAAM,CAAC,MAAM,kBAAkB,GAAG,iBAA0B,CAAA;AAc5D;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CACnC,CAAC,EAAE,KAAK,GAAG,SAAS,KAAsB,EAAE,EAAsB,EAAE,CAClE,UAAU,CAAC;IACT,KAAK,EAAE,cAAc;IACrB,IAAI,EAAE,UAAmB;IACzB,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,gDAAgD;IAChD,GAAG,EAAE,kBAAkB;IACvB,MAAM,EAAE,WAAW;IACnB,OAAO,EAAE,YAAY;CACtB,CACF,CAAA"}

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

@@ -0,0 +1,30 @@
+export declare const DIALOG_CLASS: "fs-dialog";
+export declare const DIALOG_TITLE_CLASS: "fs-dialog__title";
+export declare const DIALOG_BODY_CLASS: "fs-dialog__body";
+export declare const DIALOG_FOOTER_CLASS: "fs-dialog__footer";
+export type DialogAttributes = {
+    class: typeof DIALOG_CLASS;
+};
+/**
+ * Attributtene for en dialog.
+ *
+ * Klassen hører på et `<dialog>`. Åpne den med `showModal()`, ikke ved å
+ * sette `open`: bare den første flytter fokus inn, holder fokus inne i
+ * dialogen, lukker på Escape og gjør resten av siden utilgjengelig. Et
+ * `<dialog open>` i markupen er en boks på siden, ikke en dialog.
+ *
+ * ```ts
+ * <dialog {...dialog()} aria-labelledby="tittel">
+ *   <h2 {...{ class: dialog.title }} id="tittel">Slette søknaden?</h2>
+ * </dialog>
+ * ```
+ */
+export declare const dialog: (() => DialogAttributes) & {
+    /** Klassen på overskriften i dialogen. */
+    title: "fs-dialog__title";
+    /** Klassen på innholdet, som ruller når dialogen blir for høy. */
+    body: "fs-dialog__body";
+    /** Klassen på raden med knapper nederst. */
+    footer: "fs-dialog__footer";
+};
+//# sourceMappingURL=dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/css/dialog/dialog.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,EAAG,WAAoB,CAAA;AAChD,eAAO,MAAM,kBAAkB,EAAG,kBAA2B,CAAA;AAC7D,eAAO,MAAM,iBAAiB,EAAG,iBAA0B,CAAA;AAC3D,eAAO,MAAM,mBAAmB,EAAG,mBAA4B,CAAA;AAE/D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,OAAO,YAAY,CAAA;CAC3B,CAAA;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,MAAM,SACb,gBAAgB;IAElB,0CAA0C;;IAE1C,kEAAkE;;IAElE,4CAA4C;;CAG/C,CAAA"}

package/dist/components/css/dialog/dialog.js

@@ -0,0 +1,28 @@
+import { attributes } from "../shared.js";
+export const DIALOG_CLASS = "fs-dialog";
+export const DIALOG_TITLE_CLASS = "fs-dialog__title";
+export const DIALOG_BODY_CLASS = "fs-dialog__body";
+export const DIALOG_FOOTER_CLASS = "fs-dialog__footer";
+/**
+ * Attributtene for en dialog.
+ *
+ * Klassen hører på et `<dialog>`. Åpne den med `showModal()`, ikke ved å
+ * sette `open`: bare den første flytter fokus inn, holder fokus inne i
+ * dialogen, lukker på Escape og gjør resten av siden utilgjengelig. Et
+ * `<dialog open>` i markupen er en boks på siden, ikke en dialog.
+ *
+ * ```ts
+ * <dialog {...dialog()} aria-labelledby="tittel">
+ *   <h2 {...{ class: dialog.title }} id="tittel">Slette søknaden?</h2>
+ * </dialog>
+ * ```
+ */
+export const dialog = Object.assign(() => attributes({ class: DIALOG_CLASS }), {
+    /** Klassen på overskriften i dialogen. */
+    title: DIALOG_TITLE_CLASS,
+    /** Klassen på innholdet, som ruller når dialogen blir for høy. */
+    body: DIALOG_BODY_CLASS,
+    /** Klassen på raden med knapper nederst. */
+    footer: DIALOG_FOOTER_CLASS,
+});
+//# sourceMappingURL=dialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../../src/components/css/dialog/dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,MAAM,CAAC,MAAM,YAAY,GAAG,WAAoB,CAAA;AAChD,MAAM,CAAC,MAAM,kBAAkB,GAAG,kBAA2B,CAAA;AAC7D,MAAM,CAAC,MAAM,iBAAiB,GAAG,iBAA0B,CAAA;AAC3D,MAAM,CAAC,MAAM,mBAAmB,GAAG,mBAA4B,CAAA;AAM/D;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CACjC,GAAqB,EAAE,CAAC,UAAU,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC,EAC3D;IACE,0CAA0C;IAC1C,KAAK,EAAE,kBAAkB;IACzB,kEAAkE;IAClE,IAAI,EAAE,iBAAiB;IACvB,4CAA4C;IAC5C,MAAM,EAAE,mBAAmB;CAC5B,CACF,CAAA"}

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

@@ -0,0 +1,28 @@
+export declare const DIVIDER_CLASS: "fs-divider";
+export declare const dividerVariants: readonly ["default", "subtle", "strong"];
+export type DividerVariant = (typeof dividerVariants)[number];
+export type NonDefaultDividerVariant = Exclude<DividerVariant, "default">;
+export type DividerOptions = {
+    /** Hvor tydelig streken er. Standard: `default`. */
+    variant?: DividerVariant;
+};
+export type DividerAttributes = {
+    class: typeof DIVIDER_CLASS;
+    "data-variant"?: NonDefaultDividerVariant;
+};
+/**
+ * Attributtene for en skillelinje.
+ *
+ * Klassen hører på et `<hr>`. Skiller streken to deler av innholdet, er den
+ * en opplysning skjermlesere skal få. Er den bare pynt mellom to bokser som
+ * allerede er atskilt, sett `aria-hidden="true"` på den.
+ *
+ * ```ts
+ * <hr {...divider({ variant: "subtle" })} />
+ * ```
+ */
+export declare const divider: (({ variant }?: DividerOptions) => DividerAttributes) & {
+    variants: readonly ["default", "subtle", "strong"];
+    isVariant: (value: string) => value is "default" | "subtle" | "strong";
+};
+//# sourceMappingURL=divider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../../src/components/css/divider/divider.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,EAAG,YAAqB,CAAA;AAElD,eAAO,MAAM,eAAe,0CAA2C,CAAA;AAEvE,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAA;AAC7D,MAAM,MAAM,wBAAwB,GAAG,OAAO,CAAC,cAAc,EAAE,SAAS,CAAC,CAAA;AAEzE,MAAM,MAAM,cAAc,GAAG;IAC3B,oDAAoD;IACpD,OAAO,CAAC,EAAE,cAAc,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,OAAO,aAAa,CAAA;IAC3B,cAAc,CAAC,EAAE,wBAAwB,CAAA;CAC1C,CAAA;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,OAAO,kBACQ,cAAc,KAAQ,iBAAiB;;;CASlE,CAAA"}

package/dist/components/css/divider/divider.js

@@ -0,0 +1,22 @@
+import { attributes, createGuard } from "../shared.js";
+export const DIVIDER_CLASS = "fs-divider";
+export const dividerVariants = ["default", "subtle", "strong"];
+/**
+ * Attributtene for en skillelinje.
+ *
+ * Klassen hører på et `<hr>`. Skiller streken to deler av innholdet, er den
+ * en opplysning skjermlesere skal få. Er den bare pynt mellom to bokser som
+ * allerede er atskilt, sett `aria-hidden="true"` på den.
+ *
+ * ```ts
+ * <hr {...divider({ variant: "subtle" })} />
+ * ```
+ */
+export const divider = Object.assign(({ variant = "default" } = {}) => attributes({
+    class: DIVIDER_CLASS,
+    "data-variant": variant === "default" ? undefined : variant,
+}), {
+    variants: dividerVariants,
+    isVariant: createGuard(dividerVariants),
+});
+//# sourceMappingURL=divider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../../src/components/css/divider/divider.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,eAAe,GAAG,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,CAAU,CAAA;AAevE;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAClC,CAAC,EAAE,OAAO,GAAG,SAAS,KAAqB,EAAE,EAAqB,EAAE,CAClE,UAAU,CAAC;IACT,KAAK,EAAE,aAAa;IACpB,cAAc,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO;CAC5D,CAAC,EACJ;IACE,QAAQ,EAAE,eAAe;IACzB,SAAS,EAAE,WAAW,CAAC,eAAe,CAAC;CACxC,CACF,CAAA"}

package/dist/components/css/error-text/error-text.d.ts

@@ -0,0 +1,24 @@
+export declare const ERROR_TEXT_CLASS: "fs-error-text";
+export declare const errorTextVariants: readonly ["error", "warning"];
+export type ErrorTextVariant = (typeof errorTextVariants)[number];
+export type NonDefaultErrorTextVariant = Exclude<ErrorTextVariant, "error">;
+export type ErrorTextOptions = {
+    /** Om feilen stopper innsending eller bare advarer. Standard: `error`. */
+    variant?: ErrorTextVariant;
+};
+export type ErrorTextAttributes = {
+    class: typeof ERROR_TEXT_CLASS;
+    "data-variant"?: NonDefaultErrorTextVariant;
+};
+/**
+ * Attributtene for en feilmelding under et felt.
+ *
+ * ```ts
+ * <p {...errorText({ variant: "warning" })}>…</p>
+ * ```
+ */
+export declare const errorText: (({ variant }?: ErrorTextOptions) => ErrorTextAttributes) & {
+    variants: readonly ["error", "warning"];
+    isVariant: (value: string) => value is "error" | "warning";
+};
+//# sourceMappingURL=error-text.d.ts.map

package/dist/components/css/error-text/error-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-text.d.ts","sourceRoot":"","sources":["../../../../src/components/css/error-text/error-text.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,EAAG,eAAwB,CAAA;AAExD,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,OAAO,CAAC,CAAA;AAE3E,MAAM,MAAM,gBAAgB,GAAG;IAC7B,0EAA0E;IAC1E,OAAO,CAAC,EAAE,gBAAgB,CAAA;CAC3B,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,OAAO,gBAAgB,CAAA;IAC9B,cAAc,CAAC,EAAE,0BAA0B,CAAA;CAC5C,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,SAAS,kBACI,gBAAgB,KAAQ,mBAAmB;;;CASpE,CAAA"}

package/dist/components/css/error-text/error-text.js

@@ -0,0 +1,18 @@
+import { attributes, createGuard } from "../shared.js";
+export const ERROR_TEXT_CLASS = "fs-error-text";
+export const errorTextVariants = ["error", "warning"];
+/**
+ * Attributtene for en feilmelding under et felt.
+ *
+ * ```ts
+ * <p {...errorText({ variant: "warning" })}>…</p>
+ * ```
+ */
+export const errorText = Object.assign(({ variant = "error" } = {}) => attributes({
+    class: ERROR_TEXT_CLASS,
+    "data-variant": variant === "error" ? undefined : variant,
+}), {
+    variants: errorTextVariants,
+    isVariant: createGuard(errorTextVariants),
+});
+//# sourceMappingURL=error-text.js.map

package/dist/components/css/error-text/error-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-text.js","sourceRoot":"","sources":["../../../../src/components/css/error-text/error-text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAEtD,MAAM,CAAC,MAAM,gBAAgB,GAAG,eAAwB,CAAA;AAExD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,OAAO,EAAE,SAAS,CAAU,CAAA;AAe9D;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CACpC,CAAC,EAAE,OAAO,GAAG,OAAO,KAAuB,EAAE,EAAuB,EAAE,CACpE,UAAU,CAAC;IACT,KAAK,EAAE,gBAAgB;IACvB,cAAc,EAAE,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO;CAC1D,CAAC,EACJ;IACE,QAAQ,EAAE,iBAAiB;IAC3B,SAAS,EAAE,WAAW,CAAC,iBAAiB,CAAC;CAC1C,CACF,CAAA"}