@fristil/designsystem 0.2.0

package/dist/fs.d.ts

@@ -0,0 +1,199 @@
+import { computeFieldAttributes } from "./components/ramme/field/field-core.js";
+import { setAttributes } from "./dom.js";
+/**
+ * Hele komponent-API-et på ett sted.
+ *
+ * Hver komponent er en funksjon som tar et valgobjekt og returnerer
+ * attributtene du sprer inn i elementet:
+ *
+ * ```ts
+ * import { fs } from "@fristil/designsystem"
+ *
+ * <button {...fs.button({ variant: "secondary" })}>Lagre utkast</button>
+ * <input {...fs.input({ type: "email", state: "invalid" })} />
+ * <span {...fs.badge({ color: "success" })}>Innvilget</span>
+ * ```
+ *
+ * Formen er den samme for alle, så du lærer den én gang. Skriv `fs.` i
+ * editoren for å se hva som finnes; skriv `fs.button.` for å se de lovlige
+ * variantene og vakten som validerer verdier utenfra.
+ *
+ * Returverdiene er vanlige objekter. Det er grunnen til at det samme API-et
+ * virker i React, Vue, Svelte og ren HTML.
+ */
+export declare const fs: {
+    readonly accordion: (({ variant }?: import("./index.js").AccordionOptions) => import("./index.js").AccordionAttributes) & {
+        content: "fs-accordion__content";
+        variants: readonly ["default", "plain"];
+        isVariant: (value: string) => value is "default" | "plain";
+    };
+    readonly alert: (({ color }?: import("./index.js").AlertOptions) => import("./index.js").AlertAttributes) & {
+        title: "fs-alert__title";
+        colors: readonly ["info", "success", "warning", "danger"];
+        isColor: (value: string) => value is "warning" | "info" | "danger" | "success";
+    };
+    readonly avatar: (({ size, variant, }?: import("./index.js").AvatarOptions) => import("./index.js").AvatarAttributes) & {
+        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";
+    };
+    readonly badge: (({ color }?: import("./index.js").BadgeOptions) => import("./index.js").BadgeAttributes) & {
+        colors: readonly ["info", "success", "warning", "danger", "neutral"];
+        isColor: (value: string) => value is "warning" | "info" | "danger" | "success" | "neutral";
+    };
+    readonly breadcrumbs: () => import("./index.js").BreadcrumbsAttributes;
+    readonly button: (({ variant }?: import("./index.js").ButtonOptions) => import("./index.js").ButtonAttributes) & {
+        variants: readonly ["primary", "secondary", "ghost", "danger"];
+        isVariant: (value: string) => value is "danger" | "primary" | "secondary" | "ghost";
+    };
+    readonly card: (({ variant, interactive }?: import("./index.js").CardOptions) => import("./index.js").CardAttributes) & {
+        title: "fs-card__title";
+        variants: readonly ["outline", "filled"];
+        isVariant: (value: string) => value is "outline" | "filled";
+    };
+    readonly checkbox: (({ state }?: import("./index.js").CheckboxOptions) => import("./index.js").CheckboxAttributes) & {
+        row: "fs-checkbox-row";
+        states: readonly ["default", "invalid", "success"];
+        isState: (value: string) => value is "default" | "success" | "invalid";
+    };
+    readonly dialog: (() => import("./index.js").DialogAttributes) & {
+        title: "fs-dialog__title";
+        body: "fs-dialog__body";
+        footer: "fs-dialog__footer";
+    };
+    readonly divider: (({ variant }?: import("./index.js").DividerOptions) => import("./index.js").DividerAttributes) & {
+        variants: readonly ["default", "subtle", "strong"];
+        isVariant: (value: string) => value is "default" | "subtle" | "strong";
+    };
+    readonly errorText: (({ variant }?: import("./index.js").ErrorTextOptions) => import("./index.js").ErrorTextAttributes) & {
+        variants: readonly ["error", "warning"];
+        isVariant: (value: string) => value is "error" | "warning";
+    };
+    /**
+     * Kobler sammen ledetekst, felt, hjelpetekst og feilmelding.
+     *
+     * ```ts
+     * const felt = fs.field({ id: "epost", required: "text", help: true, error: true, invalid })
+     *
+     * <label {...felt.label}>E-postadresse</label>
+     * <input {...fs.input({ type: "email", state: felt.state })} {...felt.control} />
+     * <p {...fs.helpText()} {...felt.help}>Vi sender kvittering hit.</p>
+     * <p {...fs.errorText()} {...felt.error}>Skriv en gyldig adresse.</p>
+     * ```
+     *
+     * Samme utregning som `<fs-field>` gjør, men som data, så du kan eie
+     * markupen selv uten å registrere et custom element.
+     */
+    readonly field: typeof computeFieldAttributes;
+    /** Gruppe av kontroller som hører sammen. Ledeteksten er `fs.legend`. */
+    readonly fieldset: (({ state, disabled }?: import("./index.js").FieldsetOptions) => import("./index.js").FieldsetAttributes) & {
+        states: readonly ["default", "invalid", "success"];
+        isState: (value: string) => value is "default" | "success" | "invalid";
+    };
+    readonly heading: (({ size }?: import("./index.js").HeadingOptions) => import("./index.js").HeadingAttributes) & {
+        sizes: readonly ["xs", "s", "m", "l", "xl", "mega"];
+        isSize: (value: string) => value is "l" | "xs" | "s" | "m" | "xl" | "mega";
+    };
+    readonly fileUpload: (({ state, multiple, accept, }?: import("./index.js").FileUploadOptions) => import("./index.js").FileUploadAttributes) & {
+        list: "fs-file-upload-list";
+        states: readonly ["default", "invalid", "success"];
+        isState: (value: string) => value is "default" | "success" | "invalid";
+    };
+    readonly helpText: (({ variant }?: import("./index.js").HelpTextOptions) => import("./index.js").HelpTextAttributes) & {
+        variants: readonly ["muted", "default", "success", "warning"];
+        isVariant: (value: string) => value is "default" | "warning" | "success" | "muted";
+    };
+    readonly input: (({ type, state }?: import("./index.js").InputOptions) => import("./index.js").InputAttributes) & {
+        types: readonly ["text", "password", "email", "number", "date", "datetime-local", "week", "month", "tel", "url", "search", "time"];
+        isType: (value: string) => value is "number" | "date" | "search" | "url" | "text" | "password" | "email" | "datetime-local" | "week" | "month" | "tel" | "time";
+        states: readonly ["default", "invalid", "success"];
+        isState: (value: string) => value is "default" | "success" | "invalid";
+    };
+    readonly label: (({ required, optional, disabled }?: import("./index.js").LabelOptions) => import("./index.js").LabelAttributes) & {
+        markers: readonly ["symbol", "text"];
+        isMarker: (value: string) => value is "symbol" | "text";
+    };
+    readonly legend: (({ required, optional, disabled }?: import("./index.js").LegendOptions) => import("./index.js").LegendAttributes) & {
+        markers: readonly ["symbol", "text"];
+        isMarker: (value: string) => value is "symbol" | "text";
+    };
+    readonly link: ({ disabled }?: import("./index.js").LinkOptions) => import("./index.js").LinkAttributes;
+    readonly list: (({ variant }?: import("./index.js").ListOptions) => import("./index.js").ListAttributes) & {
+        variants: readonly ["default", "plain", "divided"];
+        isVariant: (value: string) => value is "default" | "plain" | "divided";
+    };
+    readonly pagination: (() => import("./index.js").PaginationAttributes) & {
+        gap: "fs-pagination__gap";
+    };
+    readonly paragraph: (({ size, variant, }?: import("./index.js").ParagraphOptions) => import("./index.js").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";
+    };
+    readonly radio: (({ state }?: import("./index.js").RadioOptions) => import("./index.js").RadioAttributes) & {
+        row: "fs-radio-row";
+        states: readonly ["default", "invalid", "success"];
+        isState: (value: string) => value is "default" | "success" | "invalid";
+    };
+    readonly search: (({ state }?: import("./index.js").SearchOptions) => import("./index.js").SearchAttributes) & {
+        row: "fs-search-row";
+        states: readonly ["default", "invalid", "success"];
+        isState: (value: string) => value is "default" | "success" | "invalid";
+    };
+    readonly select: (({ state }?: import("./index.js").SelectOptions) => import("./index.js").SelectAttributes) & {
+        states: readonly ["default", "invalid", "success"];
+        isState: (value: string) => value is "default" | "success" | "invalid";
+    };
+    readonly skeleton: (({ variant }?: import("./index.js").SkeletonOptions) => import("./index.js").SkeletonAttributes) & {
+        variants: readonly ["block", "text", "circle"];
+        isVariant: (value: string) => value is "text" | "circle" | "block";
+    };
+    readonly skipLink: () => import("./index.js").SkipLinkAttributes;
+    readonly spinner: (({ size, label }?: import("./index.js").SpinnerOptions) => import("./index.js").SpinnerAttributes) & {
+        sizes: readonly ["small", "medium", "large"];
+        isSize: (value: string) => value is "small" | "medium" | "large";
+    };
+    /** Tekst bare skjermlesere skal få. Krever `sr-only.css`. */
+    readonly srOnly: () => import("./index.js").SrOnlyAttributes;
+    /** Av og på. Heter `switchControl` når du importerer den direkte. */
+    readonly switch: (({ disabled }?: import("./index.js").SwitchOptions) => import("./index.js").SwitchAttributes) & {
+        row: "fs-switch-row";
+    };
+    readonly toggleGroup: (() => import("./index.js").ToggleGroupAttributes) & {
+        option: "fs-toggle-group__option";
+    };
+    readonly tooltip: (() => import("./index.js").TooltipAttributes) & {
+        bubble: "fs-tooltip__bubble";
+    };
+    readonly table: (({ variant, hoverable }?: import("./index.js").TableOptions) => import("./index.js").TableAttributes) & {
+        scroll: "fs-table-scroll";
+        variants: readonly ["default", "striped"];
+        isVariant: (value: string) => value is "default" | "striped";
+    };
+    readonly tag: (({ variant, selectable }?: import("./index.js").TagOptions) => import("./index.js").TagAttributes) & {
+        variants: readonly ["outline", "filled"];
+        isVariant: (value: string) => value is "outline" | "filled";
+    };
+    readonly textarea: (({ state }?: import("./index.js").TextareaOptions) => import("./index.js").TextareaAttributes) & {
+        states: readonly ["default", "invalid", "success"];
+        isState: (value: string) => value is "default" | "success" | "invalid";
+    };
+    /**
+     * Bruker et attributtsett på et element i vanlig DOM.
+     *
+     * I JSX sprer du objektet. Uten JSX gjør denne jobben det, og rydder bort
+     * attributter fra forrige tilstand.
+     */
+    readonly setAttributes: typeof setAttributes;
+    /** Valideringstilstandene som deles av input, textarea og select. */
+    readonly states: readonly ["default", "invalid", "success"];
+    readonly isState: (value: string) => value is "default" | "success" | "invalid";
+    /** Måtene et påkrevd felt kan markeres på. */
+    readonly markers: readonly ["symbol", "text"];
+    readonly isMarker: (value: string) => value is "symbol" | "text";
+};
+export type Fs = typeof fs;
+//# sourceMappingURL=fs.d.ts.map

