@altinn/altinn-components 0.52.3 → 0.52.4

package/dist/index-CnWc2FNH.js

@@ -1,81 +0,0 @@
-"use client";
-import { jsx as c, jsxs as R, Fragment as E } from "react/jsx-runtime";
-import { c as F } from "./lite-1fxw3LjI.js";
-import { forwardRef as m, useRef as L, useEffect as C, useState as S } from "react";
-import { u as D } from "./useMergeRefs-DOnoWyUH.js";
-import { S as j } from "./index-D8Pn8SCu.js";
-import { P as O } from "./Paragraph-Bm-eoPYv.js";
-const T = m(function({ className: i, asChild: n, ...s }, o) {
-  return c(n ? j : "p", { className: F("ds-validation-message", i), "data-field": "validation", ref: o, ...s });
-});
-function $(t) {
-  if (!t)
-    return;
-  const i = /* @__PURE__ */ new Map(), n = `:${Date.now().toString(36)}${Math.random().toString(36).slice(2, 5)}`;
-  let s = null, o = "";
-  const a = (g) => {
-    const l = [], p = [];
-    for (const e of g)
-      e.attributeName && l.push(e.target ?? t), l.push(...e.addedNodes || []), p.push(...e.removedNodes || []);
-    for (const e of l)
-      M(e) && (x(e) ? i.set(e, e.htmlFor) : e.hasAttribute("data-field") ? i.set(e, e.id) : N(e) && (s = e, o = e.getAttribute("aria-describedby") || ""));
-    for (const e of p)
-      M(e) && (s === e && (s = null), i.has(e) && (v(e, x(e) ? "for" : "id", i.get(e)), i.delete(e)));
-    const f = [o], r = (s == null ? void 0 : s.id) || n;
-    for (const [e, b] of i) {
-      const u = e.getAttribute("data-field"), h = u ? `${r}:${u}` : r;
-      b || v(e, x(e) ? "for" : "id", h), u === "validation" ? f.unshift(e.id) : u && f.push(e.id);
-    }
-    v(s, "id", r), v(s, "aria-describedby", f.join(" ").trim());
-  }, d = w(a);
-  return d.observe(t, {
-    attributeFilter: ["id", "for", "aria-describedby"],
-    attributes: !0,
-    childList: !0,
-    subtree: !0
-  }), a([{ addedNodes: t.querySelectorAll("*") }]), d.takeRecords(), () => d.disconnect();
-}
-const M = (t) => t instanceof Element, x = (t) => t instanceof HTMLLabelElement, N = (t) => t instanceof HTMLElement && "validity" in t && !(t instanceof HTMLButtonElement), v = (t, i, n) => n ? t == null ? void 0 : t.setAttribute(i, n) : t == null ? void 0 : t.removeAttribute(i);
-function w(t) {
-  const i = [], n = new MutationObserver((o) => {
-    i.length || requestAnimationFrame(s), i.push(...o);
-  }), s = () => {
-    t(i, n), i.length = 0, n.takeRecords();
-  };
-  return n;
-}
-const I = m(function({ className: i, position: n, ...s }, o) {
-  const a = L(null), d = D([a, o]);
-  return C(() => $(a.current), []), c("div", { className: F("ds-field", i), "data-position": n, ref: d, ...s });
-}), k = m(function({ className: i, ...n }, s) {
-  return c("div", { className: F("ds-field-affixes", i), ref: s, ...n });
-}), q = m(function({ className: i, ...n }, s) {
-  return c("span", { className: F("ds-field-affix", i), "aria-hidden": "true", ref: s, ...n });
-}), y = (t, i) => t.replace("%d", Math.abs(i).toString()), H = m(function({ limit: i, under: n = "%d tegn igjen", over: s = "%d tegn for mye", ...o }, a) {
-  const [d, g] = S(0), l = L(null), p = d > i, f = i - d;
-  return C(() => {
-    var u;
-    const r = (u = l.current) == null ? void 0 : u.closest(".ds-field"), e = Array.from((r == null ? void 0 : r.getElementsByTagName("*")) || []).find(N), b = ({ target: h }) => {
-      N(h) && g(h.value.length);
-    };
-    return e && b({ target: e }), r == null || r.addEventListener("input", b), () => r == null ? void 0 : r.removeEventListener("input", b);
-  }, [g]), R(E, { children: [c("div", { "data-field": "description", className: "ds-sr-only", "aria-live": "polite", ref: l, children: p && y(s, f) }), p ? c(T, { ref: a, ...o, children: y(s, f) }) : c(O, { ref: a, ...o, "data-field": "validation", children: y(n, f) })] });
-}), V = m(function(i, n) {
-  return c("div", { "data-field": "description", ref: n, ...i });
-}), A = Object.assign(I, {
-  Description: V,
-  Affixes: k,
-  Affix: q,
-  Counter: H
-});
-A.Description.displayName = "Field.Description";
-A.Affixes.displayName = "Field.Affixes";
-A.Affix.displayName = "Field.Affix";
-A.Counter.displayName = "Field.Counter";
-export {
-  A as F,
-  T as V,
-  V as a,
-  k as b,
-  q as c
-};

