@altinn/altinn-components 0.24.6 → 0.24.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@altinn/altinn-components",
-  "version": "0.24.6",
+  "version": "0.24.8",
   "main": "dist/index.js",
   "files": [
     "dist/",
@@ -74,6 +74,8 @@
     "typecheck": "tsc --noEmit",
     "build": "tsc && vite build",
     "format": "lint-staged",
+    "lint": "biome check",
+    "lint:fix": "biome check ./lib --write",
     "dev": "vite",
     "build-storybook": "storybook build",
     "test-storybook": "test-storybook --maxWorkers 3",

package/dist/assets/MetaList.css

@@ -1 +0,0 @@
-._list_m42t7_1{list-style:none;padding:0;margin:0;text-indent:0;display:flex;align-items:center;flex-wrap:wrap;column-gap:.5rem}._item_m42t7_13{margin:0}

package/dist/companyMenuItems-E0wNQAfZ.js

@@ -1,105 +0,0 @@
-"use client";
-import { c as p } from "./companyAccess-DVKbpCnw.js";
-import { companyUsers as f } from "./stories/Demo/data/companyUsers.js";
-import * as a from "react";
-import { forwardRef as s } from "react";
-import { u as c } from "./useId-CsCRkvK3.js";
-import { S as d } from "./Handshake-Bz9FuL-x.js";
-import { S as m } from "./ClockDashed-PQgzLSPC.js";
-var u = function(t, i) {
-  var r = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && i.indexOf(e) < 0 && (r[e] = t[e]);
-  if (t != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
-      i.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
-  return r;
-};
-const n = s((t, i) => {
-  var { title: r, titleId: e } = t, l = u(t, ["title", "titleId"]);
-  let o = c();
-  return o = r ? e || "title-" + o : void 0, a.createElement(
-    "svg",
-    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: i, "aria-labelledby": o }, l),
-    r ? a.createElement("title", { id: o }, r) : null,
-    a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M10.543 2.25a.75.75 0 0 0-.729.573l-.459 1.89q-.326.119-.637.265l-1.675-1.02a.75.75 0 0 0-.92.11L4.066 6.121a.75.75 0 0 0-.11.92l1.02 1.676q-.146.311-.264.637l-1.89.46a.75.75 0 0 0-.573.728v2.914a.75.75 0 0 0 .573.729l1.89.459q.118.326.265.637l-1.02 1.675a.75.75 0 0 0 .11.92l2.054 2.056a.75.75 0 0 0 .92.11l1.676-1.02q.311.145.637.264l.46 1.89a.75.75 0 0 0 .728.573h2.914a.75.75 0 0 0 .729-.573l.459-1.89q.326-.119.637-.264l1.675 1.02a.75.75 0 0 0 .92-.11l2.056-2.055a.75.75 0 0 0 .11-.92l-1.02-1.676a8 8 0 0 0 .264-.637l1.89-.46a.75.75 0 0 0 .573-.728v-2.914a.75.75 0 0 0-.573-.729l-1.89-.459a8 8 0 0 0-.265-.637l1.02-1.675a.75.75 0 0 0-.11-.92l-2.054-2.056a.75.75 0 0 0-.92-.11l-1.676 1.02a8 8 0 0 0-.637-.264l-.46-1.89a.75.75 0 0 0-.728-.573zm.172 3.221.418-1.721h1.734l.418 1.721a.75.75 0 0 0 .513.541q.611.184 1.163.483a.75.75 0 0 0 .747-.02l1.526-.93 1.221 1.22-.93 1.527a.75.75 0 0 0-.02.747q.298.552.483 1.163a.75.75 0 0 0 .541.513l1.721.418v1.734l-1.72.418a.75.75 0 0 0-.542.513 6.2 6.2 0 0 1-.483 1.163.75.75 0 0 0 .02.747l.93 1.526-1.22 1.221-1.527-.93a.75.75 0 0 0-.747-.02 6.2 6.2 0 0 1-1.163.483.75.75 0 0 0-.513.541l-.418 1.721h-1.734l-.418-1.72a.75.75 0 0 0-.513-.542 6.2 6.2 0 0 1-1.163-.483.75.75 0 0 0-.747.02l-1.526.93-1.221-1.22.93-1.527a.75.75 0 0 0 .02-.747 6.2 6.2 0 0 1-.483-1.163.75.75 0 0 0-.541-.513l-1.721-.418v-1.734l1.721-.418a.75.75 0 0 0 .541-.513q.185-.611.483-1.163a.75.75 0 0 0-.02-.747l-.93-1.526 1.22-1.221 1.527.93a.75.75 0 0 0 .747.02q.551-.298 1.163-.483a.75.75 0 0 0 .513-.541M10.25 12a1.75 1.75 0 1 1 3.5 0 1.75 1.75 0 0 1-3.5 0M12 8.75a3.25 3.25 0 1 0 0 6.5 3.25 3.25 0 0 0 0-6.5", clipRule: "evenodd" })
-  );
-});
-var g = function(t, i) {
-  var r = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && i.indexOf(e) < 0 && (r[e] = t[e]);
-  if (t != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
-      i.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
-  return r;
-};
-const v = s((t, i) => {
-  var { title: r, titleId: e } = t, l = g(t, ["title", "titleId"]);
-  let o = c();
-  return o = r ? e || "title-" + o : void 0, a.createElement(
-    "svg",
-    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: i, "aria-labelledby": o }, l),
-    r ? a.createElement("title", { id: o }, r) : null,
-    a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M9 3.75a3.75 3.75 0 1 0 0 7.5 3.75 3.75 0 0 0 0-7.5M3.75 7.5a5.25 5.25 0 1 1 10.5 0 5.25 5.25 0 0 1-10.5 0M9 15.75A5.25 5.25 0 0 0 3.75 21a.75.75 0 0 1-1.5 0 6.75 6.75 0 0 1 13.5 0 .75.75 0 0 1-1.5 0A5.25 5.25 0 0 0 9 15.75m7.214-10.824a.75.75 0 1 0-.428 1.438A2.752 2.752 0 0 1 15 11.75a.75.75 0 0 0-.75.75v1a.75.75 0 0 0 .75.75 4.25 4.25 0 0 1 4.25 4.25.75.75 0 0 0 1.5 0 5.75 5.75 0 0 0-4.206-5.539 4.251 4.251 0 0 0-.33-8.035", clipRule: "evenodd" })
-  );
-}), j = [
-  {
-    id: "company",
-    groupId: "1",
-    size: "lg",
-    title: "Tilganger"
-  },
-  {
-    id: "users",
-    groupId: "3",
-    icon: v,
-    title: "Brukere",
-    items: f
-  },
-  {
-    id: "access",
-    groupId: "3",
-    icon: d,
-    title: "Fullmakter",
-    items: p
-  },
-  {
-    id: "requests",
-    groupId: "3",
-    icon: d,
-    title: "Forespørsler"
-  },
-  {
-    id: "settings",
-    groupId: "4",
-    icon: n,
-    title: "Api og systemtilgang"
-  },
-  {
-    id: "settings",
-    groupId: "4",
-    icon: n,
-    title: "Våre fullmakter hos andre"
-  },
-  {
-    id: "settings",
-    groupId: "4",
-    icon: n,
-    title: "Klientadministrasjon"
-  },
-  {
-    id: "settings",
-    groupId: "5",
-    icon: n,
-    title: "Innstillinger"
-  },
-  {
-    id: "log",
-    groupId: "6",
-    icon: m,
-    title: "Aktivitetslogg"
-  }
-];
-export {
-  v as S,
-  j as c
-};