package/dist/fs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fs.d.ts","sourceRoot":"","sources":["../src/fs.ts"],"names":[],"mappings":"AAwCA,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAA;AAC/E,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAExC;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAYb;;;;;;;;;;;;;;OAcG;;IAEH,yEAAyE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAkBzE,6DAA6D;;IAE7D,qEAAqE;;;;;;;;;;;;;;;;;;;;;;;IAQrE;;;;;OAKG;;IAGH,qEAAqE;;;IAGrE,8CAA8C;;;CAGtC,CAAA;AAEV,MAAM,MAAM,EAAE,GAAG,OAAO,EAAE,CAAA"}

package/dist/fs.js

@@ -0,0 +1,128 @@
+import { accordion } from "./components/css/accordion/accordion.js";
+import { alert } from "./components/css/alert/alert.js";
+import { avatar } from "./components/css/avatar/avatar.js";
+import { badge } from "./components/css/badge/badge.js";
+import { breadcrumbs } from "./components/css/breadcrumbs/breadcrumbs.js";
+import { button } from "./components/css/button/button.js";
+import { card } from "./components/css/card/card.js";
+import { checkbox } from "./components/css/checkbox/checkbox.js";
+import { dialog } from "./components/css/dialog/dialog.js";
+import { divider } from "./components/css/divider/divider.js";
+import { errorText } from "./components/css/error-text/error-text.js";
+import { fieldset, legend } from "./components/css/fieldset/fieldset.js";
+import { fileUpload } from "./components/css/file-upload/file-upload.js";
+import { heading } from "./components/css/heading/heading.js";
+import { helpText } from "./components/css/help-text/help-text.js";
+import { input } from "./components/css/input/input.js";
+import { label } from "./components/css/label/label.js";
+import { link } from "./components/css/link/link.js";
+import { list } from "./components/css/list/list.js";
+import { pagination } from "./components/css/pagination/pagination.js";
+import { paragraph } from "./components/css/paragraph/paragraph.js";
+import { radio } from "./components/css/radio/radio.js";
+import { search } from "./components/css/search/search.js";
+import { select } from "./components/css/select/select.js";
+import { fieldStates, isFieldState, isRequiredMarker, requiredMarkers, } from "./components/css/shared.js";
+import { skeleton } from "./components/css/skeleton/skeleton.js";
+import { skipLink } from "./components/css/skip-link/skip-link.js";
+import { spinner } from "./components/css/spinner/spinner.js";
+import { srOnly } from "./components/css/sr-only/sr-only.js";
+import { switchControl } from "./components/css/switch/switch.js";
+import { table } from "./components/css/table/table.js";
+import { tag } from "./components/css/tag/tag.js";
+import { textarea } from "./components/css/textarea/textarea.js";
+import { toggleGroup } from "./components/css/toggle-group/toggle-group.js";
+import { tooltip } from "./components/css/tooltip/tooltip.js";
+import { computeFieldAttributes } from "./components/ramme/field/field-core.js";
+import { setAttributes } from "./dom.js";
+/**
+ * Hele komponent-API-et på ett sted.
+ *
+ * Hver komponent er en funksjon som tar et valgobjekt og returnerer
+ * attributtene du sprer inn i elementet:
+ *
+ * ```ts
+ * import { fs } from "@fristil/designsystem"
+ *
+ * <button {...fs.button({ variant: "secondary" })}>Lagre utkast</button>
+ * <input {...fs.input({ type: "email", state: "invalid" })} />
+ * <span {...fs.badge({ color: "success" })}>Innvilget</span>
+ * ```
+ *
+ * Formen er den samme for alle, så du lærer den én gang. Skriv `fs.` i
+ * editoren for å se hva som finnes; skriv `fs.button.` for å se de lovlige
+ * variantene og vakten som validerer verdier utenfra.
+ *
+ * Returverdiene er vanlige objekter. Det er grunnen til at det samme API-et
+ * virker i React, Vue, Svelte og ren HTML.
+ */
+export const fs = {
+    accordion,
+    alert,
+    avatar,
+    badge,
+    breadcrumbs,
+    button,
+    card,
+    checkbox,
+    dialog,
+    divider,
+    errorText,
+    /**
+     * Kobler sammen ledetekst, felt, hjelpetekst og feilmelding.
+     *
+     * ```ts
+     * const felt = fs.field({ id: "epost", required: "text", help: true, error: true, invalid })
+     *
+     * <label {...felt.label}>E-postadresse</label>
+     * <input {...fs.input({ type: "email", state: felt.state })} {...felt.control} />
+     * <p {...fs.helpText()} {...felt.help}>Vi sender kvittering hit.</p>
+     * <p {...fs.errorText()} {...felt.error}>Skriv en gyldig adresse.</p>
+     * ```
+     *
+     * Samme utregning som `<fs-field>` gjør, men som data, så du kan eie
+     * markupen selv uten å registrere et custom element.
+     */
+    field: computeFieldAttributes,
+    /** Gruppe av kontroller som hører sammen. Ledeteksten er `fs.legend`. */
+    fieldset,
+    heading,
+    fileUpload,
+    helpText,
+    input,
+    label,
+    legend,
+    link,
+    list,
+    pagination,
+    paragraph,
+    radio,
+    search,
+    select,
+    skeleton,
+    skipLink,
+    spinner,
+    /** Tekst bare skjermlesere skal få. Krever `sr-only.css`. */
+    srOnly,
+    /** Av og på. Heter `switchControl` når du importerer den direkte. */
+    switch: switchControl,
+    toggleGroup,
+    tooltip,
+    table,
+    tag,
+    textarea,
+    /**
+     * Bruker et attributtsett på et element i vanlig DOM.
+     *
+     * I JSX sprer du objektet. Uten JSX gjør denne jobben det, og rydder bort
+     * attributter fra forrige tilstand.
+     */
+    setAttributes,
+    /** Valideringstilstandene som deles av input, textarea og select. */
+    states: fieldStates,
+    isState: isFieldState,
+    /** Måtene et påkrevd felt kan markeres på. */
+    markers: requiredMarkers,
+    isMarker: isRequiredMarker,
+};
+//# sourceMappingURL=fs.js.map

