@dep-dio/dio-designsystem 0.2.0 → 0.3.0

package/dist/styles/scss-utils.scss

@@ -0,0 +1,153 @@
+$bp-xxsmall: 320px;
+$bp-xsmall: 399px;
+$bp-small: 499px;
+$bp-small-upper: 500px;
+$bp-medium: 899px;
+$bp-medium-upper: 900px;
+$bp-large: 1024px;
+$bp-xlarge: 1100px;
+$bp-pageheader: 768px;
+$bp-pageheader-up: 769px;
+$bp-content: 699px;
+$bp-content-up: 700px;
+
+@mixin xxsmall {
+    @media (max-width: $bp-xxsmall) {
+        @content;
+    }
+}
+
+@mixin xsmall {
+    @media (max-width: $bp-xsmall) {
+        @content;
+    }
+}
+
+@mixin small {
+    @media (max-width: $bp-small) {
+        @content;
+    }
+}
+
+@mixin medium {
+    @media (max-width: $bp-medium) {
+        @content;
+    }
+}
+
+@mixin medium_only {
+    @media (min-width: $bp-small-upper) and (max-width: $bp-medium) {
+        @content;
+    }
+}
+
+@mixin medium_up {
+    @media (min-width: $bp-medium-upper) {
+        @content;
+    }
+}
+
+@mixin large {
+    @media (max-width: $bp-large) {
+        @content;
+    }
+}
+
+@mixin large_up {
+    @media (min-width: $bp-medium-upper) {
+        @content;
+    }
+}
+
+@mixin xlarge_up {
+    @media (min-width: $bp-xlarge) {
+        @content;
+    }
+}
+
+@mixin pageheader {
+    @media (max-width: $bp-pageheader) {
+        @content;
+    }
+}
+
+@mixin pageheader_up {
+    @media (min-width: $bp-pageheader-up) {
+        @content;
+    }
+}
+
+@mixin content {
+    @media (max-width: $bp-content) {
+        @content;
+    }
+}
+
+@mixin content_up {
+    @media (min-width: $bp-content-up) {
+        @content;
+    }
+}
+
+@mixin dio-text-heading-1 {
+    font-weight: var(--ds-heading-lg-font-weight);
+    line-height: var(--ds-heading-lg-line-height);
+    font-size: var(--ds-heading-lg-font-size);
+    letter-spacing: var(--ds-heading-lg-letter-spacing);
+
+    @include medium {
+        font-size: var(--ds-heading-md-font-size);
+        font-weight: var(--ds-heading-md-font-weight);
+        letter-spacing: var(--ds-heading-md-letter-spacing);
+        line-height: var(--ds-heading-md-line-height);
+    }
+}
+
+@mixin dio-text-heading-2 {
+    font-size: var(--ds-heading-sm-font-size);
+    font-weight: var(--ds-heading-sm-font-weight);
+    letter-spacing: var(--ds-heading-sm-letter-spacing);
+    line-height: var(--ds-heading-sm-line-height);
+}
+
+@mixin dio-text-heading-3 {
+    font-weight: var(--ds-heading-xs-font-weight);
+    line-height: var(--ds-heading-xs-line-height);
+    font-size: var(--ds-heading-xs-font-size);
+    letter-spacing: var(--ds-heading-xs-letter-spacing);
+}
+
+@mixin dio-text-heading-4 {
+    font-size: var(--ds-heading-2xs-font-size);
+    font-weight: var(--ds-heading-2xs-font-weight);
+    letter-spacing: var(--ds-heading-2xs-letter-spacing);
+    line-height: var(--ds-heading-2xs-line-height);
+}
+
+@mixin dio-text-large {
+    font-weight: var(--ds-body-xl-font-weight);
+    line-height: var(--ds-body-xl-line-height);
+    font-size: var(--ds-body-xl-font-size);
+    letter-spacing: var(--ds-body-xl-letter-spacing);
+
+    @include medium {
+        font-size: var(--ds-body-lg-font-size);
+        font-weight: var(--ds-body-lg-font-weight);
+        letter-spacing: var(--ds-body-lg-letter-spacing);
+        line-height: var(--ds-body-lg-line-height);
+    }
+}
+
+@mixin dio-text-base {
+    font-weight: var(--ds-body-md-font-weight);
+    line-height: var(--ds-body-md-line-height);
+    font-size: var(--ds-body-md-font-size);
+    letter-spacing: var(--ds-body-md-letter-spacing);
+}
+
+@mixin dio-text-small {
+    font-weight: var(--ds-body-sm-font-weight);
+    line-height: var(--ds-body-sm-line-height);
+    font-size: var(--ds-body-sm-font-size);
+    letter-spacing: var(--ds-body-sm-letter-spacing);
+}

package/dist/styles.d.ts

@@ -0,0 +1 @@
+declare module '@dep-dio/dio-designsystem/styles' {}

package/dist/types.d.ts

@@ -0,0 +1,18 @@
+/* build: v1.18.0 */
+import type {} from '@digdir/designsystemet-types';
+
+// Augment types based on theme
+declare module '@digdir/designsystemet-types' {
+  export interface ColorDefinitions {
+    primary: never;
+    accent1: never;
+    regjeringsbla: never;
+    neutral: never;
+  }
+  export interface SeverityColorDefinitions {
+    info: never;
+    success: never;
+    warning: never;
+    danger: never;
+  }
+}

package/dist/vite-icons-plugin.d.ts

@@ -1 +1 @@
-export declare function createDioSvgIconsPlugin(): import("vite").Plugin<any>;
+export declare function createDioSvgIconsPlugin(): { name: string }