package/dist/components/Meta/MetaList.js

@@ -1,22 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { MetaBase as o } from "./MetaBase.js";
-import { MetaItem as a } from "./MetaItem.js";
-import { MetaProgress as c } from "./MetaProgress.js";
-import { MetaTimestamp as n } from "./MetaTimestamp.js";
-import '../../assets/MetaList.css';const l = "_list_m42t7_1", p = "_item_m42t7_13", m = {
-  list: l,
-  item: p
-}, d = ({ type: s = "default", label: e, ...r }) => {
-  switch (s) {
-    case "progress":
-      return /* @__PURE__ */ t(c, { ...r, children: e });
-    case "timestamp":
-      return /* @__PURE__ */ t(n, { ...r, children: e });
-    default:
-      return /* @__PURE__ */ t(a, { ...r, children: e });
-  }
-}, x = ({ size: s = "xs", items: e = [] }) => /* @__PURE__ */ t(o, { size: s, children: /* @__PURE__ */ t("ul", { className: m.list, children: e.map((r, i) => /* @__PURE__ */ t("li", { className: m.item, children: /* @__PURE__ */ t(d, { ...r }) }, "meta-" + i)) }) });
-export {
-  x as MetaList,
-  d as MetaListItem
-};

package/dist/components/Page/Article.js