package/dist/index-D3Rt9ate.js

@@ -1,116 +0,0 @@
-"use client";
-import { jsx as f } from "react/jsx-runtime";
-import { c as M } from "./lite-1fxw3LjI.js";
-import { forwardRef as h, useRef as d, useEffect as x } from "react";
-import { u as $ } from "./useMergeRefs-DOnoWyUH.js";
-var E = typeof window < "u" && typeof window.document < "u" && typeof window.navigator < "u", v;
-E && // @ts-expect-error Typescript has not implemented userAgentData yet https://stackoverflow.com/a/71392474
-/^Mac/i.test(((v = navigator.userAgentData) == null ? void 0 : v.platform) || navigator.platform);
-var H = ":host(:not([hidden])) { display: block }", w = typeof HTMLElement > "u" ? class {
-} : HTMLElement;
-function a(t, e, n) {
-  var o;
-  return n === void 0 ? (o = t.getAttribute(e)) != null ? o : null : (n === null ? t.removeAttribute(e) : t.getAttribute(e) !== n && t.setAttribute(e, n), null);
-}
-var D = (t, e, n) => {
-  for (const o of n[0].split(","))
-    n[0] = o, Element.prototype[`${t}EventListener`].apply(e, n);
-}, g = (t, ...e) => D("add", t, e), k = (t, ...e) => D("remove", t, e), N = (t) => {
-  const e = "key" in t && (t.key === " " || t.key === "Enter");
-  return e && t.preventDefault(), e && t.target instanceof HTMLElement && t.target.click(), e;
-}, O = (t) => {
-  var e;
-  const n = ((e = t.getRootNode) == null ? void 0 : e.call(t)) || t.ownerDocument;
-  return n instanceof Document || n instanceof ShadowRoot ? n : document;
-}, m = (t, e, n) => {
-  const o = document.createElement(t);
-  if (e && (o.textContent = e), n) for (const [s, r] of Object.entries(n)) a(o, s, r);
-  return o;
-}, C = {
-  define: (t, e) => !E || window.customElements.get(t) || window.customElements.define(t, e)
-}, T = class extends w {
-  constructor() {
-    super(), this._content = null, this.attachShadow({ mode: "open" }).append(
-      m("slot", null, { name: "summary" }),
-      m("slot", null, { part: "details-content" }),
-      m(
-        "style",
-        `${H}
-        ::slotted(u-summary) { cursor: pointer; display: block }
-				::slotted(u-summary)::before { content: ''; display: inline-block; vertical-align: middle; margin-inline: .05em .3125em; border-block: .3125em solid transparent; border-inline-start: .5em solid }
-				::slotted(u-summary[aria-expanded="true"])::before { rotate: 90deg }
-				:host > [part="details-content"]:not([hidden=""]) { display: block }`
-      )
-    );
-  }
-  // Using ES2015 syntax for backwards compatibility
-  static get observedAttributes() {
-    return ["open"];
-  }
-  connectedCallback() {
-    var t;
-    this._content = (t = this.shadowRoot) == null ? void 0 : t.children[1], g(this._content, "beforematch", this), g(this, "click,keydown", this), this.attributeChangedCallback();
-  }
-  disconnectedCallback() {
-    this._content && k(this._content, "beforematch", this), k(this, "click,keydown", this), this._content = null;
-  }
-  attributeChangedCallback(t, e, n) {
-    const o = "onbeforematch" in this ? "until-found" : !0, s = this.open;
-    for (const r of this.children)
-      r.nodeName === "U-SUMMARY" && a(r, "aria-expanded", `${s}`);
-    if (this._content && (a(this._content, "aria-hidden", `${!s}`), this._content.hidden = s ? !1 : o), s && this.name) {
-      const r = O(this).querySelectorAll(
-        `${this.nodeName}[name="${this.name}"]`
-      );
-      for (const l of r)
-        l !== this && (l.open = !1);
-    }
-    t === "open" && e === null != (n === null) && this.dispatchEvent(new Event("toggle"));
-  }
-  handleEvent(t) {
-    const e = this.querySelector(":scope > u-summary"), n = e == null ? void 0 : e.contains(t.target);
-    t.defaultPrevented || (t.type === "beforematch" && (this.open = !0), n && t.type === "keydown" && N(t), n && t.type === "click" && (this.open = !this.open));
-  }
-  get open() {
-    return this.hasAttribute("open");
-  }
-  set open(t) {
-    a(this, "open", t ? "" : null);
-  }
-  get name() {
-    return a(this, "name") || "";
-  }
-  set name(t) {
-    a(this, "name", t);
-  }
-}, U = class extends w {
-  connectedCallback() {
-    a(this, "role", "button"), this.slot = "summary", this.tabIndex = 0;
-  }
-};
-C.define("u-details", T);
-C.define("u-summary", U);
-const j = h(function({ className: e, open: n, defaultOpen: o = !1, variant: s = "default", onToggle: r, ...l }, _) {
-  const p = d(null), L = d(o), R = $([p, _]), c = d(r), u = d(n);
-  return c.current = r, u.current = n, x(() => {
-    const i = p.current, y = (A) => {
-      var b;
-      !i || (i == null ? void 0 : i.open) === u.current || ((b = c.current) == null || b.call(c, A), u.current !== void 0 && (i.open = u.current));
-    };
-    return i == null || i.addEventListener("toggle", y, !0), () => i == null ? void 0 : i.removeEventListener("toggle", y, !0);
-  }, []), f("u-details", { class: M("ds-details", e), open: (n ?? L.current) || void 0, "data-variant": s, ref: R, ...l });
-}), B = h(function(e, n) {
-  return f("div", { ref: n, ...e });
-}), I = h(function({ className: e, ...n }, o) {
-  return f("u-summary", { ref: o, class: e, ...n });
-}), S = Object.assign(j, {
-  Summary: I,
-  Content: B
-});
-S.Summary.displayName = "Details.Summary";
-S.Content.displayName = "Details.Content";
-export {
-  S as D,
-  I as a,
-  B as b
-};