package/dist/fs.js.map

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

package/dist/index.d.ts

@@ -0,0 +1,84 @@
+export type { AccordionAttributes, AccordionOptions, AccordionVariant, } from "./components/css/accordion/accordion.js";
+export { accordion } from "./components/css/accordion/accordion.js";
+export type { AlertAttributes, AlertColor, AlertOptions, } from "./components/css/alert/alert.js";
+export { alert } from "./components/css/alert/alert.js";
+export type { AvatarAttributes, AvatarOptions, AvatarSize, AvatarVariant, } from "./components/css/avatar/avatar.js";
+export { avatar } from "./components/css/avatar/avatar.js";
+export type { BadgeAttributes, BadgeColor, BadgeOptions, } from "./components/css/badge/badge.js";
+export { badge } from "./components/css/badge/badge.js";
+export type { BreadcrumbsAttributes } from "./components/css/breadcrumbs/breadcrumbs.js";
+export { breadcrumbs } from "./components/css/breadcrumbs/breadcrumbs.js";
+export type { ButtonAttributes, ButtonOptions, ButtonVariant, } from "./components/css/button/button.js";
+export { button } from "./components/css/button/button.js";
+export type { CardAttributes, CardOptions, CardVariant, } from "./components/css/card/card.js";
+export { card } from "./components/css/card/card.js";
+export type { CheckboxAttributes, CheckboxOptions, } from "./components/css/checkbox/checkbox.js";
+export { checkbox } from "./components/css/checkbox/checkbox.js";
+export type { DialogAttributes } from "./components/css/dialog/dialog.js";
+export { dialog } from "./components/css/dialog/dialog.js";
+export type { DividerAttributes, DividerOptions, DividerVariant, } from "./components/css/divider/divider.js";
+export { divider } from "./components/css/divider/divider.js";
+export type { ErrorTextAttributes, ErrorTextOptions, ErrorTextVariant, } from "./components/css/error-text/error-text.js";
+export { errorText } from "./components/css/error-text/error-text.js";
+export type { FieldsetAttributes, FieldsetOptions, LegendAttributes, LegendOptions, } from "./components/css/fieldset/fieldset.js";
+export { fieldset, legend } from "./components/css/fieldset/fieldset.js";
+export type { FileUploadAttributes, FileUploadOptions, } from "./components/css/file-upload/file-upload.js";
+export { fileUpload } from "./components/css/file-upload/file-upload.js";
+export type { HeadingAttributes, HeadingOptions, HeadingSize, } from "./components/css/heading/heading.js";
+export { heading } from "./components/css/heading/heading.js";
+export type { HelpTextAttributes, HelpTextOptions, HelpTextVariant, } from "./components/css/help-text/help-text.js";
+export { helpText } from "./components/css/help-text/help-text.js";
+export type { InputAttributes, InputOptions, InputType, } from "./components/css/input/input.js";
+export { input } from "./components/css/input/input.js";
+export type { LabelAttributes, LabelOptions, } from "./components/css/label/label.js";
+export { label } from "./components/css/label/label.js";
+export type { LinkAttributes, LinkOptions } from "./components/css/link/link.js";
+export { link } from "./components/css/link/link.js";
+export type { ListAttributes, ListOptions, ListVariant, } from "./components/css/list/list.js";
+export { list } from "./components/css/list/list.js";
+export type { PaginationAttributes } from "./components/css/pagination/pagination.js";
+export { pagination } from "./components/css/pagination/pagination.js";
+export type { ParagraphAttributes, ParagraphOptions, ParagraphSize, ParagraphVariant, } from "./components/css/paragraph/paragraph.js";
+export { paragraph } from "./components/css/paragraph/paragraph.js";
+export type { RadioAttributes, RadioOptions, } from "./components/css/radio/radio.js";
+export { radio } from "./components/css/radio/radio.js";
+export type { SearchAttributes, SearchOptions, } from "./components/css/search/search.js";
+export { search } from "./components/css/search/search.js";
+export type { SelectAttributes, SelectOptions, } from "./components/css/select/select.js";
+export { select } from "./components/css/select/select.js";
+export * from "./components/css/shared.js";
+export type { SkeletonAttributes, SkeletonOptions, SkeletonVariant, } from "./components/css/skeleton/skeleton.js";
+export { skeleton } from "./components/css/skeleton/skeleton.js";
+export type { SkipLinkAttributes } from "./components/css/skip-link/skip-link.js";
+export { skipLink } from "./components/css/skip-link/skip-link.js";
+export type { SpinnerAttributes, SpinnerOptions, SpinnerSize, } from "./components/css/spinner/spinner.js";
+export { spinner } from "./components/css/spinner/spinner.js";
+export type { SrOnlyAttributes } from "./components/css/sr-only/sr-only.js";
+export { srOnly } from "./components/css/sr-only/sr-only.js";
+export type { SwitchAttributes, SwitchOptions, } from "./components/css/switch/switch.js";
+export { switchControl } from "./components/css/switch/switch.js";
+export type { TableAttributes, TableOptions, TableVariant, } from "./components/css/table/table.js";
+export { table } from "./components/css/table/table.js";
+export type { TagAttributes, TagOptions, TagVariant, } from "./components/css/tag/tag.js";
+export { tag } from "./components/css/tag/tag.js";
+export type { TextareaAttributes, TextareaOptions, } from "./components/css/textarea/textarea.js";
+export { textarea } from "./components/css/textarea/textarea.js";
+export type { ToggleGroupAttributes } from "./components/css/toggle-group/toggle-group.js";
+export { toggleGroup } from "./components/css/toggle-group/toggle-group.js";
+export type { TooltipAttributes } from "./components/css/tooltip/tooltip.js";
+export { tooltip } from "./components/css/tooltip/tooltip.js";
+export * from "./components/frittstaende/calendar/fs-calendar.js";
+export * from "./components/frittstaende/date-field/fs-date-field.js";
+export * from "./components/frittstaende/suggestion/fs-suggestion.js";
+export * from "./components/frittstaende/toast/fs-toast.js";
+export * from "./components/ramme/error-summary/fs-error-summary.js";
+export * from "./components/ramme/field/field-core.js";
+export * from "./components/ramme/field/fs-field.js";
+export * from "./components/ramme/popover/fs-popover.js";
+export * from "./components/ramme/tabs/fs-tabs.js";
+export type { Attributes } from "./dom.js";
+export { setAttributes } from "./dom.js";
+export type { Fs } from "./fs.js";
+export { fs } from "./fs.js";
+export * from "./tokens/tokens.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

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