@@ -1,6 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { Section as e } from "./Section.js";
-const m = ({ children: r, ...t }) => /* @__PURE__ */ o(e, { as: "article", ...t, children: r });
-export {
-  m as Article
-};

package/dist/tokens/Figma/components.json

@@ -1,22 +0,0 @@
-{
-  "switch": {
-    "circle": {
-      "small": {
-        "$type": "sizing",
-        "$value": "{sizing.5} - {switch.border}"
-      },
-      "medium": {
-        "$type": "sizing",
-        "$value": "{sizing.6} - {switch.border}"
-      },
-      "large": {
-        "$type": "sizing",
-        "$value": "{sizing.7} - {switch.border}"
-      }
-    },
-    "border": {
-      "$type": "sizing",
-      "$value": "4"
-    }
-  }
-}

package/dist/tokens/accent.css

@@ -1,23 +0,0 @@
-/**
- * These files are generated from design tokens defind using Token Studio
- */
-
-@layer ds.theme.color {
-  :root {
-    --ds-color-accent-background-default: var(--ds-color-company-background-default);
-    --ds-color-accent-background-subtle: var(--ds-color-company-background-subtle);
-    --ds-color-accent-surface-default: var(--ds-color-company-surface-default);
-    --ds-color-accent-surface-hover: var(--ds-color-company-surface-hover);
-    --ds-color-accent-surface-active: var(--ds-color-company-surface-active);
-    --ds-color-accent-border-subtle: var(--ds-color-company-border-subtle);
-    --ds-color-accent-border-default: var(--ds-color-company-border-default);
-    --ds-color-accent-border-strong: var(--ds-color-company-border-strong);
-    --ds-color-accent-base-default: var(--ds-color-company-base-default);
-    --ds-color-accent-base-hover: var(--ds-color-company-base-hover);
-    --ds-color-accent-base-active: var(--ds-color-company-base-active);
-    --ds-color-accent-text-subtle: var(--ds-color-company-text-subtle);
-    --ds-color-accent-text-default: var(--ds-color-company-text-default);
-    --ds-color-accent-contrast-default: var(--ds-color-company-contrast-default);
-    --ds-color-accent-contrast-subtle: var(--ds-color-company-contrast-subtle);
-  }
-}

package/dist/tokens/accent.json

@@ -1,66 +0,0 @@
-{
-  "color": {
-    "main": {
-      "background-default": {
-        "$type": "color",
-        "$value": "{color.accent.background-default}"
-      },
-      "background-subtle": {
-        "$type": "color",
-        "$value": "{color.accent.background-subtle}"
-      },
-      "surface-default": {
-        "$type": "color",
-        "$value": "{color.accent.surface-default}"
-      },
-      "surface-hover": {
-        "$type": "color",
-        "$value": "{color.accent.surface-hover}"
-      },
-      "surface-active": {
-        "$type": "color",
-        "$value": "{color.accent.surface-active}"
-      },
-      "border-subtle": {
-        "$type": "color",
-        "$value": "{color.accent.border-subtle}"
-      },
-      "border-default": {
-        "$type": "color",
-        "$value": "{color.accent.border-default}"
-      },
-      "border-strong": {
-        "$type": "color",
-        "$value": "{color.accent.border-strong}"
-      },
-      "base-default": {
-        "$type": "color",
-        "$value": "{color.accent.base-default}"
-      },
-      "base-hover": {
-        "$type": "color",
-        "$value": "{color.accent.base-hover}"
-      },
-      "base-active": {
-        "$type": "color",
-        "$value": "{color.accent.base-active}"
-      },
-      "text-subtle": {
-        "$type": "color",
-        "$value": "{color.accent.text-subtle}"
-      },
-      "text-default": {
-        "$type": "color",
-        "$value": "{color.accent.text-default}"
-      },
-      "contrast-default": {
-        "$type": "color",
-        "$value": "{color.accent.contrast-default}"
-      },
-      "contrast-subtle": {
-        "$type": "color",
-        "$value": "{color.accent.contrast-subtle}"
-      }
-    }
-  }
-}