package/dist/index-D8Pn8SCu.js

@@ -1,78 +0,0 @@
-import * as i from "react";
-import { jsx as f, Fragment as S } from "react/jsx-runtime";
-function d(t, e) {
-  if (typeof t == "function")
-    return t(e);
-  t != null && (t.current = e);
-}
-function g(...t) {
-  return (e) => {
-    let r = !1;
-    const o = t.map((n) => {
-      const l = d(n, e);
-      return !r && typeof l == "function" && (r = !0), l;
-    });
-    if (r)
-      return () => {
-        for (let n = 0; n < o.length; n++) {
-          const l = o[n];
-          typeof l == "function" ? l() : d(t[n], null);
-        }
-      };
-  };
-}
-// @__NO_SIDE_EFFECTS__
-function b(t) {
-  const e = /* @__PURE__ */ C(t), r = i.forwardRef((o, n) => {
-    const { children: l, ...a } = o, s = i.Children.toArray(l), c = s.find(h);
-    if (c) {
-      const u = c.props.children, m = s.map((p) => p === c ? i.Children.count(u) > 1 ? i.Children.only(null) : i.isValidElement(u) ? u.props.children : null : p);
-      return /* @__PURE__ */ f(e, { ...a, ref: n, children: i.isValidElement(u) ? i.cloneElement(u, void 0, m) : null });
-    }
-    return /* @__PURE__ */ f(e, { ...a, ref: n, children: l });
-  });
-  return r.displayName = `${t}.Slot`, r;
-}
-var I = /* @__PURE__ */ b("Slot");
-// @__NO_SIDE_EFFECTS__
-function C(t) {
-  const e = i.forwardRef((r, o) => {
-    const { children: n, ...l } = r;
-    if (i.isValidElement(n)) {
-      const a = _(n), s = R(l, n.props);
-      return n.type !== i.Fragment && (s.ref = o ? g(o, a) : a), i.cloneElement(n, s);
-    }
-    return i.Children.count(n) > 1 ? i.Children.only(null) : null;
-  });
-  return e.displayName = `${t}.SlotClone`, e;
-}
-var y = Symbol("radix.slottable");
-// @__NO_SIDE_EFFECTS__
-function E(t) {
-  const e = ({ children: r }) => /* @__PURE__ */ f(S, { children: r });
-  return e.displayName = `${t}.Slottable`, e.__radixId = y, e;
-}
-var V = /* @__PURE__ */ E("Slottable");
-function h(t) {
-  return i.isValidElement(t) && typeof t.type == "function" && "__radixId" in t.type && t.type.__radixId === y;
-}
-function R(t, e) {
-  const r = { ...e };
-  for (const o in e) {
-    const n = t[o], l = e[o];
-    /^on[A-Z]/.test(o) ? n && l ? r[o] = (...s) => {
-      const c = l(...s);
-      return n(...s), c;
-    } : n && (r[o] = n) : o === "style" ? r[o] = { ...n, ...l } : o === "className" && (r[o] = [n, l].filter(Boolean).join(" "));
-  }
-  return { ...t, ...r };
-}
-function _(t) {
-  var o, n;
-  let e = (o = Object.getOwnPropertyDescriptor(t.props, "ref")) == null ? void 0 : o.get, r = e && "isReactWarning" in e && e.isReactWarning;
-  return r ? t.ref : (e = (n = Object.getOwnPropertyDescriptor(t, "ref")) == null ? void 0 : n.get, r = e && "isReactWarning" in e && e.isReactWarning, r ? t.props.ref : t.props.ref || t.ref);
-}
-export {
-  I as S,
-  V as a
-};

