@altinn/altinn-components 0.11.0 → 0.13.0

package/dist/index.js

@@ -6,16 +6,16 @@ import { ScopeListItem as n } from "./components/Autocomplete/ScopeListItem.js";
 import { Avatar as u } from "./components/Avatar/Avatar.js";
 import { AvatarGroup as c } from "./components/Avatar/AvatarGroup.js";
 import { Badge as B } from "./components/Badge/Badge.js";
-import { BookmarksListItem as I } from "./components/Bookmarks/BookmarksListItem.js";
-import { QueryItem as M, QueryLabel as D } from "./components/Bookmarks/QueryLabel.js";
-import { BookmarksSection as S } from "./components/Bookmarks/BookmarksSection.js";
-import { ButtonBase as A } from "./components/Button/ButtonBase.js";
-import { ButtonLabel as T } from "./components/Button/ButtonLabel.js";
+import { BookmarksListItem as g } from "./components/Bookmarks/BookmarksListItem.js";
+import { QueryItem as D, QueryLabel as M } from "./components/Bookmarks/QueryLabel.js";
+import { BookmarksSection as y } from "./components/Bookmarks/BookmarksSection.js";
+import { ButtonBase as S } from "./components/Button/ButtonBase.js";
+import { ButtonLabel as k } from "./components/Button/ButtonLabel.js";
 import { ButtonIcon as h } from "./components/Button/ButtonIcon.js";
-import { Button as C } from "./components/Button/Button.js";
+import { Button as w } from "./components/Button/Button.js";
 import { ComboButton as P } from "./components/Button/ComboButton.js";
 import { IconButton as R } from "./components/Button/IconButton.js";
-import { Byline as O } from "./components/Byline/Byline.js";
+import { Byline as E } from "./components/Byline/Byline.js";
 import { ContextMenu as Q } from "./components/ContextMenu/ContextMenu.js";
 import { Dialog as N } from "./components/Dialog/Dialog.js";
 import { DialogList as q } from "./components/Dialog/DialogList.js";
@@ -32,16 +32,16 @@ import { DialogSelect as io } from "./components/Dialog/DialogSelect.js";
 import { DialogStatus as so, DialogStatusEnum as uo } from "./components/Dialog/DialogStatus.js";
 import { DialogHeading as co } from "./components/Dialog/DialogHeading.js";
 import { DialogTouchedBy as Bo } from "./components/Dialog/DialogTouchedBy.js";
-import { DialogLabel as Io } from "./components/Dialog/DialogLabel.js";
-import { DialogAttachments as Do } from "./components/Dialog/DialogAttachments.js";
-import { DialogTransmissions as So } from "./components/Dialog/DialogTransmissions.js";
-import { DialogTimeline as Ao } from "./components/Dialog/DialogTimeline.js";
-import { DialogTimelineItem as To } from "./components/Dialog/DialogTimelineItem.js";
+import { DialogLabel as go } from "./components/Dialog/DialogLabel.js";
+import { DialogAttachments as Mo } from "./components/Dialog/DialogAttachments.js";
+import { DialogTransmissions as yo } from "./components/Dialog/DialogTransmissions.js";
+import { DialogTimeline as So } from "./components/Dialog/DialogTimeline.js";
+import { DialogTimelineItem as ko } from "./components/Dialog/DialogTimelineItem.js";
 import { DialogHistory as ho } from "./components/Dialog/DialogHistory.js";
-import { DialogHistoryItem as Co } from "./components/Dialog/DialogHistoryItem.js";
+import { DialogHistoryItem as wo } from "./components/Dialog/DialogHistoryItem.js";
 import { DropdownBase as Po } from "./components/Dropdown/DropdownBase.js";
 import { Backdrop as Ro } from "./components/Dropdown/Backdrop.js";