package/dist/tokens/altinn-ds/builtin-colors.css

@@ -1,87 +0,0 @@
-@layer ds.theme.color {
-  [data-color="neutral"] {
-    --ds-color-background-default: var(--ds-color-neutral-background-default);
-    --ds-color-background-subtle: var(--ds-color-neutral-background-subtle);
-    --ds-color-surface-default: var(--ds-color-neutral-surface-default);
-    --ds-color-surface-hover: var(--ds-color-neutral-surface-hover);
-    --ds-color-surface-active: var(--ds-color-neutral-surface-active);
-    --ds-color-border-subtle: var(--ds-color-neutral-border-subtle);
-    --ds-color-border-default: var(--ds-color-neutral-border-default);
-    --ds-color-border-strong: var(--ds-color-neutral-border-strong);
-    --ds-color-base-default: var(--ds-color-neutral-base-default);
-    --ds-color-base-hover: var(--ds-color-neutral-base-hover);
-    --ds-color-base-active: var(--ds-color-neutral-base-active);
-    --ds-color-text-subtle: var(--ds-color-neutral-text-subtle);
-    --ds-color-text-default: var(--ds-color-neutral-text-default);
-    --ds-color-contrast-default: var(--ds-color-neutral-contrast-default);
-    --ds-color-contrast-subtle: var(--ds-color-neutral-contrast-subtle);
-  }
-  [data-color="success"] {
-    --ds-color-background-default: var(--ds-color-success-background-default);
-    --ds-color-background-subtle: var(--ds-color-success-background-subtle);
-    --ds-color-surface-default: var(--ds-color-success-surface-default);
-    --ds-color-surface-hover: var(--ds-color-success-surface-hover);
-    --ds-color-surface-active: var(--ds-color-success-surface-active);
-    --ds-color-border-subtle: var(--ds-color-success-border-subtle);
-    --ds-color-border-default: var(--ds-color-success-border-default);
-    --ds-color-border-strong: var(--ds-color-success-border-strong);
-    --ds-color-base-default: var(--ds-color-success-base-default);
-    --ds-color-base-hover: var(--ds-color-success-base-hover);
-    --ds-color-base-active: var(--ds-color-success-base-active);
-    --ds-color-text-subtle: var(--ds-color-success-text-subtle);
-    --ds-color-text-default: var(--ds-color-success-text-default);
-    --ds-color-contrast-default: var(--ds-color-success-contrast-default);
-    --ds-color-contrast-subtle: var(--ds-color-success-contrast-subtle);
-  }
-  [data-color="warning"] {
-    --ds-color-background-default: var(--ds-color-warning-background-default);
-    --ds-color-background-subtle: var(--ds-color-warning-background-subtle);
-    --ds-color-surface-default: var(--ds-color-warning-surface-default);
-    --ds-color-surface-hover: var(--ds-color-warning-surface-hover);
-    --ds-color-surface-active: var(--ds-color-warning-surface-active);
-    --ds-color-border-subtle: var(--ds-color-warning-border-subtle);
-    --ds-color-border-default: var(--ds-color-warning-border-default);
-    --ds-color-border-strong: var(--ds-color-warning-border-strong);
-    --ds-color-base-default: var(--ds-color-warning-base-default);
-    --ds-color-base-hover: var(--ds-color-warning-base-hover);
-    --ds-color-base-active: var(--ds-color-warning-base-active);
-    --ds-color-text-subtle: var(--ds-color-warning-text-subtle);
-    --ds-color-text-default: var(--ds-color-warning-text-default);
-    --ds-color-contrast-default: var(--ds-color-warning-contrast-default);
-    --ds-color-contrast-subtle: var(--ds-color-warning-contrast-subtle);
-  }
-  [data-color="danger"] {
-    --ds-color-background-default: var(--ds-color-danger-background-default);
-    --ds-color-background-subtle: var(--ds-color-danger-background-subtle);
-    --ds-color-surface-default: var(--ds-color-danger-surface-default);
-    --ds-color-surface-hover: var(--ds-color-danger-surface-hover);
-    --ds-color-surface-active: var(--ds-color-danger-surface-active);
-    --ds-color-border-subtle: var(--ds-color-danger-border-subtle);
-    --ds-color-border-default: var(--ds-color-danger-border-default);
-    --ds-color-border-strong: var(--ds-color-danger-border-strong);
-    --ds-color-base-default: var(--ds-color-danger-base-default);
-    --ds-color-base-hover: var(--ds-color-danger-base-hover);
-    --ds-color-base-active: var(--ds-color-danger-base-active);
-    --ds-color-text-subtle: var(--ds-color-danger-text-subtle);
-    --ds-color-text-default: var(--ds-color-danger-text-default);
-    --ds-color-contrast-default: var(--ds-color-danger-contrast-default);
-    --ds-color-contrast-subtle: var(--ds-color-danger-contrast-subtle);
-  }
-  [data-color="info"] {
-    --ds-color-background-default: var(--ds-color-info-background-default);
-    --ds-color-background-subtle: var(--ds-color-info-background-subtle);
-    --ds-color-surface-default: var(--ds-color-info-surface-default);
-    --ds-color-surface-hover: var(--ds-color-info-surface-hover);
-    --ds-color-surface-active: var(--ds-color-info-surface-active);
-    --ds-color-border-subtle: var(--ds-color-info-border-subtle);
-    --ds-color-border-default: var(--ds-color-info-border-default);
-    --ds-color-border-strong: var(--ds-color-info-border-strong);
-    --ds-color-base-default: var(--ds-color-info-base-default);
-    --ds-color-base-hover: var(--ds-color-info-base-hover);
-    --ds-color-base-active: var(--ds-color-info-base-active);
-    --ds-color-text-subtle: var(--ds-color-info-text-subtle);
-    --ds-color-text-default: var(--ds-color-info-text-default);
-    --ds-color-contrast-default: var(--ds-color-info-contrast-default);
-    --ds-color-contrast-subtle: var(--ds-color-info-contrast-subtle);
-  }
-}

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