package/dist/index-L8X2o7IH.js

@@ -1,44 +0,0 @@
-function c(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
-}
-var f = { exports: {} };
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-(function(e) {
-  (function() {
-    var i = {}.hasOwnProperty;
-    function s() {
-      for (var t = "", r = 0; r < arguments.length; r++) {
-        var n = arguments[r];
-        n && (t = o(t, u(n)));
-      }
-      return t;
-    }
-    function u(t) {
-      if (typeof t == "string" || typeof t == "number")
-        return t;
-      if (typeof t != "object")
-        return "";
-      if (Array.isArray(t))
-        return s.apply(null, t);
-      if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]"))
-        return t.toString();
-      var r = "";
-      for (var n in t)
-        i.call(t, n) && t[n] && (r = o(r, n));
-      return r;
-    }
-    function o(t, r) {
-      return r ? t ? t + " " + r : t + r : t;
-    }
-    e.exports ? (s.default = s, e.exports = s) : window.classNames = s;
-  })();
-})(f);
-var a = f.exports;
-const p = /* @__PURE__ */ c(a);
-export {
-  p as c
-};

package/dist/tokens/$metadata.json

@@ -1,25 +0,0 @@
-{
-  "tokenSetOrder": [
-    "primitives/globals",
-    "primitives/modes/size/small",
-    "primitives/modes/size/medium",
-    "primitives/modes/size/large",
-    "primitives/modes/size/global",
-    "primitives/modes/typography/size/small",
-    "primitives/modes/typography/size/medium",
-    "primitives/modes/typography/size/large",
-    "primitives/modes/typography/primary/altinn-ds",
-    "primitives/modes/typography/secondary/altinn-ds",
-    "primitives/modes/color-scheme/dark/global",
-    "primitives/modes/color-scheme/dark/altinn-ds",
-    "primitives/modes/color-scheme/light/global",
-    "primitives/modes/color-scheme/light/altinn-ds",
-    "themes/altinn-ds",
-    "semantic/color",
-    "semantic/modes/main-color/company",
-    "semantic/modes/main-color/person",
-    "semantic/modes/support-color/article",
-    "semantic/modes/support-color/alert",
-    "semantic/style"
-  ]
-}