package/dist/vite-icons-plugin.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/vite-icons-plugin.ts"],
-  "sourcesContent": ["import { existsSync } from \"node:fs\"\nimport path from \"node:path\"\nimport { fileURLToPath } from \"node:url\"\n\nimport { createSvgIconsPlugin } from \"vite-plugin-svg-icons\"\n\nfunction resolveIconsDir() {\n    const moduleDir = path.dirname(fileURLToPath(import.meta.url))\n    const packageRoot = path.resolve(moduleDir, \"..\")\n    const distIcons = path.join(packageRoot, \"dist/assets/icons\")\n    const srcIcons = path.join(packageRoot, \"src/assets/icons\")\n\n    if (existsSync(distIcons)) {\n        return distIcons\n    }\n\n    if (existsSync(srcIcons)) {\n        return srcIcons\n    }\n\n    return path.join(moduleDir, \"assets/icons\")\n}\n\nexport function createDioSvgIconsPlugin() {\n    return createSvgIconsPlugin({\n        iconDirs: [resolveIconsDir()],\n        symbolId: \"dio-[name]\",\n    })\n}\n"],
-  "mappings": ";AAAA,SAAS,kBAAkB;AAC3B,OAAO,UAAU;AACjB,SAAS,qBAAqB;AAE9B,SAAS,4BAA4B;AAErC,SAAS,kBAAkB;AACvB,QAAM,YAAY,KAAK,QAAQ,cAAc,YAAY,GAAG,CAAC;AAC7D,QAAM,cAAc,KAAK,QAAQ,WAAW,IAAI;AAChD,QAAM,YAAY,KAAK,KAAK,aAAa,mBAAmB;AAC5D,QAAM,WAAW,KAAK,KAAK,aAAa,kBAAkB;AAE1D,MAAI,WAAW,SAAS,GAAG;AACvB,WAAO;AAAA,EACX;AAEA,MAAI,WAAW,QAAQ,GAAG;AACtB,WAAO;AAAA,EACX;AAEA,SAAO,KAAK,KAAK,WAAW,cAAc;AAC9C;AAEO,SAAS,0BAA0B;AACtC,SAAO,qBAAqB;AAAA,IACxB,UAAU,CAAC,gBAAgB,CAAC;AAAA,IAC5B,UAAU;AAAA,EACd,CAAC;AACL;",
+  "sourcesContent": ["import { existsSync } from \"node:fs\"\nimport path from \"node:path\"\nimport { fileURLToPath } from \"node:url\"\n\nimport { createSvgIconsPlugin } from \"vite-plugin-svg-icons\"\n\nfunction resolveIconsDir() {\n    const moduleDir = path.dirname(fileURLToPath(import.meta.url))\n    const packageRoot = path.resolve(moduleDir, \"..\")\n    const distIcons = path.join(packageRoot, \"dist/assets/icons\")\n    const srcIcons = path.join(packageRoot, \"src/assets/icons\")\n\n    if (existsSync(distIcons)) {\n        return distIcons\n    }\n\n    if (existsSync(srcIcons)) {\n        return srcIcons\n    }\n\n    return path.join(moduleDir, \"assets/icons\")\n}\n\nexport function createDioSvgIconsPlugin(): { name: string } {\n    return createSvgIconsPlugin({\n        iconDirs: [resolveIconsDir()],\n        symbolId: \"dio-[name]\",\n    }) as { name: string }\n}\n"],
+  "mappings": ";AAAA,SAAS,kBAAkB;AAC3B,OAAO,UAAU;AACjB,SAAS,qBAAqB;AAE9B,SAAS,4BAA4B;AAErC,SAAS,kBAAkB;AACvB,QAAM,YAAY,KAAK,QAAQ,cAAc,YAAY,GAAG,CAAC;AAC7D,QAAM,cAAc,KAAK,QAAQ,WAAW,IAAI;AAChD,QAAM,YAAY,KAAK,KAAK,aAAa,mBAAmB;AAC5D,QAAM,WAAW,KAAK,KAAK,aAAa,kBAAkB;AAE1D,MAAI,WAAW,SAAS,GAAG;AACvB,WAAO;AAAA,EACX;AAEA,MAAI,WAAW,QAAQ,GAAG;AACtB,WAAO;AAAA,EACX;AAEA,SAAO,KAAK,KAAK,WAAW,cAAc;AAC9C;AAEO,SAAS,0BAA4C;AACxD,SAAO,qBAAqB;AAAA,IACxB,UAAU,CAAC,gBAAgB,CAAC;AAAA,IAC5B,UAAU;AAAA,EACd,CAAC;AACL;",
   "names": []
 }

package/dist/web.d.ts

@@ -1,8 +1,8 @@
 import { DioCarousel } from "./carousel/Carousel";
 import { DioFeedbackBanner } from "./feedback-banner/FeedbackBanner";
-import { DioNewsletterSubscribe } from "./newsletter-subscribe/NewsletterSubscribe";
+import { DioNewsAlertSubscribe } from "./news-alert-subscribe/NewsAlertSubscribe";
 import { DioSearchAutocomplete } from "./search-autocomplete/SearchAutocomplete";
 import { DioTimeline } from "./timeline/Timeline";
 import { DioToTopOfPage } from "./to-top-of-page/ToTopOfPage";
 import "@digdir/designsystemet-web";
-export { DioCarousel, DioFeedbackBanner, DioNewsletterSubscribe, DioSearchAutocomplete, DioTimeline, DioToTopOfPage, };
+export { DioCarousel, DioFeedbackBanner, DioNewsAlertSubscribe, DioSearchAutocomplete, DioTimeline, DioToTopOfPage, };

package/dist/web.js

@@ -39,10 +39,10 @@ var DioFeedbackBanner = class extends HTMLElement {
   }
 };
 