@@ -1,23 +0,0 @@
-/**
- * These files are generated from design tokens defind using Token Studio
- */
-
-@layer ds.theme.color {
-  :root {
-    --ds-color-accent-background-default: var(--ds-color-company-background-default);
-    --ds-color-accent-background-subtle: var(--ds-color-company-background-subtle);
-    --ds-color-accent-surface-default: var(--ds-color-company-surface-default);
-    --ds-color-accent-surface-hover: var(--ds-color-company-surface-hover);
-    --ds-color-accent-surface-active: var(--ds-color-company-surface-active);
-    --ds-color-accent-border-subtle: var(--ds-color-company-border-subtle);
-    --ds-color-accent-border-default: var(--ds-color-company-border-default);
-    --ds-color-accent-border-strong: var(--ds-color-company-border-strong);
-    --ds-color-accent-base-default: var(--ds-color-company-base-default);
-    --ds-color-accent-base-hover: var(--ds-color-company-base-hover);
-    --ds-color-accent-base-active: var(--ds-color-company-base-active);
-    --ds-color-accent-text-subtle: var(--ds-color-company-text-subtle);
-    --ds-color-accent-text-default: var(--ds-color-company-text-default);
-    --ds-color-accent-contrast-default: var(--ds-color-company-contrast-default);
-    --ds-color-accent-contrast-subtle: var(--ds-color-company-contrast-subtle);
-  }
-}