package/dist/index.js

@@ -0,0 +1,48 @@
+export { accordion } from "./components/css/accordion/accordion.js";
+export { alert } from "./components/css/alert/alert.js";
+export { avatar } from "./components/css/avatar/avatar.js";
+export { badge } from "./components/css/badge/badge.js";
+export { breadcrumbs } from "./components/css/breadcrumbs/breadcrumbs.js";
+export { button } from "./components/css/button/button.js";
+export { card } from "./components/css/card/card.js";
+export { checkbox } from "./components/css/checkbox/checkbox.js";
+export { dialog } from "./components/css/dialog/dialog.js";
+export { divider } from "./components/css/divider/divider.js";
+export { errorText } from "./components/css/error-text/error-text.js";
+export { fieldset, legend } from "./components/css/fieldset/fieldset.js";
+export { fileUpload } from "./components/css/file-upload/file-upload.js";
+export { heading } from "./components/css/heading/heading.js";
+export { helpText } from "./components/css/help-text/help-text.js";
+export { input } from "./components/css/input/input.js";
+export { label } from "./components/css/label/label.js";
+export { link } from "./components/css/link/link.js";
+export { list } from "./components/css/list/list.js";
+export { pagination } from "./components/css/pagination/pagination.js";
+export { paragraph } from "./components/css/paragraph/paragraph.js";
+export { radio } from "./components/css/radio/radio.js";
+export { search } from "./components/css/search/search.js";
+export { select } from "./components/css/select/select.js";
+export * from "./components/css/shared.js";
+export { skeleton } from "./components/css/skeleton/skeleton.js";
+export { skipLink } from "./components/css/skip-link/skip-link.js";
+export { spinner } from "./components/css/spinner/spinner.js";
+export { srOnly } from "./components/css/sr-only/sr-only.js";
+export { switchControl } from "./components/css/switch/switch.js";
+export { table } from "./components/css/table/table.js";
+export { tag } from "./components/css/tag/tag.js";
+export { textarea } from "./components/css/textarea/textarea.js";
+export { toggleGroup } from "./components/css/toggle-group/toggle-group.js";
+export { tooltip } from "./components/css/tooltip/tooltip.js";
+export * from "./components/frittstaende/calendar/fs-calendar.js";
+export * from "./components/frittstaende/date-field/fs-date-field.js";
+export * from "./components/frittstaende/suggestion/fs-suggestion.js";
+export * from "./components/frittstaende/toast/fs-toast.js";
+export * from "./components/ramme/error-summary/fs-error-summary.js";
+export * from "./components/ramme/field/field-core.js";
+export * from "./components/ramme/field/fs-field.js";
+export * from "./components/ramme/popover/fs-popover.js";
+export * from "./components/ramme/tabs/fs-tabs.js";
+export { setAttributes } from "./dom.js";
+export { fs } from "./fs.js";
+export * from "./tokens/tokens.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAA;AAMnE,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAA;AAOvD,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAM1D,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAA;AAEvD,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAA;AAMzE,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAM1D,OAAO,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAA;AAKpD,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAA;AAEhE,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAM1D,OAAO,EAAE,OAAO,EAAE,MAAM,qCAAqC,CAAA;AAM7D,OAAO,EAAE,SAAS,EAAE,MAAM,2CAA2C,CAAA;AAOrE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAA;AAKxE,OAAO,EAAE,UAAU,EAAE,MAAM,6CAA6C,CAAA;AAMxE,OAAO,EAAE,OAAO,EAAE,MAAM,qCAAqC,CAAA;AAM7D,OAAO,EAAE,QAAQ,EAAE,MAAM,yCAAyC,CAAA;AAMlE,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAA;AAKvD,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAA;AAEvD,OAAO,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAA;AAMpD,OAAO,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAA;AAEpD,OAAO,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAA;AAOtE,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAA;AAKnE,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAA;AAKvD,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAK1D,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAC1D,cAAc,4BAA4B,CAAA;AAM1C,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAA;AAEhE,OAAO,EAAE,QAAQ,EAAE,MAAM,yCAAyC,CAAA;AAMlE,OAAO,EAAE,OAAO,EAAE,MAAM,qCAAqC,CAAA;AAE7D,OAAO,EAAE,MAAM,EAAE,MAAM,qCAAqC,CAAA;AAK5D,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAA;AAMjE,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAA;AAMvD,OAAO,EAAE,GAAG,EAAE,MAAM,6BAA6B,CAAA;AAKjD,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAA;AAEhE,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAA;AAE3E,OAAO,EAAE,OAAO,EAAE,MAAM,qCAAqC,CAAA;AAC7D,cAAc,mDAAmD,CAAA;AACjE,cAAc,uDAAuD,CAAA;AACrE,cAAc,uDAAuD,CAAA;AACrE,cAAc,6CAA6C,CAAA;AAC3D,cAAc,sDAAsD,CAAA;AACpE,cAAc,wCAAwC,CAAA;AACtD,cAAc,sCAAsC,CAAA;AACpD,cAAc,0CAA0C,CAAA;AACxD,cAAc,oCAAoC,CAAA;AAElD,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAExC,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAA;AAC5B,cAAc,oBAAoB,CAAA"}