-// src/newsletter-subscribe/NewsletterSubscribe.ts
+// src/news-alert-subscribe/NewsAlertSubscribe.ts
 var emailRegex = /^(?!.*(?:''|\.\.))[A-Z0-9._!#$%&'*+\-/=?^`{|}~]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i;
 var validateEmail = (value) => emailRegex.test(value);
-var DioNewsletterSubscribe = class extends HTMLElement {
+var DioNewsAlertSubscribe = class extends HTMLElement {
   #abort = null;
   connectedCallback() {
     if (document.readyState !== "loading") {
@@ -140,8 +140,8 @@ var DioNewsletterSubscribe = class extends HTMLElement {
     this.#abort = null;
   }
   #getSubscribeUrl() {
-    const endpoint = this.dataset.newsletterEndpoint;
-    const subscribeId = this.dataset.newsletterSubscribeId;
+    const endpoint = this.dataset.newsAlertEndpoint;
+    const subscribeId = this.dataset.newsAlertSubscribeId;
     if (!endpoint || !subscribeId) return null;
     return `${endpoint.replace(/\/$/, "")}/${encodeURIComponent(subscribeId)}`;
   }
@@ -267,11 +267,8 @@ var DioSearchAutocomplete = class extends HTMLElement {
 // src/timeline/Timeline.ts
 var DioTimeline = class extends HTMLElement {
   connectedCallback() {
-    const list = this.matches(".dio-timeline") ? this : this.querySelector(".dio-timeline");
     const reverseBtn = this.querySelector("[data-toggle-reverse-timeline]");
     const expandBtn = this.querySelector("[data-toggle-all-years]");
-    const eventLists = () => this.querySelectorAll(".dio-timeline__events");
-    const events = () => this.querySelectorAll(".dio-timeline__event");
     reverseBtn?.addEventListener("click", () => {
       const reversed = reverseBtn.getAttribute("data-reversed") === "true";
       const nextReversed = !reversed;
@@ -280,10 +277,13 @@ var DioTimeline = class extends HTMLElement {
       if (label) {
         label.textContent = nextReversed ? reverseBtn.getAttribute("data-reversed-text") ?? "" : reverseBtn.getAttribute("data-initial-text") ?? "";
       }
-      if (list) list.style.flexDirection = nextReversed ? "column-reverse" : "";
-      eventLists().forEach((eventList) => {
-        eventList.style.flexDirection = nextReversed ? "column-reverse" : "";
-      });
+      this.querySelectorAll("[data-timeline-event-list]").forEach(
+        (eventList) => {
+          const fragment = document.createDocumentFragment();
+          [...eventList.children].reverse().forEach((child) => fragment.appendChild(child));
+          eventList.appendChild(fragment);
+        }
+      );
     });
     expandBtn?.addEventListener("click", () => {
       const expanded = expandBtn.getAttribute("data-expanded") === "true";
@@ -292,7 +292,7 @@ var DioTimeline = class extends HTMLElement {
       if (label) {
         label.textContent = expanded ? expandBtn.getAttribute("data-initial-text") ?? "" : expandBtn.getAttribute("data-active-text") ?? "";
       }
-      events().forEach((event) => {
+      this.querySelectorAll("[data-timeline-event]").forEach((event) => {
         event.open = !expanded;
       });
     });
@@ -317,14 +317,14 @@ var define = (name, ctor) => {
 };
 define("dio-carousel", DioCarousel);
 define("dio-feedback-banner", DioFeedbackBanner);
-define("dio-newsletter-subscribe", DioNewsletterSubscribe);
+define("dio-news-alert-subscribe", DioNewsAlertSubscribe);
 define("dio-search-autocomplete", DioSearchAutocomplete);
 define("dio-timeline", DioTimeline);
 define("dio-to-top-of-page", DioToTopOfPage);
 export {
   DioCarousel,
   DioFeedbackBanner,
-  DioNewsletterSubscribe,
+  DioNewsAlertSubscribe,
   DioSearchAutocomplete,
   DioTimeline,
   DioToTopOfPage

package/dist/web.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../src/carousel/Carousel.ts", "../src/feedback-banner/FeedbackBanner.ts", "../src/newsletter-subscribe/NewsletterSubscribe.ts", "../src/search-autocomplete/SearchAutocomplete.ts", "../src/timeline/Timeline.ts", "../src/to-top-of-page/ToTopOfPage.ts", "../src/web.ts"],
-  "sourcesContent": ["export class DioCarousel extends HTMLElement {\n    private current = 0\n\n    connectedCallback() {\n        const items = [...this.querySelectorAll<HTMLElement>(\"[data-carousel-item]\")]\n        const prev = this.querySelector<HTMLButtonElement>(\"[data-carousel-prev]\")\n        const next = this.querySelector<HTMLButtonElement>(\"[data-carousel-next]\")\n        const info = this.querySelector<HTMLElement>(\"[data-carousel-info-content]\")\n\n        if (!items.length) return\n\n        const show = (index: number) => {\n            this.current = (index + items.length) % items.length\n            items.forEach((item, i) => {\n                item.hidden = i !== this.current\n            })\n            if (info) {\n                const active = items[this.current]\n                const title = active.querySelector(\".dio-carousel__title\")?.textContent ?? \"\"\n                info.textContent = title\n            }\n            prev?.toggleAttribute(\"disabled\", items.length <= 1)\n            next?.toggleAttribute(\"disabled\", items.length <= 1)\n        }\n\n        prev?.addEventListener(\"click\", () => show(this.current - 1))\n        next?.addEventListener(\"click\", () => show(this.current + 1))\n        show(0)\n    }\n}\n", "export class DioFeedbackBanner extends HTMLElement {\n    connectedCallback() {\n        const close = this.querySelector<HTMLButtonElement>(\"[data-hide-banner]\")\n        close?.addEventListener(\"click\", () => {\n            this.hidden = true\n        })\n    }\n}\n", "const emailRegex = /^(?!.*(?:''|\\.\\.))[A-Z0-9._!#$%&'*+\\-/=?^`{|}~]+@[A-Z0-9.-]+\\.[A-Z]{2,}$/i\n\nconst validateEmail = (value: string): boolean => emailRegex.test(value)\n\ntype NewsletterUi = {\n    initialView: HTMLElement | null\n    actionView: HTMLElement\n    openButton: HTMLElement\n    cancelButton: HTMLElement | null\n    okButton: HTMLElement | null\n    submitButton: HTMLElement\n    emailInput: HTMLInputElement\n    errorMessage: HTMLElement | null\n    feedbackView: HTMLElement\n    responseMessage: HTMLElement\n}\n\nexport class DioNewsletterSubscribe extends HTMLElement {\n    #abort: AbortController | null = null\n\n    connectedCallback() {\n        if (document.readyState !== \"loading\") {\n            this.init()\n            return\n        }\n        document.addEventListener(\"DOMContentLoaded\", () => this.init(), { once: true })\n    }\n\n    init(): void {\n        if (this.hasAttribute(\"data-initialized\")) return\n\n        this.#abort?.abort()\n        const ac = new AbortController()\n        this.#abort = ac\n        const opts: AddEventListenerOptions = { signal: ac.signal }\n\n        const ui = this.#getUi()\n        const subscribeUrl = this.#getSubscribeUrl()\n\n        if (!ui || !subscribeUrl) return\n\n        const setErrorVisible = (visible: boolean): void => {\n            ui.errorMessage?.classList.toggle(\"hidden\", !visible)\n            if (visible) {\n                ui.errorMessage?.setAttribute(\"data-field\", \"validation\")\n            } else {\n                ui.errorMessage?.removeAttribute(\"data-field\")\n            }\n        }\n\n        const showInitial = (): void => {\n            ui.initialView?.classList.remove(\"hidden\")\n            ui.actionView.classList.add(\"hidden\")\n            ui.feedbackView.classList.add(\"hidden\")\n            ui.emailInput.value = \"\"\n            ui.responseMessage.textContent = \"\"\n            setErrorVisible(false)\n        }\n\n        const showAction = (): void => {\n            ui.initialView?.classList.add(\"hidden\")\n            ui.actionView.classList.remove(\"hidden\")\n            ui.feedbackView.classList.add(\"hidden\")\n            setErrorVisible(false)\n        }\n\n        const showFeedback = (message: string): void => {\n            ui.actionView.classList.add(\"hidden\")\n            ui.responseMessage.textContent = message\n            ui.feedbackView.classList.remove(\"hidden\")\n        }\n\n        ui.openButton.addEventListener(\n            \"click\",\n            () => {\n                showAction()\n                ui.emailInput.focus()\n            },\n            opts,\n        )\n\n        ui.cancelButton?.addEventListener(\n            \"click\",\n            () => {\n                showInitial()\n                ui.openButton.focus()\n            },\n            opts,\n        )\n\n        ui.okButton?.addEventListener(\"click\", showInitial, opts)\n\n        ui.emailInput.addEventListener(\n            \"keydown\",\n            (e: KeyboardEvent) => {\n                setErrorVisible(false)\n                if (e.key === \"Enter\") {\n                    e.preventDefault()\n                    ui.submitButton.click()\n                }\n            },\n            opts,\n        )\n\n        ui.submitButton.addEventListener(\n            \"click\",\n            async () => {\n                if (!validateEmail(ui.emailInput.value)) {\n                    setErrorVisible(true)\n                    return\n                }\n                const url = `${subscribeUrl}?email=${encodeURIComponent(ui.emailInput.value)}`\n                try {\n                    const res = await fetch(url, { method: \"POST\", signal: ac.signal })\n                    const text = await res.text()\n                    showFeedback(res.ok ? text : \"\")\n                } catch {\n                    if (!ac.signal.aborted) showFeedback(\"\")\n                }\n            },\n            opts,\n        )\n\n        this.setAttribute(\"data-initialized\", \"true\")\n    }\n\n    disconnectedCallback(): void {\n        this.#abort?.abort()\n        this.#abort = null\n    }\n\n    #getSubscribeUrl(): string | null {\n        const endpoint = this.dataset.newsletterEndpoint\n        const subscribeId = this.dataset.newsletterSubscribeId\n        if (!endpoint || !subscribeId) return null\n        return `${endpoint.replace(/\\/$/, \"\")}/${encodeURIComponent(subscribeId)}`\n    }\n\n    #getUi(): NewsletterUi | null {\n        const actionView = this.querySelector<HTMLElement>(\"[data-action]\")\n        const openButton = this.querySelector<HTMLElement>(\"[data-open]\")\n        const submitButton = this.querySelector<HTMLButtonElement>(\"[data-submit]\")\n        const emailInput = this.querySelector<HTMLInputElement>(\"[data-email]\")\n        const feedbackView = this.querySelector<HTMLElement>(\"[data-feedback]\")\n        const responseMessage = feedbackView?.querySelector<HTMLElement>(\"[data-response]\")\n\n        if (\n            !actionView ||\n            !openButton ||\n            !submitButton ||\n            !emailInput ||\n            !feedbackView ||\n            !responseMessage\n        ) {\n            return null\n        }\n\n        return {\n            initialView: this.querySelector<HTMLElement>(\"[data-initial]\"),\n            actionView,\n            openButton,\n            cancelButton: this.querySelector<HTMLElement>(\"[data-cancel]\"),\n            okButton: this.querySelector<HTMLElement>(\"[data-ok]\"),\n            submitButton,\n            emailInput,\n            errorMessage: this.querySelector<HTMLElement>(\"[data-error]\"),\n            feedbackView,\n            responseMessage,\n        }\n    }\n}\n", "type SuggestItem = {\n    Name: string\n    Url: string\n    FormattedMetadata: string\n}\n\nexport class DioSearchAutocomplete extends HTMLElement {\n    #abort?: AbortController\n    #debounce?: ReturnType<typeof setTimeout>\n\n    connectedCallback() {\n        const input = this.querySelector<HTMLInputElement>(\"[data-search-input]\")\n        const list = this.querySelector<HTMLUListElement>(\"[data-search-suggest-list]\")\n        const panel = this.querySelector<HTMLElement>(\"[data-search-suggest]\")\n        if (!input || !list || !panel) return\n\n        const source = this.getAttribute(\"data-autocomplete-source\") ?? \"\"\n        const mockAttr = this.getAttribute(\"data-mock-suggestions\")\n        let mocks: SuggestItem[] = []\n        if (mockAttr) {\n            try {\n                const parsed = JSON.parse(mockAttr) as unknown\n                if (Array.isArray(parsed)) mocks = parsed as SuggestItem[]\n            } catch {\n                mocks = []\n            }\n        }\n        let currentTerm = \"\"\n\n        const reset = () => {\n            list.innerHTML = \"\"\n            panel.hidden = true\n            input.setAttribute(\"aria-expanded\", \"false\")\n        }\n\n        const render = (items: SuggestItem[]) => {\n            list.replaceChildren(\n                ...items.map((item) => {\n                    const li = document.createElement(\"li\")\n                    li.className = \"dio-search-autocomplete__suggest-item\"\n\n                    const a = document.createElement(\"a\")\n                    const href = item.Url.trim()\n                    a.setAttribute(\"href\", /^(?:javascript|data):/i.test(href) ? \"#\" : href)\n\n                    const title = document.createElement(\"span\")\n                    title.className = \"dio-search-autocomplete__suggest-title\"\n                    title.textContent = item.Name\n\n                    const meta = document.createElement(\"span\")\n                    meta.className = \"dio-search-autocomplete__suggest-meta\"\n                    meta.textContent = item.FormattedMetadata\n\n                    a.append(title, meta)\n                    li.append(a)\n                    return li\n                }),\n            )\n            panel.hidden = items.length === 0\n            input.setAttribute(\"aria-expanded\", String(items.length > 0))\n        }\n\n        const search = async (term: string) => {\n            if (term.length < 2) {\n                reset()\n                return\n            }\n            if (term === currentTerm) return\n            currentTerm = term\n\n            if (mocks.length) {\n                render(mocks.filter((m) => m.Name.toLowerCase().includes(term.toLowerCase())))\n                return\n            }\n\n            this.#abort?.abort()\n            this.#abort = new AbortController()\n            try {\n                const res = await fetch(`${source}${encodeURIComponent(term)}`, {\n                    signal: this.#abort.signal,\n                })\n                const data = (await res.json()) as SuggestItem[]\n                render(Array.isArray(data) ? data : [])\n            } catch {\n                if (!this.#abort.signal.aborted) reset()\n            }\n        }\n\n        input.addEventListener(\"input\", () => {\n            clearTimeout(this.#debounce)\n            this.#debounce = setTimeout(() => search(input.value), 350)\n        })\n\n        input.addEventListener(\"keydown\", (e) => {\n            if (e.key === \"Escape\") reset()\n        })\n\n        const self = this as unknown as { __dioDocClick?: (e: MouseEvent) => void }\n        if (self.__dioDocClick) document.removeEventListener(\"click\", self.__dioDocClick)\n        self.__dioDocClick = (e) => {\n            if (!this.contains(e.target as Node)) reset()\n        }\n        document.addEventListener(\"click\", self.__dioDocClick)\n    }\n\n    disconnectedCallback() {\n        const self = this as unknown as { __dioDocClick?: (e: MouseEvent) => void }\n        if (self.__dioDocClick) document.removeEventListener(\"click\", self.__dioDocClick)\n        self.__dioDocClick = undefined\n        clearTimeout(this.#debounce)\n        this.#abort?.abort()\n    }\n}\n", "export class DioTimeline extends HTMLElement {\n    connectedCallback() {\n        const list = this.matches(\".dio-timeline\")\n            ? this\n            : this.querySelector<HTMLElement>(\".dio-timeline\")\n        const reverseBtn = this.querySelector<HTMLButtonElement>(\"[data-toggle-reverse-timeline]\")\n        const expandBtn = this.querySelector<HTMLButtonElement>(\"[data-toggle-all-years]\")\n        const eventLists = () => this.querySelectorAll<HTMLElement>(\".dio-timeline__events\")\n        const events = () => this.querySelectorAll<HTMLDetailsElement>(\".dio-timeline__event\")\n\n        reverseBtn?.addEventListener(\"click\", () => {\n            const reversed = reverseBtn.getAttribute(\"data-reversed\") === \"true\"\n            const nextReversed = !reversed\n            reverseBtn.setAttribute(\"data-reversed\", String(nextReversed))\n            const label = reverseBtn.querySelector(\"span\")\n            if (label) {\n                label.textContent = nextReversed\n                    ? (reverseBtn.getAttribute(\"data-reversed-text\") ?? \"\")\n                    : (reverseBtn.getAttribute(\"data-initial-text\") ?? \"\")\n            }\n            if (list) list.style.flexDirection = nextReversed ? \"column-reverse\" : \"\"\n            eventLists().forEach((eventList) => {\n                eventList.style.flexDirection = nextReversed ? \"column-reverse\" : \"\"\n            })\n        })\n\n        expandBtn?.addEventListener(\"click\", () => {\n            const expanded = expandBtn.getAttribute(\"data-expanded\") === \"true\"\n            expandBtn.setAttribute(\"data-expanded\", String(!expanded))\n            const label = expandBtn.querySelector(\"span\")\n            if (label) {\n                label.textContent = expanded\n                    ? (expandBtn.getAttribute(\"data-initial-text\") ?? \"\")\n                    : (expandBtn.getAttribute(\"data-active-text\") ?? \"\")\n            }\n            events().forEach((event) => {\n                event.open = !expanded\n            })\n        })\n    }\n}\n", "export class DioToTopOfPage extends HTMLElement {\n    connectedCallback() {\n        const link = this.querySelector<HTMLAnchorElement>(\"[data-to-top-of-page]\")\n        link?.addEventListener(\"click\", (event) => {\n            event.preventDefault()\n            window.scrollTo({ top: 0, behavior: \"smooth\" })\n        })\n    }\n}\n", "import { DioCarousel } from \"./carousel/Carousel\"\nimport { DioFeedbackBanner } from \"./feedback-banner/FeedbackBanner\"\nimport { DioNewsletterSubscribe } from \"./newsletter-subscribe/NewsletterSubscribe\"\nimport { DioSearchAutocomplete } from \"./search-autocomplete/SearchAutocomplete\"\nimport { DioTimeline } from \"./timeline/Timeline\"\nimport { DioToTopOfPage } from \"./to-top-of-page/ToTopOfPage\"\nimport \"@digdir/designsystemet-web\"\n\nexport {\n    DioCarousel,\n    DioFeedbackBanner,\n    DioNewsletterSubscribe,\n    DioSearchAutocomplete,\n    DioTimeline,\n    DioToTopOfPage,\n}\n\nconst define = (name: string, ctor: CustomElementConstructor) => {\n    if (!customElements.get(name)) customElements.define(name, ctor)\n}\n\ndefine(\"dio-carousel\", DioCarousel)\ndefine(\"dio-feedback-banner\", DioFeedbackBanner)\ndefine(\"dio-newsletter-subscribe\", DioNewsletterSubscribe)\ndefine(\"dio-search-autocomplete\", DioSearchAutocomplete)\ndefine(\"dio-timeline\", DioTimeline)\ndefine(\"dio-to-top-of-page\", DioToTopOfPage)\n"],
-  "mappings": "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",
+  "sources": ["../src/carousel/Carousel.ts", "../src/feedback-banner/FeedbackBanner.ts", "../src/news-alert-subscribe/NewsAlertSubscribe.ts", "../src/search-autocomplete/SearchAutocomplete.ts", "../src/timeline/Timeline.ts", "../src/to-top-of-page/ToTopOfPage.ts", "../src/web.ts"],
+  "sourcesContent": ["export class DioCarousel extends HTMLElement {\n    private current = 0\n\n    connectedCallback() {\n        const items = [...this.querySelectorAll<HTMLElement>(\"[data-carousel-item]\")]\n        const prev = this.querySelector<HTMLButtonElement>(\"[data-carousel-prev]\")\n        const next = this.querySelector<HTMLButtonElement>(\"[data-carousel-next]\")\n        const info = this.querySelector<HTMLElement>(\"[data-carousel-info-content]\")\n\n        if (!items.length) return\n\n        const show = (index: number) => {\n            this.current = (index + items.length) % items.length\n            items.forEach((item, i) => {\n                item.hidden = i !== this.current\n            })\n            if (info) {\n                const active = items[this.current]\n                const title = active.querySelector(\".dio-carousel__title\")?.textContent ?? \"\"\n                info.textContent = title\n            }\n            prev?.toggleAttribute(\"disabled\", items.length <= 1)\n            next?.toggleAttribute(\"disabled\", items.length <= 1)\n        }\n\n        prev?.addEventListener(\"click\", () => show(this.current - 1))\n        next?.addEventListener(\"click\", () => show(this.current + 1))\n        show(0)\n    }\n}\n", "export class DioFeedbackBanner extends HTMLElement {\n    connectedCallback() {\n        const close = this.querySelector<HTMLButtonElement>(\"[data-hide-banner]\")\n        close?.addEventListener(\"click\", () => {\n            this.hidden = true\n        })\n    }\n}\n", "const emailRegex = /^(?!.*(?:''|\\.\\.))[A-Z0-9._!#$%&'*+\\-/=?^`{|}~]+@[A-Z0-9.-]+\\.[A-Z]{2,}$/i\n\nconst validateEmail = (value: string): boolean => emailRegex.test(value)\n\ntype NewsAlertUi = {\n    initialView: HTMLElement | null\n    actionView: HTMLElement\n    openButton: HTMLElement\n    cancelButton: HTMLElement | null\n    okButton: HTMLElement | null\n    submitButton: HTMLElement\n    emailInput: HTMLInputElement\n    errorMessage: HTMLElement | null\n    feedbackView: HTMLElement\n    responseMessage: HTMLElement\n}\n\nexport class DioNewsAlertSubscribe extends HTMLElement {\n    #abort: AbortController | null = null\n\n    connectedCallback() {\n        if (document.readyState !== \"loading\") {\n            this.init()\n            return\n        }\n        document.addEventListener(\"DOMContentLoaded\", () => this.init(), { once: true })\n    }\n\n    init(): void {\n        if (this.hasAttribute(\"data-initialized\")) return\n\n        this.#abort?.abort()\n        const ac = new AbortController()\n        this.#abort = ac\n        const opts: AddEventListenerOptions = { signal: ac.signal }\n\n        const ui = this.#getUi()\n        const subscribeUrl = this.#getSubscribeUrl()\n\n        if (!ui || !subscribeUrl) return\n\n        const setErrorVisible = (visible: boolean): void => {\n            ui.errorMessage?.classList.toggle(\"hidden\", !visible)\n            if (visible) {\n                ui.errorMessage?.setAttribute(\"data-field\", \"validation\")\n            } else {\n                ui.errorMessage?.removeAttribute(\"data-field\")\n            }\n        }\n\n        const showInitial = (): void => {\n            ui.initialView?.classList.remove(\"hidden\")\n            ui.actionView.classList.add(\"hidden\")\n            ui.feedbackView.classList.add(\"hidden\")\n            ui.emailInput.value = \"\"\n            ui.responseMessage.textContent = \"\"\n            setErrorVisible(false)\n        }\n\n        const showAction = (): void => {\n            ui.initialView?.classList.add(\"hidden\")\n            ui.actionView.classList.remove(\"hidden\")\n            ui.feedbackView.classList.add(\"hidden\")\n            setErrorVisible(false)\n        }\n\n        const showFeedback = (message: string): void => {\n            ui.actionView.classList.add(\"hidden\")\n            ui.responseMessage.textContent = message\n            ui.feedbackView.classList.remove(\"hidden\")\n        }\n\n        ui.openButton.addEventListener(\n            \"click\",\n            () => {\n                showAction()\n                ui.emailInput.focus()\n            },\n            opts,\n        )\n\n        ui.cancelButton?.addEventListener(\n            \"click\",\n            () => {\n                showInitial()\n                ui.openButton.focus()\n            },\n            opts,\n        )\n\n        ui.okButton?.addEventListener(\"click\", showInitial, opts)\n\n        ui.emailInput.addEventListener(\n            \"keydown\",\n            (e: KeyboardEvent) => {\n                setErrorVisible(false)\n                if (e.key === \"Enter\") {\n                    e.preventDefault()\n                    ui.submitButton.click()\n                }\n            },\n            opts,\n        )\n\n        ui.submitButton.addEventListener(\n            \"click\",\n            async () => {\n                if (!validateEmail(ui.emailInput.value)) {\n                    setErrorVisible(true)\n                    return\n                }\n                const url = `${subscribeUrl}?email=${encodeURIComponent(ui.emailInput.value)}`\n                try {\n                    const res = await fetch(url, { method: \"POST\", signal: ac.signal })\n                    const text = await res.text()\n                    showFeedback(res.ok ? text : \"\")\n                } catch {\n                    if (!ac.signal.aborted) showFeedback(\"\")\n                }\n            },\n            opts,\n        )\n\n        this.setAttribute(\"data-initialized\", \"true\")\n    }\n\n    disconnectedCallback(): void {\n        this.#abort?.abort()\n        this.#abort = null\n    }\n\n    #getSubscribeUrl(): string | null {\n        const endpoint = this.dataset.newsAlertEndpoint\n        const subscribeId = this.dataset.newsAlertSubscribeId\n        if (!endpoint || !subscribeId) return null\n        return `${endpoint.replace(/\\/$/, \"\")}/${encodeURIComponent(subscribeId)}`\n    }\n\n    #getUi(): NewsAlertUi | null {\n        const actionView = this.querySelector<HTMLElement>(\"[data-action]\")\n        const openButton = this.querySelector<HTMLElement>(\"[data-open]\")\n        const submitButton = this.querySelector<HTMLButtonElement>(\"[data-submit]\")\n        const emailInput = this.querySelector<HTMLInputElement>(\"[data-email]\")\n        const feedbackView = this.querySelector<HTMLElement>(\"[data-feedback]\")\n        const responseMessage = feedbackView?.querySelector<HTMLElement>(\"[data-response]\")\n\n        if (\n            !actionView ||\n            !openButton ||\n            !submitButton ||\n            !emailInput ||\n            !feedbackView ||\n            !responseMessage\n        ) {\n            return null\n        }\n\n        return {\n            initialView: this.querySelector<HTMLElement>(\"[data-initial]\"),\n            actionView,\n            openButton,\n            cancelButton: this.querySelector<HTMLElement>(\"[data-cancel]\"),\n            okButton: this.querySelector<HTMLElement>(\"[data-ok]\"),\n            submitButton,\n            emailInput,\n            errorMessage: this.querySelector<HTMLElement>(\"[data-error]\"),\n            feedbackView,\n            responseMessage,\n        }\n    }\n}\n", "type SuggestItem = {\n    Name: string\n    Url: string\n    FormattedMetadata: string\n}\n\nexport class DioSearchAutocomplete extends HTMLElement {\n    #abort?: AbortController\n    #debounce?: ReturnType<typeof setTimeout>\n\n    connectedCallback() {\n        const input = this.querySelector<HTMLInputElement>(\"[data-search-input]\")\n        const list = this.querySelector<HTMLUListElement>(\"[data-search-suggest-list]\")\n        const panel = this.querySelector<HTMLElement>(\"[data-search-suggest]\")\n        if (!input || !list || !panel) return\n\n        const source = this.getAttribute(\"data-autocomplete-source\") ?? \"\"\n        const mockAttr = this.getAttribute(\"data-mock-suggestions\")\n        let mocks: SuggestItem[] = []\n        if (mockAttr) {\n            try {\n                const parsed = JSON.parse(mockAttr) as unknown\n                if (Array.isArray(parsed)) mocks = parsed as SuggestItem[]\n            } catch {\n                mocks = []\n            }\n        }\n        let currentTerm = \"\"\n\n        const reset = () => {\n            list.innerHTML = \"\"\n            panel.hidden = true\n            input.setAttribute(\"aria-expanded\", \"false\")\n        }\n\n        const render = (items: SuggestItem[]) => {\n            list.replaceChildren(\n                ...items.map((item) => {\n                    const li = document.createElement(\"li\")\n                    li.className = \"dio-search-autocomplete__suggest-item\"\n\n                    const a = document.createElement(\"a\")\n                    const href = item.Url.trim()\n                    a.setAttribute(\"href\", /^(?:javascript|data):/i.test(href) ? \"#\" : href)\n\n                    const title = document.createElement(\"span\")\n                    title.className = \"dio-search-autocomplete__suggest-title\"\n                    title.textContent = item.Name\n\n                    const meta = document.createElement(\"span\")\n                    meta.className = \"dio-search-autocomplete__suggest-meta\"\n                    meta.textContent = item.FormattedMetadata\n\n                    a.append(title, meta)\n                    li.append(a)\n                    return li\n                }),\n            )\n            panel.hidden = items.length === 0\n            input.setAttribute(\"aria-expanded\", String(items.length > 0))\n        }\n\n        const search = async (term: string) => {\n            if (term.length < 2) {\n                reset()\n                return\n            }\n            if (term === currentTerm) return\n            currentTerm = term\n\n            if (mocks.length) {\n                render(mocks.filter((m) => m.Name.toLowerCase().includes(term.toLowerCase())))\n                return\n            }\n\n            this.#abort?.abort()\n            this.#abort = new AbortController()\n            try {\n                const res = await fetch(`${source}${encodeURIComponent(term)}`, {\n                    signal: this.#abort.signal,\n                })\n                const data = (await res.json()) as SuggestItem[]\n                render(Array.isArray(data) ? data : [])\n            } catch {\n                if (!this.#abort.signal.aborted) reset()\n            }\n        }\n\n        input.addEventListener(\"input\", () => {\n            clearTimeout(this.#debounce)\n            this.#debounce = setTimeout(() => search(input.value), 350)\n        })\n\n        input.addEventListener(\"keydown\", (e) => {\n            if (e.key === \"Escape\") reset()\n        })\n\n        const self = this as unknown as { __dioDocClick?: (e: MouseEvent) => void }\n        if (self.__dioDocClick) document.removeEventListener(\"click\", self.__dioDocClick)\n        self.__dioDocClick = (e) => {\n            if (!this.contains(e.target as Node)) reset()\n        }\n        document.addEventListener(\"click\", self.__dioDocClick)\n    }\n\n    disconnectedCallback() {\n        const self = this as unknown as { __dioDocClick?: (e: MouseEvent) => void }\n        if (self.__dioDocClick) document.removeEventListener(\"click\", self.__dioDocClick)\n        self.__dioDocClick = undefined\n        clearTimeout(this.#debounce)\n        this.#abort?.abort()\n    }\n}\n", "export class DioTimeline extends HTMLElement {\n    connectedCallback() {\n        const reverseBtn = this.querySelector<HTMLButtonElement>(\"[data-toggle-reverse-timeline]\")\n        const expandBtn = this.querySelector<HTMLButtonElement>(\"[data-toggle-all-years]\")\n\n        reverseBtn?.addEventListener(\"click\", () => {\n            const reversed = reverseBtn.getAttribute(\"data-reversed\") === \"true\"\n            const nextReversed = !reversed\n            reverseBtn.setAttribute(\"data-reversed\", String(nextReversed))\n            const label = reverseBtn.querySelector(\"span\")\n            if (label) {\n                label.textContent = nextReversed\n                    ? (reverseBtn.getAttribute(\"data-reversed-text\") ?? \"\")\n                    : (reverseBtn.getAttribute(\"data-initial-text\") ?? \"\")\n            }\n            this.querySelectorAll<HTMLElement>(\"[data-timeline-event-list]\").forEach(\n                (eventList) => {\n                    const fragment = document.createDocumentFragment()\n                    ;[...eventList.children]\n                        .reverse()\n                        .forEach((child) => fragment.appendChild(child))\n                    eventList.appendChild(fragment)\n                },\n            )\n        })\n\n        expandBtn?.addEventListener(\"click\", () => {\n            const expanded = expandBtn.getAttribute(\"data-expanded\") === \"true\"\n            expandBtn.setAttribute(\"data-expanded\", String(!expanded))\n            const label = expandBtn.querySelector(\"span\")\n            if (label) {\n                label.textContent = expanded\n                    ? (expandBtn.getAttribute(\"data-initial-text\") ?? \"\")\n                    : (expandBtn.getAttribute(\"data-active-text\") ?? \"\")\n            }\n            this.querySelectorAll<HTMLDetailsElement>(\"[data-timeline-event]\").forEach((event) => {\n                event.open = !expanded\n            })\n        })\n    }\n}\n", "export class DioToTopOfPage extends HTMLElement {\n    connectedCallback() {\n        const link = this.querySelector<HTMLAnchorElement>(\"[data-to-top-of-page]\")\n        link?.addEventListener(\"click\", (event) => {\n            event.preventDefault()\n            window.scrollTo({ top: 0, behavior: \"smooth\" })\n        })\n    }\n}\n", "import { DioCarousel } from \"./carousel/Carousel\"\nimport { DioFeedbackBanner } from \"./feedback-banner/FeedbackBanner\"\nimport { DioNewsAlertSubscribe } from \"./news-alert-subscribe/NewsAlertSubscribe\"\nimport { DioSearchAutocomplete } from \"./search-autocomplete/SearchAutocomplete\"\nimport { DioTimeline } from \"./timeline/Timeline\"\nimport { DioToTopOfPage } from \"./to-top-of-page/ToTopOfPage\"\nimport \"@digdir/designsystemet-web\"\n\nexport {\n    DioCarousel,\n    DioFeedbackBanner,\n    DioNewsAlertSubscribe,\n    DioSearchAutocomplete,\n    DioTimeline,\n    DioToTopOfPage,\n}\n\nconst define = (name: string, ctor: CustomElementConstructor) => {\n    if (!customElements.get(name)) customElements.define(name, ctor)\n}\n\ndefine(\"dio-carousel\", DioCarousel)\ndefine(\"dio-feedback-banner\", DioFeedbackBanner)\ndefine(\"dio-news-alert-subscribe\", DioNewsAlertSubscribe)\ndefine(\"dio-search-autocomplete\", DioSearchAutocomplete)\ndefine(\"dio-timeline\", DioTimeline)\ndefine(\"dio-to-top-of-page\", DioToTopOfPage)\n"],
+  "mappings": "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",
   "names": []
 }

package/package.json

@@ -1,77 +1,90 @@
 {
-  "name": "@dep-dio/dio-designsystem",
-  "version": "0.2.0",
-  "description": "DIO design system built on Designsystemet",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/dss-web/dio-designsystemet.git",
-    "directory": "packages/dio-designsystem"
-  },
-  "files": [
-    "dist"
-  ],
-  "type": "module",
-  "sideEffects": [
-    "**/*.css",
-    "**/*.scss",
-    "./dist/web.js",
-    "./dist/svg-icons-register.js"
-  ],
-  "exports": {
-    "./icons": {
-      "types": "./dist/icons.d.ts",
-      "import": "./dist/icons.js"
+    "name": "@dep-dio/dio-designsystem",
+    "version": "0.3.0",
+    "description": "DIO design system built on Designsystemet",
+    "license": "MIT",
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/dss-web/dio-designsystemet.git",
+        "directory": "packages/dio-designsystem"
     },
-    "./web": {
-      "types": "./dist/web.d.ts",
-      "import": "./dist/web.js"
+    "files": [
+        "dist",
+        "designsystemet.config.json"
+    ],
+    "type": "module",
+    "sideEffects": [
+        "**/*.css",
+        "**/*.scss",
+        "./dist/web.js",
+        "./dist/svg-icons-register.js"
+    ],
+    "exports": {
+        "./icons": {
+            "types": "./dist/icons.d.ts",
+            "import": "./dist/icons.js"
+        },
+        "./web": {
+            "types": "./dist/web.d.ts",
+            "import": "./dist/web.js"
+        },
+        "./svg-icons-register": {
+            "types": "./dist/svg-icons-register.d.ts",
+            "import": "./dist/svg-icons-register.js"
+        },
+        "./vite-icons-plugin": {
+            "types": "./dist/vite-icons-plugin.d.ts",
+            "import": "./dist/vite-icons-plugin.js"
+        },
+        "./styles": {
+            "types": "./dist/styles.d.ts",
+            "default": "./dist/styles/main.css"
+        },
+        "./styles.css": "./dist/styles/main.css",
+        "./scss-utils": "./dist/styles/scss-utils.scss",
+        "./designsystemet.config.json": "./designsystemet.config.json",
+        "./types": {
+            "types": "./dist/types.d.ts"
+        }
     },
-    "./svg-icons-register": {
-      "types": "./dist/svg-icons-register.d.ts",
-      "import": "./dist/svg-icons-register.js"
+    "publishConfig": {
+        "access": "public"
     },
-    "./vite-icons-plugin": {
-      "types": "./dist/vite-icons-plugin.d.ts",
-      "import": "./dist/vite-icons-plugin.js"
+    "scripts": {
+        "build": "npm run tokens && npm run prepare-dist && npm run build:js",
+        "build:js": "node scripts/build-js.mjs && tsc -p tsconfig.build.json",
+        "prepare-dist": "node scripts/prepare-dist.mjs",
+        "prepublishOnly": "npm run build",
+        "tokens": "npm run tokens:create && npm run tokens:patch && npm run tokens:build",
+        "tokens:build": "designsystemet tokens build --config designsystemet.config.json",
+        "tokens:create": "designsystemet tokens create --config designsystemet.config.json",
+        "tokens:patch": "node scripts/patch-tokens.mjs"
     },
-    "./styles": "./dist/styles/main.css",
-    "./mixins": "./dist/styles/_mixins.scss"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "dependencies": {
-    "@digdir/designsystemet-css": "^1.17.0",
-    "@digdir/designsystemet-web": "^1.17.0",
-    "@navikt/aksel-icons": "^8.13.1"
-  },
-  "devDependencies": {
-    "@digdir/designsystemet": "^1.17.0",
-    "esbuild": "^0.28.1",
-    "fast-glob": "^3.3.3",
-    "sass": "^1.101.0",
-    "typescript": "~6.0.3",
-    "vite": "^8.1.0",
-    "vite-plugin-svg-icons": "^2.0.1"
-  },
-  "peerDependencies": {
-    "vite": "^6.0.0 || ^7.0.0 || ^8.0.0",
-    "vite-plugin-svg-icons": "^2.0.0"
-  },
-  "peerDependenciesMeta": {
-    "vite": {
-      "optional": true
+    "dependencies": {
+        "@digdir/designsystemet-css": "^1.18.0",
+        "@digdir/designsystemet-types": "^1.18.0",
+        "@digdir/designsystemet-web": "^1.18.0",
+        "@navikt/aksel-icons": "^8.16.1"
     },
-    "vite-plugin-svg-icons": {
-      "optional": true
+    "devDependencies": {
+        "@digdir/designsystemet": "^1.18.0",
+        "esbuild": "^0.28.1",
+        "fast-glob": "^3.3.3",
+        "sass": "^1.102.0",
+        "typescript": "~7.0.2",
+        "vite": "^8.1.5",
+        "vite-plugin-svg-icons": "^2.0.1"
+    },
+    "peerDependencies": {
+        "vite": "^6.0.0 || ^7.0.0 || ^8.0.0",
+        "vite-plugin-svg-icons": "^2.0.0"
+    },
+    "peerDependenciesMeta": {
+        "vite": {
+            "optional": true
+        },
+        "vite-plugin-svg-icons": {
+            "optional": true
+        }
     }
-  },
-  "scripts": {
-    "build-tokens": "designsystemet tokens build --config designsystemet.config.json",
-    "create-tokens": "designsystemet tokens create --config designsystemet.config.json",
-    "prepare-dist": "node scripts/prepare-dist.mjs",
-    "build:js": "node scripts/build-js.mjs && tsc -p tsconfig.build.json",
-    "build": "pnpm create-tokens && pnpm build-tokens && pnpm prepare-dist && pnpm build:js"
-  }
-}
+}

package/dist/styles/_mixins.scss

@@ -1,48 +0,0 @@
-@mixin dio-text-heading-1 {
-    font-weight: var(--ds-heading-xl-font-weight);
-    line-height: var(--ds-heading-xl-line-height);
-    font-size: var(--ds-heading-xl-font-size);
-    letter-spacing: var(--ds-heading-xl-letter-spacing);
-}
-
-@mixin dio-text-heading-2 {
-    font-size: var(--ds-heading-lg-font-size);
-    font-weight: var(--ds-heading-lg-font-weight);
-    letter-spacing: var(--ds-heading-lg-letter-spacing);
-    line-height: var(--ds-heading-lg-line-height);
-}
-
-@mixin dio-text-heading-3 {
-    font-weight: var(--ds-heading-sm-font-weight);
-    line-height: var(--ds-heading-sm-line-height);
-    font-size: var(--ds-heading-sm-font-size);
-    letter-spacing: var(--ds-heading-sm-letter-spacing);
-}
-
-@mixin dio-text-heading-4 {
-    font-size: var(--ds-heading-xs-font-size);
-    font-weight: var(--ds-heading-xs-font-weight);
-    letter-spacing: var(--ds-heading-xs-letter-spacing);
-    line-height: var(--ds-heading-xs-line-height);
-}
-
-@mixin dio-text-large {
-    font-weight: var(--ds-body-xl-font-weight);
-    line-height: var(--ds-body-xl-line-height);
-    font-size: var(--ds-body-xl-font-size);
-    letter-spacing: var(--ds-body-xl-letter-spacing);
-}
-
-@mixin dio-text-base {
-    font-weight: var(--ds-body-md-font-weight);
-    line-height: var(--ds-body-md-line-height);
-    font-size: var(--ds-body-md-font-size);
-    letter-spacing: var(--ds-body-md-letter-spacing);
-}
-
-@mixin dio-text-small {
-    font-weight: var(--ds-body-sm-font-weight);
-    line-height: var(--ds-body-sm-line-height);
-    font-size: var(--ds-body-sm-font-size);
-    letter-spacing: var(--ds-body-sm-letter-spacing);
-}