package/dist/tokens/builtin-colors.css

@@ -1,87 +0,0 @@
-@layer ds.theme.color {
-  [data-color="neutral"] {
-    --ds-color-background-default: var(--ds-color-neutral-background-default);
-    --ds-color-background-subtle: var(--ds-color-neutral-background-subtle);
-    --ds-color-surface-default: var(--ds-color-neutral-surface-default);
-    --ds-color-surface-hover: var(--ds-color-neutral-surface-hover);
-    --ds-color-surface-active: var(--ds-color-neutral-surface-active);
-    --ds-color-border-subtle: var(--ds-color-neutral-border-subtle);
-    --ds-color-border-default: var(--ds-color-neutral-border-default);
-    --ds-color-border-strong: var(--ds-color-neutral-border-strong);
-    --ds-color-base-default: var(--ds-color-neutral-base-default);
-    --ds-color-base-hover: var(--ds-color-neutral-base-hover);
-    --ds-color-base-active: var(--ds-color-neutral-base-active);
-    --ds-color-text-subtle: var(--ds-color-neutral-text-subtle);
-    --ds-color-text-default: var(--ds-color-neutral-text-default);
-    --ds-color-contrast-default: var(--ds-color-neutral-contrast-default);
-    --ds-color-contrast-subtle: var(--ds-color-neutral-contrast-subtle);
-  }
-  [data-color="success"] {
-    --ds-color-background-default: var(--ds-color-success-background-default);
-    --ds-color-background-subtle: var(--ds-color-success-background-subtle);
-    --ds-color-surface-default: var(--ds-color-success-surface-default);
-    --ds-color-surface-hover: var(--ds-color-success-surface-hover);
-    --ds-color-surface-active: var(--ds-color-success-surface-active);
-    --ds-color-border-subtle: var(--ds-color-success-border-subtle);
-    --ds-color-border-default: var(--ds-color-success-border-default);
-    --ds-color-border-strong: var(--ds-color-success-border-strong);
-    --ds-color-base-default: var(--ds-color-success-base-default);
-    --ds-color-base-hover: var(--ds-color-success-base-hover);
-    --ds-color-base-active: var(--ds-color-success-base-active);
-    --ds-color-text-subtle: var(--ds-color-success-text-subtle);
-    --ds-color-text-default: var(--ds-color-success-text-default);
-    --ds-color-contrast-default: var(--ds-color-success-contrast-default);
-    --ds-color-contrast-subtle: var(--ds-color-success-contrast-subtle);
-  }
-  [data-color="warning"] {
-    --ds-color-background-default: var(--ds-color-warning-background-default);
-    --ds-color-background-subtle: var(--ds-color-warning-background-subtle);
-    --ds-color-surface-default: var(--ds-color-warning-surface-default);
-    --ds-color-surface-hover: var(--ds-color-warning-surface-hover);
-    --ds-color-surface-active: var(--ds-color-warning-surface-active);
-    --ds-color-border-subtle: var(--ds-color-warning-border-subtle);
-    --ds-color-border-default: var(--ds-color-warning-border-default);
-    --ds-color-border-strong: var(--ds-color-warning-border-strong);
-    --ds-color-base-default: var(--ds-color-warning-base-default);
-    --ds-color-base-hover: var(--ds-color-warning-base-hover);
-    --ds-color-base-active: var(--ds-color-warning-base-active);
-    --ds-color-text-subtle: var(--ds-color-warning-text-subtle);
-    --ds-color-text-default: var(--ds-color-warning-text-default);
-    --ds-color-contrast-default: var(--ds-color-warning-contrast-default);
-    --ds-color-contrast-subtle: var(--ds-color-warning-contrast-subtle);
-  }
-  [data-color="danger"] {
-    --ds-color-background-default: var(--ds-color-danger-background-default);
-    --ds-color-background-subtle: var(--ds-color-danger-background-subtle);
-    --ds-color-surface-default: var(--ds-color-danger-surface-default);
-    --ds-color-surface-hover: var(--ds-color-danger-surface-hover);
-    --ds-color-surface-active: var(--ds-color-danger-surface-active);
-    --ds-color-border-subtle: var(--ds-color-danger-border-subtle);
-    --ds-color-border-default: var(--ds-color-danger-border-default);
-    --ds-color-border-strong: var(--ds-color-danger-border-strong);
-    --ds-color-base-default: var(--ds-color-danger-base-default);
-    --ds-color-base-hover: var(--ds-color-danger-base-hover);
-    --ds-color-base-active: var(--ds-color-danger-base-active);
-    --ds-color-text-subtle: var(--ds-color-danger-text-subtle);
-    --ds-color-text-default: var(--ds-color-danger-text-default);
-    --ds-color-contrast-default: var(--ds-color-danger-contrast-default);
-    --ds-color-contrast-subtle: var(--ds-color-danger-contrast-subtle);
-  }
-  [data-color="info"] {
-    --ds-color-background-default: var(--ds-color-info-background-default);
-    --ds-color-background-subtle: var(--ds-color-info-background-subtle);
-    --ds-color-surface-default: var(--ds-color-info-surface-default);
-    --ds-color-surface-hover: var(--ds-color-info-surface-hover);
-    --ds-color-surface-active: var(--ds-color-info-surface-active);
-    --ds-color-border-subtle: var(--ds-color-info-border-subtle);
-    --ds-color-border-default: var(--ds-color-info-border-default);
-    --ds-color-border-strong: var(--ds-color-info-border-strong);
-    --ds-color-base-default: var(--ds-color-info-base-default);
-    --ds-color-base-hover: var(--ds-color-info-base-hover);
-    --ds-color-base-active: var(--ds-color-info-base-active);
-    --ds-color-text-subtle: var(--ds-color-info-text-subtle);
-    --ds-color-text-default: var(--ds-color-info-text-default);
-    --ds-color-contrast-default: var(--ds-color-info-contrast-default);
-    --ds-color-contrast-subtle: var(--ds-color-info-contrast-subtle);
-  }
-}