-import { DrawerBase as Oo } from "./components/Dropdown/DrawerBase.js";
+import { DrawerBase as Eo } from "./components/Dropdown/DrawerBase.js";
 import { DrawerHeader as Qo } from "./components/Dropdown/DrawerHeader.js";
 import { DrawerFooter as No } from "./components/Dropdown/DrawerFooter.js";
 import { DrawerButton as qo } from "./components/Dropdown/DrawerButton.js";
@@ -58,17 +58,17 @@ import { HeaderBase as ir } from "./components/Header/HeaderBase.js";
 import { HeaderLogo as sr } from "./components/Header/HeaderLogo.js";
 import { HeaderButton as lr } from "./components/Header/HeaderButton.js";
 import { Icon as Lr } from "./components/Icon/Icon.js";
-import { SvgIcon as gr } from "./components/Icon/SvgIcon.js";
+import { SvgIcon as Ir } from "./components/Icon/SvgIcon.js";
 import { CheckboxIcon as dr } from "./components/Icon/CheckboxIcon.js";
-import { RadioIcon as Dr } from "./components/Icon/RadioIcon.js";
-import { ProgressIcon as Sr } from "./components/Icon/ProgressIcon.js";
-import { iconsMap as Ar } from "./components/Icon/iconsMap.js";
-import { LayoutBase as Tr } from "./components/Layout/LayoutBase.js";
+import { RadioIcon as Mr } from "./components/Icon/RadioIcon.js";
+import { ProgressIcon as yr } from "./components/Icon/ProgressIcon.js";
+import { iconsMap as Sr } from "./components/Icon/iconsMap.js";
+import { LayoutBase as kr } from "./components/Layout/LayoutBase.js";
 import { LayoutBody as hr } from "./components/Layout/LayoutBody.js";
-import { LayoutContent as Cr } from "./components/Layout/LayoutContent.js";
+import { LayoutContent as wr } from "./components/Layout/LayoutContent.js";
 import { LayoutSidebar as Pr } from "./components/Layout/LayoutSidebar.js";
 import { Layout as Rr } from "./components/Layout/Layout.js";
-import { ActionHeader as Or } from "./components/LayoutAction/ActionHeader.js";
+import { ActionHeader as Er } from "./components/LayoutAction/ActionHeader.js";
 import { ActionFooter as Qr } from "./components/LayoutAction/ActionFooter.js";
 import { ActionMenu as Nr } from "./components/LayoutAction/ActionMenu.js";
 import { ListItemBase as qr } from "./components/List/ListItemBase.js";
@@ -85,16 +85,16 @@ import { MenuItemBase as ie } from "./components/Menu/MenuItemBase.js";
 import { MenuItemLabel as se } from "./components/Menu/MenuItemLabel.js";
 import { MenuItemMedia as le } from "./components/Menu/MenuItemMedia.js";
 import { MenuItem as Le } from "./components/Menu/MenuItem.js";
-import { MenuInputField as ge } from "./components/Menu/MenuInputField.js";
+import { MenuInputField as Ie } from "./components/Menu/MenuInputField.js";
 import { MenuOption as de } from "./components/Menu/MenuOption.js";
-import { MenuSearch as De } from "./components/Menu/MenuSearch.js";
-import { MenuHeader as Se } from "./components/Menu/MenuHeader.js";
-import { MenuItems as Ae } from "./components/Menu/MenuItems.js";
-import { MenuBase as Te, MenuList as He, MenuListItem as he } from "./components/Menu/MenuBase.js";
-import { Menu as Ce } from "./components/Menu/Menu.js";
+import { MenuSearch as Me } from "./components/Menu/MenuSearch.js";
+import { MenuHeader as ye } from "./components/Menu/MenuHeader.js";
+import { MenuItems as Se } from "./components/Menu/MenuItems.js";
+import { MenuBase as ke, MenuList as He, MenuListItem as he } from "./components/Menu/MenuBase.js";
+import { Menu as we } from "./components/Menu/Menu.js";
 import { MetaBase as Pe } from "./components/Meta/MetaBase.js";
 import { MetaList as Re, MetaListItem as Ge } from "./components/Meta/MetaList.js";