package/dist/tokens/$themes.json

@@ -1,137 +0,0 @@
-[
-  {
-    "id": "8b2c8cc86611a34b135cb22948666779361fd729",
-    "name": "medium",
-    "$figmaStyleReferences": {},
-    "selectedTokenSets": {
-      "primitives/modes/size/medium": "source",
-      "primitives/modes/size/global": "enabled",
-      "primitives/modes/typography/size/medium": "enabled"
-    },
-    "$figmaCollectionId": "VariableCollectionId:36248:20757",
-    "$figmaModeId": "41630:1",
-    "group": "Size"
-  },
-  {
-    "id": "d49b9eebeb48a4f165a74b7261733d0a73370f0e",
-    "name": "large",
-    "$figmaStyleReferences": {},
-    "selectedTokenSets": {
-      "primitives/modes/size/large": "source",
-      "primitives/modes/size/global": "enabled",
-      "primitives/modes/typography/size/large": "enabled"
-    },
-    "$figmaCollectionId": "VariableCollectionId:36248:20757",
-    "$figmaModeId": "41630:2",
-    "group": "Size"
-  },
-  {
-    "id": "fb11567729c298ca37c9da4e3a27716a23480824",
-    "name": "small",
-    "$figmaStyleReferences": {},
-    "selectedTokenSets": {
-      "primitives/modes/size/small": "source",
-      "primitives/modes/size/global": "enabled",
-      "primitives/modes/typography/size/small": "enabled"
-    },
-    "$figmaCollectionId": "VariableCollectionId:36248:20757",
-    "$figmaModeId": "41630:3",
-    "group": "Size"
-  },
-  {
-    "id": "84671d12e4ebd199b6140019399a20c77f467c06",
-    "$figmaCollectionId": "VariableCollectionId:36528:61712",
-    "$figmaModeId": "40960:6",
-    "name": "altinn-ds",
-    "selectedTokenSets": {
-      "themes/altinn-ds": "enabled"
-    },
-    "group": "Theme"
-  },
-  {
-    "id": "368d753fcac4455f289500eaa42e70dc0a03522f",
-    "$figmaCollectionId": "VariableCollectionId:36248:20769",
-    "$figmaModeId": "36248:2",
-    "name": "Primary",
-    "selectedTokenSets": {
-      "primitives/modes/typography/primary/altinn-ds": "enabled"
-    },
-    "group": "Typography"
-  },
-  {
-    "id": "264b8bd1d40b364e1ea3acf09e49795ddd4c513c",
-    "$figmaCollectionId": "VariableCollectionId:36248:20769",
-    "$figmaModeId": "36248:3",
-    "name": "Secondary",
-    "selectedTokenSets": {
-      "primitives/modes/typography/secondary/altinn-ds": "enabled"
-    },
-    "group": "Typography"
-  },
-  {
-    "name": "Dark",
-    "selectedTokenSets": {
-      "primitives/modes/color-scheme/dark/global": "enabled",
-      "primitives/modes/color-scheme/dark/altinn-ds": "enabled"
-    },
-    "id": "9ebd8aed52afbffc17e2666e8b4653a53498b257",
-    "$figmaCollectionId": "VariableCollectionId:34811:5472",
-    "$figmaModeId": "34811:1",
-    "group": "Color scheme"
-  },
-  {
-    "name": "Light",
-    "selectedTokenSets": {
-      "primitives/modes/color-scheme/light/global": "enabled",
-      "primitives/modes/color-scheme/light/altinn-ds": "enabled"
-    },
-    "id": "0daa3ca0b427b9349da7e7dc00101b5668972926",
-    "$figmaCollectionId": "VariableCollectionId:34811:5472",
-    "$figmaModeId": "34811:0",
-    "group": "Color scheme"
-  },
-  {
-    "id": "541629445ef90ad5363f9e88f52a1ccb617e6f84",
-    "name": "Semantic",
-    "selectedTokenSets": {
-      "semantic/style": "enabled",
-      "semantic/color": "enabled",
-      "primitives/globals": "source"
-    },
-    "$figmaCollectionId": "VariableCollectionId:34811:5976",
-    "$figmaModeId": "34811:5",
-    "group": "Semantic"
-  },
-  {
-    "id": "0691139d34161c26ef170102f77a7362cf9948bf",
-    "name": "company",
-    "selectedTokenSets": {
-      "semantic/modes/main-color/company": "enabled"
-    },
-    "group": "Main color"
-  },
-  {
-    "id": "448ce8eb5c8ffd6b5a6f3d2ef3589cb91176126f",
-    "name": "person",
-    "selectedTokenSets": {
-      "semantic/modes/main-color/person": "enabled"
-    },
-    "group": "Main color"
-  },
-  {
-    "id": "1f3309412540524275b9fe98a04f7113ebeb933a",
-    "name": "article",
-    "selectedTokenSets": {
-      "semantic/modes/support-color/article": "enabled"
-    },
-    "group": "Support color"
-  },
-  {
-    "id": "fa75602e0475bf86dff9856bc0e841c0d08b4a15",
-    "name": "alert",
-    "selectedTokenSets": {
-      "semantic/modes/support-color/alert": "enabled"
-    },
-    "group": "Support color"
-  }
-]