package/dist/tokens/color/accent.css

@@ -1,23 +0,0 @@
-/**
- * These files are generated from design tokens defind using Token Studio
- */
-
-@layer ds.theme.color {
-  :root {
-    --ds-color-accent-background-default: var(--ds-color-company-background-default);
-    --ds-color-accent-background-subtle: var(--ds-color-company-background-subtle);
-    --ds-color-accent-surface-default: var(--ds-color-company-surface-default);
-    --ds-color-accent-surface-hover: var(--ds-color-company-surface-hover);
-    --ds-color-accent-surface-active: var(--ds-color-company-surface-active);
-    --ds-color-accent-border-subtle: var(--ds-color-company-border-subtle);
-    --ds-color-accent-border-default: var(--ds-color-company-border-default);
-    --ds-color-accent-border-strong: var(--ds-color-company-border-strong);
-    --ds-color-accent-base-default: var(--ds-color-company-base-default);
-    --ds-color-accent-base-hover: var(--ds-color-company-base-hover);
-    --ds-color-accent-base-active: var(--ds-color-company-base-active);
-    --ds-color-accent-text-subtle: var(--ds-color-company-text-subtle);
-    --ds-color-accent-text-default: var(--ds-color-company-text-default);
-    --ds-color-accent-contrast-default: var(--ds-color-company-contrast-default);
-    --ds-color-accent-contrast-subtle: var(--ds-color-company-contrast-subtle);
-  }
-}

package/dist/tokens/components.json

@@ -1,22 +0,0 @@
-{
-  "switch": {
-    "circle": {
-      "small": {
-        "$type": "sizing",
-        "$value": "{sizing.5} - {switch.border}"
-      },
-      "medium": {
-        "$type": "sizing",
-        "$value": "{sizing.6} - {switch.border}"
-      },
-      "large": {
-        "$type": "sizing",
-        "$value": "{sizing.7} - {switch.border}"
-      }
-    },
-    "border": {
-      "$type": "sizing",
-      "$value": "4"
-    }
-  }
-}