-import { MetaItemBase as Ee } from "./components/Meta/MetaItemBase.js";
+import { MetaItemBase as Oe } from "./components/Meta/MetaItemBase.js";
 import { MetaItemMedia as Ke } from "./components/Meta/MetaItemMedia.js";
 import { MetaItemLabel as je } from "./components/Meta/MetaItemLabel.js";
 import { MetaItem as ze } from "./components/Meta/MetaItem.js";
@@ -103,53 +103,51 @@ import { MetaTimestamp as We } from "./components/Meta/MetaTimestamp.js";
 import { RootProvider as Ye, useRootContext as Ze } from "./components/RootProvider/RootProvider.js";
 import { Searchbar as $e } from "./components/Searchbar/Searchbar.js";
 import { Snackbar as rt } from "./components/Snackbar/Snackbar.js";
-import { SnackbarBase as tt } from "./components/Snackbar/SnackbarBase.js";
-import { SnackbarMedia as pt } from "./components/Snackbar/SnackbarMedia.js";
-import { SnackbarLabel as ft } from "./components/Snackbar/SnackbarLabel.js";
-import { Skeleton as it } from "./components/Skeleton/Skeleton.js";
-import { TimelineBase as st } from "./components/Timeline/TimelineBase.js";
-import { TimelineSection as lt } from "./components/Timeline/TimelineSection.js";
-import { Timeline as Lt } from "./components/Timeline/Timeline.js";
-import { ToolbarBase as gt } from "./components/Toolbar/ToolbarBase.js";
-import { ToolbarButton as dt } from "./components/Toolbar/ToolbarButton.js";
-import { Toolbar as Dt } from "./components/Toolbar/Toolbar.js";
-import { ToolbarSearch as St } from "./components/Toolbar/ToolbarSearch.js";
-import { ToolbarFilter as At } from "./components/Toolbar/ToolbarFilter.js";
-import { ToolbarDaterange as Tt } from "./components/Toolbar/ToolbarDaterange.js";
-import { PageBase as ht } from "./components/Page/PageBase.js";
-import { PageNav as Ct } from "./components/Page/PageNav.js";
-import { PageHeader as Pt } from "./components/Page/PageHeader.js";
-import { Article as Rt } from "./components/Page/Article.js";
-import { Section as Ot } from "./components/Page/Section.js";
-import { Flex as Qt } from "./components/Page/Flex.js";
-import { Grid as Nt } from "./components/Page/Grid.js";
-import { Breadcrumbs as qt } from "./components/Page/Breadcrumbs.js";
-import { BreadcrumbsLink as Jt } from "./components/Page/BreadcrumbsLink.js";
-import { TransmissionItem as Vt } from "./components/Transmission/TransmissionItem.js";
-import { TransmissionList as Xt } from "./components/Transmission/TransmissionList.js";
-import { Typography as Zt } from "./components/Typography/Typography.js";
-import { Heading as $t } from "./components/Typography/Heading.js";
-import { ResourceList as rm } from "./components/ResourceList/ResourceList.js";
-import { ResourceListItem as tm } from "./components/ResourceList/ResourceListItem.js";
-import { AccessAreaListItem as pm } from "./components/AccessAreaList/AccessAreaListItem.js";
-import { AccessPackageListItem as fm } from "./components/AccessPackageList/AccessPackageListItem.js";
-import { AccessPackageList as im } from "./components/AccessPackageList/AccessPackageList.js";
-import { FieldBase as sm } from "./components/TextField/FieldBase.js";
-import { InputBase as lm } from "./components/TextField/InputBase.js";
-import { TextField as Lm } from "./components/TextField/TextField.js";
-import { useClickOutside as gm } from "./hooks/useClickOutside.js";
-import { useEscapeKey as dm } from "./hooks/useEscapeKey.js";
-import { useMenu as Dm } from "./hooks/useMenu.js";
+import { SnackbarColorEnum as tt, SnackbarItem as mt } from "./components/Snackbar/SnackbarItem.js";
+import { Skeleton as xt } from "./components/Skeleton/Skeleton.js";
+import { TimelineBase as at } from "./components/Timeline/TimelineBase.js";
+import { TimelineSection as nt } from "./components/Timeline/TimelineSection.js";
+import { Timeline as ut } from "./components/Timeline/Timeline.js";
+import { ToolbarBase as ct } from "./components/Toolbar/ToolbarBase.js";
+import { ToolbarButton as Bt } from "./components/Toolbar/ToolbarButton.js";
+import { Toolbar as gt } from "./components/Toolbar/Toolbar.js";
+import { ToolbarSearch as Dt } from "./components/Toolbar/ToolbarSearch.js";
+import { ToolbarFilter as bt } from "./components/Toolbar/ToolbarFilter.js";
+import { ToolbarDaterange as At } from "./components/Toolbar/ToolbarDaterange.js";
+import { PageBase as Tt } from "./components/Page/PageBase.js";
+import { PageNav as Ht } from "./components/Page/PageNav.js";
+import { PageHeader as Ct } from "./components/Page/PageHeader.js";
+import { Article as Ft } from "./components/Page/Article.js";
+import { Section as vt } from "./components/Page/Section.js";
+import { Flex as Gt } from "./components/Page/Flex.js";
+import { Grid as Ot } from "./components/Page/Grid.js";
+import { Breadcrumbs as Kt } from "./components/Page/Breadcrumbs.js";
+import { BreadcrumbsLink as jt } from "./components/Page/BreadcrumbsLink.js";
+import { TransmissionItem as zt } from "./components/Transmission/TransmissionItem.js";
+import { TransmissionList as Ut } from "./components/Transmission/TransmissionList.js";
+import { Typography as Wt } from "./components/Typography/Typography.js";
+import { Heading as Yt } from "./components/Typography/Heading.js";
+import { ResourceList as _t } from "./components/ResourceList/ResourceList.js";
+import { ResourceListItem as om } from "./components/ResourceList/ResourceListItem.js";
+import { AccessAreaListItem as em } from "./components/AccessAreaList/AccessAreaListItem.js";
+import { AccessPackageListItem as mm } from "./components/AccessPackageList/AccessPackageListItem.js";
+import { AccessPackageList as xm } from "./components/AccessPackageList/AccessPackageList.js";
+import { FieldBase as am } from "./components/TextField/FieldBase.js";
+import { InputBase as nm } from "./components/TextField/InputBase.js";
+import { TextField as um } from "./components/TextField/TextField.js";
+import { useClickOutside as cm } from "./hooks/useClickOutside.js";
+import { useEscapeKey as Bm } from "./hooks/useEscapeKey.js";
+import { useMenu as gm } from "./hooks/useMenu.js";
 export {
-  pm as AccessAreaListItem,
-  im as AccessPackageList,
-  fm as AccessPackageListItem,
+  em as AccessAreaListItem,
+  xm as AccessPackageList,
+  mm as AccessPackageListItem,
   rr as AccountButton,
   Zo as AccountMenu,
   Qr as ActionFooter,
-  Or as ActionHeader,
+  Er as ActionHeader,
   Nr as ActionMenu,
-  Rt as Article,
+  Ft as Article,
   e as AttachmentLink,
   m as AttachmentList,
   x as Autocomplete,
@@ -159,28 +157,28 @@ export {
   tr as BackButton,
   Ro as Backdrop,
   B as Badge,
-  I as BookmarksListItem,
-  S as BookmarksSection,
-  qt as Breadcrumbs,
-  Jt as BreadcrumbsLink,
-  C as Button,
-  A as ButtonBase,
+  g as BookmarksListItem,
+  y as BookmarksSection,
+  Kt as Breadcrumbs,
+  jt as BreadcrumbsLink,
+  w as Button,
+  S as ButtonBase,
   h as ButtonIcon,
-  T as ButtonLabel,
-  O as Byline,
+  k as ButtonLabel,
+  E as Byline,
   dr as CheckboxIcon,
   P as ComboButton,
   Q as ContextMenu,
   N as Dialog,
   $ as DialogActions,
   ro as DialogActivityLog,
-  Do as DialogAttachments,
+  Mo as DialogAttachments,
   Z as DialogByline,
   to as DialogContent,
   co as DialogHeading,
   ho as DialogHistory,
-  Co as DialogHistoryItem,
-  Io as DialogLabel,
+  wo as DialogHistoryItem,
+  go as DialogLabel,
   q as DialogList,
   J as DialogListGroup,
   V as DialogListItem,
@@ -190,34 +188,34 @@ export {
   io as DialogSelect,
   so as DialogStatus,
   uo as DialogStatusEnum,
-  Ao as DialogTimeline,
-  To as DialogTimelineItem,
+  So as DialogTimeline,
+  ko as DialogTimelineItem,
   Bo as DialogTouchedBy,
-  So as DialogTransmissions,
-  Oo as DrawerBase,
+  yo as DialogTransmissions,
+  Eo as DrawerBase,
   Jo as DrawerBody,
   qo as DrawerButton,
   No as DrawerFooter,
   Qo as DrawerHeader,
   Vo as DrawerOrDropdown,
   Po as DropdownBase,
-  sm as FieldBase,
-  Qt as Flex,
+  am as FieldBase,
+  Gt as Flex,
   Xo as Footer,
   $o as GlobalMenu,
-  Nt as Grid,
+  Ot as Grid,
   fr as Header,
   ir as HeaderBase,
   lr as HeaderButton,
   sr as HeaderLogo,
-  $t as Heading,
+  Yt as Heading,
   Lr as Icon,
   R as IconButton,
-  lm as InputBase,
+  nm as InputBase,
   Rr as Layout,
-  Tr as LayoutBase,
+  kr as LayoutBase,
   hr as LayoutBody,
-  Cr as LayoutContent,
+  wr as LayoutContent,
   Pr as LayoutSidebar,
   fe as List,
   pe as ListBase,
@@ -230,63 +228,62 @@ export {
   Zr as ListItemMedia,
   re as ListItemSelect,
   pr as LogoutButton,
-  Ce as Menu,
-  Te as MenuBase,
-  Se as MenuHeader,
-  ge as MenuInputField,
+  we as Menu,
+  ke as MenuBase,
+  ye as MenuHeader,
+  Ie as MenuInputField,
   Le as MenuItem,
   ie as MenuItemBase,
   se as MenuItemLabel,
   le as MenuItemMedia,
-  Ae as MenuItems,
+  Se as MenuItems,
   He as MenuList,
   he as MenuListItem,
   de as MenuOption,
-  De as MenuSearch,
+  Me as MenuSearch,
   Pe as MetaBase,
   ze as MetaItem,
-  Ee as MetaItemBase,
+  Oe as MetaItemBase,
   je as MetaItemLabel,
   Ke as MetaItemMedia,
   Re as MetaList,
   Ge as MetaListItem,
   Ue as MetaProgress,
   We as MetaTimestamp,
-  ht as PageBase,
-  Pt as PageHeader,
-  Ct as PageNav,
-  Sr as ProgressIcon,
-  M as QueryItem,
-  D as QueryLabel,
-  Dr as RadioIcon,
-  rm as ResourceList,
-  tm as ResourceListItem,
+  Tt as PageBase,
+  Ct as PageHeader,
+  Ht as PageNav,
+  yr as ProgressIcon,
+  D as QueryItem,
+  M as QueryLabel,
+  Mr as RadioIcon,
+  _t as ResourceList,
+  om as ResourceListItem,
   Ye as RootProvider,
   n as ScopeListItem,
   $e as Searchbar,
-  Ot as Section,
-  it as Skeleton,
+  vt as Section,
+  xt as Skeleton,
   rt as Snackbar,
-  tt as SnackbarBase,
-  ft as SnackbarLabel,
-  pt as SnackbarMedia,
-  gr as SvgIcon,
-  Lm as TextField,
-  Lt as Timeline,
-  st as TimelineBase,
-  lt as TimelineSection,
-  Dt as Toolbar,
-  gt as ToolbarBase,
-  dt as ToolbarButton,
-  Tt as ToolbarDaterange,
-  At as ToolbarFilter,
-  St as ToolbarSearch,
-  Vt as TransmissionItem,
-  Xt as TransmissionList,
-  Zt as Typography,
-  Ar as iconsMap,
-  gm as useClickOutside,
-  dm as useEscapeKey,
-  Dm as useMenu,
+  tt as SnackbarColorEnum,
+  mt as SnackbarItem,
+  Ir as SvgIcon,
+  um as TextField,
+  ut as Timeline,
+  at as TimelineBase,
+  nt as TimelineSection,
+  gt as Toolbar,
+  ct as ToolbarBase,
+  Bt as ToolbarButton,
+  At as ToolbarDaterange,
+  bt as ToolbarFilter,
+  Dt as ToolbarSearch,
+  zt as TransmissionItem,
+  Ut as TransmissionList,
+  Wt as Typography,
+  Sr as iconsMap,
+  cm as useClickOutside,
+  Bm as useEscapeKey,
+  gm as useMenu,
   Ze as useRootContext
 };

package/dist/tokens/$metadata.json

@@ -0,0 +1,20 @@
+{
+  "tokenSetOrder": [
+    "primitives/globals",
+    "primitives/size/default",
+    "primitives/modes/typography/primary/altinn-ds",
+    "primitives/modes/typography/secondary/altinn-ds",
+    "primitives/modes/color-scheme/light/global",
+    "primitives/modes/color-scheme/light/altinn-ds",
+    "primitives/modes/color-scheme/dark/global",
+    "primitives/modes/color-scheme/dark/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",
+    "Figma/components"
+  ]
+}

package/dist/tokens/$themes.json

@@ -0,0 +1,105 @@
+[
+  {
+    "id": "8b2c8cc86611a34b135cb22948666779361fd729",
+    "name": "Default",
+    "$figmaCollectionId": "VariableCollectionId:36248:20757",
+    "selectedTokenSets": {
+      "primitives/size/default": "enabled"
+    },
+    "group": "Size"
+  },
+  {
+    "id": "84671d12e4ebd199b6140019399a20c77f467c06",
+    "$figmaCollectionId": "VariableCollectionId:36329:62335",
+    "$figmaModeId": "36329:4",
+    "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": "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"
+  },
+  {
+    "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"
+  },
+  {
+    "id": "541629445ef90ad5363f9e88f52a1ccb617e6f84",
+    "name": "Semantic",
+    "selectedTokenSets": {
+      "semantic/style": "enabled",
+      "semantic/color": "enabled",
+      "primitives/globals": "source"
+    },
+    "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/Figma/components.json

@@ -0,0 +1,22 @@
+{
+  "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/README.md

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

package/dist/tokens/accent.css

@@ -0,0 +1,23 @@
+/**
+ * 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/alert.css

@@ -0,0 +1,23 @@
+/**
+ * These files are generated from design tokens defind using Token Studio
+ */
+
+@layer ds.theme.color {
+  [data-color="alert"] {
+    --ds-color-background-default: var(--ds-color-alert-background-default);
+    --ds-color-background-subtle: var(--ds-color-alert-background-subtle);
+    --ds-color-surface-default: var(--ds-color-alert-surface-default);
+    --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-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-text-subtle: var(--ds-color-alert-text-subtle);
+    --ds-color-text-default: var(--ds-color-alert-text-default);
+    --ds-color-contrast-default: var(--ds-color-alert-contrast-default);
+    --ds-color-contrast-subtle: var(--ds-color-alert-contrast-subtle);
+  }
+}