package/dist/tokens/README.md

@@ -1,14 +0,0 @@
-## Config
-
-https://theme.designsystemet.no/themebuilder?appearance=light&name=altinn-ds&main=company%3A%23111d46+person%3A%23084826&neutral=%231E2B3C&support=article%3A%230062ba+alert%3A%23d82c46&border-radius=4
-
-npx @digdir/designsystemet tokens create \
---main-colors "company:#111d46" "person:#084826" \
---neutral-color "#1E2B3C" \
---support-colors "article:#0062ba" "alert:#d82c46" \
---border-radius 2 \
---theme "altinn-ds"
-
-## Build colors
-
-npx @digdir/designsystemet tokens build

package/dist/tokens/alert.css

@@ -1,25 +0,0 @@
-/**
- * These files are generated from design tokens defind using Token Studio
- */
-
-@layer ds.theme.color {
-  [data-color="alert"],
-  [data-color-scheme][data-color="alert"] {
-    --ds-color-background-default: var(--ds-color-alert-background-default);
-    --ds-color-background-tinted: var(--ds-color-alert-background-tinted);
-    --ds-color-surface-default: var(--ds-color-alert-surface-default);
-    --ds-color-surface-tinted: var(--ds-color-alert-surface-tinted);
-    --ds-color-surface-hover: var(--ds-color-alert-surface-hover);
-    --ds-color-surface-active: var(--ds-color-alert-surface-active);
-    --ds-color-border-subtle: var(--ds-color-alert-border-subtle);
-    --ds-color-border-default: var(--ds-color-alert-border-default);
-    --ds-color-border-strong: var(--ds-color-alert-border-strong);
-    --ds-color-text-subtle: var(--ds-color-alert-text-subtle);
-    --ds-color-text-default: var(--ds-color-alert-text-default);
-    --ds-color-base-default: var(--ds-color-alert-base-default);
-    --ds-color-base-hover: var(--ds-color-alert-base-hover);
-    --ds-color-base-active: var(--ds-color-alert-base-active);
-    --ds-color-base-contrast-subtle: var(--ds-color-alert-base-contrast-subtle);
-    --ds-color-base-contrast-default: var(--ds-color-alert-base-contrast-default);
-  }
-}

package/dist/tokens/alert.json