package/dist/jsx/react.d.ts

@@ -0,0 +1,127 @@
+import type { HTMLAttributes } from "react";
+/**
+ * Typer for Fristils egendefinerte elementer i JSX.
+ *
+ * Uten disse kjenner ikke TypeScript `<fs-field>` i det hele tatt, men sier
+ * «Property 'fs-field' does not exist on type JSX.IntrinsicElements». Og
+ * attributtene er bindestreksstrenger uten autofullføring, så `required-marker`
+ * og `help-text` er nettopp der en skrivefeil er lett å gjøre og vanskelig å
+ * få øye på.
+ *
+ * Importer én gang i prosjektet, helst fra en `.d.ts`-fil så det ikke havner
+ * i bygget:
+ *
+ * ```ts
+ * // src/fristil.d.ts
+ * import "@fristil/designsystem/react-jsx"
+ * ```
+ *
+ * Vue og Svelte trenger ikke dette. Vue godtar ukjente elementer når `fs-` er
+ * satt opp i `isCustomElement`, og Svelte klager ikke.
+ */
+/**
+ * Boolske attributter på egendefinerte elementer.
+ *
+ * Typen er `true | undefined`, ikke `boolean`, og det er med vilje. React
+ * behandler egendefinerte elementer ulikt mellom versjoner, og bare ett
+ * mønster er riktig i begge:
+ *
+ *     React 18 setter attributter       React 19 setter egenskaper
+ *     invalid=""       virker            aldri ugyldig
+ *     invalid={true}   virker            virker
+ *     invalid={false}  ALLTID ugyldig    virker
+ *     invalid={undefined}  virker        virker
+ *
+ * React 18 stringifiserer til `invalid="false"`. Attributtet finnes da,
+ * og er dermed sant. React 19 setter egenskapen til `""`, som er usann.
+ *
+ * Skriv derfor `invalid={ugyldig || undefined}`. Typen her gjør at de to
+ * andre variantene blir kompileringsfeil i stedet for noe du må huske.
+ */
+type Flag = true | undefined;
+type FsFieldAttributes = HTMLAttributes<HTMLElement> & {
+    invalid?: Flag;
+    disabled?: Flag;
+    optional?: Flag;
+    "required-marker"?: "none" | "symbol" | "text";
+    "control-id"?: string;
+    "described-by"?: string;
+};
+type FsTabsAttributes = HTMLAttributes<HTMLElement> & {
+    /** Indeksen på fanen som er valgt. */
+    selected?: number;
+    /** Tekst som sier hva fanene velger mellom. */
+    label?: string;
+};
+type FsErrorSummaryAttributes = HTMLAttributes<HTMLElement> & {
+    /** Overskriften over lista med feil. */
+    heading?: string;
+    /** Flytt fokus hit når boksen kommer til syne. */
+    autofocus?: Flag;
+};
+type FsSuggestionAttributes = HTMLAttributes<HTMLElement> & {
+    label?: string;
+    value?: string;
+    name?: string;
+    placeholder?: string;
+    "help-text"?: string;
+    "error-text"?: string;
+    "control-id"?: string;
+    "described-by"?: string;
+    "no-results-text"?: string;
+    invalid?: Flag;
+    required?: Flag;
+    optional?: Flag;
+    disabled?: Flag;
+    open?: Flag;
+};
+type FsPopoverAttributes = HTMLAttributes<HTMLElement> & {
+    open?: Flag;
+    /** Hvilken kant panelet henger fra. */
+    placement?: "bottom-start" | "bottom-end" | "top-start" | "top-end";
+};
+type FsToastAttributes = HTMLAttributes<HTMLElement> & {
+    /** Millisekunder før meldingene forsvinner. */
+    duration?: number;
+    /** Tekst som sier hva regionen er. */
+    label?: string;
+};
+type FsCalendarAttributes = HTMLAttributes<HTMLElement> & {
+    /** Valgt dato som `ÅÅÅÅ-MM-DD`. */
+    value?: string;
+    open?: Flag;
+    disabled?: Flag;
+    "trigger-hidden"?: Flag;
+};
+type FsDateFieldAttributes = HTMLAttributes<HTMLElement> & {
+    label?: string;
+    /** Datoen som `ÅÅÅÅ-MM-DD`, alltid ISO. */
+    value?: string;
+    name?: string;
+    placeholder?: string;
+    "help-text"?: string;
+    "error-text"?: string;
+    "control-id"?: string;
+    "described-by"?: string;
+    invalid?: Flag;
+    required?: Flag;
+    optional?: Flag;
+    disabled?: Flag;
+    readonly?: Flag;
+};
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "fs-error-summary": FsErrorSummaryAttributes;
+            "fs-field": FsFieldAttributes;
+            "fs-popover": FsPopoverAttributes;
+            "fs-suggestion": FsSuggestionAttributes;
+            "fs-tabs": FsTabsAttributes;
+            "fs-toast": FsToastAttributes;
+            "fs-calendar": FsCalendarAttributes;
+            "fs-date-field": FsDateFieldAttributes;
+        }
+    }
+}
+export type { FsCalendarAttributes, FsDateFieldAttributes, FsErrorSummaryAttributes, FsFieldAttributes, FsPopoverAttributes, FsSuggestionAttributes, FsTabsAttributes, FsToastAttributes, };
+//# sourceMappingURL=react.d.ts.map

package/dist/jsx/react.d.ts.map

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

package/dist/jsx/react.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=react.js.map

package/dist/jsx/react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.js","sourceRoot":"","sources":["../../src/jsx/react.ts"],"names":[],"mappings":""}