@@ -1,70 +0,0 @@
-{
-  "color": {
-    "support": {
-      "background-default": {
-        "$type": "color",
-        "$value": "{color.alert.background-default}"
-      },
-      "background-tinted": {
-        "$type": "color",
-        "$value": "{color.alert.background-tinted}"
-      },
-      "surface-default": {
-        "$type": "color",
-        "$value": "{color.alert.surface-default}"
-      },
-      "surface-tinted": {
-        "$type": "color",
-        "$value": "{color.alert.surface-tinted}"
-      },
-      "surface-hover": {
-        "$type": "color",
-        "$value": "{color.alert.surface-hover}"
-      },
-      "surface-active": {
-        "$type": "color",
-        "$value": "{color.alert.surface-active}"
-      },
-      "border-subtle": {
-        "$type": "color",
-        "$value": "{color.alert.border-subtle}"
-      },
-      "border-default": {
-        "$type": "color",
-        "$value": "{color.alert.border-default}"
-      },
-      "border-strong": {
-        "$type": "color",
-        "$value": "{color.alert.border-strong}"
-      },
-      "text-subtle": {
-        "$type": "color",
-        "$value": "{color.alert.text-subtle}"
-      },
-      "text-default": {
-        "$type": "color",
-        "$value": "{color.alert.text-default}"
-      },
-      "base-default": {
-        "$type": "color",
-        "$value": "{color.alert.base-default}"
-      },
-      "base-hover": {
-        "$type": "color",
-        "$value": "{color.alert.base-hover}"
-      },
-      "base-active": {
-        "$type": "color",
-        "$value": "{color.alert.base-active}"
-      },
-      "base-contrast-subtle": {
-        "$type": "color",
-        "$value": "{color.alert.base-contrast-subtle}"
-      },
-      "base-contrast-default": {
-        "$type": "color",
-        "$value": "{color.alert.base-contrast-default}"
-      }
-    }
-  }
-}

package/dist/tokens/altinn-ds/color/alert.css

@@ -1,25 +0,0 @@
-/**
- * These files are generated from design tokens defind using Token Studio
- */
-
-@layer ds.theme.color {
-  [data-color="alert"],
-  [data-color-scheme][data-color="alert"] {
-    --ds-color-background-default: var(--ds-color-alert-background-default);
-    --ds-color-background-tinted: var(--ds-color-alert-background-tinted);
-    --ds-color-surface-default: var(--ds-color-alert-surface-default);
-    --ds-color-surface-tinted: var(--ds-color-alert-surface-tinted);
-    --ds-color-surface-hover: var(--ds-color-alert-surface-hover);
-    --ds-color-surface-active: var(--ds-color-alert-surface-active);
-    --ds-color-border-subtle: var(--ds-color-alert-border-subtle);
-    --ds-color-border-default: var(--ds-color-alert-border-default);
-    --ds-color-border-strong: var(--ds-color-alert-border-strong);
-    --ds-color-text-subtle: var(--ds-color-alert-text-subtle);
-    --ds-color-text-default: var(--ds-color-alert-text-default);
-    --ds-color-base-default: var(--ds-color-alert-base-default);
-    --ds-color-base-hover: var(--ds-color-alert-base-hover);
-    --ds-color-base-active: var(--ds-color-alert-base-active);
-    --ds-color-base-contrast-subtle: var(--ds-color-alert-base-contrast-subtle);
-    --ds-color-base-contrast-default: var(--ds-color-alert-base-contrast-default);
-  }
-}

package/dist/tokens/altinn-ds/color/article.css

@@ -1,25 +0,0 @@
-/**
- * These files are generated from design tokens defind using Token Studio
- */
-
-@layer ds.theme.color {
-  [data-color="article"],
-  [data-color-scheme][data-color="article"] {
-    --ds-color-background-default: var(--ds-color-article-background-default);
-    --ds-color-background-tinted: var(--ds-color-article-background-tinted);
-    --ds-color-surface-default: var(--ds-color-article-surface-default);
-    --ds-color-surface-tinted: var(--ds-color-article-surface-tinted);
-    --ds-color-surface-hover: var(--ds-color-article-surface-hover);
-    --ds-color-surface-active: var(--ds-color-article-surface-active);
-    --ds-color-border-subtle: var(--ds-color-article-border-subtle);
-    --ds-color-border-default: var(--ds-color-article-border-default);
-    --ds-color-border-strong: var(--ds-color-article-border-strong);
-    --ds-color-text-subtle: var(--ds-color-article-text-subtle);
-    --ds-color-text-default: var(--ds-color-article-text-default);
-    --ds-color-base-default: var(--ds-color-article-base-default);
-    --ds-color-base-hover: var(--ds-color-article-base-hover);
-    --ds-color-base-active: var(--ds-color-article-base-active);
-    --ds-color-base-contrast-subtle: var(--ds-color-article-base-contrast-subtle);
-    --ds-color-base-contrast-default: var(--ds-color-article-base-contrast-default);
-  }
-}