diff --git a/package.json b/package.json
index f7aea72c7..d605ad865 100644
--- a/package.json
+++ b/package.json
@@ -1,19 +1,20 @@
 {
-    "name": "scandic",
-    "packageManager": "yarn@4.6.0",
-    "scripts": {
-        "build": "yarn workspace @scandic-hotels/design-system build && yarn workspace @scandic-hotels/scandic-web ci:build",
-        "lint": "yarn workspace @scandic-hotels/scandic-web lint",
-        "postinstall": "husky"
-    },
-    "workspaces": [
-        "apps/*",
-        "packages/*"
-    ],
-    "devDependencies": {
-        "@types/react": "^18",
-        "@types/react-dom": "^18",
-        "husky": "^9.1.7",
-        "lint-staged": "^15.2.2"
-    }
+  "name": "scandic",
+  "packageManager": "yarn@4.6.0",
+  "scripts": {
+    "build": "yarn workspace @scandic-hotels/design-system build && yarn workspace @scandic-hotels/scandic-web ci:build",
+    "lint": "yarn workspace @scandic-hotels/scandic-web lint",
+    "postinstall": "husky"
+  },
+  "workspaces": [
+    "apps/*",
+    "packages/*"
+  ],
+  "devDependencies": {
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
+    "husky": "^9.1.7",
+    "lint-staged": "^15.2.2",
+    "ts-node": "^10.9.2"
+  }
 }
diff --git a/packages/design-system/.eslintrc.cjs b/packages/design-system/.eslintrc.cjs
index 29cb6d5a0..0c73148e3 100644
--- a/packages/design-system/.eslintrc.cjs
+++ b/packages/design-system/.eslintrc.cjs
@@ -1,7 +1,12 @@
 module.exports = {
   root: true,
   env: { browser: true, es2020: true },
-  extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'plugin:react-hooks/recommended', 'plugin:storybook/recommended'],
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:react-hooks/recommended',
+    'plugin:storybook/recommended',
+  ],
   ignorePatterns: ['dist', '.eslintrc.cjs'],
   parser: '@typescript-eslint/parser',
   plugins: ['react-refresh'],
diff --git a/packages/design-system/.gitignore b/packages/design-system/.gitignore
index 554e9bab3..37ad49e4b 100644
--- a/packages/design-system/.gitignore
+++ b/packages/design-system/.gitignore
@@ -24,3 +24,5 @@ dist-ssr
 *.sw?
 
 storybook-static
+
+*storybook.log
diff --git a/packages/design-system/.prettierignore b/packages/design-system/.prettierignore
index 6ab75eb64..0af3a9b28 100644
--- a/packages/design-system/.prettierignore
+++ b/packages/design-system/.prettierignore
@@ -7,4 +7,5 @@ dist/
 
 # Files:
 !.vscode/launch.json
-.prettierignore
\ No newline at end of file
+.prettierignore
+.gitignore
diff --git a/packages/design-system/.storybook/main.ts b/packages/design-system/.storybook/main.ts
index 60f01056c..c492c0cb8 100644
--- a/packages/design-system/.storybook/main.ts
+++ b/packages/design-system/.storybook/main.ts
@@ -1,35 +1,21 @@
-import { withoutVitePlugins } from '@storybook/builder-vite'
-
+import { dirname, join } from 'path'
 import type { StorybookConfig } from '@storybook/react-vite'
 
 const config: StorybookConfig = {
   stories: ['../lib/**/*.mdx', '../lib/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
-  typescript: {
-    check: false,
-    reactDocgen: 'react-docgen-typescript',
-  },
-  staticDirs: ['../public'],
   addons: [
-    '@storybook/addon-links',
-    '@storybook/addon-essentials',
-    '@storybook/addon-onboarding',
-    '@storybook/addon-interactions',
+    getAbsolutePath('@storybook/addon-essentials'),
+    getAbsolutePath('@storybook/addon-interactions'),
+    getAbsolutePath('@storybook/addon-links'),
+    getAbsolutePath('@storybook/addon-themes'),
   ],
   framework: {
-    name: '@storybook/react-vite',
+    name: getAbsolutePath('@storybook/react-vite'),
     options: {},
   },
-  docs: {
-    autodocs: true,
-  },
-  viteFinal: async (config) => {
-    return {
-      ...config,
-      plugins: await withoutVitePlugins(config.plugins, [
-        'vite:lib-inject-css',
-        'vite:dts',
-      ]),
-    }
-  },
 }
 export default config
+
+function getAbsolutePath(value: string): any {
+  return dirname(require.resolve(join(value, 'package.json')))
+}
diff --git a/packages/design-system/.storybook/manager.js b/packages/design-system/.storybook/manager.js
deleted file mode 100644
index f8f0cbeb6..000000000
--- a/packages/design-system/.storybook/manager.js
+++ /dev/null
@@ -1,7 +0,0 @@
-import { addons } from '@storybook/manager-api'
-
-addons.setConfig({
-  sidebar: {
-    collapsedRoots: ['current-web'],
-  },
-})
diff --git a/packages/design-system/.storybook/preview.ts b/packages/design-system/.storybook/preview.ts
deleted file mode 100644
index 6b9d5d4d0..000000000
--- a/packages/design-system/.storybook/preview.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-import type { Preview } from '@storybook/react'
-
-import '../lib/style-new.css'
-
-const preview: Preview = {
-  parameters: {
-    controls: {
-      matchers: {
-        color: /(background|color)$/i,
-        date: /Date$/i,
-      },
-    },
-    options: {
-      storySort: {
-        order: ['*', 'Current web'],
-      },
-    },
-  },
-}
-
-export default preview
diff --git a/packages/design-system/.storybook/preview.tsx b/packages/design-system/.storybook/preview.tsx
new file mode 100644
index 000000000..1869fabcb
--- /dev/null
+++ b/packages/design-system/.storybook/preview.tsx
@@ -0,0 +1,37 @@
+import { withThemeByClassName } from '@storybook/addon-themes'
+
+import type { Preview, ReactRenderer } from '@storybook/react'
+
+import '../lib/style.css'
+import '../lib/fonts.css'
+
+export const themes = {
+  themes: {
+    Scandic: 'scandic',
+    'Scandic Go': 'scandic-go',
+    'Downtown Camper': 'downtown-camper',
+    'Grand Hotel': 'grand-hotel',
+    Haymarket: 'haymarket',
+    'Hotel Norge': 'hotel-norge',
+    Marski: 'marski',
+  },
+  defaultTheme: 'Scandic',
+}
+
+const preview: Preview = {
+  decorators: [withThemeByClassName<ReactRenderer>(themes)],
+  parameters: {
+    docs: {
+      toc: true,
+    },
+    controls: { matchers: { color: /(background|color)$/i, date: /Date$/i } },
+    options: {
+      storySort: {
+        order: ['Introduction', 'Global', 'Components', 'Compositions', '*'],
+      },
+    },
+  },
+  tags: ['autodocs'],
+}
+
+export default preview
diff --git a/packages/design-system/README.md b/packages/design-system/README.md
index 0d6babedd..8f2230b10 100644
--- a/packages/design-system/README.md
+++ b/packages/design-system/README.md
@@ -1,30 +1,120 @@
-# React + TypeScript + Vite
+# Scandic Design System
 
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+This repo contains the design system for Scandic Hotels.
 
-Currently, two official plugins are available:
+It is built on Vite.
 
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+The output is an NPM package.
 
-## Expanding the ESLint configuration
+It is currently not published to any registry. Consumers are free to choose how to consume the distribution.
 
-If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
+## The stack
 
-- Configure the top-level `parserOptions` property like this:
+### Tech in this repository
 
-```js
-export default {
-  // other rules...
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-    project: ['./tsconfig.json', './tsconfig.node.json'],
-    tsconfigRootDir: __dirname,
-  },
-}
+- [react-aria-components](https://react-spectrum.adobe.com/react-aria/components.html): Accessible components (set as peer dependency).
+- [Storybook](https://storybook.js.org/): Frontend workshop for building UI components and pages in isolation.
+- [Vite](https://vite.dev/): Build tool
+
+## Usage
+
+Most of the components in this design system are self explanatory, refer to the Storybook for reference and use cases.
+
+However there are some components that benefit from a bit more documentation and these have more documentation attached to their Storybook.
+
+One such notable component is the `Typography` component. Read the documentation in the docs for the components story in Storybook at `lib/components/Typography/Typography.docs.mdx` or read it in the deployed Storybook in a browser. For example: https://design-system-scandic-hotels.netlify.app/?path=/docs/components-typography--docs
+
+## Contributing
+
+- Clone the repository.
+- Do your changes.
+- Build the project.
+- Push the build output to origin.
+
+### Clone the repository
+
+To get started with the project, clone the repository and install the dependencies:
+
+```bash
+git clone git@bitbucket.org:scandic-swap/design-system.git
+cd design-system
+npm install
 ```
 
-- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
-- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
-- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list
+## Main script targets
+
+### Develop
+
+| Command             | Action                                                                                                                         |
+| ------------------- | ------------------------------------------------------------------------------------------------------------------------------ |
+| `npm run dev`       | Runs the example project through Vite in dev mode. This command will start a local development server that serves `./example`. |
+| `npm run storybook` | Starts the Storybook server and launches into the Storybook UI.                                                                |
+| `npm run lint`      | Lints the codebase using ESLint and TypeScript.                                                                                |
+| `npm run lint:fix`  | Automatically fixes linting issues wherever possible.                                                                          |
+
+### Build
+
+| Command         | Action                                               |
+| --------------- | ---------------------------------------------------- |
+| `npm run build` | Builds the design system distribution into `./dist`. |
+
+## Project Structure
+
+### Overall folders
+
+```
+├── .storybook/        # Storybook scaffolding
+├── dist/              # The build output
+├── example/           # The example project consuming the build output
+├── generate/          # The code that generates the design system tokens output
+├── lib/               # The design system source (tokens, components, etc.)
+├── public/            # Public asset folder
+└── storybook-static/  # Storybook managed internal folder
+```
+
+### Component structure
+
+```
+├── Compositions/                 # A folder with Storybook stories to showcase compositions with other components
+├──── [CompositionX].stories.tsx  #
+├── component.module.css          # The CSS for the component
+├── [Component].stories.tsx       # Storybook stories for the component (exclude compositions)
+├── [Component].tsx               # The main component file
+├── index.tsx                     # Entrypoint for the component exports
+├── types.ts                      # TypeScript typings for the component
+└── variants.ts                   # Class Variance Authority configuration for variants of the component
+```
+
+### Typescript configurations
+
+This project uses two different `tsconfig.json`. One for developing and one for building. The main purpose of the `tsconfig.json` for building is to exclude all the files not needed for the distribution itself.
+
+### Components
+
+Each component of the design system is defined in `lib/components`.
+
+Each component has an index.tsx file that exports the component and its optional subcomponents. Subcomponents are components that are mean to be used togther/nested with the component.
+
+The components that are considered public API from a consumer standpoint must have Storybook stories that showcases and documents their use.
+
+Styling is done with CSS modules.
+
+Variants are implemented with Class Variance Authority.
+
+The typings for each components live in their respective types.ts file inside the component folder.
+
+Each component has a dedicated export declaration in `package.json` to facilitate tree shaking and importing component individually. This allows components that are _not_ client components to remain as such when imported in server components.
+
+> Remember to add an export line to the `package.json` of this package when adding a new components.
+
+### Storybook
+
+Each component should have at least one Storybook story. A default story that showcases the component by itself in its default state. More stories are added to showcase other variants or usages of the component.
+
+#### Compositions
+
+Stories that involve other non-related components are compositions. These should be placed in the `Compositions/` folder where the composition has the best chance of discoverability, typically inside the component folder of the outermost component of the composition. Exporting the same composition in multiple places can be good for discoverability.
+
+### Icons
+
+Still a work in progress.
diff --git a/packages/design-system/example/CurrentWeb/index.tsx b/packages/design-system/example/CurrentWeb/index.tsx
deleted file mode 100644
index e88f4fdae..000000000
--- a/packages/design-system/example/CurrentWeb/index.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Button } from '../../dist/current'
-
-import '../../dist/assets/style-current.css'
-
-export default function CurrentWeb() {
-  return (
-    <div>
-      <h3>Current Web components:</h3>
-      <Button>Press me</Button>
-    </div>
-  )
-}
diff --git a/packages/design-system/example/components/ContentPage/Header/Header.tsx b/packages/design-system/example/components/ContentPage/Header/Header.tsx
new file mode 100644
index 000000000..2c129e729
--- /dev/null
+++ b/packages/design-system/example/components/ContentPage/Header/Header.tsx
@@ -0,0 +1,72 @@
+import { Button } from '@scandic-hotels/design-system/Button'
+import { Chips } from '@scandic-hotels/design-system/Chips'
+import { ChipButton } from '@scandic-hotels/design-system/ChipButton'
+import { ChipLink } from '@scandic-hotels/design-system/ChipLink'
+import { Typography } from '@scandic-hotels/design-system/Typography'
+
+import styles from './header.module.css'
+
+import type { PressEvent } from 'react-aria-components'
+
+export function Header() {
+  const onPress = (e: PressEvent) => alert(e.target.innerHTML)
+  const onClick = (e: React.MouseEvent<HTMLAnchorElement>) =>
+    alert(`Link to: ${e.currentTarget.href}`)
+
+  return (
+    <header className={styles.header}>
+      <Typography variant="Title/lg">
+        <h1 className={styles.title}>Nyhavn</h1>
+      </Typography>
+      <div className={styles.intro}>
+        <Typography variant="Body/Paragraph/mdRegular">
+          <p className={styles.introText}>
+            Welcome to Nyhavn, Copenhagen's captivating waterfront district!
+            Explore this vibrant area known for its colorful 17th-century
+            townhouses, historic wooden ships, and lively atmosphere. Nyhavn is
+            the perfect spot for dining, culture, and picturesque views, making
+            it a must-visit for every Copenhagen traveler.
+          </p>
+        </Typography>
+        <span>
+          <Button
+            variant="Tertiary"
+            size="Medium"
+            typography="Body/Paragraph/mdBold"
+          >
+            Explore nearby hotels
+          </Button>
+        </span>
+      </div>
+
+      <div className={styles.chips}>
+        <Chips>
+          <ChipButton onPress={onPress}>Restaurants and bars</ChipButton>
+          <ChipLink onClick={onClick} href="/kristianshavn">
+            Kristianshavn
+          </ChipLink>
+          <ChipButton onPress={onPress}>Tivoli Gardens</ChipButton>
+          <ChipLink onClick={onClick} href="/copenhagen">
+            See all Copenhagen
+          </ChipLink>
+          <ChipButton onPress={onPress}>See all Copenhagen</ChipButton>
+          <ChipLink onClick={onClick} href="/copenhagen">
+            See all Copenhagen
+          </ChipLink>
+          <ChipButton onPress={onPress}>See all Copenhagen</ChipButton>
+          <ChipLink onClick={onClick} href="/copenhagen">
+            See all Copenhagen
+          </ChipLink>
+          <ChipButton onPress={onPress}>See all Copenhagen</ChipButton>
+          <ChipLink onClick={onClick} href="/copenhagen">
+            See all Copenhagen
+          </ChipLink>
+          <ChipButton onPress={onPress}>See all Copenhagen</ChipButton>
+          <ChipLink onClick={onClick} href="/copenhagen">
+            See all Copenhagen
+          </ChipLink>
+        </Chips>
+      </div>
+    </header>
+  )
+}
diff --git a/packages/design-system/example/components/ContentPage/Header/header.module.css b/packages/design-system/example/components/ContentPage/Header/header.module.css
new file mode 100644
index 000000000..e8350d982
--- /dev/null
+++ b/packages/design-system/example/components/ContentPage/Header/header.module.css
@@ -0,0 +1,31 @@
+.header {
+  background: var(--Surface-Secondary-Default);
+  display: flex;
+  flex-direction: column;
+  padding-top: var(--Space-x4);
+  padding-bottom: var(--Space-x5);
+}
+
+.header > * {
+  width: 1196px; /* TODO: Magic number, revisit */
+  margin: 0 auto;
+}
+
+.title {
+  padding-top: var(--Space-x4);
+  padding-bottom: var(--Space-x3);
+}
+
+.intro {
+  display: flex;
+  flex-direction: column;
+  gap: var(--Space-x3);
+}
+
+.introText {
+  max-width: 792px; /* TODO: Magic number, revisit */
+}
+
+.chips {
+  padding-top: var(--Space-x4);
+}
diff --git a/packages/design-system/example/components/ContentPage/Header/index.tsx b/packages/design-system/example/components/ContentPage/Header/index.tsx
new file mode 100644
index 000000000..e0e2673ae
--- /dev/null
+++ b/packages/design-system/example/components/ContentPage/Header/index.tsx
@@ -0,0 +1 @@
+export { Header } from './Header'
diff --git a/packages/design-system/example/components/ContentPage/Hero/Hero.tsx b/packages/design-system/example/components/ContentPage/Hero/Hero.tsx
new file mode 100644
index 000000000..a5d848ec5
--- /dev/null
+++ b/packages/design-system/example/components/ContentPage/Hero/Hero.tsx
@@ -0,0 +1,9 @@
+import styles from './hero.module.css'
+
+export function Hero() {
+  return (
+    <div className={styles.hero}>
+      <img className={styles.image} src="/img/img1.jpg" alt="Nyhavn" />
+    </div>
+  )
+}
diff --git a/packages/design-system/example/components/ContentPage/Hero/hero.module.css b/packages/design-system/example/components/ContentPage/Hero/hero.module.css
new file mode 100644
index 000000000..f4069d4c3
--- /dev/null
+++ b/packages/design-system/example/components/ContentPage/Hero/hero.module.css
@@ -0,0 +1,11 @@
+.hero {
+  padding: var(--Space-x4) 0;
+}
+
+.image {
+  border-radius: var(--Corner-radius-xl);
+  display: block;
+  width: 100%;
+  height: 480px; /* TODO: Magic number, revisit */
+  object-fit: cover;
+}
diff --git a/packages/design-system/example/components/ContentPage/Hero/index.tsx b/packages/design-system/example/components/ContentPage/Hero/index.tsx
new file mode 100644
index 000000000..b8cded6dd
--- /dev/null
+++ b/packages/design-system/example/components/ContentPage/Hero/index.tsx
@@ -0,0 +1 @@
+export { Hero } from './Hero'
diff --git a/packages/design-system/example/components/ContentPage/Main/Main.tsx b/packages/design-system/example/components/ContentPage/Main/Main.tsx
new file mode 100644
index 000000000..0742b7416
--- /dev/null
+++ b/packages/design-system/example/components/ContentPage/Main/Main.tsx
@@ -0,0 +1,17 @@
+import { Hero } from '../Hero'
+import { RichTextEditorContent } from '../RichTextEditorContent'
+import { Sidebar } from '../Sidebar'
+
+import styles from './main.module.css'
+
+export function Main() {
+  return (
+    <main className={styles.main}>
+      <Hero />
+      <div className={styles.content}>
+        <RichTextEditorContent />
+        <Sidebar />
+      </div>
+    </main>
+  )
+}
diff --git a/packages/design-system/example/components/ContentPage/Main/index.tsx b/packages/design-system/example/components/ContentPage/Main/index.tsx
new file mode 100644
index 000000000..f775b771f
--- /dev/null
+++ b/packages/design-system/example/components/ContentPage/Main/index.tsx
@@ -0,0 +1 @@
+export { Main } from './Main'
diff --git a/packages/design-system/example/components/ContentPage/Main/main.module.css b/packages/design-system/example/components/ContentPage/Main/main.module.css
new file mode 100644
index 000000000..84f92a6cc
--- /dev/null
+++ b/packages/design-system/example/components/ContentPage/Main/main.module.css
@@ -0,0 +1,18 @@
+.main {
+  display: flex;
+  flex-direction: column;
+  padding-top: var(--Space-x4);
+  padding-bottom: var(--Space-x8);
+}
+
+.main > * {
+  width: 1196px; /* TODO: Magic number, revisit */
+  margin: 0 auto;
+}
+
+.content {
+  padding-top: var(--Space-x4);
+  display: grid;
+  grid-template-columns: 792px 1fr; /* TODO: Magic number, revisit */
+  gap: var(--Space-x8);
+}
diff --git a/packages/design-system/example/components/ContentPage/RichTextEditorContent/RichTextEditorContent.tsx b/packages/design-system/example/components/ContentPage/RichTextEditorContent/RichTextEditorContent.tsx
new file mode 100644
index 000000000..050b6f93c
--- /dev/null
+++ b/packages/design-system/example/components/ContentPage/RichTextEditorContent/RichTextEditorContent.tsx
@@ -0,0 +1,71 @@
+import { Typography } from '@scandic-hotels/design-system/Typography'
+
+import styles from './ricth-text-editor-content.module.css'
+
+export function RichTextEditorContent() {
+  return (
+    <div className={styles.container}>
+      <Typography variant="Title/md">
+        <h2>The new harbor in Copenhagen</h2>
+      </Typography>
+      <Typography variant="Body/Paragraph/mdRegular">
+        <p>
+          The old harbour district was excavated in the late 17th century and
+          since the harbour would serve as a supplement to the existing harbour,
+          it was given the name The New Harbour (Den Nye Havn later became
+          Nyhavn). Ships from around the world arrived here, and Nyhavn
+          therefore became a mecca for traders and craftsmen.
+        </p>
+      </Typography>
+      <Typography variant="Body/Paragraph/mdRegular">
+        <p>
+          Today, the maritime life from the 17th century is long gone although
+          you can still find old tattoo shops and pubs, reminiscent of days gone
+          by.
+        </p>
+      </Typography>
+      <Typography variant="Title/Subtitle/lg">
+        <h3>The buildings in Nyhavn</h3>
+      </Typography>
+      <Typography variant="Body/Paragraph/mdRegular">
+        <p>
+          The beautiful old buildings in Nyhavn are made up of civic buildings
+          and warehouses from the 17th and 18th centuries. Painted in beautiful
+          colours they are the subject of many postcards and holiday photos. The
+          oldest building in Nyhavn is No. 9 dating from 1681. It has not
+          undergone any renovation or extensions and stands as it did when it
+          was built. The houses in Nyhavn are still residences and in most of
+          them you'll find cafes, bars and restaurants.
+        </p>
+      </Typography>
+      <img src="/img/img2.jpg" alt="Nyhavn" />
+      <Typography variant="Title/Subtitle/lg">
+        <h3>Hans Christian Andersen's Nyhavn</h3>
+      </Typography>
+      <Typography variant="Body/Paragraph/mdRegular">
+        <p>
+          Hans Christian Andersen, the famed Danish storyteller, spent many
+          years of his life in Nyhavn, drawing inspiration from its lively
+          atmosphere and picturesque setting. Andersen lived in several houses
+          along the waterfront, notably at numbers 20, 67, and 18, where he
+          penned some of his most famous fairy tales. Nyhavn's vibrant mix of
+          sailors, bustling cafes, and the eclectic crowd fueled his
+          imagination, contributing to the creation of timeless stories that
+          continue to enchant readers worldwide.
+        </p>
+      </Typography>
+      <Typography variant="Body/Paragraph/mdRegular">
+        <p>
+          Today, Nyhavn preserves the memory of Andersen with plaques marking
+          his residences and a statue nearby, inviting visitors to walk in the
+          footsteps of the literary giant. The area remains as colorful and
+          spirited as it was during Andersen's time, reflecting the essence of
+          his tales in its cobbled streets and bright facades. Walking through
+          Nyhavn, one can almost hear the echoes of his stories, woven into the
+          fabric of the place, making it a pilgrimage site for lovers of
+          literature and history alike.
+        </p>
+      </Typography>
+    </div>
+  )
+}
diff --git a/packages/design-system/example/components/ContentPage/RichTextEditorContent/index.tsx b/packages/design-system/example/components/ContentPage/RichTextEditorContent/index.tsx
new file mode 100644
index 000000000..b7c02c999
--- /dev/null
+++ b/packages/design-system/example/components/ContentPage/RichTextEditorContent/index.tsx
@@ -0,0 +1 @@
+export { RichTextEditorContent } from './RichTextEditorContent'
diff --git a/packages/design-system/example/components/ContentPage/RichTextEditorContent/ricth-text-editor-content.module.css b/packages/design-system/example/components/ContentPage/RichTextEditorContent/ricth-text-editor-content.module.css
new file mode 100644
index 000000000..92d612d9a
--- /dev/null
+++ b/packages/design-system/example/components/ContentPage/RichTextEditorContent/ricth-text-editor-content.module.css
@@ -0,0 +1,21 @@
+.container {
+  display: flex;
+  flex-direction: column;
+  gap: var(--Space-x15);
+}
+
+.container h2 + p {
+  padding-top: var(--Space-x05);
+}
+
+.container p + h2,
+.container p + h3,
+.container p + h4,
+.container p + h5 {
+  padding-top: var(--Space-x15);
+}
+
+.container img {
+  padding: var(--Space-x15) 0;
+  border-radius: var(--Corner-radius-md);
+}
diff --git a/packages/design-system/example/components/ContentPage/Sidebar/Sidebar.tsx b/packages/design-system/example/components/ContentPage/Sidebar/Sidebar.tsx
new file mode 100644
index 000000000..8f39f19b3
--- /dev/null
+++ b/packages/design-system/example/components/ContentPage/Sidebar/Sidebar.tsx
@@ -0,0 +1,3 @@
+export function Sidebar() {
+  return <div>Sidebar</div>
+}
diff --git a/packages/design-system/example/components/ContentPage/Sidebar/index.tsx b/packages/design-system/example/components/ContentPage/Sidebar/index.tsx
new file mode 100644
index 000000000..70fb43eff
--- /dev/null
+++ b/packages/design-system/example/components/ContentPage/Sidebar/index.tsx
@@ -0,0 +1 @@
+export { Sidebar } from './Sidebar'
diff --git a/packages/design-system/example/components/ContentPage/index.tsx b/packages/design-system/example/components/ContentPage/index.tsx
new file mode 100644
index 000000000..55e139462
--- /dev/null
+++ b/packages/design-system/example/components/ContentPage/index.tsx
@@ -0,0 +1,11 @@
+import { Main } from './Main'
+import { Header } from './Header'
+
+export function ContentPage() {
+  return (
+    <>
+      <Header />
+      <Main />
+    </>
+  )
+}
diff --git a/packages/design-system/example/components/HotelPage/Hero/Hero.tsx b/packages/design-system/example/components/HotelPage/Hero/Hero.tsx
new file mode 100644
index 000000000..4d377747c
--- /dev/null
+++ b/packages/design-system/example/components/HotelPage/Hero/Hero.tsx
@@ -0,0 +1,18 @@
+import { Button } from '@scandic-hotels/design-system/Button'
+
+import styles from './hero.module.css'
+
+export function Hero() {
+  return (
+    <div className={styles.hero}>
+      <img
+        className={styles.image}
+        src="/img/Hotelpage_mobile/Scandic_Couple_Friends_Lobby 6.png"
+        alt=""
+      />
+      <Button className={styles.button} typography="Body/Paragraph/mdBold">
+        See all photos
+      </Button>
+    </div>
+  )
+}
diff --git a/packages/design-system/example/components/HotelPage/Hero/hero.module.css b/packages/design-system/example/components/HotelPage/Hero/hero.module.css
new file mode 100644
index 000000000..1fbe21602
--- /dev/null
+++ b/packages/design-system/example/components/HotelPage/Hero/hero.module.css
@@ -0,0 +1,17 @@
+.hero {
+  position: relative;
+}
+
+.image {
+  border-radius: var(--Corner-radius-md);
+  display: block;
+  width: 100%;
+  height: 270px; /* TODO: Magic number, revisit */
+  object-fit: cover;
+}
+
+.button {
+  position: absolute;
+  bottom: 16.6px; /* TODO: Magic number, revisit */
+  right: 15px; /* TODO: Magic number, revisit */
+}
diff --git a/packages/design-system/example/components/HotelPage/Hero/index.tsx b/packages/design-system/example/components/HotelPage/Hero/index.tsx
new file mode 100644
index 000000000..b8cded6dd
--- /dev/null
+++ b/packages/design-system/example/components/HotelPage/Hero/index.tsx
@@ -0,0 +1 @@
+export { Hero } from './Hero'
diff --git a/packages/design-system/example/components/HotelPage/HotelPage.tsx b/packages/design-system/example/components/HotelPage/HotelPage.tsx
new file mode 100644
index 000000000..2f7311ded
--- /dev/null
+++ b/packages/design-system/example/components/HotelPage/HotelPage.tsx
@@ -0,0 +1,39 @@
+import { Button } from '@scandic-hotels/design-system/Button'
+import { Typography } from '@scandic-hotels/design-system/Typography'
+
+import { Hero } from './Hero'
+
+import styles from './hotel-page.module.css'
+
+export function HotelPage() {
+  return (
+    <div className={styles.page}>
+      <Hero />
+      <div className={styles.intro}>
+        <Typography variant="Title/lg">
+          <h1>Scandic Helsinki Hub</h1>
+        </Typography>
+        <Typography variant="Body/Supporting text (caption)/smRegular">
+          <p>Annankatu 18, Helsinki (0km to city centre)</p>
+        </Typography>
+        <Typography variant="Body/Supporting text (caption)/smRegular">
+          <a href="#">4.1 (95 reviews on tripadvisor)</a>
+        </Typography>
+      </div>
+      <div className={styles.preamble}>
+        <Typography variant="Body/Paragraph/mdRegular">
+          <p>
+            Modern urban hotel in a impressive 1920s printing house next to the
+            Old Church Park in Helsinki city centre. Loft-style rooms, an
+            inviting restaurant area and inspiring setting for a relaxed stay.
+          </p>
+        </Typography>
+        <span>
+          <Button variant="Text" typography="Body/Paragraph/mdBold">
+            Read more about the hotel
+          </Button>
+        </span>
+      </div>
+    </div>
+  )
+}
diff --git a/packages/design-system/example/components/HotelPage/hotel-page.module.css b/packages/design-system/example/components/HotelPage/hotel-page.module.css
new file mode 100644
index 000000000..7588a246d
--- /dev/null
+++ b/packages/design-system/example/components/HotelPage/hotel-page.module.css
@@ -0,0 +1,18 @@
+.page {
+  display: flex;
+  flex-direction: column;
+  gap: var(--Space-x3);
+  padding: var(--Space-x3) var(--Space-x2);
+}
+
+.intro {
+  display: flex;
+  flex-direction: column;
+  gap: var(--Space-x1);
+}
+
+.preamble {
+  display: flex;
+  flex-direction: column;
+  gap: var(--Space-x05);
+}
diff --git a/packages/design-system/example/components/HotelPage/index.tsx b/packages/design-system/example/components/HotelPage/index.tsx
new file mode 100644
index 000000000..719e5bd2a
--- /dev/null
+++ b/packages/design-system/example/components/HotelPage/index.tsx
@@ -0,0 +1 @@
+export { HotelPage } from './HotelPage'
diff --git a/packages/design-system/example/components/Main.tsx b/packages/design-system/example/components/Main.tsx
new file mode 100644
index 000000000..17ce2351d
--- /dev/null
+++ b/packages/design-system/example/components/Main.tsx
@@ -0,0 +1,54 @@
+import { useState } from 'react'
+
+import { Typography } from '@scandic-hotels/design-system/Typography'
+
+import { ThemeSwitcher } from './ThemeSwitcher'
+import { ContentPage } from './ContentPage'
+
+import styles from './main.module.css'
+import { HotelPage } from './HotelPage'
+
+export function Main() {
+  const [theme, setTheme] = useState('scandic')
+
+  const pathname = window.location.pathname
+
+  return (
+    <>
+      <div className={styles.wrap}>
+        <ThemeSwitcher
+          defaultSelectedKey={theme}
+          onSelectionChange={(key) => {
+            setTheme(key.toString())
+          }}
+        />
+        <nav>
+          <ul className={styles.nav}>
+            <li>
+              <a href="/content-page">Content page</a>
+            </li>
+            <li>
+              <a href="/hotel-page">Hotel page</a>
+            </li>
+          </ul>
+        </nav>
+      </div>
+
+      <div className={[styles.page, theme].join(' ')}>
+        {/* poor mans routing */}
+        {pathname === '/content-page' && <ContentPage />}
+        {pathname === '/hotel-page' && <HotelPage />}
+        {pathname === '/' && (
+          <>
+            <Typography variant="Title/lg">
+              <h1>Examples</h1>
+            </Typography>
+            <Typography variant="Body/Paragraph/mdRegular">
+              <p>Select a page</p>
+            </Typography>
+          </>
+        )}
+      </div>
+    </>
+  )
+}
diff --git a/packages/design-system/example/components/ThemeSwitcher.tsx b/packages/design-system/example/components/ThemeSwitcher.tsx
new file mode 100644
index 000000000..7a9b99c2b
--- /dev/null
+++ b/packages/design-system/example/components/ThemeSwitcher.tsx
@@ -0,0 +1,40 @@
+import { ComponentPropsWithoutRef } from 'react'
+import {
+  Button,
+  Label,
+  ListBox,
+  ListBoxItem,
+  Popover,
+  Select,
+  SelectValue,
+} from 'react-aria-components'
+
+import { themes } from '../../.storybook/preview'
+
+type ThemeSwitcherProps = Pick<
+  ComponentPropsWithoutRef<typeof Select>,
+  'defaultSelectedKey' | 'onSelectionChange'
+>
+
+export function ThemeSwitcher(props: ThemeSwitcherProps) {
+  return (
+    <Select {...props}>
+      <Label>Theme: </Label>
+      <Button>
+        <SelectValue />
+        <span aria-hidden="true">▼</span>
+      </Button>
+      <Popover style={{ border: 'solid 1px #000', background: '#fff' }}>
+        <ListBox>
+          {Array.from(Object.entries(themes.themes)).map(([label, key]) => {
+            return (
+              <ListBoxItem key={key} id={key} style={{ padding: '0.5em' }}>
+                {label}
+              </ListBoxItem>
+            )
+          })}
+        </ListBox>
+      </Popover>
+    </Select>
+  )
+}
diff --git a/packages/design-system/example/components/main.module.css b/packages/design-system/example/components/main.module.css
new file mode 100644
index 000000000..bc897edb5
--- /dev/null
+++ b/packages/design-system/example/components/main.module.css
@@ -0,0 +1,17 @@
+.page {
+  background-color: var(--Background-Primary);
+  min-height: 100vh;
+}
+
+.wrap {
+  padding: 1em;
+  display: flex;
+  justify-content: center;
+}
+
+.nav {
+  list-style: none;
+  display: flex;
+  flex-direction: row;
+  gap: 1em;
+}
diff --git a/packages/design-system/example/index.html b/packages/design-system/example/index.html
index 4563c252d..35cc0cfcc 100644
--- a/packages/design-system/example/index.html
+++ b/packages/design-system/example/index.html
@@ -4,9 +4,14 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Vite + React + TS</title>
+    <style>
+      body {
+        font-family: 'fira sans', sans-serif;
+      }
+    </style>
   </head>
   <body>
     <div id="root"></div>
-    <script type="module" src="/example/main.tsx"></script>
+    <script type="module" src="index.tsx"></script>
   </body>
 </html>
diff --git a/packages/design-system/example/index.tsx b/packages/design-system/example/index.tsx
new file mode 100644
index 000000000..bd5f31ce3
--- /dev/null
+++ b/packages/design-system/example/index.tsx
@@ -0,0 +1,13 @@
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+
+import '@scandic-hotels/design-system/style.css'
+import '@scandic-hotels/design-system/fonts.css'
+
+import { Main } from './components/Main'
+
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <React.StrictMode>
+    <Main />
+  </React.StrictMode>
+)
diff --git a/packages/design-system/example/main.module.css b/packages/design-system/example/main.module.css
deleted file mode 100644
index 80e55d8d7..000000000
--- a/packages/design-system/example/main.module.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.mainCard {
-  background: blue;
-}
diff --git a/packages/design-system/example/main.tsx b/packages/design-system/example/main.tsx
deleted file mode 100644
index bc6b1b511..000000000
--- a/packages/design-system/example/main.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from 'react'
-import ReactDOM from 'react-dom/client'
-
-import '../dist/assets/style-new.css'
-
-import CurrentWeb from './CurrentWeb'
-import { Card } from '../'
-
-import styles from './main.module.css'
-
-ReactDOM.createRoot(document.getElementById('root')!).render(
-  <React.StrictMode>
-    <Card className={styles.mainCard} intent={'border'} />
-    <CurrentWeb />
-  </React.StrictMode>
-)
diff --git a/packages/design-system/example/vite-env.d.ts b/packages/design-system/example/vite-env.d.ts
deleted file mode 100644
index d3a8309b5..000000000
--- a/packages/design-system/example/vite-env.d.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-/// <reference types="vite/client" />
-/// <reference types="vitest" />
diff --git a/packages/design-system/example/vite.config.ts b/packages/design-system/example/vite.config.ts
new file mode 100644
index 000000000..d198995db
--- /dev/null
+++ b/packages/design-system/example/vite.config.ts
@@ -0,0 +1,15 @@
+/// <reference types="vitest" />
+
+import { resolve } from 'node:path'
+
+import react from '@vitejs/plugin-react'
+import { defineConfig } from 'vite'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [react()],
+  publicDir: resolve(__dirname, '../public'),
+  server: {
+    open: './index.html',
+  },
+})
diff --git a/packages/design-system/generate/generate.ts b/packages/design-system/generate/generate.ts
new file mode 100644
index 000000000..393e0a52d
--- /dev/null
+++ b/packages/design-system/generate/generate.ts
@@ -0,0 +1,379 @@
+import fs from 'node:fs'
+import { colord, extend } from 'colord'
+import mixPlugin from 'colord/plugins/mix'
+
+import json from './variables.json' assert { type: 'json' }
+import {
+  FALLBACK_THEME,
+  getThemeForToken,
+  ignoreStyles,
+  kebabify,
+} from './utils'
+
+extend([mixPlugin])
+
+type TokenName = string
+type TokenValue = { alias?: string; resolved: string | number }
+type ThemeTokenValues = Map<TokenName, TokenValue>
+type ThemeKey = string
+
+// Holds a lookup table of all the themes (signature hotels, etc.)
+const themes = new Map<ThemeKey, ThemeTokenValues>()
+
+// Set the fallback theme that holds all properties that are used by all themes
+themes.set(FALLBACK_THEME, new Map())
+
+// Collect all real themes
+json.collections
+  .find((collection) => {
+    return collection.name === 'Color Theming'
+  })
+  ?.modes.forEach((mode) => {
+    themes.set(mode.name, new Map())
+  })
+
+// Some tokens aliases values that have a responsive nature.
+// The responsiveness cannot be encoded into this distribution as we do not
+// distribute CSS selectors, only CSS properties and JSON objects.
+// We mark these properties with a prefix of "Impl-" in order to convey that
+// their responsiveness must be implemented in their target environment.
+// This also means that we must revisit this in order to support React Native.
+const responsiveTokens = new Set()
+
+// Collect responsive tokens
+json.collections
+  .find((collection) => collection.name === 'Responsive')
+  ?.modes.forEach((mode) => {
+    mode.variables.forEach((variable) => {
+      responsiveTokens.add(variable.name)
+    })
+  })
+
+// Collect non-alias tokens
+json.collections.forEach((collection) => {
+  collection.modes.filter(ignoreStyles).forEach((mode) => {
+    mode.variables.forEach((variable) => {
+      if (!variable.isAlias) {
+        let token = variable.name
+        let value = variable.value
+
+        const tokenTheme = getThemeForToken(token, mode, themes)
+
+        switch (variable.type) {
+          case 'boolean':
+            if (typeof variable.value === 'boolean') {
+              // Handle text transform UPPERCASE
+              if (/upper(\s+)?case|text transform/i.test(variable.name)) {
+                token = variable.name.replace(
+                  /upper(\s+)?case|text transform/i,
+                  'Text-Transform'
+                )
+                value = variable.value ? 'uppercase' : 'unset'
+              }
+            } else {
+              throw new Error(
+                `Bad variable value input type. Expected 'boolean' got '${variable.type}'`
+              )
+            }
+            break
+          case 'number':
+            if (typeof variable.value === 'number') {
+              // Only use two decimals for all numbers
+              value = Number(variable.value.toFixed(2))
+            } else {
+              throw new Error(
+                `Bad variable value input type. Expected 'number' got '${variable.type}'`
+              )
+            }
+            break
+        }
+
+        if (typeof value === 'string' || typeof value === 'number') {
+          const theme = themes.get(tokenTheme)
+          if (theme) {
+            theme.set(token, {
+              // primitives will not have aliases
+              resolved: value,
+            })
+          }
+        } else {
+          throw new Error(
+            `Unsupported value type: ${typeof value} (${token}: ${value})`
+          )
+        }
+      }
+    })
+  })
+})
+
+// Collect alias tokens
+json.collections.forEach((collection) => {
+  collection.modes.filter(ignoreStyles).forEach((mode) => {
+    mode.variables.forEach((variable) => {
+      if (variable.isAlias) {
+        const token = variable.name
+        let value = variable.value
+
+        const tokenTheme = getThemeForToken(token, mode, themes)
+
+        switch (variable.type) {
+          case 'color':
+          case 'string':
+          case 'number':
+            // Some values are defined as objects, so we need to dig out the real value
+            if (typeof value === 'object' && 'name' in value) {
+              value = value.name
+            }
+
+            // Some values are alises to tokens that have a responsive nature.
+            // TODO: Revisit for RN support
+            if (responsiveTokens.has(value)) {
+              value = `Impl-${value}`
+            }
+
+            if (typeof value === 'string') {
+              const theme = themes.get(tokenTheme)
+              if (theme) {
+                theme.set(token, {
+                  // We can only resolve aliases after we have collected all
+                  // primitives and aliases.
+                  resolved: '',
+                  alias: value,
+                })
+              }
+            }
+            break
+          default:
+            console.warn(
+              `Unsupported variable type: ${variable.type} (${variable.name}: ${variable.value})`
+            )
+        }
+      }
+    })
+  })
+})
+
+// Collect effects tokens
+json.collections.forEach((collection) => {
+  collection.modes.forEach((mode) => {
+    mode.variables.forEach((variable) => {
+      if (variable.type === 'effect') {
+        if (typeof variable.value === 'object' && 'effects' in variable.value) {
+          if (variable.value.effects.length > 1) {
+            console.warn(
+              `Unsupported effect declaration with multiple effects.`,
+              variable.value.effects
+            )
+          }
+          // We only support one effect declaration per variable
+          const effect = variable.value.effects[0]
+          switch (effect.type) {
+            case 'DROP_SHADOW': {
+              const { r, g, b, a } = effect.color
+              const { x, y } = effect.offset
+              const value = `${x} ${y} ${effect.radius} ${effect.spread} rgba(${r}, ${g}, ${b}, ${a})`
+              const token = `BoxShadow-${variable.name}`
+
+              const theme = themes.get(FALLBACK_THEME)
+              if (theme) {
+                theme.set(token, {
+                  // primitives will not have aliases
+                  resolved: value,
+                })
+              }
+              break
+            }
+          }
+        }
+      }
+    })
+  })
+})
+
+// Resolve all aliases to primitives
+themes.forEach((themeTokenValues) => {
+  themeTokenValues.forEach((value, token) => {
+    // Default the resolved value to the original value. Meaning if no value
+    // could be resolved the token value does not change.
+    let resolveValue = value
+
+    // For each loop the while loop checks if the resolved value is an alias
+    // without a resolved value. If so it continues to resolve the value until a
+    // primitive value is found.
+    while (resolveValue.alias && !resolveValue.resolved) {
+      // Used for breaking the while loop. The while loop continues to
+      // recursively resolve alias that have aliases as their value.
+      // If we have loop through all the themes and not found any primitive
+      // value, then we stop looking by breaking the while loop.
+      let found = false
+
+      Array.from(themes).some(([, innerTheme]) => {
+        return Array.from(innerTheme).some(([innerToken, innerValue]) => {
+          if (innerToken === value.alias && innerValue.resolved) {
+            resolveValue = { ...value, resolved: innerValue.resolved }
+            found = true
+            return true
+          }
+        })
+      })
+
+      // We have search through all the themes and nothing matched, stop looking
+      if (!found) {
+        break
+      }
+    }
+
+    // Update the token value with the result of the above.
+    // Either nothing matches and the original is set, meaning nothing changed.
+    // Or we did get a match and the new value is set.
+    themeTokenValues.set(token, resolveValue)
+  })
+})
+
+// Process hover alpha colors
+// All */Hover* styles will blend with */Default
+themes.forEach((themeTokenValue) => {
+  themeTokenValue.forEach((value, token) => {
+    if (token.toLowerCase().indexOf('hover') >= 0) {
+      const hoverValue = value.resolved
+
+      if (typeof hoverValue === 'string') {
+        if (hoverValue.startsWith('#') && hoverValue.length === 9) {
+          // The color that the hover color with alpha mixes with.
+          const baseToken = token
+            .split('/')
+            .map((tokenPart) => {
+              if (tokenPart.toLowerCase().indexOf('hover') >= 0) {
+                return 'Default'
+              }
+              return tokenPart
+            })
+            .join('/')
+
+          const baseValue =
+            themeTokenValue.get(baseToken) ??
+            themes.get(FALLBACK_THEME)?.get(baseToken)
+          if (baseValue) {
+            if (typeof baseValue.resolved === 'string' && baseValue.resolved) {
+              const baseColor = colord(baseValue.resolved)
+              const hoverColor = colord(hoverValue)
+
+              if (baseColor.alpha() > 0 && hoverColor.alpha() > 0) {
+                const computedHoverValue = baseColor
+                  .mix(hoverColor.alpha(1), hoverColor.alpha())
+                  .toHex()
+
+                themeTokenValue.set(token, {
+                  // no alias for the computed hover color
+                  resolved: computedHoverValue,
+                })
+              }
+            } else {
+              throw new Error(
+                `Base token ${baseToken} is unresolved: ${baseValue}`
+              )
+            }
+          } else {
+            throw new Error(
+              `Unable to find base token (${baseToken}) for hover token ${token}`
+            )
+          }
+        }
+      }
+    }
+  })
+})
+
+// Prepare for output
+const variablesJsOutput = [
+  '/* This file is generated, do not edit manually! */',
+]
+themes.forEach((themeTokenValues, themeKey) => {
+  const cssContentPrimitives: string[] = []
+  const cssContentAliases: string[] = []
+
+  themeTokenValues.forEach((value, token) => {
+    const outputToken = kebabify(token)
+    let outputValue = value.alias ? value.alias : value.resolved
+
+    if (value.alias) {
+      cssContentAliases.push(
+        `  --${outputToken}: var(--${kebabify(outputValue.toString())});`
+      )
+    } else {
+      if (typeof outputValue === 'string') {
+        // Check for properties that need quotes
+        if (/font(-| )family/gi.test(token)) {
+          outputValue = `"${outputValue}"`
+        }
+      } else if (typeof outputValue === 'number') {
+        // font-weight is unitless
+        if (!/font(-| )weight/gi.test(token)) {
+          outputValue = `${outputValue}px`
+        }
+      } else {
+        throw new Error(
+          `Unsupported value type: ${typeof value} (${token}: ${value})`
+        )
+      }
+
+      cssContentPrimitives.push(`  --${outputToken}: ${outputValue};`)
+    }
+  })
+
+  const filename = kebabify(themeKey).toLowerCase()
+
+  const cssOutput = [
+    '/* This file is generated, do not edit manually! */',
+    // The base styles target the :root.
+    // All themes require the use of their scoping classname to be used.
+    themeKey === FALLBACK_THEME ? ':root {' : `.${filename} {`,
+    '  /* Values */',
+    ...cssContentPrimitives.sort(),
+    '',
+    '  /* Aliases */',
+    ...cssContentAliases.sort(),
+    '}',
+    '', // New line at end of file
+  ]
+
+  fs.writeFileSync(`../lib/styles/${filename}.css`, cssOutput.join('\n'), {
+    encoding: 'utf-8',
+  })
+
+  const resolvedJsOutput = [
+    '/* This file is generated, do not edit manually! */',
+    `export const theme = ${JSON.stringify(
+      Array.from(themeTokenValues).reduce((acc, [token, value]) => {
+        if (value.resolved) {
+          acc[token] = value.resolved
+        }
+        return acc
+      }, {}),
+      null,
+      2
+    )}`,
+  ]
+  fs.writeFileSync(
+    `../lib/styles/${filename}.js`,
+    resolvedJsOutput.join('\n'),
+    {
+      encoding: 'utf-8',
+    }
+  )
+
+  // This output is only meant for the `Variables` component.
+  // It is mainly used for the Storybook to show all the variables.
+  variablesJsOutput.push(
+    `export const ${themeKey
+      .split(' ')
+      .map((v, i) => (i === 0 ? v.toLowerCase() : v))
+      .join(
+        ''
+      )} = ${JSON.stringify(Object.fromEntries(themeTokenValues.entries()))} as const`
+  )
+})
+
+fs.writeFileSync(`../lib/tokens/index.ts`, variablesJsOutput.join('\n'), {
+  encoding: 'utf-8',
+})
diff --git a/packages/design-system/generate/utils.ts b/packages/design-system/generate/utils.ts
new file mode 100644
index 000000000..fa4bbb102
--- /dev/null
+++ b/packages/design-system/generate/utils.ts
@@ -0,0 +1,47 @@
+export function kebabify(str: string) {
+  return str.replace(/\/|\s/g, '-').replace(/\(|\)/g, '')
+}
+
+export function ignoreStyles(mode: { name: string }) {
+  if (mode.name === 'Style') {
+    // Ignore Figma Styles, we only want to process variables.
+    // But the exported variables.json includes Figma Styles too.
+    return false
+  }
+  return true
+}
+
+// Some tokens are the same for all themes. Group them into this theme.
+export const FALLBACK_THEME = 'base'
+
+// The variables exported from Figma are not grouped by theme.
+// We used this function to help us group by theme.
+// Returns the theme the given token belongs to by matching theme names inside
+// the token name.
+export function getThemeForToken(
+  token: string | { name: string },
+  mode: { name: string },
+  themes: Map<string, unknown>
+) {
+  // If the given value is an object and has a name property, use that as comparison value.
+  const compare = typeof token === 'string' ? token : token.name
+  const theme = Array.from(themes.keys()).find((theme) => {
+    // Match against "theme/", use that if it matches
+    if (compare.indexOf(theme + '/') >= 0) {
+      return theme
+    }
+
+    // Match against mode, use that if it matches
+    if (mode.name === theme) {
+      return theme
+    }
+  })
+
+  // If a theme was found, use that
+  if (theme) {
+    return theme
+  }
+
+  // If no theme was found, return the fallback
+  return FALLBACK_THEME
+}
diff --git a/packages/design-system/generate/variables.json b/packages/design-system/generate/variables.json
new file mode 100644
index 000000000..452f7896f
--- /dev/null
+++ b/packages/design-system/generate/variables.json
@@ -0,0 +1,19992 @@
+{
+  "version": "1.0.4",
+  "metadata": {},
+  "collections": [
+    {
+      "name": "_Primitives",
+      "modes": [
+        {
+          "name": "Value",
+          "variables": [
+            {
+              "name": "Neutral/0",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FCFCFC"
+            },
+            {
+              "name": "Neutral/5",
+              "type": "color",
+              "isAlias": false,
+              "value": "#F5F5F5"
+            },
+            {
+              "name": "Neutral/10",
+              "type": "color",
+              "isAlias": false,
+              "value": "#F0F0F0"
+            },
+            {
+              "name": "Neutral/15",
+              "type": "color",
+              "isAlias": false,
+              "value": "#E9E9E9"
+            },
+            {
+              "name": "Neutral/20",
+              "type": "color",
+              "isAlias": false,
+              "value": "#D9D9D9"
+            },
+            {
+              "name": "Neutral/30",
+              "type": "color",
+              "isAlias": false,
+              "value": "#BFBFBF"
+            },
+            {
+              "name": "Neutral/40",
+              "type": "color",
+              "isAlias": false,
+              "value": "#8C8C8C"
+            },
+            {
+              "name": "Neutral/50",
+              "type": "color",
+              "isAlias": false,
+              "value": "#747474"
+            },
+            {
+              "name": "Neutral/60",
+              "type": "color",
+              "isAlias": false,
+              "value": "#575757"
+            },
+            {
+              "name": "Neutral/70",
+              "type": "color",
+              "isAlias": false,
+              "value": "#454545"
+            },
+            {
+              "name": "Neutral/80",
+              "type": "color",
+              "isAlias": false,
+              "value": "#262626"
+            },
+            {
+              "name": "Neutral/90",
+              "type": "color",
+              "isAlias": false,
+              "value": "#1F1F1F"
+            },
+            {
+              "name": "Neutral/100",
+              "type": "color",
+              "isAlias": false,
+              "value": "#141414"
+            },
+            {
+              "name": "Neutral/Opacity/White/100",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFFFF"
+            },
+            {
+              "name": "Neutral/Opacity/White/90",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFFFFE6"
+            },
+            {
+              "name": "Neutral/Opacity/White/80",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFFFFCC"
+            },
+            {
+              "name": "Neutral/Opacity/White/70",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFFFFB3"
+            },
+            {
+              "name": "Neutral/Opacity/White/60",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFFFF99"
+            },
+            {
+              "name": "Neutral/Opacity/White/50",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFFFF80"
+            },
+            {
+              "name": "Neutral/Opacity/White/40",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFFFF66"
+            },
+            {
+              "name": "Neutral/Opacity/White/30",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFFFF4D"
+            },
+            {
+              "name": "Neutral/Opacity/White/20",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFFFF33"
+            },
+            {
+              "name": "Neutral/Opacity/White/10",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFFFF1A"
+            },
+            {
+              "name": "Neutral/Opacity/White/5",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFFFF00"
+            },
+            {
+              "name": "Neutral/Opacity/White/0",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFFFF00"
+            },
+            {
+              "name": "Neutral/Opacity/Black/100",
+              "type": "color",
+              "isAlias": false,
+              "value": "#1F1C1B"
+            },
+            {
+              "name": "Neutral/Opacity/Black/90",
+              "type": "color",
+              "isAlias": false,
+              "value": "#1F1C1BE6"
+            },
+            {
+              "name": "Neutral/Opacity/Black/80",
+              "type": "color",
+              "isAlias": false,
+              "value": "#1F1C1BCC"
+            },
+            {
+              "name": "Neutral/Opacity/Black/70",
+              "type": "color",
+              "isAlias": false,
+              "value": "#1F1C1BB3"
+            },
+            {
+              "name": "Neutral/Opacity/Black/60",
+              "type": "color",
+              "isAlias": false,
+              "value": "#1F1C1B99"
+            },
+            {
+              "name": "Neutral/Opacity/Black/50",
+              "type": "color",
+              "isAlias": false,
+              "value": "#1F1C1B80"
+            },
+            {
+              "name": "Neutral/Opacity/Black/40",
+              "type": "color",
+              "isAlias": false,
+              "value": "#1F1C1B66"
+            },
+            {
+              "name": "Neutral/Opacity/Black/30",
+              "type": "color",
+              "isAlias": false,
+              "value": "#1F1C1B4D"
+            },
+            {
+              "name": "Neutral/Opacity/Black/20",
+              "type": "color",
+              "isAlias": false,
+              "value": "#1F1C1B33"
+            },
+            {
+              "name": "Neutral/Opacity/Black/10",
+              "type": "color",
+              "isAlias": false,
+              "value": "#1F1C1B1A"
+            },
+            {
+              "name": "Neutral/Opacity/Black/5",
+              "type": "color",
+              "isAlias": false,
+              "value": "#1F1C1B0D"
+            },
+            {
+              "name": "Neutral/Opacity/Black/0",
+              "type": "color",
+              "isAlias": false,
+              "value": "#1F1C1B00"
+            },
+            {
+              "name": "Scandic/Grey/00",
+              "type": "color",
+              "isAlias": false,
+              "value": "#F9F6F4"
+            },
+            {
+              "name": "Scandic/Grey/10",
+              "type": "color",
+              "isAlias": false,
+              "value": "#EBE8E6"
+            },
+            {
+              "name": "Scandic/Grey/20",
+              "type": "color",
+              "isAlias": false,
+              "value": "#D6D2D0"
+            },
+            {
+              "name": "Scandic/Grey/30",
+              "type": "color",
+              "isAlias": false,
+              "value": "#C2BDBA"
+            },
+            {
+              "name": "Scandic/Grey/40",
+              "type": "color",
+              "isAlias": false,
+              "value": "#A8A4A2"
+            },
+            {
+              "name": "Scandic/Grey/50",
+              "type": "color",
+              "isAlias": false,
+              "value": "#8C8987"
+            },
+            {
+              "name": "Scandic/Grey/60",
+              "type": "color",
+              "isAlias": false,
+              "value": "#787472"
+            },
+            {
+              "name": "Scandic/Grey/70",
+              "type": "color",
+              "isAlias": false,
+              "value": "#635F5D"
+            },
+            {
+              "name": "Scandic/Grey/80",
+              "type": "color",
+              "isAlias": false,
+              "value": "#57514E"
+            },
+            {
+              "name": "Scandic/Grey/90",
+              "type": "color",
+              "isAlias": false,
+              "value": "#403937"
+            },
+            {
+              "name": "Scandic/Grey/100",
+              "type": "color",
+              "isAlias": false,
+              "value": "#26201E"
+            },
+            {
+              "name": "Scandic/Red/00",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFEBEB"
+            },
+            {
+              "name": "Scandic/Red/10",
+              "type": "color",
+              "isAlias": false,
+              "value": "#F7C1C2"
+            },
+            {
+              "name": "Scandic/Red/20",
+              "type": "color",
+              "isAlias": false,
+              "value": "#F79499"
+            },
+            {
+              "name": "Scandic/Red/30",
+              "type": "color",
+              "isAlias": false,
+              "value": "#F26B74"
+            },
+            {
+              "name": "Scandic/Red/40",
+              "type": "color",
+              "isAlias": false,
+              "value": "#ED4251"
+            },
+            {
+              "name": "Scandic/Red/50",
+              "type": "color",
+              "isAlias": false,
+              "value": "#E32034"
+            },
+            {
+              "name": "Scandic/Red/Default",
+              "type": "color",
+              "isAlias": false,
+              "value": "#CD0921"
+            },
+            {
+              "name": "Scandic/Red/70",
+              "type": "color",
+              "isAlias": false,
+              "value": "#AD0015"
+            },
+            {
+              "name": "Scandic/Red/80",
+              "type": "color",
+              "isAlias": false,
+              "value": "#8D0011"
+            },
+            {
+              "name": "Scandic/Red/90",
+              "type": "color",
+              "isAlias": false,
+              "value": "#6D000D"
+            },
+            {
+              "name": "Scandic/Red/100",
+              "type": "color",
+              "isAlias": false,
+              "value": "#4D001B"
+            },
+            {
+              "name": "Scandic/Peach/00",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFF3ED"
+            },
+            {
+              "name": "Scandic/Peach/10",
+              "type": "color",
+              "isAlias": false,
+              "value": "#F7E1D5"
+            },
+            {
+              "name": "Scandic/Peach/20",
+              "type": "color",
+              "isAlias": false,
+              "value": "#F4D5C8"
+            },
+            {
+              "name": "Scandic/Peach/30",
+              "type": "color",
+              "isAlias": false,
+              "value": "#F0C1B6"
+            },
+            {
+              "name": "Scandic/Peach/40",
+              "type": "color",
+              "isAlias": false,
+              "value": "#E9ABA3"
+            },
+            {
+              "name": "Scandic/Peach/50",
+              "type": "color",
+              "isAlias": false,
+              "value": "#DE9490"
+            },
+            {
+              "name": "Scandic/Peach/60",
+              "type": "color",
+              "isAlias": false,
+              "value": "#CD797C"
+            },
+            {
+              "name": "Scandic/Peach/70",
+              "type": "color",
+              "isAlias": false,
+              "value": "#B05B65"
+            },
+            {
+              "name": "Scandic/Peach/80",
+              "type": "color",
+              "isAlias": false,
+              "value": "#8F4350"
+            },
+            {
+              "name": "Scandic/Peach/90",
+              "type": "color",
+              "isAlias": false,
+              "value": "#642636"
+            },
+            {
+              "name": "Scandic/Peach/100",
+              "type": "color",
+              "isAlias": false,
+              "value": "#4D0F25"
+            },
+            {
+              "name": "Scandic/Beige/00",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FAF6F2"
+            },
+            {
+              "name": "Scandic/Beige/10",
+              "type": "color",
+              "isAlias": false,
+              "value": "#F2ECE6"
+            },
+            {
+              "name": "Scandic/Beige/20",
+              "type": "color",
+              "isAlias": false,
+              "value": "#E3D9D1"
+            },
+            {
+              "name": "Scandic/Beige/30",
+              "type": "color",
+              "isAlias": false,
+              "value": "#D1C4BA"
+            },
+            {
+              "name": "Scandic/Beige/40",
+              "type": "color",
+              "isAlias": false,
+              "value": "#B8A79A"
+            },
+            {
+              "name": "Scandic/Beige/50",
+              "type": "color",
+              "isAlias": false,
+              "value": "#9C8A7E"
+            },
+            {
+              "name": "Scandic/Beige/60",
+              "type": "color",
+              "isAlias": false,
+              "value": "#806E63"
+            },
+            {
+              "name": "Scandic/Beige/70",
+              "type": "color",
+              "isAlias": false,
+              "value": "#6B584D"
+            },
+            {
+              "name": "Scandic/Beige/80",
+              "type": "color",
+              "isAlias": false,
+              "value": "#533F35"
+            },
+            {
+              "name": "Scandic/Beige/90",
+              "type": "color",
+              "isAlias": false,
+              "value": "#3E2B23"
+            },
+            {
+              "name": "Scandic/Beige/100",
+              "type": "color",
+              "isAlias": false,
+              "value": "#291710"
+            },
+            {
+              "name": "Scandic/Green/00",
+              "type": "color",
+              "isAlias": false,
+              "value": "#F3FCE8"
+            },
+            {
+              "name": "Scandic/Green/10",
+              "type": "color",
+              "isAlias": false,
+              "value": "#E1F3CA"
+            },
+            {
+              "name": "Scandic/Green/20",
+              "type": "color",
+              "isAlias": false,
+              "value": "#D2EDAF"
+            },
+            {
+              "name": "Scandic/Green/30",
+              "type": "color",
+              "isAlias": false,
+              "value": "#ACDB8A"
+            },
+            {
+              "name": "Scandic/Green/40",
+              "type": "color",
+              "isAlias": false,
+              "value": "#7CB865"
+            },
+            {
+              "name": "Scandic/Green/50",
+              "type": "color",
+              "isAlias": false,
+              "value": "#539E49"
+            },
+            {
+              "name": "Scandic/Green/60",
+              "type": "color",
+              "isAlias": false,
+              "value": "#348337"
+            },
+            {
+              "name": "Scandic/Green/70",
+              "type": "color",
+              "isAlias": false,
+              "value": "#256931"
+            },
+            {
+              "name": "Scandic/Green/80",
+              "type": "color",
+              "isAlias": false,
+              "value": "#164E29"
+            },
+            {
+              "name": "Scandic/Green/90",
+              "type": "color",
+              "isAlias": false,
+              "value": "#093021"
+            },
+            {
+              "name": "Scandic/Green/100",
+              "type": "color",
+              "isAlias": false,
+              "value": "#091F16"
+            },
+            {
+              "name": "Scandic/Blue/00",
+              "type": "color",
+              "isAlias": false,
+              "value": "#E8F6FF"
+            },
+            {
+              "name": "Scandic/Blue/10",
+              "type": "color",
+              "isAlias": false,
+              "value": "#CFEBFF"
+            },
+            {
+              "name": "Scandic/Blue/20",
+              "type": "color",
+              "isAlias": false,
+              "value": "#B5E0FF"
+            },
+            {
+              "name": "Scandic/Blue/30",
+              "type": "color",
+              "isAlias": false,
+              "value": "#93C9F5"
+            },
+            {
+              "name": "Scandic/Blue/40",
+              "type": "color",
+              "isAlias": false,
+              "value": "#79AEE7"
+            },
+            {
+              "name": "Scandic/Blue/50",
+              "type": "color",
+              "isAlias": false,
+              "value": "#5B8FD4"
+            },
+            {
+              "name": "Scandic/Blue/60",
+              "type": "color",
+              "isAlias": false,
+              "value": "#3F6DBD"
+            },
+            {
+              "name": "Scandic/Blue/70",
+              "type": "color",
+              "isAlias": false,
+              "value": "#284EA0"
+            },
+            {
+              "name": "Scandic/Blue/80",
+              "type": "color",
+              "isAlias": false,
+              "value": "#18347F"
+            },
+            {
+              "name": "Scandic/Blue/90",
+              "type": "color",
+              "isAlias": false,
+              "value": "#0D1F5F"
+            },
+            {
+              "name": "Scandic/Blue/100",
+              "type": "color",
+              "isAlias": false,
+              "value": "#0D1440"
+            },
+            {
+              "name": "Scandic/Yellow/00",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFF8E3"
+            },
+            {
+              "name": "Scandic/Yellow/10",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFF0C2"
+            },
+            {
+              "name": "Scandic/Yellow/20",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FADE89"
+            },
+            {
+              "name": "Scandic/Yellow/30",
+              "type": "color",
+              "isAlias": false,
+              "value": "#F7CE52"
+            },
+            {
+              "name": "Scandic/Yellow/40",
+              "type": "color",
+              "isAlias": false,
+              "value": "#EDB532"
+            },
+            {
+              "name": "Scandic/Yellow/50",
+              "type": "color",
+              "isAlias": false,
+              "value": "#E59515"
+            },
+            {
+              "name": "Scandic/Yellow/60",
+              "type": "color",
+              "isAlias": false,
+              "value": "#D17308"
+            },
+            {
+              "name": "Scandic/Yellow/70",
+              "type": "color",
+              "isAlias": false,
+              "value": "#A85211"
+            },
+            {
+              "name": "Scandic/Yellow/80",
+              "type": "color",
+              "isAlias": false,
+              "value": "#7D370F"
+            },
+            {
+              "name": "Scandic/Yellow/90",
+              "type": "color",
+              "isAlias": false,
+              "value": "#4F2313"
+            },
+            {
+              "name": "Scandic/Yellow/100",
+              "type": "color",
+              "isAlias": false,
+              "value": "#301508"
+            },
+            {
+              "name": "Scandic Go/Beige/00",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFEFA"
+            },
+            {
+              "name": "Scandic Go/Beige/0",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FAF8F2"
+            },
+            {
+              "name": "Scandic Go/Beige/10",
+              "type": "color",
+              "isAlias": false,
+              "value": "#F0EDE4"
+            },
+            {
+              "name": "Scandic Go/Beige/20",
+              "type": "color",
+              "isAlias": false,
+              "value": "#E0DCCE"
+            },
+            {
+              "name": "Scandic Go/Beige/30",
+              "type": "color",
+              "isAlias": false,
+              "value": "#C8C4B6"
+            },
+            {
+              "name": "Scandic Go/Beige/40",
+              "type": "color",
+              "isAlias": false,
+              "value": "#B0ACA0"
+            },
+            {
+              "name": "Scandic Go/Beige/50",
+              "type": "color",
+              "isAlias": false,
+              "value": "#918F83"
+            },
+            {
+              "name": "Scandic Go/Beige/60",
+              "type": "color",
+              "isAlias": false,
+              "value": "#78766D"
+            },
+            {
+              "name": "Scandic Go/Beige/70",
+              "type": "color",
+              "isAlias": false,
+              "value": "#63615A"
+            },
+            {
+              "name": "Scandic Go/Beige/80",
+              "type": "color",
+              "isAlias": false,
+              "value": "#4F4D49"
+            },
+            {
+              "name": "Scandic Go/Beige/90",
+              "type": "color",
+              "isAlias": false,
+              "value": "#373633"
+            },
+            {
+              "name": "Scandic Go/Beige/100",
+              "type": "color",
+              "isAlias": false,
+              "value": "#1F1E1D"
+            },
+            {
+              "name": "Scandic Go/Purple/00",
+              "type": "color",
+              "isAlias": false,
+              "value": "#F4F2FF"
+            },
+            {
+              "name": "Scandic Go/Purple/10",
+              "type": "color",
+              "isAlias": false,
+              "value": "#DCD7FF"
+            },
+            {
+              "name": "Scandic Go/Purple/20",
+              "type": "color",
+              "isAlias": false,
+              "value": "#CABFFC"
+            },
+            {
+              "name": "Scandic Go/Purple/30",
+              "type": "color",
+              "isAlias": false,
+              "value": "#BAA7F7"
+            },
+            {
+              "name": "Scandic Go/Purple/40",
+              "type": "color",
+              "isAlias": false,
+              "value": "#AB8EF0"
+            },
+            {
+              "name": "Scandic Go/Purple/50",
+              "type": "color",
+              "isAlias": false,
+              "value": "#9C75E6"
+            },
+            {
+              "name": "Scandic Go/Purple/60",
+              "type": "color",
+              "isAlias": false,
+              "value": "#8C5BD5"
+            },
+            {
+              "name": "Scandic Go/Purple/70",
+              "type": "color",
+              "isAlias": false,
+              "value": "#733CB2"
+            },
+            {
+              "name": "Scandic Go/Purple/80",
+              "type": "color",
+              "isAlias": false,
+              "value": "#5E2A8C"
+            },
+            {
+              "name": "Scandic Go/Purple/90",
+              "type": "color",
+              "isAlias": false,
+              "value": "#451F61"
+            },
+            {
+              "name": "Scandic Go/Purple/100",
+              "type": "color",
+              "isAlias": false,
+              "value": "#2D163A"
+            },
+            {
+              "name": "Scandic Go/Yellow/00",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FDFFE8"
+            },
+            {
+              "name": "Scandic Go/Yellow/10",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FAFFC4"
+            },
+            {
+              "name": "Scandic Go/Yellow/20",
+              "type": "color",
+              "isAlias": false,
+              "value": "#F8FF9C"
+            },
+            {
+              "name": "Scandic Go/Yellow/30",
+              "type": "color",
+              "isAlias": false,
+              "value": "#F5FF73"
+            },
+            {
+              "name": "Scandic Go/Yellow/40",
+              "type": "color",
+              "isAlias": false,
+              "value": "#EDEA39"
+            },
+            {
+              "name": "Scandic Go/Yellow/50",
+              "type": "color",
+              "isAlias": false,
+              "value": "#DEC614"
+            },
+            {
+              "name": "Scandic Go/Yellow/60",
+              "type": "color",
+              "isAlias": false,
+              "value": "#BA8D07"
+            },
+            {
+              "name": "Scandic Go/Yellow/70",
+              "type": "color",
+              "isAlias": false,
+              "value": "#966400"
+            },
+            {
+              "name": "Scandic Go/Yellow/80",
+              "type": "color",
+              "isAlias": false,
+              "value": "#754403"
+            },
+            {
+              "name": "Scandic Go/Yellow/90",
+              "type": "color",
+              "isAlias": false,
+              "value": "#572701"
+            },
+            {
+              "name": "Scandic Go/Yellow/100",
+              "type": "color",
+              "isAlias": false,
+              "value": "#3B1300"
+            },
+            {
+              "name": "Scandic Go/Green/00",
+              "type": "color",
+              "isAlias": false,
+              "value": "#EDFFE5"
+            },
+            {
+              "name": "Scandic Go/Green/10",
+              "type": "color",
+              "isAlias": false,
+              "value": "#CDFFB8"
+            },
+            {
+              "name": "Scandic Go/Green/20",
+              "type": "color",
+              "isAlias": false,
+              "value": "#A7FF82"
+            },
+            {
+              "name": "Scandic Go/Green/30",
+              "type": "color",
+              "isAlias": false,
+              "value": "#85FF52"
+            },
+            {
+              "name": "Scandic Go/Green/40",
+              "type": "color",
+              "isAlias": false,
+              "value": "#66E03A"
+            },
+            {
+              "name": "Scandic Go/Green/50",
+              "type": "color",
+              "isAlias": false,
+              "value": "#45B222"
+            },
+            {
+              "name": "Scandic Go/Green/60",
+              "type": "color",
+              "isAlias": false,
+              "value": "#2E7F18"
+            },
+            {
+              "name": "Scandic Go/Green/70",
+              "type": "color",
+              "isAlias": false,
+              "value": "#2A601E"
+            },
+            {
+              "name": "Scandic Go/Green/80",
+              "type": "color",
+              "isAlias": false,
+              "value": "#26461F"
+            },
+            {
+              "name": "Scandic Go/Green/90",
+              "type": "color",
+              "isAlias": false,
+              "value": "#21331F"
+            },
+            {
+              "name": "Scandic Go/Green/100",
+              "type": "color",
+              "isAlias": false,
+              "value": "#162115"
+            },
+            {
+              "name": "Signature/Downtown Camper/Lunar green/0",
+              "type": "color",
+              "isAlias": false,
+              "value": "#F3F4F1"
+            },
+            {
+              "name": "Signature/Downtown Camper/Lunar green/10",
+              "type": "color",
+              "isAlias": false,
+              "value": "#E4E7E0"
+            },
+            {
+              "name": "Signature/Downtown Camper/Lunar green/20",
+              "type": "color",
+              "isAlias": false,
+              "value": "#CCD2C4"
+            },
+            {
+              "name": "Signature/Downtown Camper/Lunar green/30",
+              "type": "color",
+              "isAlias": false,
+              "value": "#ACB6A0"
+            },
+            {
+              "name": "Signature/Downtown Camper/Lunar green/40",
+              "type": "color",
+              "isAlias": false,
+              "value": "#8E9B80"
+            },
+            {
+              "name": "Signature/Downtown Camper/Lunar green/50",
+              "type": "color",
+              "isAlias": false,
+              "value": "#717F63"
+            },
+            {
+              "name": "Signature/Downtown Camper/Lunar green/60",
+              "type": "color",
+              "isAlias": false,
+              "value": "#58644C"
+            },
+            {
+              "name": "Signature/Downtown Camper/Lunar green/70",
+              "type": "color",
+              "isAlias": false,
+              "value": "#454E3D"
+            },
+            {
+              "name": "Signature/Downtown Camper/Lunar green/80",
+              "type": "color",
+              "isAlias": false,
+              "value": "#3C4336"
+            },
+            {
+              "name": "Signature/Downtown Camper/Lunar green/90",
+              "type": "color",
+              "isAlias": false,
+              "value": "#33382F"
+            },
+            {
+              "name": "Signature/Downtown Camper/Lunar green/100",
+              "type": "color",
+              "isAlias": false,
+              "value": "#191D16"
+            },
+            {
+              "name": "Signature/Downtown Camper/Russet/0",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FCF9EE"
+            },
+            {
+              "name": "Signature/Downtown Camper/Russet/10",
+              "type": "color",
+              "isAlias": false,
+              "value": "#F6EECF"
+            },
+            {
+              "name": "Signature/Downtown Camper/Russet/20",
+              "type": "color",
+              "isAlias": false,
+              "value": "#ECDC9B"
+            },
+            {
+              "name": "Signature/Downtown Camper/Russet/30",
+              "type": "color",
+              "isAlias": false,
+              "value": "#E3C666"
+            },
+            {
+              "name": "Signature/Downtown Camper/Russet/40",
+              "type": "color",
+              "isAlias": false,
+              "value": "#DCB143"
+            },
+            {
+              "name": "Signature/Downtown Camper/Russet/50",
+              "type": "color",
+              "isAlias": false,
+              "value": "#D3952D"
+            },
+            {
+              "name": "Signature/Downtown Camper/Russet/60",
+              "type": "color",
+              "isAlias": false,
+              "value": "#BB7524"
+            },
+            {
+              "name": "Signature/Downtown Camper/Russet/70",
+              "type": "color",
+              "isAlias": false,
+              "value": "#9B5622"
+            },
+            {
+              "name": "Signature/Downtown Camper/Russet/80",
+              "type": "color",
+              "isAlias": false,
+              "value": "#834722"
+            },
+            {
+              "name": "Signature/Downtown Camper/Russet/90",
+              "type": "color",
+              "isAlias": false,
+              "value": "#69391E"
+            },
+            {
+              "name": "Signature/Downtown Camper/Russet/100",
+              "type": "color",
+              "isAlias": false,
+              "value": "#3C1D0C"
+            },
+            {
+              "name": "Signature/Downtown Camper/Quicksand/0",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FBF7F5"
+            },
+            {
+              "name": "Signature/Downtown Camper/Quicksand/10",
+              "type": "color",
+              "isAlias": false,
+              "value": "#F6EDEA"
+            },
+            {
+              "name": "Signature/Downtown Camper/Quicksand/20",
+              "type": "color",
+              "isAlias": false,
+              "value": "#F0DED8"
+            },
+            {
+              "name": "Signature/Downtown Camper/Quicksand/30",
+              "type": "color",
+              "isAlias": false,
+              "value": "#E4C7BD"
+            },
+            {
+              "name": "Signature/Downtown Camper/Quicksand/40",
+              "type": "color",
+              "isAlias": false,
+              "value": "#D2A697"
+            },
+            {
+              "name": "Signature/Downtown Camper/Quicksand/50",
+              "type": "color",
+              "isAlias": false,
+              "value": "#C69382"
+            },
+            {
+              "name": "Signature/Downtown Camper/Quicksand/60",
+              "type": "color",
+              "isAlias": false,
+              "value": "#A96D59"
+            },
+            {
+              "name": "Signature/Downtown Camper/Quicksand/70",
+              "type": "color",
+              "isAlias": false,
+              "value": "#8D5948"
+            },
+            {
+              "name": "Signature/Downtown Camper/Quicksand/80",
+              "type": "color",
+              "isAlias": false,
+              "value": "#764C3E"
+            },
+            {
+              "name": "Signature/Downtown Camper/Quicksand/90",
+              "type": "color",
+              "isAlias": false,
+              "value": "#644338"
+            },
+            {
+              "name": "Signature/Downtown Camper/Quicksand/100",
+              "type": "color",
+              "isAlias": false,
+              "value": "#35211A"
+            },
+            {
+              "name": "Signature/Haymarket/Antique Brass/0",
+              "type": "color",
+              "isAlias": false,
+              "value": "#F9F5F1"
+            },
+            {
+              "name": "Signature/Haymarket/Antique Brass/10",
+              "type": "color",
+              "isAlias": false,
+              "value": "#EDE3D8"
+            },
+            {
+              "name": "Signature/Haymarket/Antique Brass/20",
+              "type": "color",
+              "isAlias": false,
+              "value": "#D9C3AE"
+            },
+            {
+              "name": "Signature/Haymarket/Antique Brass/30",
+              "type": "color",
+              "isAlias": false,
+              "value": "#C5A384"
+            },
+            {
+              "name": "Signature/Haymarket/Antique Brass/40",
+              "type": "color",
+              "isAlias": false,
+              "value": "#BA8E6E"
+            },
+            {
+              "name": "Signature/Haymarket/Antique Brass/50",
+              "type": "color",
+              "isAlias": false,
+              "value": "#946F54"
+            },
+            {
+              "name": "Signature/Haymarket/Antique Brass/60",
+              "type": "color",
+              "isAlias": false,
+              "value": "#805E45"
+            },
+            {
+              "name": "Signature/Haymarket/Antique Brass/70",
+              "type": "color",
+              "isAlias": false,
+              "value": "#634732"
+            },
+            {
+              "name": "Signature/Haymarket/Antique Brass/80",
+              "type": "color",
+              "isAlias": false,
+              "value": "#5D4330"
+            },
+            {
+              "name": "Signature/Haymarket/Antique Brass/90",
+              "type": "color",
+              "isAlias": false,
+              "value": "#483425"
+            },
+            {
+              "name": "Signature/Haymarket/Antique Brass/100",
+              "type": "color",
+              "isAlias": false,
+              "value": "#37271C"
+            },
+            {
+              "name": "Signature/Haymarket/Vista White/0",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FBF7F6"
+            },
+            {
+              "name": "Signature/Haymarket/Vista White/10",
+              "type": "color",
+              "isAlias": false,
+              "value": "#F6ECEA"
+            },
+            {
+              "name": "Signature/Haymarket/Vista White/20",
+              "type": "color",
+              "isAlias": false,
+              "value": "#F0DDD8"
+            },
+            {
+              "name": "Signature/Haymarket/Vista White/30",
+              "type": "color",
+              "isAlias": false,
+              "value": "#E4C5BD"
+            },
+            {
+              "name": "Signature/Haymarket/Vista White/40",
+              "type": "color",
+              "isAlias": false,
+              "value": "#D3A296"
+            },
+            {
+              "name": "Signature/Haymarket/Vista White/50",
+              "type": "color",
+              "isAlias": false,
+              "value": "#C08273"
+            },
+            {
+              "name": "Signature/Haymarket/Vista White/60",
+              "type": "color",
+              "isAlias": false,
+              "value": "#AA6858"
+            },
+            {
+              "name": "Signature/Haymarket/Vista White/70",
+              "type": "color",
+              "isAlias": false,
+              "value": "#8E5547"
+            },
+            {
+              "name": "Signature/Haymarket/Vista White/80",
+              "type": "color",
+              "isAlias": false,
+              "value": "#76493E"
+            },
+            {
+              "name": "Signature/Haymarket/Vista White/90",
+              "type": "color",
+              "isAlias": false,
+              "value": "#644138"
+            },
+            {
+              "name": "Signature/Haymarket/Vista White/100",
+              "type": "color",
+              "isAlias": false,
+              "value": "#351F1A"
+            },
+            {
+              "name": "Signature/Haymarket/Bismark/0",
+              "type": "color",
+              "isAlias": false,
+              "value": "#F3F8F8"
+            },
+            {
+              "name": "Signature/Haymarket/Bismark/10",
+              "type": "color",
+              "isAlias": false,
+              "value": "#E0EBED"
+            },
+            {
+              "name": "Signature/Haymarket/Bismark/20",
+              "type": "color",
+              "isAlias": false,
+              "value": "#C5D7DC"
+            },
+            {
+              "name": "Signature/Haymarket/Bismark/30",
+              "type": "color",
+              "isAlias": false,
+              "value": "#9DBCC3"
+            },
+            {
+              "name": "Signature/Haymarket/Bismark/40",
+              "type": "color",
+              "isAlias": false,
+              "value": "#6E98A2"
+            },
+            {
+              "name": "Signature/Haymarket/Bismark/50",
+              "type": "color",
+              "isAlias": false,
+              "value": "#527C88"
+            },
+            {
+              "name": "Signature/Haymarket/Bismark/60",
+              "type": "color",
+              "isAlias": false,
+              "value": "#4A6C78"
+            },
+            {
+              "name": "Signature/Haymarket/Bismark/70",
+              "type": "color",
+              "isAlias": false,
+              "value": "#3E5760"
+            },
+            {
+              "name": "Signature/Haymarket/Bismark/80",
+              "type": "color",
+              "isAlias": false,
+              "value": "#394951"
+            },
+            {
+              "name": "Signature/Haymarket/Bismark/90",
+              "type": "color",
+              "isAlias": false,
+              "value": "#334046"
+            },
+            {
+              "name": "Signature/Haymarket/Bismark/100",
+              "type": "color",
+              "isAlias": false,
+              "value": "#1E282E"
+            },
+            {
+              "name": "Signature/Marski/Elephant/0",
+              "type": "color",
+              "isAlias": false,
+              "value": "#F6F6F7"
+            },
+            {
+              "name": "Signature/Marski/Elephant/10",
+              "type": "color",
+              "isAlias": false,
+              "value": "#ECEEEF"
+            },
+            {
+              "name": "Signature/Marski/Elephant/20",
+              "type": "color",
+              "isAlias": false,
+              "value": "#E0E3E5"
+            },
+            {
+              "name": "Signature/Marski/Elephant/30",
+              "type": "color",
+              "isAlias": false,
+              "value": "#B6BDC1"
+            },
+            {
+              "name": "Signature/Marski/Elephant/40",
+              "type": "color",
+              "isAlias": false,
+              "value": "#9BA5AB"
+            },
+            {
+              "name": "Signature/Marski/Elephant/50",
+              "type": "color",
+              "isAlias": false,
+              "value": "#717F87"
+            },
+            {
+              "name": "Signature/Marski/Elephant/60",
+              "type": "color",
+              "isAlias": false,
+              "value": "#576771"
+            },
+            {
+              "name": "Signature/Marski/Elephant/70",
+              "type": "color",
+              "isAlias": false,
+              "value": "#495A65"
+            },
+            {
+              "name": "Signature/Marski/Elephant/80",
+              "type": "color",
+              "isAlias": false,
+              "value": "#2C414D"
+            },
+            {
+              "name": "Signature/Marski/Elephant/90",
+              "type": "color",
+              "isAlias": false,
+              "value": "#1E3441"
+            },
+            {
+              "name": "Signature/Marski/Elephant/100",
+              "type": "color",
+              "isAlias": false,
+              "value": "#122937"
+            },
+            {
+              "name": "Signature/Marski/Blue ribbon/0",
+              "type": "color",
+              "isAlias": false,
+              "value": "#EEF7FF"
+            },
+            {
+              "name": "Signature/Marski/Blue ribbon/10",
+              "type": "color",
+              "isAlias": false,
+              "value": "#D8ECFF"
+            },
+            {
+              "name": "Signature/Marski/Blue ribbon/20",
+              "type": "color",
+              "isAlias": false,
+              "value": "#B9DEFF"
+            },
+            {
+              "name": "Signature/Marski/Blue ribbon/30",
+              "type": "color",
+              "isAlias": false,
+              "value": "#89CBFF"
+            },
+            {
+              "name": "Signature/Marski/Blue ribbon/40",
+              "type": "color",
+              "isAlias": false,
+              "value": "#52AEFF"
+            },
+            {
+              "name": "Signature/Marski/Blue ribbon/50",
+              "type": "color",
+              "isAlias": false,
+              "value": "#2A8BFF"
+            },
+            {
+              "name": "Signature/Marski/Blue ribbon/60",
+              "type": "color",
+              "isAlias": false,
+              "value": "#136AFD"
+            },
+            {
+              "name": "Signature/Marski/Blue ribbon/70",
+              "type": "color",
+              "isAlias": false,
+              "value": "#0D57F3"
+            },
+            {
+              "name": "Signature/Marski/Blue ribbon/80",
+              "type": "color",
+              "isAlias": false,
+              "value": "#1043BD"
+            },
+            {
+              "name": "Signature/Marski/Blue ribbon/90",
+              "type": "color",
+              "isAlias": false,
+              "value": "#143D94"
+            },
+            {
+              "name": "Signature/Marski/Blue ribbon/100",
+              "type": "color",
+              "isAlias": false,
+              "value": "#11265A"
+            },
+            {
+              "name": "Signature/Marski/Torch red/00",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFF0F1"
+            },
+            {
+              "name": "Signature/Marski/Aubergine/00",
+              "type": "color",
+              "isAlias": false,
+              "value": "#F9F6F4"
+            },
+            {
+              "name": "Signature/Marski/Aubergine/10",
+              "type": "color",
+              "isAlias": false,
+              "value": "#EBE8E6"
+            },
+            {
+              "name": "Signature/Marski/Aubergine/20",
+              "type": "color",
+              "isAlias": false,
+              "value": "#CFC4C5"
+            },
+            {
+              "name": "Signature/Marski/Aubergine/30",
+              "type": "color",
+              "isAlias": false,
+              "value": "#BAA9AC"
+            },
+            {
+              "name": "Signature/Marski/Aubergine/40",
+              "type": "color",
+              "isAlias": false,
+              "value": "#A28D90"
+            },
+            {
+              "name": "Signature/Marski/Aubergine/50",
+              "type": "color",
+              "isAlias": false,
+              "value": "#8B7074"
+            },
+            {
+              "name": "Signature/Marski/Aubergine/60",
+              "type": "color",
+              "isAlias": false,
+              "value": "#806267"
+            },
+            {
+              "name": "Signature/Marski/Aubergine/70",
+              "type": "color",
+              "isAlias": false,
+              "value": "#6A484D"
+            },
+            {
+              "name": "Signature/Marski/Aubergine/80",
+              "type": "color",
+              "isAlias": false,
+              "value": "#5B353B"
+            },
+            {
+              "name": "Signature/Marski/Aubergine/90",
+              "type": "color",
+              "isAlias": false,
+              "value": "#481D24"
+            },
+            {
+              "name": "Signature/Marski/Aubergine/100",
+              "type": "color",
+              "isAlias": false,
+              "value": "#3E1118"
+            },
+            {
+              "name": "Signature/Marski/Torch red/10",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFDDE0"
+            },
+            {
+              "name": "Signature/Marski/Torch red/20",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFC1C7"
+            },
+            {
+              "name": "Signature/Marski/Torch red/30",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FF96A0"
+            },
+            {
+              "name": "Signature/Marski/Torch red/40",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FF5A6A"
+            },
+            {
+              "name": "Signature/Marski/Torch red/50",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FF273B"
+            },
+            {
+              "name": "Signature/Marski/Torch red/60",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FB1228"
+            },
+            {
+              "name": "Signature/Marski/Torch red/70",
+              "type": "color",
+              "isAlias": false,
+              "value": "#D40115"
+            },
+            {
+              "name": "Signature/Marski/Torch red/80",
+              "type": "color",
+              "isAlias": false,
+              "value": "#AE0616"
+            },
+            {
+              "name": "Signature/Marski/Torch red/90",
+              "type": "color",
+              "isAlias": false,
+              "value": "#900C18"
+            },
+            {
+              "name": "Signature/Marski/Torch red/100",
+              "type": "color",
+              "isAlias": false,
+              "value": "#4F0007"
+            },
+            {
+              "name": "Signature/Hotel Norge/Off White/0",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FDFEFD"
+            },
+            {
+              "name": "Signature/Hotel Norge/Off White/10",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FAFAF9"
+            },
+            {
+              "name": "Signature/Hotel Norge/Off White/20",
+              "type": "color",
+              "isAlias": false,
+              "value": "#F8F8F6"
+            },
+            {
+              "name": "Signature/Hotel Norge/Off White/30",
+              "type": "color",
+              "isAlias": false,
+              "value": "#F4F5F2"
+            },
+            {
+              "name": "Signature/Hotel Norge/Off White/40",
+              "type": "color",
+              "isAlias": false,
+              "value": "#F2F3EF"
+            },
+            {
+              "name": "Signature/Hotel Norge/Off White/50",
+              "type": "color",
+              "isAlias": false,
+              "value": "#EFF0EB"
+            },
+            {
+              "name": "Signature/Hotel Norge/Off White/60",
+              "type": "color",
+              "isAlias": false,
+              "value": "#D9DAD6"
+            },
+            {
+              "name": "Signature/Hotel Norge/Off White/70",
+              "type": "color",
+              "isAlias": false,
+              "value": "#AAAAA7"
+            },
+            {
+              "name": "Signature/Hotel Norge/Emerald/0",
+              "type": "color",
+              "isAlias": false,
+              "value": "#C7DDD5"
+            },
+            {
+              "name": "Signature/Hotel Norge/Emerald/80",
+              "type": "color",
+              "isAlias": false,
+              "value": "#3A655C"
+            },
+            {
+              "name": "Signature/Hotel Norge/Off White/80",
+              "type": "color",
+              "isAlias": false,
+              "value": "#838481"
+            },
+            {
+              "name": "Signature/Hotel Norge/Off White/90",
+              "type": "color",
+              "isAlias": false,
+              "value": "#6F716F"
+            },
+            {
+              "name": "Signature/Hotel Norge/Emerald/90",
+              "type": "color",
+              "isAlias": false,
+              "value": "#26544A"
+            },
+            {
+              "name": "Signature/Hotel Norge/Off White/100",
+              "type": "color",
+              "isAlias": false,
+              "value": "#646563"
+            },
+            {
+              "name": "Signature/Hotel Norge/Emerald/100",
+              "type": "color",
+              "isAlias": false,
+              "value": "#004337"
+            },
+            {
+              "name": "Signature/Hotel Norge/Dark blue/0",
+              "type": "color",
+              "isAlias": false,
+              "value": "#B7C5C8"
+            },
+            {
+              "name": "Signature/Hotel Norge/Dark blue/30",
+              "type": "color",
+              "isAlias": false,
+              "value": "#858F97"
+            },
+            {
+              "name": "Signature/Hotel Norge/Dark blue/80",
+              "type": "color",
+              "isAlias": false,
+              "value": "#404655"
+            },
+            {
+              "name": "Signature/Hotel Norge/Dark blue/90",
+              "type": "color",
+              "isAlias": false,
+              "value": "#181E34"
+            },
+            {
+              "name": "Signature/Hotel Norge/Dark blue/100",
+              "type": "color",
+              "isAlias": false,
+              "value": "#2F3445"
+            },
+            {
+              "name": "Signature/Hotel Norge/Salmon/50",
+              "type": "color",
+              "isAlias": false,
+              "value": "#EC615B"
+            },
+            {
+              "name": "Signature/Grand Hotel/Careys Pink/40",
+              "type": "color",
+              "isAlias": false,
+              "value": "#DBA7B1"
+            },
+            {
+              "name": "Signature/Grand Hotel/Careys Pink/50",
+              "type": "color",
+              "isAlias": false,
+              "value": "#C27183"
+            },
+            {
+              "name": "Signature/Grand Hotel/Careys Pink/60",
+              "type": "color",
+              "isAlias": false,
+              "value": "#AA546B"
+            },
+            {
+              "name": "Signature/Grand Hotel/Careys Pink/70",
+              "type": "color",
+              "isAlias": false,
+              "value": "#8E4258"
+            },
+            {
+              "name": "Signature/Grand Hotel/Cloudy/0",
+              "type": "color",
+              "isAlias": false,
+              "value": "#F7F6F5"
+            },
+            {
+              "name": "Signature/Grand Hotel/Cloudy/10",
+              "type": "color",
+              "isAlias": false,
+              "value": "#EBEAE9"
+            },
+            {
+              "name": "Signature/Grand Hotel/Cloudy/20",
+              "type": "color",
+              "isAlias": false,
+              "value": "#D7D7D1"
+            },
+            {
+              "name": "Signature/Grand Hotel/Blue Bayoux/50",
+              "type": "color",
+              "isAlias": false,
+              "value": "#5B6E7F"
+            },
+            {
+              "name": "Signature/Grand Hotel/Blue Bayoux/80",
+              "type": "color",
+              "isAlias": false,
+              "value": "#3D444D"
+            },
+            {
+              "name": "Signature/Grand Hotel/Blue Bayoux/90",
+              "type": "color",
+              "isAlias": false,
+              "value": "#363C43"
+            },
+            {
+              "name": "Signature/Grand Hotel/Blue Bayoux/100",
+              "type": "color",
+              "isAlias": false,
+              "value": "#21252B"
+            },
+            {
+              "name": "Signature/Grand Hotel/Cloudy/30",
+              "type": "color",
+              "isAlias": false,
+              "value": "#B2ADA7"
+            },
+            {
+              "name": "Signature/Grand Hotel/Submarine/30",
+              "type": "color",
+              "isAlias": false,
+              "value": "#B0C4CB"
+            },
+            {
+              "name": "Scandic Go/Cyan/20",
+              "type": "color",
+              "isAlias": false,
+              "value": "#73FCEE"
+            },
+            {
+              "name": "Scandic Go/Coral/50",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FA3737"
+            },
+            {
+              "name": "Scandic Go/Powder Rose/50",
+              "type": "color",
+              "isAlias": false,
+              "value": "#ECC8C9"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "Responsive",
+      "modes": [
+        {
+          "name": "Desktop",
+          "variables": [
+            {
+              "name": "Margin/Margin-min",
+              "type": "number",
+              "isAlias": false,
+              "value": 40
+            },
+            {
+              "name": "Breakpoints/min-width",
+              "type": "number",
+              "isAlias": false,
+              "value": 1367
+            },
+            {
+              "name": "Breakpoints/max-width",
+              "type": "number",
+              "isAlias": false,
+              "value": 1920
+            },
+            {
+              "name": "Margin/Margin-max",
+              "type": "number",
+              "isAlias": false,
+              "value": 72
+            },
+            {
+              "name": "Columns/Column",
+              "type": "number",
+              "isAlias": false,
+              "value": 12
+            },
+            {
+              "name": "Gutter/min-width",
+              "type": "number",
+              "isAlias": false,
+              "value": 16
+            },
+            {
+              "name": "Gutter/max-width",
+              "type": "number",
+              "isAlias": false,
+              "value": 24
+            },
+            {
+              "name": "Text size/5xs",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Size/200-12"
+              }
+            },
+            {
+              "name": "Text size/4xs",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Size/250-14"
+              }
+            },
+            {
+              "name": "Text size/3xs",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Size/300-16"
+              }
+            },
+            {
+              "name": "Text size/2xs",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Size/350-18"
+              }
+            },
+            {
+              "name": "Text size/xs",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Size/400-20"
+              }
+            },
+            {
+              "name": "Text size/sm",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Size/500-24"
+              }
+            },
+            {
+              "name": "Text size/md",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Size/550-26"
+              }
+            },
+            {
+              "name": "Text size/lg",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Size/600-28"
+              }
+            },
+            {
+              "name": "Text size/xl",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Size/700-32"
+              }
+            },
+            {
+              "name": "Text size/2xl",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Size/800-36"
+              }
+            },
+            {
+              "name": "Text size/3xl",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Size/900-40"
+              }
+            },
+            {
+              "name": "Text size/4xl",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Size/1100-48"
+              }
+            },
+            {
+              "name": "Text size/5xl",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Size/1300-56"
+              }
+            }
+          ]
+        },
+        {
+          "name": "Tablet",
+          "variables": [
+            {
+              "name": "Margin/Margin-min",
+              "type": "number",
+              "isAlias": false,
+              "value": 24
+            },
+            {
+              "name": "Breakpoints/min-width",
+              "type": "number",
+              "isAlias": false,
+              "value": 768
+            },
+            {
+              "name": "Breakpoints/max-width",
+              "type": "number",
+              "isAlias": false,
+              "value": 1366
+            },
+            {
+              "name": "Margin/Margin-max",
+              "type": "number",
+              "isAlias": false,
+              "value": 32
+            },
+            {
+              "name": "Columns/Column",
+              "type": "number",
+              "isAlias": false,
+              "value": 8
+            },
+            {
+              "name": "Gutter/min-width",
+              "type": "number",
+              "isAlias": false,
+              "value": 16
+            },
+            {
+              "name": "Gutter/max-width",
+              "type": "number",
+              "isAlias": false,
+              "value": 16
+            },
+            {
+              "name": "Text size/5xs",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Size/200-12"
+              }
+            },
+            {
+              "name": "Text size/4xs",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Size/250-14"
+              }
+            },
+            {
+              "name": "Text size/3xs",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Size/300-16"
+              }
+            },
+            {
+              "name": "Text size/2xs",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Size/300-16"
+              }
+            },
+            {
+              "name": "Text size/xs",
+              "type": "number",
+              "isAlias": false,
+              "value": 19
+            },
+            {
+              "name": "Text size/sm",
+              "type": "number",
+              "isAlias": false,
+              "value": 22
+            },
+            {
+              "name": "Text size/md",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Size/500-24"
+              }
+            },
+            {
+              "name": "Text size/lg",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Size/550-26"
+              }
+            },
+            {
+              "name": "Text size/xl",
+              "type": "number",
+              "isAlias": false,
+              "value": 29
+            },
+            {
+              "name": "Text size/2xl",
+              "type": "number",
+              "isAlias": false,
+              "value": 34
+            },
+            {
+              "name": "Text size/3xl",
+              "type": "number",
+              "isAlias": false,
+              "value": 42
+            },
+            {
+              "name": "Text size/4xl",
+              "type": "number",
+              "isAlias": false,
+              "value": 44
+            },
+            {
+              "name": "Text size/5xl",
+              "type": "number",
+              "isAlias": false,
+              "value": 50
+            }
+          ]
+        },
+        {
+          "name": "Mobile",
+          "variables": [
+            {
+              "name": "Margin/Margin-min",
+              "type": "number",
+              "isAlias": false,
+              "value": 16
+            },
+            {
+              "name": "Breakpoints/min-width",
+              "type": "number",
+              "isAlias": false,
+              "value": 320
+            },
+            {
+              "name": "Breakpoints/max-width",
+              "type": "number",
+              "isAlias": false,
+              "value": 767
+            },
+            {
+              "name": "Margin/Margin-max",
+              "type": "number",
+              "isAlias": false,
+              "value": 16
+            },
+            {
+              "name": "Columns/Column",
+              "type": "number",
+              "isAlias": false,
+              "value": 4
+            },
+            {
+              "name": "Gutter/min-width",
+              "type": "number",
+              "isAlias": false,
+              "value": 16
+            },
+            {
+              "name": "Gutter/max-width",
+              "type": "number",
+              "isAlias": false,
+              "value": 16
+            },
+            {
+              "name": "Text size/5xs",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Size/200-12"
+              }
+            },
+            {
+              "name": "Text size/4xs",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Size/250-14"
+              }
+            },
+            {
+              "name": "Text size/3xs",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Size/300-16"
+              }
+            },
+            {
+              "name": "Text size/2xs",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Size/300-16"
+              }
+            },
+            {
+              "name": "Text size/xs",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Size/350-18"
+              }
+            },
+            {
+              "name": "Text size/sm",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Size/400-20"
+              }
+            },
+            {
+              "name": "Text size/md",
+              "type": "number",
+              "isAlias": false,
+              "value": 22
+            },
+            {
+              "name": "Text size/lg",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Size/500-24"
+              }
+            },
+            {
+              "name": "Text size/xl",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Size/500-24"
+              }
+            },
+            {
+              "name": "Text size/2xl",
+              "type": "number",
+              "isAlias": false,
+              "value": 30
+            },
+            {
+              "name": "Text size/3xl",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Size/700-32"
+              }
+            },
+            {
+              "name": "Text size/4xl",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Size/800-36"
+              }
+            },
+            {
+              "name": "Text size/5xl",
+              "type": "number",
+              "isAlias": false,
+              "value": 48
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "Type",
+      "modes": [
+        {
+          "name": "Scandic",
+          "variables": [
+            {
+              "name": "Title/lg/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/4xl"
+              }
+            },
+            {
+              "name": "Title/lg/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Black"
+              }
+            },
+            {
+              "name": "Title/lg/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Title"
+              }
+            },
+            {
+              "name": "Title/lg/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.11999999731779099
+            },
+            {
+              "name": "Title/lg/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/lg/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": true
+            },
+            {
+              "name": "Title/md/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/2xl"
+              }
+            },
+            {
+              "name": "Title/md/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Black"
+              }
+            },
+            {
+              "name": "Title/md/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Title"
+              }
+            },
+            {
+              "name": "Title/sm/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/lg"
+              }
+            },
+            {
+              "name": "Title/md/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.09000000357627869
+            },
+            {
+              "name": "Title/md/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/sm/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Black"
+              }
+            },
+            {
+              "name": "Title/sm/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Title"
+              }
+            },
+            {
+              "name": "Title/sm/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.07000000029802322
+            },
+            {
+              "name": "Title/sm/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/sm/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": true
+            },
+            {
+              "name": "Title/sm/LowCase/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/lg"
+              }
+            },
+            {
+              "name": "Title/sm/LowCase/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular bold"
+              }
+            },
+            {
+              "name": "Title/xs/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/sm"
+              }
+            },
+            {
+              "name": "Title/sm/LowCase/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Title"
+              }
+            },
+            {
+              "name": "Title/Decorative/lg/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/xl"
+              }
+            },
+            {
+              "name": "Title/Decorative/lg/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Title/Decorative/lg/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Decorative"
+              }
+            },
+            {
+              "name": "Title/Decorative/lg/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.6399999856948853
+            },
+            {
+              "name": "Title/Decorative/lg/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/Decorative/lg/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": false
+            },
+            {
+              "name": "Title/Decorative/md/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/sm"
+              }
+            },
+            {
+              "name": "Title/Decorative/md/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Title/Decorative/md/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Decorative"
+              }
+            },
+            {
+              "name": "Title/Decorative/md/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.47999998927116394
+            },
+            {
+              "name": "Title/Decorative/md/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/Decorative/md/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": false
+            },
+            {
+              "name": "Title/Subtitle/lg/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/sm"
+              }
+            },
+            {
+              "name": "Title/Subtitle/lg/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Title/Subtitle/lg/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Body"
+              }
+            },
+            {
+              "name": "Title/Subtitle/lg/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/Subtitle/lg/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.23999999463558197
+            },
+            {
+              "name": "Title/Subtitle/md/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/xs"
+              }
+            },
+            {
+              "name": "Title/Subtitle/md/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Title/Subtitle/md/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Body"
+              }
+            },
+            {
+              "name": "Title/Subtitle/md/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/Subtitle/md/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.20000000298023224
+            },
+            {
+              "name": "Title/Overline/sm/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/4xs"
+              }
+            },
+            {
+              "name": "Title/Overline/sm/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular bold"
+              }
+            },
+            {
+              "name": "Title/Overline/sm/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Title"
+              }
+            },
+            {
+              "name": "Title/Overline/sm/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.6399999856948853
+            },
+            {
+              "name": "Title/Overline/sm/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/Overline/sm/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": true
+            },
+            {
+              "name": "Title/sm/LowCase/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.07000000029802322
+            },
+            {
+              "name": "Title/sm/LowCase/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/sm/LowCase/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": false
+            },
+            {
+              "name": "Title/xs/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Black"
+              }
+            },
+            {
+              "name": "Title/xs/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Title"
+              }
+            },
+            {
+              "name": "Title/xs/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.05999999865889549
+            },
+            {
+              "name": "Title/xs/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/xs/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": true
+            },
+            {
+              "name": "Title/md/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": true
+            },
+            {
+              "name": "Title/md/LowCase/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/2xl"
+              }
+            },
+            {
+              "name": "Title/md/LowCase/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular bold"
+              }
+            },
+            {
+              "name": "Title/md/LowCase/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Title"
+              }
+            },
+            {
+              "name": "Title/md/LowCase/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.09000000357627869
+            },
+            {
+              "name": "Title/md/LowCase/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/md/LowCase/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": false
+            },
+            {
+              "name": "Body/Lead text/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/xs"
+              }
+            },
+            {
+              "name": "Tag/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/5xs"
+              }
+            },
+            {
+              "name": "Tag/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular bold"
+              }
+            },
+            {
+              "name": "Tag/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Title"
+              }
+            },
+            {
+              "name": "Tag/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.19599999487400055
+            },
+            {
+              "name": "Tag/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Tag/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": true
+            },
+            {
+              "name": "Link/md/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/3xs"
+              }
+            },
+            {
+              "name": "Link/md/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Link/md/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Body"
+              }
+            },
+            {
+              "name": "Link/md/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Link/md/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.19200000166893005
+            },
+            {
+              "name": "Link/sm/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/4xs"
+              }
+            },
+            {
+              "name": "Link/sm/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Link/sm/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Body"
+              }
+            },
+            {
+              "name": "Link/sm/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Link/sm/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.19599999487400055
+            },
+            {
+              "name": "Body/Lead text/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Body/Lead text/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Body"
+              }
+            },
+            {
+              "name": "Body/Lead text/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Body/Paragraph/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/3xs"
+              }
+            },
+            {
+              "name": "Body/Paragraph/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Body/Paragraph/Font weight 2",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Body/Paragraph/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Body"
+              }
+            },
+            {
+              "name": "Body/Paragraph/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Body/Paragraph/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.19200000166893005
+            },
+            {
+              "name": "Body/Supporting text/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/4xs"
+              }
+            },
+            {
+              "name": "Body/Supporting text/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Body/Supporting text/Font weight 2",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Body/Supporting text/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Body"
+              }
+            },
+            {
+              "name": "Body/Supporting text/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Body/Supporting text/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.19599999487400055
+            },
+            {
+              "name": "Body/Lead text/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.20000000298023224
+            },
+            {
+              "name": "Label/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/5xs"
+              }
+            },
+            {
+              "name": "Label/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Label/Font weight 2",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Label/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Body"
+              }
+            },
+            {
+              "name": "Label/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Label/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.1679999977350235
+            },
+            {
+              "name": "Body/Underline/md/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/3xs"
+              }
+            },
+            {
+              "name": "Body/Underline/md/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Body/Underline/md/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Body"
+              }
+            },
+            {
+              "name": "Body/Underline/md/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Body/Underline/md/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.19200000166893005
+            },
+            {
+              "name": "Body/Underline/sm/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/4xs"
+              }
+            },
+            {
+              "name": "Body/Underline/sm/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Body/Underline/sm/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Body"
+              }
+            },
+            {
+              "name": "Body/Underline/sm/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Body/Underline/sm/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.19599999487400055
+            }
+          ]
+        },
+        {
+          "name": "Scandic Go",
+          "variables": [
+            {
+              "name": "Title/lg/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/4xl"
+              }
+            },
+            {
+              "name": "Title/lg/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Title/lg/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Scandic Go/Title"
+              }
+            },
+            {
+              "name": "Title/lg/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.47999998927116394
+            },
+            {
+              "name": "Title/lg/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/lg/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": false
+            },
+            {
+              "name": "Title/md/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/2xl"
+              }
+            },
+            {
+              "name": "Title/md/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Title/md/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Scandic Go/Title"
+              }
+            },
+            {
+              "name": "Title/sm/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/lg"
+              }
+            },
+            {
+              "name": "Title/md/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.36000001430511475
+            },
+            {
+              "name": "Title/md/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/sm/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Title/sm/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Scandic Go/Title"
+              }
+            },
+            {
+              "name": "Title/sm/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.41999998688697815
+            },
+            {
+              "name": "Title/sm/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/sm/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": false
+            },
+            {
+              "name": "Title/sm/LowCase/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/lg"
+              }
+            },
+            {
+              "name": "Title/sm/LowCase/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Title/xs/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/sm"
+              }
+            },
+            {
+              "name": "Title/sm/LowCase/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Scandic Go/Title"
+              }
+            },
+            {
+              "name": "Title/Decorative/lg/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/xl"
+              }
+            },
+            {
+              "name": "Title/Decorative/lg/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Title/Decorative/lg/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Scandic Go/Decorative"
+              }
+            },
+            {
+              "name": "Title/Decorative/lg/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.3199999928474426
+            },
+            {
+              "name": "Title/Decorative/lg/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "Serif"
+            },
+            {
+              "name": "Title/Decorative/lg/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": false
+            },
+            {
+              "name": "Title/Decorative/md/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/sm"
+              }
+            },
+            {
+              "name": "Title/Decorative/md/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Title/Decorative/md/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Scandic Go/Decorative"
+              }
+            },
+            {
+              "name": "Title/Decorative/md/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.47999998927116394
+            },
+            {
+              "name": "Title/Decorative/md/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "Serif"
+            },
+            {
+              "name": "Title/Decorative/md/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": false
+            },
+            {
+              "name": "Title/Subtitle/lg/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/sm"
+              }
+            },
+            {
+              "name": "Title/Subtitle/lg/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Title/Subtitle/lg/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Scandic Go/Body"
+              }
+            },
+            {
+              "name": "Title/Subtitle/lg/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/Subtitle/lg/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.23999999463558197
+            },
+            {
+              "name": "Title/Subtitle/md/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/xs"
+              }
+            },
+            {
+              "name": "Title/Subtitle/md/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Title/Subtitle/md/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Scandic Go/Body"
+              }
+            },
+            {
+              "name": "Title/Subtitle/md/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/Subtitle/md/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.20000000298023224
+            },
+            {
+              "name": "Title/Overline/sm/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/2xs"
+              }
+            },
+            {
+              "name": "Title/Overline/sm/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Title/Overline/sm/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Scandic Go/Title"
+              }
+            },
+            {
+              "name": "Title/Overline/sm/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.20999999344348907
+            },
+            {
+              "name": "Title/Overline/sm/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/Overline/sm/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": false
+            },
+            {
+              "name": "Title/sm/LowCase/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.41999998688697815
+            },
+            {
+              "name": "Title/sm/LowCase/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/sm/LowCase/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": false
+            },
+            {
+              "name": "Title/xs/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Title/xs/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Scandic Go/Title"
+              }
+            },
+            {
+              "name": "Title/xs/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.36000001430511475
+            },
+            {
+              "name": "Title/xs/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/xs/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": false
+            },
+            {
+              "name": "Title/md/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": false
+            },
+            {
+              "name": "Title/md/LowCase/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/2xl"
+              }
+            },
+            {
+              "name": "Title/md/LowCase/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Title/md/LowCase/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Title"
+              }
+            },
+            {
+              "name": "Title/md/LowCase/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.36000001430511475
+            },
+            {
+              "name": "Title/md/LowCase/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/md/LowCase/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": false
+            },
+            {
+              "name": "Body/Lead text/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/xs"
+              }
+            },
+            {
+              "name": "Tag/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/5xs"
+              }
+            },
+            {
+              "name": "Tag/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Tag/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Scandic Go/Title"
+              }
+            },
+            {
+              "name": "Tag/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.23999999463558197
+            },
+            {
+              "name": "Tag/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Tag/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": false
+            },
+            {
+              "name": "Link/md/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/3xs"
+              }
+            },
+            {
+              "name": "Link/md/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Link/md/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Scandic Go/Body"
+              }
+            },
+            {
+              "name": "Link/md/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Link/md/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.1899999976158142
+            },
+            {
+              "name": "Link/sm/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/4xs"
+              }
+            },
+            {
+              "name": "Link/sm/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Link/sm/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Scandic Go/Body"
+              }
+            },
+            {
+              "name": "Link/sm/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Link/sm/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.20000000298023224
+            },
+            {
+              "name": "Body/Lead text/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Body/Lead text/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Scandic Go/Body"
+              }
+            },
+            {
+              "name": "Body/Lead text/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Body/Paragraph/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/3xs"
+              }
+            },
+            {
+              "name": "Body/Paragraph/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Body/Paragraph/Font weight 2",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Body/Paragraph/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Scandic Go/Body"
+              }
+            },
+            {
+              "name": "Body/Paragraph/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Body/Paragraph/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.1899999976158142
+            },
+            {
+              "name": "Body/Supporting text/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/4xs"
+              }
+            },
+            {
+              "name": "Body/Supporting text/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Body/Supporting text/Font weight 2",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Body/Supporting text/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Scandic Go/Body"
+              }
+            },
+            {
+              "name": "Body/Supporting text/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Body/Supporting text/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.20000000298023224
+            },
+            {
+              "name": "Body/Lead text/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.20000000298023224
+            },
+            {
+              "name": "Label/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/5xs"
+              }
+            },
+            {
+              "name": "Label/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Label/Font weight 2",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Label/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Scandic Go/Body"
+              }
+            },
+            {
+              "name": "Label/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Label/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.17000000178813934
+            },
+            {
+              "name": "Body/Underline/md/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/3xs"
+              }
+            },
+            {
+              "name": "Body/Underline/md/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Body/Underline/md/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Scandic Go/Body"
+              }
+            },
+            {
+              "name": "Body/Underline/md/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Body/Underline/md/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.1899999976158142
+            },
+            {
+              "name": "Body/Underline/sm/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/4xs"
+              }
+            },
+            {
+              "name": "Body/Underline/sm/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Body/Underline/sm/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Scandic Go/Body"
+              }
+            },
+            {
+              "name": "Body/Underline/sm/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Body/Underline/sm/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.20000000298023224
+            }
+          ]
+        },
+        {
+          "name": "Downtown Camper",
+          "variables": [
+            {
+              "name": "Title/lg/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/4xl"
+              }
+            },
+            {
+              "name": "Title/lg/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Black"
+              }
+            },
+            {
+              "name": "Title/lg/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Downtown Camper/Title"
+              }
+            },
+            {
+              "name": "Title/lg/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.11999999731779099
+            },
+            {
+              "name": "Title/lg/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/lg/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": false
+            },
+            {
+              "name": "Title/md/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/2xl"
+              }
+            },
+            {
+              "name": "Title/md/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Black"
+              }
+            },
+            {
+              "name": "Title/md/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Downtown Camper/Title"
+              }
+            },
+            {
+              "name": "Title/sm/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/lg"
+              }
+            },
+            {
+              "name": "Title/md/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.09000000357627869
+            },
+            {
+              "name": "Title/md/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/sm/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Black"
+              }
+            },
+            {
+              "name": "Title/sm/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Downtown Camper/Title"
+              }
+            },
+            {
+              "name": "Title/sm/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.07000000029802322
+            },
+            {
+              "name": "Title/sm/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/sm/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": false
+            },
+            {
+              "name": "Title/sm/LowCase/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/lg"
+              }
+            },
+            {
+              "name": "Title/sm/LowCase/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Title/xs/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/sm"
+              }
+            },
+            {
+              "name": "Title/sm/LowCase/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Downtown Camper/Title"
+              }
+            },
+            {
+              "name": "Title/Decorative/lg/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/xs"
+              }
+            },
+            {
+              "name": "Title/Decorative/lg/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Title/Decorative/lg/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Downtown Camper/Decorative"
+              }
+            },
+            {
+              "name": "Title/Decorative/lg/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.05000000074505806
+            },
+            {
+              "name": "Title/Decorative/lg/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/Decorative/lg/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": true
+            },
+            {
+              "name": "Title/Decorative/md/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/3xs"
+              }
+            },
+            {
+              "name": "Title/Decorative/md/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Title/Decorative/md/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Downtown Camper/Decorative"
+              }
+            },
+            {
+              "name": "Title/Decorative/md/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.19200000166893005
+            },
+            {
+              "name": "Title/Decorative/md/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/Decorative/md/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": true
+            },
+            {
+              "name": "Title/Subtitle/lg/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/sm"
+              }
+            },
+            {
+              "name": "Title/Subtitle/lg/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Title/Subtitle/lg/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Downtown Camper/Body"
+              }
+            },
+            {
+              "name": "Title/Subtitle/lg/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/Subtitle/lg/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.23999999463558197
+            },
+            {
+              "name": "Title/Subtitle/md/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/xs"
+              }
+            },
+            {
+              "name": "Title/Subtitle/md/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Title/Subtitle/md/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Downtown Camper/Body"
+              }
+            },
+            {
+              "name": "Title/Subtitle/md/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/Subtitle/md/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.20000000298023224
+            },
+            {
+              "name": "Title/Overline/sm/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/4xs"
+              }
+            },
+            {
+              "name": "Title/Overline/sm/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Title/Overline/sm/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Downtown Camper/Title"
+              }
+            },
+            {
+              "name": "Title/Overline/sm/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.20999999344348907
+            },
+            {
+              "name": "Title/Overline/sm/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/Overline/sm/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": true
+            },
+            {
+              "name": "Title/sm/LowCase/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.07000000029802322
+            },
+            {
+              "name": "Title/sm/LowCase/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/sm/LowCase/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": false
+            },
+            {
+              "name": "Title/xs/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Black"
+              }
+            },
+            {
+              "name": "Title/xs/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Downtown Camper/Title"
+              }
+            },
+            {
+              "name": "Title/xs/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.11999999731779099
+            },
+            {
+              "name": "Title/xs/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/xs/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": false
+            },
+            {
+              "name": "Title/md/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": false
+            },
+            {
+              "name": "Title/md/LowCase/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/2xl"
+              }
+            },
+            {
+              "name": "Title/md/LowCase/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Title/md/LowCase/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Downtown Camper/Title"
+              }
+            },
+            {
+              "name": "Title/md/LowCase/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.09000000357627869
+            },
+            {
+              "name": "Title/md/LowCase/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/md/LowCase/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": false
+            },
+            {
+              "name": "Body/Lead text/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/xs"
+              }
+            },
+            {
+              "name": "Tag/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/5xs"
+              }
+            },
+            {
+              "name": "Tag/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Tag/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Downtown Camper/Title"
+              }
+            },
+            {
+              "name": "Tag/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.05999999865889549
+            },
+            {
+              "name": "Tag/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Tag/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": false
+            },
+            {
+              "name": "Link/md/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/3xs"
+              }
+            },
+            {
+              "name": "Link/md/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Link/md/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Downtown Camper/Body"
+              }
+            },
+            {
+              "name": "Link/md/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Link/md/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.1899999976158142
+            },
+            {
+              "name": "Link/sm/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/4xs"
+              }
+            },
+            {
+              "name": "Link/sm/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Link/sm/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Downtown Camper/Body"
+              }
+            },
+            {
+              "name": "Link/sm/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Link/sm/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.20000000298023224
+            },
+            {
+              "name": "Body/Lead text/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Body/Lead text/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Downtown Camper/Body"
+              }
+            },
+            {
+              "name": "Body/Lead text/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Body/Paragraph/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/3xs"
+              }
+            },
+            {
+              "name": "Body/Paragraph/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Body/Paragraph/Font weight 2",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Body/Paragraph/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Downtown Camper/Body"
+              }
+            },
+            {
+              "name": "Body/Paragraph/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Body/Paragraph/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.1899999976158142
+            },
+            {
+              "name": "Body/Supporting text/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/4xs"
+              }
+            },
+            {
+              "name": "Body/Supporting text/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Body/Supporting text/Font weight 2",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Body/Supporting text/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Downtown Camper/Body"
+              }
+            },
+            {
+              "name": "Body/Supporting text/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Body/Supporting text/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.20000000298023224
+            },
+            {
+              "name": "Body/Lead text/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.20000000298023224
+            },
+            {
+              "name": "Label/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/5xs"
+              }
+            },
+            {
+              "name": "Label/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Label/Font weight 2",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Label/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Downtown Camper/Body"
+              }
+            },
+            {
+              "name": "Label/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Label/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.17000000178813934
+            },
+            {
+              "name": "Body/Underline/md/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/3xs"
+              }
+            },
+            {
+              "name": "Body/Underline/md/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Body/Underline/md/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Downtown Camper/Body"
+              }
+            },
+            {
+              "name": "Body/Underline/md/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Body/Underline/md/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.1899999976158142
+            },
+            {
+              "name": "Body/Underline/sm/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/4xs"
+              }
+            },
+            {
+              "name": "Body/Underline/sm/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Body/Underline/sm/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Downtown Camper/Body"
+              }
+            },
+            {
+              "name": "Body/Underline/sm/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Body/Underline/sm/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.20000000298023224
+            }
+          ]
+        },
+        {
+          "name": "Haymarket",
+          "variables": [
+            {
+              "name": "Title/lg/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/4xl"
+              }
+            },
+            {
+              "name": "Title/lg/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Title/lg/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Haymarket/Title"
+              }
+            },
+            {
+              "name": "Title/lg/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 1.440000057220459
+            },
+            {
+              "name": "Title/lg/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "Serif"
+            },
+            {
+              "name": "Title/lg/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": false
+            },
+            {
+              "name": "Title/md/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/2xl"
+              }
+            },
+            {
+              "name": "Title/md/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Title/md/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Haymarket/Title"
+              }
+            },
+            {
+              "name": "Title/sm/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/lg"
+              }
+            },
+            {
+              "name": "Title/md/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.36000001430511475
+            },
+            {
+              "name": "Title/md/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "Serif"
+            },
+            {
+              "name": "Title/sm/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Title/sm/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Haymarket/Title"
+              }
+            },
+            {
+              "name": "Title/sm/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.5600000023841858
+            },
+            {
+              "name": "Title/sm/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "Serif"
+            },
+            {
+              "name": "Title/sm/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": false
+            },
+            {
+              "name": "Title/sm/LowCase/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/lg"
+              }
+            },
+            {
+              "name": "Title/sm/LowCase/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Title/xs/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/sm"
+              }
+            },
+            {
+              "name": "Title/sm/LowCase/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Haymarket/Title"
+              }
+            },
+            {
+              "name": "Title/Decorative/lg/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/xs"
+              }
+            },
+            {
+              "name": "Title/Decorative/lg/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Title/Decorative/lg/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Haymarket/Decorative"
+              }
+            },
+            {
+              "name": "Title/Decorative/lg/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.6000000238418579
+            },
+            {
+              "name": "Title/Decorative/lg/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "Serif"
+            },
+            {
+              "name": "Title/Decorative/lg/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": true
+            },
+            {
+              "name": "Title/Decorative/md/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/3xs"
+              }
+            },
+            {
+              "name": "Title/Decorative/md/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Title/Decorative/md/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Haymarket/Decorative"
+              }
+            },
+            {
+              "name": "Title/Decorative/md/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.6399999856948853
+            },
+            {
+              "name": "Title/Decorative/md/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "Serif"
+            },
+            {
+              "name": "Title/Decorative/md/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": true
+            },
+            {
+              "name": "Title/Subtitle/lg/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/sm"
+              }
+            },
+            {
+              "name": "Title/Subtitle/lg/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Title/Subtitle/lg/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Haymarket/Body"
+              }
+            },
+            {
+              "name": "Title/Subtitle/lg/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/Subtitle/lg/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.23999999463558197
+            },
+            {
+              "name": "Title/Subtitle/md/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/xs"
+              }
+            },
+            {
+              "name": "Title/Subtitle/md/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Title/Subtitle/md/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Haymarket/Body"
+              }
+            },
+            {
+              "name": "Title/Subtitle/md/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/Subtitle/md/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.20000000298023224
+            },
+            {
+              "name": "Title/Overline/sm/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/4xs"
+              }
+            },
+            {
+              "name": "Title/Overline/sm/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Title/Overline/sm/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Haymarket/Body"
+              }
+            },
+            {
+              "name": "Title/Overline/sm/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.20999999344348907
+            },
+            {
+              "name": "Title/Overline/sm/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/Overline/sm/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": true
+            },
+            {
+              "name": "Title/sm/LowCase/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.5600000023841858
+            },
+            {
+              "name": "Title/sm/LowCase/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "Serif"
+            },
+            {
+              "name": "Title/sm/LowCase/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": false
+            },
+            {
+              "name": "Title/xs/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Title/xs/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Haymarket/Title"
+              }
+            },
+            {
+              "name": "Title/xs/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.23999999463558197
+            },
+            {
+              "name": "Title/xs/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "Serif"
+            },
+            {
+              "name": "Title/xs/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": false
+            },
+            {
+              "name": "Title/md/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": false
+            },
+            {
+              "name": "Title/md/LowCase/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/2xl"
+              }
+            },
+            {
+              "name": "Title/md/LowCase/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Title/md/LowCase/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Haymarket/Title"
+              }
+            },
+            {
+              "name": "Title/md/LowCase/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.36000001430511475
+            },
+            {
+              "name": "Title/md/LowCase/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "Serif"
+            },
+            {
+              "name": "Title/md/LowCase/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": false
+            },
+            {
+              "name": "Body/Lead text/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/xs"
+              }
+            },
+            {
+              "name": "Tag/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/5xs"
+              }
+            },
+            {
+              "name": "Tag/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Tag/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Haymarket/Body"
+              }
+            },
+            {
+              "name": "Tag/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.23999999463558197
+            },
+            {
+              "name": "Tag/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Tag/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": true
+            },
+            {
+              "name": "Link/md/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/3xs"
+              }
+            },
+            {
+              "name": "Link/md/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Link/md/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Haymarket/Body"
+              }
+            },
+            {
+              "name": "Link/md/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Link/md/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.1899999976158142
+            },
+            {
+              "name": "Link/sm/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/4xs"
+              }
+            },
+            {
+              "name": "Link/sm/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Link/sm/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Haymarket/Body"
+              }
+            },
+            {
+              "name": "Link/sm/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Link/sm/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.20000000298023224
+            },
+            {
+              "name": "Body/Lead text/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Body/Lead text/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Haymarket/Body"
+              }
+            },
+            {
+              "name": "Body/Lead text/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Body/Paragraph/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/3xs"
+              }
+            },
+            {
+              "name": "Body/Paragraph/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Body/Paragraph/Font weight 2",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Body/Paragraph/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Haymarket/Body"
+              }
+            },
+            {
+              "name": "Body/Paragraph/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Body/Paragraph/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.1899999976158142
+            },
+            {
+              "name": "Body/Supporting text/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/4xs"
+              }
+            },
+            {
+              "name": "Body/Supporting text/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Body/Supporting text/Font weight 2",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Body/Supporting text/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Haymarket/Body"
+              }
+            },
+            {
+              "name": "Body/Supporting text/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Body/Supporting text/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.20000000298023224
+            },
+            {
+              "name": "Body/Lead text/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.20000000298023224
+            },
+            {
+              "name": "Label/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/5xs"
+              }
+            },
+            {
+              "name": "Label/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Label/Font weight 2",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Label/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Haymarket/Body"
+              }
+            },
+            {
+              "name": "Label/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Label/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.17000000178813934
+            },
+            {
+              "name": "Body/Underline/md/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/3xs"
+              }
+            },
+            {
+              "name": "Body/Underline/md/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Body/Underline/md/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Haymarket/Body"
+              }
+            },
+            {
+              "name": "Body/Underline/md/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Body/Underline/md/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.1899999976158142
+            },
+            {
+              "name": "Body/Underline/sm/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/4xs"
+              }
+            },
+            {
+              "name": "Body/Underline/sm/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Body/Underline/sm/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Haymarket/Body"
+              }
+            },
+            {
+              "name": "Body/Underline/sm/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Body/Underline/sm/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.20000000298023224
+            }
+          ]
+        },
+        {
+          "name": "Marski",
+          "variables": [
+            {
+              "name": "Title/lg/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/4xl"
+              }
+            },
+            {
+              "name": "Title/lg/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Title/lg/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Marski/Title"
+              }
+            },
+            {
+              "name": "Title/lg/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.47999998927116394
+            },
+            {
+              "name": "Title/lg/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/lg/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": false
+            },
+            {
+              "name": "Title/md/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/2xl"
+              }
+            },
+            {
+              "name": "Title/md/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Title/md/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Marski/Title"
+              }
+            },
+            {
+              "name": "Title/sm/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/lg"
+              }
+            },
+            {
+              "name": "Title/md/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.09000000357627869
+            },
+            {
+              "name": "Title/md/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/sm/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Title/sm/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Marski/Title"
+              }
+            },
+            {
+              "name": "Title/sm/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.14000000059604645
+            },
+            {
+              "name": "Title/sm/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/sm/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": false
+            },
+            {
+              "name": "Title/sm/LowCase/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/lg"
+              }
+            },
+            {
+              "name": "Title/sm/LowCase/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Title/xs/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/sm"
+              }
+            },
+            {
+              "name": "Title/sm/LowCase/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Marski/Title"
+              }
+            },
+            {
+              "name": "Title/Decorative/lg/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/xs"
+              }
+            },
+            {
+              "name": "Title/Decorative/lg/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Bold"
+              }
+            },
+            {
+              "name": "Title/Decorative/lg/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Marski/Decorative"
+              }
+            },
+            {
+              "name": "Title/Decorative/lg/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.10000000149011612
+            },
+            {
+              "name": "Title/Decorative/lg/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/Decorative/lg/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": true
+            },
+            {
+              "name": "Title/Decorative/md/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/3xs"
+              }
+            },
+            {
+              "name": "Title/Decorative/md/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Bold"
+              }
+            },
+            {
+              "name": "Title/Decorative/md/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Marski/Decorative"
+              }
+            },
+            {
+              "name": "Title/Decorative/md/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.3199999928474426
+            },
+            {
+              "name": "Title/Decorative/md/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/Decorative/md/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": true
+            },
+            {
+              "name": "Title/Subtitle/lg/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/sm"
+              }
+            },
+            {
+              "name": "Title/Subtitle/lg/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Title/Subtitle/lg/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Marski/Body"
+              }
+            },
+            {
+              "name": "Title/Subtitle/lg/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/Subtitle/lg/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.23999999463558197
+            },
+            {
+              "name": "Title/Subtitle/md/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/xs"
+              }
+            },
+            {
+              "name": "Title/Subtitle/md/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Title/Subtitle/md/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Marski/Body"
+              }
+            },
+            {
+              "name": "Title/Subtitle/md/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/Subtitle/md/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.20000000298023224
+            },
+            {
+              "name": "Title/Overline/sm/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/4xs"
+              }
+            },
+            {
+              "name": "Title/Overline/sm/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Bold"
+              }
+            },
+            {
+              "name": "Title/Overline/sm/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Marski/Title"
+              }
+            },
+            {
+              "name": "Title/Overline/sm/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.20999999344348907
+            },
+            {
+              "name": "Title/Overline/sm/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/Overline/sm/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": true
+            },
+            {
+              "name": "Title/sm/LowCase/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.14000000059604645
+            },
+            {
+              "name": "Title/sm/LowCase/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/sm/LowCase/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": false
+            },
+            {
+              "name": "Title/xs/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Title/xs/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Marski/Title"
+              }
+            },
+            {
+              "name": "Title/xs/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.23999999463558197
+            },
+            {
+              "name": "Title/xs/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/xs/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": false
+            },
+            {
+              "name": "Title/md/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": false
+            },
+            {
+              "name": "Title/md/LowCase/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/2xl"
+              }
+            },
+            {
+              "name": "Title/md/LowCase/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Title/md/LowCase/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Marski/Title"
+              }
+            },
+            {
+              "name": "Title/md/LowCase/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.09000000357627869
+            },
+            {
+              "name": "Title/md/LowCase/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/md/LowCase/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": false
+            },
+            {
+              "name": "Body/Lead text/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/xs"
+              }
+            },
+            {
+              "name": "Tag/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/5xs"
+              }
+            },
+            {
+              "name": "Tag/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Tag/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Marski/Title"
+              }
+            },
+            {
+              "name": "Tag/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.18000000715255737
+            },
+            {
+              "name": "Tag/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Tag/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": false
+            },
+            {
+              "name": "Link/md/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/3xs"
+              }
+            },
+            {
+              "name": "Link/md/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Link/md/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Marski/Body"
+              }
+            },
+            {
+              "name": "Link/md/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Link/md/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.1899999976158142
+            },
+            {
+              "name": "Link/sm/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/4xs"
+              }
+            },
+            {
+              "name": "Link/sm/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Link/sm/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Marski/Body"
+              }
+            },
+            {
+              "name": "Link/sm/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Link/sm/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.20000000298023224
+            },
+            {
+              "name": "Body/Lead text/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Body/Lead text/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Marski/Body"
+              }
+            },
+            {
+              "name": "Body/Lead text/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Body/Paragraph/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/3xs"
+              }
+            },
+            {
+              "name": "Body/Paragraph/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Body/Paragraph/Font weight 2",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Body/Paragraph/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Marski/Body"
+              }
+            },
+            {
+              "name": "Body/Paragraph/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Body/Paragraph/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.1899999976158142
+            },
+            {
+              "name": "Body/Supporting text/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/4xs"
+              }
+            },
+            {
+              "name": "Body/Supporting text/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Body/Supporting text/Font weight 2",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Body/Supporting text/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Marski/Body"
+              }
+            },
+            {
+              "name": "Body/Supporting text/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Body/Supporting text/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.20000000298023224
+            },
+            {
+              "name": "Body/Lead text/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.20000000298023224
+            },
+            {
+              "name": "Label/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/5xs"
+              }
+            },
+            {
+              "name": "Label/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Label/Font weight 2",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Label/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Marski/Body"
+              }
+            },
+            {
+              "name": "Label/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Label/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.17000000178813934
+            },
+            {
+              "name": "Body/Underline/md/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/3xs"
+              }
+            },
+            {
+              "name": "Body/Underline/md/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Body/Underline/md/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Marski/Body"
+              }
+            },
+            {
+              "name": "Body/Underline/md/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Body/Underline/md/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.1899999976158142
+            },
+            {
+              "name": "Body/Underline/sm/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/4xs"
+              }
+            },
+            {
+              "name": "Body/Underline/sm/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Body/Underline/sm/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Marski/Body"
+              }
+            },
+            {
+              "name": "Body/Underline/sm/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Body/Underline/sm/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.20000000298023224
+            }
+          ]
+        },
+        {
+          "name": "Hotel Norge",
+          "variables": [
+            {
+              "name": "Title/lg/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/4xl"
+              }
+            },
+            {
+              "name": "Title/lg/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Title/lg/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Hotel Norge/Title"
+              }
+            },
+            {
+              "name": "Title/lg/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0
+            },
+            {
+              "name": "Title/lg/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/lg/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": false
+            },
+            {
+              "name": "Title/md/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/2xl"
+              }
+            },
+            {
+              "name": "Title/md/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Title/md/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Hotel Norge/Title"
+              }
+            },
+            {
+              "name": "Title/sm/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/lg"
+              }
+            },
+            {
+              "name": "Title/md/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.36000001430511475
+            },
+            {
+              "name": "Title/md/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/sm/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Title/sm/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Hotel Norge/Title"
+              }
+            },
+            {
+              "name": "Title/sm/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0
+            },
+            {
+              "name": "Title/sm/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/sm/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": false
+            },
+            {
+              "name": "Title/sm/LowCase/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/lg"
+              }
+            },
+            {
+              "name": "Title/sm/LowCase/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Title/xs/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/sm"
+              }
+            },
+            {
+              "name": "Title/sm/LowCase/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Hotel Norge/Title"
+              }
+            },
+            {
+              "name": "Title/Decorative/lg/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/sm"
+              }
+            },
+            {
+              "name": "Title/Decorative/lg/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Title/Decorative/lg/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Hotel Norge/Decorative"
+              }
+            },
+            {
+              "name": "Title/Decorative/lg/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.23999999463558197
+            },
+            {
+              "name": "Title/Decorative/lg/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/Decorative/lg/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": true
+            },
+            {
+              "name": "Title/Decorative/md/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/3xs"
+              }
+            },
+            {
+              "name": "Title/Decorative/md/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Title/Decorative/md/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Hotel Norge/Title"
+              }
+            },
+            {
+              "name": "Title/Decorative/md/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.3199999928474426
+            },
+            {
+              "name": "Title/Decorative/md/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/Decorative/md/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": true
+            },
+            {
+              "name": "Title/Subtitle/lg/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/sm"
+              }
+            },
+            {
+              "name": "Title/Subtitle/lg/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Title/Subtitle/lg/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Hotel Norge/Body"
+              }
+            },
+            {
+              "name": "Title/Subtitle/lg/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/Subtitle/lg/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.23999999463558197
+            },
+            {
+              "name": "Title/Subtitle/md/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/xs"
+              }
+            },
+            {
+              "name": "Title/Subtitle/md/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Title/Subtitle/md/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Hotel Norge/Body"
+              }
+            },
+            {
+              "name": "Title/Subtitle/md/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/Subtitle/md/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.20000000298023224
+            },
+            {
+              "name": "Title/Overline/sm/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/4xs"
+              }
+            },
+            {
+              "name": "Title/Overline/sm/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Title/Overline/sm/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Hotel Norge/Body"
+              }
+            },
+            {
+              "name": "Title/Overline/sm/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.20999999344348907
+            },
+            {
+              "name": "Title/Overline/sm/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/Overline/sm/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": true
+            },
+            {
+              "name": "Title/sm/LowCase/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0
+            },
+            {
+              "name": "Title/sm/LowCase/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/sm/LowCase/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": false
+            },
+            {
+              "name": "Title/xs/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Title/xs/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Hotel Norge/Title"
+              }
+            },
+            {
+              "name": "Title/xs/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": -0.04800000041723251
+            },
+            {
+              "name": "Title/xs/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/xs/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": false
+            },
+            {
+              "name": "Title/md/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": false
+            },
+            {
+              "name": "Title/md/LowCase/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/2xl"
+              }
+            },
+            {
+              "name": "Title/md/LowCase/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Title/md/LowCase/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Hotel Norge/Title"
+              }
+            },
+            {
+              "name": "Title/md/LowCase/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.36000001430511475
+            },
+            {
+              "name": "Title/md/LowCase/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/md/LowCase/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": false
+            },
+            {
+              "name": "Body/Lead text/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/xs"
+              }
+            },
+            {
+              "name": "Tag/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/5xs"
+              }
+            },
+            {
+              "name": "Tag/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Tag/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Hotel Norge/Body"
+              }
+            },
+            {
+              "name": "Tag/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.18000000715255737
+            },
+            {
+              "name": "Tag/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Tag/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": true
+            },
+            {
+              "name": "Link/md/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/3xs"
+              }
+            },
+            {
+              "name": "Link/md/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Link/md/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Hotel Norge/Body"
+              }
+            },
+            {
+              "name": "Link/md/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Link/md/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.1899999976158142
+            },
+            {
+              "name": "Link/sm/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/4xs"
+              }
+            },
+            {
+              "name": "Link/sm/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Link/sm/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Hotel Norge/Body"
+              }
+            },
+            {
+              "name": "Link/sm/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Link/sm/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.20000000298023224
+            },
+            {
+              "name": "Body/Lead text/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Body/Lead text/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Hotel Norge/Body"
+              }
+            },
+            {
+              "name": "Body/Lead text/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Body/Paragraph/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/3xs"
+              }
+            },
+            {
+              "name": "Body/Paragraph/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Body/Paragraph/Font weight 2",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Body/Paragraph/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Hotel Norge/Body"
+              }
+            },
+            {
+              "name": "Body/Paragraph/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Body/Paragraph/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.1899999976158142
+            },
+            {
+              "name": "Body/Supporting text/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/4xs"
+              }
+            },
+            {
+              "name": "Body/Supporting text/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Body/Supporting text/Font weight 2",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Body/Supporting text/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Hotel Norge/Body"
+              }
+            },
+            {
+              "name": "Body/Supporting text/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Body/Supporting text/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.20000000298023224
+            },
+            {
+              "name": "Body/Lead text/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.20000000298023224
+            },
+            {
+              "name": "Label/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/5xs"
+              }
+            },
+            {
+              "name": "Label/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Label/Font weight 2",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Label/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Hotel Norge/Body"
+              }
+            },
+            {
+              "name": "Label/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Label/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.17000000178813934
+            },
+            {
+              "name": "Body/Underline/md/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/3xs"
+              }
+            },
+            {
+              "name": "Body/Underline/md/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Body/Underline/md/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Hotel Norge/Body"
+              }
+            },
+            {
+              "name": "Body/Underline/md/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Body/Underline/md/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.1899999976158142
+            },
+            {
+              "name": "Body/Underline/sm/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/4xs"
+              }
+            },
+            {
+              "name": "Body/Underline/sm/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Body/Underline/sm/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Hotel Norge/Body"
+              }
+            },
+            {
+              "name": "Body/Underline/sm/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Body/Underline/sm/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.20000000298023224
+            }
+          ]
+        },
+        {
+          "name": "Grand Hotel",
+          "variables": [
+            {
+              "name": "Title/lg/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/4xl"
+              }
+            },
+            {
+              "name": "Title/lg/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Title/lg/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Grand Hotel/Title"
+              }
+            },
+            {
+              "name": "Title/lg/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.11999999731779099
+            },
+            {
+              "name": "Title/lg/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "Serif"
+            },
+            {
+              "name": "Title/lg/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": false
+            },
+            {
+              "name": "Title/md/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/2xl"
+              }
+            },
+            {
+              "name": "Title/md/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Title/md/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Grand Hotel/Title"
+              }
+            },
+            {
+              "name": "Title/sm/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/lg"
+              }
+            },
+            {
+              "name": "Title/md/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.18000000715255737
+            },
+            {
+              "name": "Title/md/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "Serif"
+            },
+            {
+              "name": "Title/sm/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Title/sm/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Grand Hotel/Title"
+              }
+            },
+            {
+              "name": "Title/sm/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.2800000011920929
+            },
+            {
+              "name": "Title/sm/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "Serif"
+            },
+            {
+              "name": "Title/sm/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": false
+            },
+            {
+              "name": "Title/sm/LowCase/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/lg"
+              }
+            },
+            {
+              "name": "Title/sm/LowCase/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Title/xs/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/sm"
+              }
+            },
+            {
+              "name": "Title/sm/LowCase/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Grand Hotel/Title"
+              }
+            },
+            {
+              "name": "Title/Decorative/lg/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/xs"
+              }
+            },
+            {
+              "name": "Title/Decorative/lg/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Title/Decorative/lg/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Grand Hotel/Decorative"
+              }
+            },
+            {
+              "name": "Title/Decorative/lg/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.30000001192092896
+            },
+            {
+              "name": "Title/Decorative/lg/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "Serif"
+            },
+            {
+              "name": "Title/Decorative/lg/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": true
+            },
+            {
+              "name": "Title/Decorative/md/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/3xs"
+              }
+            },
+            {
+              "name": "Title/Decorative/md/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Title/Decorative/md/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Grand Hotel/Title"
+              }
+            },
+            {
+              "name": "Title/Decorative/md/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.23999999463558197
+            },
+            {
+              "name": "Title/Decorative/md/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "Serif"
+            },
+            {
+              "name": "Title/Decorative/md/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": true
+            },
+            {
+              "name": "Title/Subtitle/lg/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/sm"
+              }
+            },
+            {
+              "name": "Title/Subtitle/lg/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Title/Subtitle/lg/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Grand Hotel/Body"
+              }
+            },
+            {
+              "name": "Title/Subtitle/lg/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/Subtitle/lg/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.23999999463558197
+            },
+            {
+              "name": "Title/Subtitle/md/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/xs"
+              }
+            },
+            {
+              "name": "Title/Subtitle/md/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Title/Subtitle/md/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Grand Hotel/Body"
+              }
+            },
+            {
+              "name": "Title/Subtitle/md/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/Subtitle/md/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.20000000298023224
+            },
+            {
+              "name": "Title/Overline/sm/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/4xs"
+              }
+            },
+            {
+              "name": "Title/Overline/sm/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Title/Overline/sm/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Grand Hotel/Body"
+              }
+            },
+            {
+              "name": "Title/Overline/sm/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.20999999344348907
+            },
+            {
+              "name": "Title/Overline/sm/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Title/Overline/sm/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": true
+            },
+            {
+              "name": "Title/sm/LowCase/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.2800000011920929
+            },
+            {
+              "name": "Title/sm/LowCase/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "Serif"
+            },
+            {
+              "name": "Title/sm/LowCase/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": false
+            },
+            {
+              "name": "Title/xs/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Title/xs/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Grand Hotel/Title"
+              }
+            },
+            {
+              "name": "Title/xs/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.23999999463558197
+            },
+            {
+              "name": "Title/xs/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "Serif"
+            },
+            {
+              "name": "Title/xs/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": false
+            },
+            {
+              "name": "Title/md/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": false
+            },
+            {
+              "name": "Title/md/LowCase/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/2xl"
+              }
+            },
+            {
+              "name": "Title/md/LowCase/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Title/md/LowCase/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Grand Hotel/Title"
+              }
+            },
+            {
+              "name": "Title/md/LowCase/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.18000000715255737
+            },
+            {
+              "name": "Title/md/LowCase/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "Serif"
+            },
+            {
+              "name": "Title/md/LowCase/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": false
+            },
+            {
+              "name": "Body/Lead text/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/xs"
+              }
+            },
+            {
+              "name": "Tag/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/5xs"
+              }
+            },
+            {
+              "name": "Tag/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Tag/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Grand Hotel/Body"
+              }
+            },
+            {
+              "name": "Tag/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.23999999463558197
+            },
+            {
+              "name": "Tag/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Tag/Text transform",
+              "type": "boolean",
+              "isAlias": false,
+              "value": true
+            },
+            {
+              "name": "Link/md/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/3xs"
+              }
+            },
+            {
+              "name": "Link/md/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Link/md/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Grand Hotel/Body"
+              }
+            },
+            {
+              "name": "Link/md/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Link/md/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.1899999976158142
+            },
+            {
+              "name": "Link/sm/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/4xs"
+              }
+            },
+            {
+              "name": "Link/sm/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Link/sm/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Grand Hotel/Body"
+              }
+            },
+            {
+              "name": "Link/sm/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Link/sm/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.20000000298023224
+            },
+            {
+              "name": "Body/Lead text/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Body/Lead text/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Grand Hotel/Body"
+              }
+            },
+            {
+              "name": "Body/Lead text/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Body/Paragraph/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/3xs"
+              }
+            },
+            {
+              "name": "Body/Paragraph/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Body/Paragraph/Font weight 2",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Body/Paragraph/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Grand Hotel/Body"
+              }
+            },
+            {
+              "name": "Body/Paragraph/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Body/Paragraph/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.1899999976158142
+            },
+            {
+              "name": "Body/Supporting text/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/4xs"
+              }
+            },
+            {
+              "name": "Body/Supporting text/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Body/Supporting text/Font weight 2",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Body/Supporting text/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Grand Hotel/Body"
+              }
+            },
+            {
+              "name": "Body/Supporting text/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Body/Supporting text/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.20000000298023224
+            },
+            {
+              "name": "Body/Lead text/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.20000000298023224
+            },
+            {
+              "name": "Label/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/5xs"
+              }
+            },
+            {
+              "name": "Label/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Label/Font weight 2",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Medium"
+              }
+            },
+            {
+              "name": "Label/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Grand Hotel/Body"
+              }
+            },
+            {
+              "name": "Label/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Label/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.17000000178813934
+            },
+            {
+              "name": "Body/Underline/md/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/3xs"
+              }
+            },
+            {
+              "name": "Body/Underline/md/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Body/Underline/md/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Grand Hotel/Body"
+              }
+            },
+            {
+              "name": "Body/Underline/md/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Body/Underline/md/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.1899999976158142
+            },
+            {
+              "name": "Body/Underline/sm/Size",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "Responsive",
+                "name": "Text size/4xs"
+              }
+            },
+            {
+              "name": "Body/Underline/sm/Font weight",
+              "type": "number",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font weight/Regular"
+              }
+            },
+            {
+              "name": "Body/Underline/sm/Font family",
+              "type": "string",
+              "isAlias": true,
+              "value": {
+                "collection": "_Typographic primitives",
+                "name": "Font family/Grand Hotel/Body"
+              }
+            },
+            {
+              "name": "Body/Underline/sm/Font fallback",
+              "type": "string",
+              "isAlias": false,
+              "value": "sans-serif"
+            },
+            {
+              "name": "Body/Underline/sm/Letter spacing",
+              "type": "number",
+              "isAlias": false,
+              "value": 0.20000000298023224
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "Color Theming",
+      "modes": [
+        {
+          "name": "Scandic",
+          "variables": [
+            {
+              "name": "Text/Heading",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/100"
+              }
+            },
+            {
+              "name": "Text/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Grey/100"
+              }
+            },
+            {
+              "name": "Text/Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Grey/80"
+              }
+            },
+            {
+              "name": "Text/Tertiary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Grey/60"
+              }
+            },
+            {
+              "name": "Text/Accent Primary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/Default"
+              }
+            },
+            {
+              "name": "Text/Accent Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Peach/80"
+              }
+            },
+            {
+              "name": "Text/Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Text/Interactive/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Peach/100"
+              }
+            },
+            {
+              "name": "Text/Interactive/Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Peach/80"
+              }
+            },
+            {
+              "name": "Text/Interactive/Hover Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Peach/100"
+              }
+            },
+            {
+              "name": "Text/Interactive/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Grey/40"
+              }
+            },
+            {
+              "name": "Text/Interactive/Focus",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Grey/100"
+              }
+            },
+            {
+              "name": "Text/Interactive/Error",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/70"
+              }
+            },
+            {
+              "name": "Text/Interactive/Placeholder",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Grey/60"
+              }
+            },
+            {
+              "name": "Text/Brand/OnAccent/Heading",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnAccent/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Grey/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnAccent/Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Peach/80"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 1/Heading",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 1/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Grey/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 1/Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/Default"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 2/Heading",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 2/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 2/Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Peach/10"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 3/Heading",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Peach/10"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 3/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 3/Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Peach/50"
+              }
+            },
+            {
+              "name": "Background/Primary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Beige/00"
+              }
+            },
+            {
+              "name": "Background/Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Surface/Primary/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Surface/Primary/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/5"
+              }
+            },
+            {
+              "name": "Surface/Primary/Hover Light",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Surface/Primary/Hover Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Peach/10"
+              }
+            },
+            {
+              "name": "Surface/Primary/OnSurface/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Beige/00"
+              }
+            },
+            {
+              "name": "Surface/Primary/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Grey/10"
+              }
+            },
+            {
+              "name": "Surface/Secondary/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Beige/10"
+              }
+            },
+            {
+              "name": "Surface/Secondary/Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Beige/20"
+              }
+            },
+            {
+              "name": "Surface/Secondary/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Surface/Brand/Accent/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Peach/30"
+              }
+            },
+            {
+              "name": "Surface/Brand/Primary 1/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Peach/10"
+              }
+            },
+            {
+              "name": "Surface/Brand/Primary 1/OnSurface/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/100"
+              }
+            },
+            {
+              "name": "Surface/Brand/Primary 1/OnSurface/Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/Default"
+              }
+            },
+            {
+              "name": "Surface/Brand/Primary 1/OnSurface/Accent Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Peach/80"
+              }
+            },
+            {
+              "name": "Surface/Brand/Primary 2/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/Default"
+              }
+            },
+            {
+              "name": "Surface/Brand/Primary 2/OnSurface/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/100"
+              }
+            },
+            {
+              "name": "Surface/Brand/Primary 2/OnSurface/Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Peach/10"
+              }
+            },
+            {
+              "name": "Surface/Brand/Primary 3/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/100"
+              }
+            },
+            {
+              "name": "Surface/Brand/Primary 3/OnSurface/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Peach/10"
+              }
+            },
+            {
+              "name": "Surface/Brand/Primary 3/OnSurface/Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/Default"
+              }
+            },
+            {
+              "name": "Surface/UI Fill/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Surface/UI Fill/Intense",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Grey/100"
+              }
+            },
+            {
+              "name": "Surface/UI Fill/Active",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Peach/100"
+              }
+            },
+            {
+              "name": "Surface/UI Fill/Active Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/10"
+              }
+            },
+            {
+              "name": "Surface/UI Fill/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Grey/10"
+              }
+            },
+            {
+              "name": "Surface/Accent/1",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/80"
+              }
+            },
+            {
+              "name": "Surface/Accent/2",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Blue/60"
+              }
+            },
+            {
+              "name": "Surface/Accent/3",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Green/70"
+              }
+            },
+            {
+              "name": "Surface/Accent/4",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Yellow/50"
+              }
+            },
+            {
+              "name": "Surface/Accent/5",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Blue/80"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Information Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Blue/70"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Information",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Blue/00"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Succes Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Green/60"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Succes",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Green/00"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Warning Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Yellow/60"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Warning  Light",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Yellow/00"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Error Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/70"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Error",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/00"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Neutral Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Grey/60"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Neutral",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Grey/10"
+              }
+            },
+            {
+              "name": "Border/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Beige/20"
+              }
+            },
+            {
+              "name": "Border/Intense",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Beige/40"
+              }
+            },
+            {
+              "name": "Border/Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Icon/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Grey/80"
+              }
+            },
+            {
+              "name": "Icon/Intense",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Grey/100"
+              }
+            },
+            {
+              "name": "Icon/Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Peach/70"
+              }
+            },
+            {
+              "name": "Icon/Interactive/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/100"
+              }
+            },
+            {
+              "name": "Icon/Interactive/Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Peach/80"
+              }
+            },
+            {
+              "name": "Icon/Interactive/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Grey/40"
+              }
+            },
+            {
+              "name": "Icon/Interactive/Placeholder",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Grey/60"
+              }
+            },
+            {
+              "name": "Icon/Feedback/Information",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Blue/70"
+              }
+            },
+            {
+              "name": "Icon/Feedback/Success",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Green/60"
+              }
+            },
+            {
+              "name": "Icon/Feedback/Warning",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Yellow/60"
+              }
+            },
+            {
+              "name": "Icon/Feedback/Error",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/70"
+              }
+            },
+            {
+              "name": "Icon/Feedback/Neutral",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Grey/80"
+              }
+            },
+            {
+              "name": "Icon/Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Overlay/10",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Overlay/20",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/20"
+              }
+            },
+            {
+              "name": "Overlay/40",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/40"
+              }
+            },
+            {
+              "name": "Overlay/60",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/60"
+              }
+            },
+            {
+              "name": "Overlay/80",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/80"
+              }
+            },
+            {
+              "name": "Overlay/90",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/90"
+              }
+            },
+            {
+              "name": "Utilities/Gradients/10",
+              "type": "color",
+              "isAlias": false,
+              "value": "#F2ECE61A"
+            },
+            {
+              "name": "Component/Button/Brand/Primary/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/Default"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/On fill/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/On fill/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/On fill/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Grey/40"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/Border/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/Border/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/Border/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Hover Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/On fill/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/On fill/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Peach/80"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/On fill/Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/On fill/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Grey/40"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Border/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Border/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Peach/80"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Border/Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Border/Hover inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/90"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Border/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/10"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/On fill/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/On fill/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/On fill/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Grey/40"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/Border/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/Border/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/Border/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Faded",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/90"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/5"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Hover Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/100"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/On fill/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/100"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/On fill/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/10"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/On fill/Hover inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/On fill/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Grey/40"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Border/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Border/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Border/Disable",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Border/Interactive/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Beige/50"
+              }
+            },
+            {
+              "name": "Border/Divider/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Beige/20"
+              }
+            },
+            {
+              "name": "Border/Divider/Subtle",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Beige/10"
+              }
+            },
+            {
+              "name": "Border/Divider/Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Peach/30"
+              }
+            },
+            {
+              "name": "Border/Divider/Brand/OnPrimary 1/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Peach/40"
+              }
+            },
+            {
+              "name": "Border/Divider/Brand/OnPrimary 1/Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Peach/90"
+              }
+            },
+            {
+              "name": "Border/Divider/Brand/OnPrimary 2/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/70"
+              }
+            },
+            {
+              "name": "Border/Divider/Brand/OnPrimary 3/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Peach/80"
+              }
+            },
+            {
+              "name": "Border/Interactive/Selected",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Beige/70"
+              }
+            },
+            {
+              "name": "Border/Interactive/Focus",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Grey/100"
+              }
+            },
+            {
+              "name": "Border/Interactive/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Grey/40"
+              }
+            },
+            {
+              "name": "Border/Interactive/Error",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/70"
+              }
+            },
+            {
+              "name": "Border/Interactive/KeyboardFocus",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Blue/50"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/5"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/10"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Hover inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/5"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Disabled inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/On fill/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Grey/100"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/On fill/Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/On fill/Hover Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/90"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/On fill/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Grey/40"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Border/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Border/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Border/Disable",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            }
+          ]
+        },
+        {
+          "name": "Scandic Go",
+          "variables": [
+            {
+              "name": "Text/Heading",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Purple/100"
+              }
+            },
+            {
+              "name": "Text/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/90"
+              }
+            },
+            {
+              "name": "Text/Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/60"
+              }
+            },
+            {
+              "name": "Text/Tertiary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/50"
+              }
+            },
+            {
+              "name": "Text/Accent Primary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Purple/100"
+              }
+            },
+            {
+              "name": "Text/Accent Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Purple/80"
+              }
+            },
+            {
+              "name": "Text/Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Text/Interactive/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Purple/100"
+              }
+            },
+            {
+              "name": "Text/Interactive/Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Purple/80"
+              }
+            },
+            {
+              "name": "Text/Interactive/Hover Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Purple/100"
+              }
+            },
+            {
+              "name": "Text/Interactive/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/40"
+              }
+            },
+            {
+              "name": "Text/Interactive/Focus",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/80"
+              }
+            },
+            {
+              "name": "Text/Interactive/Error",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/70"
+              }
+            },
+            {
+              "name": "Text/Interactive/Placeholder",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/50"
+              }
+            },
+            {
+              "name": "Text/Brand/OnAccent/Heading",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Purple/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnAccent/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Purple/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnAccent/Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Purple/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 1/Heading",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Purple/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 1/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Purple/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 1/Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Purple/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 2/Heading",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 2/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 2/Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Purple/10"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 3/Heading",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 3/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 3/Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Purple/10"
+              }
+            },
+            {
+              "name": "Background/Primary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Beige/00"
+              }
+            },
+            {
+              "name": "Background/Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Surface/Primary/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Surface/Primary/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/5"
+              }
+            },
+            {
+              "name": "Surface/Primary/Hover Light",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Surface/Primary/Hover Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Purple/10"
+              }
+            },
+            {
+              "name": "Surface/Primary/OnSurface/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Beige/0"
+              }
+            },
+            {
+              "name": "Surface/Primary/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/15"
+              }
+            },
+            {
+              "name": "Surface/Secondary/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Beige/10"
+              }
+            },
+            {
+              "name": "Surface/Secondary/Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Beige/10"
+              }
+            },
+            {
+              "name": "Surface/Secondary/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/5"
+              }
+            },
+            {
+              "name": "Surface/Brand/Accent/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Yellow/30"
+              }
+            },
+            {
+              "name": "Surface/Brand/Primary 1/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Purple/10"
+              }
+            },
+            {
+              "name": "Surface/Brand/Primary 1/OnSurface/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Purple/100"
+              }
+            },
+            {
+              "name": "Surface/Brand/Primary 1/OnSurface/Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Coral/50"
+              }
+            },
+            {
+              "name": "Surface/Brand/Primary 1/OnSurface/Accent Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Yellow/30"
+              }
+            },
+            {
+              "name": "Surface/Brand/Primary 2/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Green/90"
+              }
+            },
+            {
+              "name": "Surface/Brand/Primary 2/OnSurface/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Surface/Brand/Primary 2/OnSurface/Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Green/30"
+              }
+            },
+            {
+              "name": "Surface/Brand/Primary 3/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Purple/100"
+              }
+            },
+            {
+              "name": "Surface/Brand/Primary 3/OnSurface/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Purple/10"
+              }
+            },
+            {
+              "name": "Surface/Brand/Primary 3/OnSurface/Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Cyan/20"
+              }
+            },
+            {
+              "name": "Surface/UI Fill/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Surface/UI Fill/Intense",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/80"
+              }
+            },
+            {
+              "name": "Surface/UI Fill/Active",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/80"
+              }
+            },
+            {
+              "name": "Surface/UI Fill/Active Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Surface/UI Fill/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/15"
+              }
+            },
+            {
+              "name": "Surface/Accent/1",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Coral/50"
+              }
+            },
+            {
+              "name": "Surface/Accent/2",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Cyan/20"
+              }
+            },
+            {
+              "name": "Surface/Accent/3",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Green/30"
+              }
+            },
+            {
+              "name": "Surface/Accent/4",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Purple/10"
+              }
+            },
+            {
+              "name": "Surface/Accent/5",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Powder Rose/50"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Information Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Blue/70"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Information",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Blue/00"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Succes Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Green/60"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Succes",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Green/00"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Warning Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Yellow/60"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Warning  Light",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Yellow/00"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Error Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/70"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Error",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/00"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Neutral Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/50"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Neutral",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/15"
+              }
+            },
+            {
+              "name": "Border/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/20"
+              }
+            },
+            {
+              "name": "Border/Intense",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/30"
+              }
+            },
+            {
+              "name": "Border/Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Icon/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/60"
+              }
+            },
+            {
+              "name": "Icon/Intense",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/90"
+              }
+            },
+            {
+              "name": "Icon/Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Coral/50"
+              }
+            },
+            {
+              "name": "Icon/Interactive/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Purple/100"
+              }
+            },
+            {
+              "name": "Icon/Interactive/Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Purple/80"
+              }
+            },
+            {
+              "name": "Icon/Interactive/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/30"
+              }
+            },
+            {
+              "name": "Icon/Interactive/Placeholder",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/50"
+              }
+            },
+            {
+              "name": "Icon/Feedback/Information",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Blue/70"
+              }
+            },
+            {
+              "name": "Icon/Feedback/Success",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Green/60"
+              }
+            },
+            {
+              "name": "Icon/Feedback/Warning",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Yellow/60"
+              }
+            },
+            {
+              "name": "Icon/Feedback/Error",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/70"
+              }
+            },
+            {
+              "name": "Icon/Feedback/Neutral",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Grey/80"
+              }
+            },
+            {
+              "name": "Icon/Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Overlay/10",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Overlay/20",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/20"
+              }
+            },
+            {
+              "name": "Overlay/40",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/40"
+              }
+            },
+            {
+              "name": "Overlay/60",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/60"
+              }
+            },
+            {
+              "name": "Overlay/80",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/80"
+              }
+            },
+            {
+              "name": "Overlay/90",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/90"
+              }
+            },
+            {
+              "name": "Utilities/Gradients/10",
+              "type": "color",
+              "isAlias": false,
+              "value": "#2D163A1A"
+            },
+            {
+              "name": "Component/Button/Brand/Primary/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Purple/10"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/On fill/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Purple/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/On fill/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/On fill/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/40"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/Border/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/Border/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/Border/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Hover Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Purple/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/On fill/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Purple/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/On fill/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Purple/80"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/On fill/Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/On fill/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/40"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Border/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Purple/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Border/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Purple/80"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Border/Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Border/Hover inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/90"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Border/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Purple/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/10"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/On fill/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/On fill/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/On fill/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/40"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/Border/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/Border/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/Border/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Faded",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/90"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/5"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Hover Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Purple/10"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/On fill/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Purple/100"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/On fill/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/10"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/On fill/Hover inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/On fill/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/40"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Border/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Border/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Border/Disable",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Border/Interactive/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/30"
+              }
+            },
+            {
+              "name": "Border/Divider/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/20"
+              }
+            },
+            {
+              "name": "Border/Divider/Subtle",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/15"
+              }
+            },
+            {
+              "name": "Border/Divider/Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/30"
+              }
+            },
+            {
+              "name": "Border/Divider/Brand/OnPrimary 1/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Purple/100"
+              }
+            },
+            {
+              "name": "Border/Divider/Brand/OnPrimary 1/Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Purple/100"
+              }
+            },
+            {
+              "name": "Border/Divider/Brand/OnPrimary 2/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Green/30"
+              }
+            },
+            {
+              "name": "Border/Divider/Brand/OnPrimary 3/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Purple/10"
+              }
+            },
+            {
+              "name": "Border/Interactive/Selected",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/80"
+              }
+            },
+            {
+              "name": "Border/Interactive/Focus",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/80"
+              }
+            },
+            {
+              "name": "Border/Interactive/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/40"
+              }
+            },
+            {
+              "name": "Border/Interactive/Error",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/70"
+              }
+            },
+            {
+              "name": "Border/Interactive/KeyboardFocus",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Blue/50"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/5"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/10"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Hover inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/5"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Disabled inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/20"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/On fill/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/90"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/On fill/Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/On fill/Hover Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic Go/Purple/80"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/On fill/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/40"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Border/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Border/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Border/Disable",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            }
+          ]
+        },
+        {
+          "name": "Downtown Camper",
+          "variables": [
+            {
+              "name": "Text/Heading",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/90"
+              }
+            },
+            {
+              "name": "Text/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/90"
+              }
+            },
+            {
+              "name": "Text/Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/60"
+              }
+            },
+            {
+              "name": "Text/Tertiary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/50"
+              }
+            },
+            {
+              "name": "Text/Accent Primary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Downtown Camper/Russet/80"
+              }
+            },
+            {
+              "name": "Text/Accent Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/50"
+              }
+            },
+            {
+              "name": "Text/Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Text/Interactive/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/90"
+              }
+            },
+            {
+              "name": "Text/Interactive/Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Downtown Camper/Russet/80"
+              }
+            },
+            {
+              "name": "Text/Interactive/Hover Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Downtown Camper/Russet/60"
+              }
+            },
+            {
+              "name": "Text/Interactive/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/40"
+              }
+            },
+            {
+              "name": "Text/Interactive/Focus",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/80"
+              }
+            },
+            {
+              "name": "Text/Interactive/Error",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/70"
+              }
+            },
+            {
+              "name": "Text/Interactive/Placeholder",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/50"
+              }
+            },
+            {
+              "name": "Text/Brand/OnAccent/Heading",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnAccent/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnAccent/Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 1/Heading",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 1/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 1/Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 2/Heading",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 2/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 2/Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 3/Heading",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 3/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 3/Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Background/Primary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/0"
+              }
+            },
+            {
+              "name": "Background/Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Surface/Primary/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Surface/Primary/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/5"
+              }
+            },
+            {
+              "name": "Surface/Primary/Hover Light",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Surface/Primary/Hover Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/15"
+              }
+            },
+            {
+              "name": "Surface/Primary/OnSurface/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/5"
+              }
+            },
+            {
+              "name": "Surface/Primary/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/15"
+              }
+            },
+            {
+              "name": "Surface/Secondary/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/10"
+              }
+            },
+            {
+              "name": "Surface/Secondary/Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/10"
+              }
+            },
+            {
+              "name": "Surface/Secondary/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/5"
+              }
+            },
+            {
+              "name": "Surface/Brand/Accent/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Downtown Camper/Russet/50"
+              }
+            },
+            {
+              "name": "Surface/Brand/Primary 1/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Downtown Camper/Russet/80"
+              }
+            },
+            {
+              "name": "Surface/Brand/Primary 1/OnSurface/Default",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFFFF"
+            },
+            {
+              "name": "Surface/Brand/Primary 1/OnSurface/Accent",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFFFF"
+            },
+            {
+              "name": "Surface/Brand/Primary 1/OnSurface/Accent Secondary",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFFFF"
+            },
+            {
+              "name": "Surface/Brand/Primary 2/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Downtown Camper/Russet/80"
+              }
+            },
+            {
+              "name": "Surface/Brand/Primary 2/OnSurface/Default",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFFFF"
+            },
+            {
+              "name": "Surface/Brand/Primary 2/OnSurface/Accent",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFFFF"
+            },
+            {
+              "name": "Surface/Brand/Primary 3/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Downtown Camper/Lunar green/80"
+              }
+            },
+            {
+              "name": "Surface/Brand/Primary 3/OnSurface/Default",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFFFF"
+            },
+            {
+              "name": "Surface/Brand/Primary 3/OnSurface/Accent",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFFFF"
+            },
+            {
+              "name": "Surface/UI Fill/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Surface/UI Fill/Intense",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/80"
+              }
+            },
+            {
+              "name": "Surface/UI Fill/Active",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/80"
+              }
+            },
+            {
+              "name": "Surface/UI Fill/Active Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/10"
+              }
+            },
+            {
+              "name": "Surface/UI Fill/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/15"
+              }
+            },
+            {
+              "name": "Surface/Accent/1",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Downtown Camper/Quicksand/60"
+              }
+            },
+            {
+              "name": "Surface/Accent/2",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Blue/60"
+              }
+            },
+            {
+              "name": "Surface/Accent/3",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Downtown Camper/Lunar green/70"
+              }
+            },
+            {
+              "name": "Surface/Accent/4",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Downtown Camper/Russet/50"
+              }
+            },
+            {
+              "name": "Surface/Accent/5",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Blue/80"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Information Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Blue/70"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Information",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Blue/00"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Succes Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Green/60"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Succes",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Green/00"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Warning Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Yellow/60"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Warning  Light",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Yellow/00"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Error Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/70"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Error",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/00"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Neutral Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/50"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Neutral",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/15"
+              }
+            },
+            {
+              "name": "Border/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/20"
+              }
+            },
+            {
+              "name": "Border/Intense",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/30"
+              }
+            },
+            {
+              "name": "Border/Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Icon/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/60"
+              }
+            },
+            {
+              "name": "Icon/Intense",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/90"
+              }
+            },
+            {
+              "name": "Icon/Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Downtown Camper/Lunar green/50"
+              }
+            },
+            {
+              "name": "Icon/Interactive/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/90"
+              }
+            },
+            {
+              "name": "Icon/Interactive/Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Downtown Camper/Russet/80"
+              }
+            },
+            {
+              "name": "Icon/Interactive/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/30"
+              }
+            },
+            {
+              "name": "Icon/Interactive/Placeholder",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/50"
+              }
+            },
+            {
+              "name": "Icon/Feedback/Information",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Blue/70"
+              }
+            },
+            {
+              "name": "Icon/Feedback/Success",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Green/60"
+              }
+            },
+            {
+              "name": "Icon/Feedback/Warning",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Yellow/60"
+              }
+            },
+            {
+              "name": "Icon/Feedback/Error",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/70"
+              }
+            },
+            {
+              "name": "Icon/Feedback/Neutral",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/60"
+              }
+            },
+            {
+              "name": "Icon/Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Overlay/10",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Overlay/20",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/20"
+              }
+            },
+            {
+              "name": "Overlay/40",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/40"
+              }
+            },
+            {
+              "name": "Overlay/60",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/60"
+              }
+            },
+            {
+              "name": "Overlay/80",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/80"
+              }
+            },
+            {
+              "name": "Overlay/90",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/90"
+              }
+            },
+            {
+              "name": "Utilities/Gradients/10",
+              "type": "color",
+              "isAlias": false,
+              "value": "#3C43361A"
+            },
+            {
+              "name": "Component/Button/Brand/Primary/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Downtown Camper/Russet/80"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/10"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/On fill/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/On fill/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/On fill/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/40"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/Border/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/Border/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/Border/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Hover Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Downtown Camper/Lunar green/80"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/On fill/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Downtown Camper/Russet/80"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/On fill/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Downtown Camper/Russet/70"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/On fill/Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/On fill/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/40"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Border/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Downtown Camper/Russet/80"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Border/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Downtown Camper/Russet/70"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Border/Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Border/Hover inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/90"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Border/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Downtown Camper/Lunar green/80"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/10"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/On fill/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/On fill/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/On fill/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/40"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/Border/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/Border/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/Border/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Faded",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/90"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/5"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Hover Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Downtown Camper/Lunar green/80"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/On fill/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Downtown Camper/Russet/80"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/On fill/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/10"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/On fill/Hover inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/On fill/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/40"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Border/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Border/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Border/Disable",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Border/Interactive/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/30"
+              }
+            },
+            {
+              "name": "Border/Divider/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/20"
+              }
+            },
+            {
+              "name": "Border/Divider/Subtle",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/15"
+              }
+            },
+            {
+              "name": "Border/Divider/Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/30"
+              }
+            },
+            {
+              "name": "Border/Divider/Brand/OnPrimary 1/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Border/Divider/Brand/OnPrimary 1/Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Border/Divider/Brand/OnPrimary 2/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Border/Divider/Brand/OnPrimary 3/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Border/Interactive/Selected",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/80"
+              }
+            },
+            {
+              "name": "Border/Interactive/Focus",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/80"
+              }
+            },
+            {
+              "name": "Border/Interactive/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/30"
+              }
+            },
+            {
+              "name": "Border/Interactive/Error",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/70"
+              }
+            },
+            {
+              "name": "Border/Interactive/KeyboardFocus",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Blue/50"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/5"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/10"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Hover inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/5"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Disabled inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/20"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/On fill/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/90"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/On fill/Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/On fill/Hover Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Downtown Camper/Russet/70"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/On fill/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/40"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Border/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/10"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Border/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/10"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Border/Disable",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/10"
+              }
+            }
+          ]
+        },
+        {
+          "name": "Haymarket",
+          "variables": [
+            {
+              "name": "Text/Heading",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/90"
+              }
+            },
+            {
+              "name": "Text/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/90"
+              }
+            },
+            {
+              "name": "Text/Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/60"
+              }
+            },
+            {
+              "name": "Text/Tertiary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/50"
+              }
+            },
+            {
+              "name": "Text/Accent Primary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Haymarket/Antique Brass/60"
+              }
+            },
+            {
+              "name": "Text/Accent Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Haymarket/Antique Brass/60"
+              }
+            },
+            {
+              "name": "Text/Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Text/Interactive/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/90"
+              }
+            },
+            {
+              "name": "Text/Interactive/Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Haymarket/Antique Brass/60"
+              }
+            },
+            {
+              "name": "Text/Interactive/Hover Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Haymarket/Antique Brass/40"
+              }
+            },
+            {
+              "name": "Text/Interactive/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/40"
+              }
+            },
+            {
+              "name": "Text/Interactive/Focus",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/80"
+              }
+            },
+            {
+              "name": "Text/Interactive/Error",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/70"
+              }
+            },
+            {
+              "name": "Text/Interactive/Placeholder",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/50"
+              }
+            },
+            {
+              "name": "Text/Brand/OnAccent/Heading",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnAccent/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnAccent/Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 1/Heading",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 1/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 1/Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 2/Heading",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 2/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 2/Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 3/Heading",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/90"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 3/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/90"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 3/Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/90"
+              }
+            },
+            {
+              "name": "Background/Primary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Background/Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Surface/Primary/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Surface/Primary/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/5"
+              }
+            },
+            {
+              "name": "Surface/Primary/Hover Light",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Surface/Primary/Hover Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/15"
+              }
+            },
+            {
+              "name": "Surface/Primary/OnSurface/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Haymarket/Vista White/0"
+              }
+            },
+            {
+              "name": "Surface/Primary/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/15"
+              }
+            },
+            {
+              "name": "Surface/Secondary/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Haymarket/Vista White/0"
+              }
+            },
+            {
+              "name": "Surface/Secondary/Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Haymarket/Vista White/0"
+              }
+            },
+            {
+              "name": "Surface/Secondary/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/5"
+              }
+            },
+            {
+              "name": "Surface/Brand/Accent/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Haymarket/Antique Brass/50"
+              }
+            },
+            {
+              "name": "Surface/Brand/Primary 1/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Haymarket/Bismark/60"
+              }
+            },
+            {
+              "name": "Surface/Brand/Primary 1/OnSurface/Default",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFFFF"
+            },
+            {
+              "name": "Surface/Brand/Primary 1/OnSurface/Accent",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFFFF"
+            },
+            {
+              "name": "Surface/Brand/Primary 1/OnSurface/Accent Secondary",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFFFF"
+            },
+            {
+              "name": "Surface/Brand/Primary 2/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Haymarket/Antique Brass/50"
+              }
+            },
+            {
+              "name": "Surface/Brand/Primary 2/OnSurface/Default",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFFFF"
+            },
+            {
+              "name": "Surface/Brand/Primary 2/OnSurface/Accent",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFFFF"
+            },
+            {
+              "name": "Surface/Brand/Primary 3/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Haymarket/Vista White/20"
+              }
+            },
+            {
+              "name": "Surface/Brand/Primary 3/OnSurface/Default",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFFFF"
+            },
+            {
+              "name": "Surface/Brand/Primary 3/OnSurface/Accent",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFFFF"
+            },
+            {
+              "name": "Surface/UI Fill/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Surface/UI Fill/Intense",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/80"
+              }
+            },
+            {
+              "name": "Surface/UI Fill/Active",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/80"
+              }
+            },
+            {
+              "name": "Surface/UI Fill/Active Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/10"
+              }
+            },
+            {
+              "name": "Surface/UI Fill/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/15"
+              }
+            },
+            {
+              "name": "Surface/Accent/1",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Haymarket/Vista White/60"
+              }
+            },
+            {
+              "name": "Surface/Accent/2",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Haymarket/Bismark/40"
+              }
+            },
+            {
+              "name": "Surface/Accent/3",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Haymarket/Antique Brass/90"
+              }
+            },
+            {
+              "name": "Surface/Accent/4",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Haymarket/Antique Brass/40"
+              }
+            },
+            {
+              "name": "Surface/Accent/5",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Haymarket/Bismark/90"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Information Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Blue/70"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Information",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Blue/00"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Succes Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Green/60"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Succes",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Green/00"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Warning Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Yellow/60"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Warning  Light",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Yellow/00"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Error Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/70"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Error",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/00"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Neutral Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/50"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Neutral",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/15"
+              }
+            },
+            {
+              "name": "Border/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/20"
+              }
+            },
+            {
+              "name": "Border/Intense",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/30"
+              }
+            },
+            {
+              "name": "Border/Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Icon/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/60"
+              }
+            },
+            {
+              "name": "Icon/Intense",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/90"
+              }
+            },
+            {
+              "name": "Icon/Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Haymarket/Vista White/50"
+              }
+            },
+            {
+              "name": "Icon/Interactive/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/90"
+              }
+            },
+            {
+              "name": "Icon/Interactive/Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Haymarket/Antique Brass/60"
+              }
+            },
+            {
+              "name": "Icon/Interactive/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/30"
+              }
+            },
+            {
+              "name": "Icon/Interactive/Placeholder",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/50"
+              }
+            },
+            {
+              "name": "Icon/Feedback/Information",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Blue/70"
+              }
+            },
+            {
+              "name": "Icon/Feedback/Success",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Green/60"
+              }
+            },
+            {
+              "name": "Icon/Feedback/Warning",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Yellow/60"
+              }
+            },
+            {
+              "name": "Icon/Feedback/Error",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/70"
+              }
+            },
+            {
+              "name": "Icon/Feedback/Neutral",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/60"
+              }
+            },
+            {
+              "name": "Icon/Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Overlay/10",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Overlay/20",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/20"
+              }
+            },
+            {
+              "name": "Overlay/40",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/40"
+              }
+            },
+            {
+              "name": "Overlay/60",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/60"
+              }
+            },
+            {
+              "name": "Overlay/80",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/80"
+              }
+            },
+            {
+              "name": "Overlay/90",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/90"
+              }
+            },
+            {
+              "name": "Utilities/Gradients/10",
+              "type": "color",
+              "isAlias": false,
+              "value": "#F0DDD81A"
+            },
+            {
+              "name": "Component/Button/Brand/Primary/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/90"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/10"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/On fill/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/On fill/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/On fill/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/40"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/Border/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/Border/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/Border/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Hover Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Haymarket/Antique Brass/50"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/On fill/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/90"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/On fill/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/70"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/On fill/Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/On fill/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/40"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Border/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/90"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Border/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/70"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Border/Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Border/Hover inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/90"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Border/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Haymarket/Antique Brass/50"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/On fill/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/On fill/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/On fill/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/40"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/Border/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/Border/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/Border/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Faded",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/90"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/5"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Hover Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Haymarket/Antique Brass/50"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/On fill/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/90"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/On fill/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/10"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/On fill/Hover inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/On fill/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/40"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Border/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Border/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Border/Disable",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Border/Interactive/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/30"
+              }
+            },
+            {
+              "name": "Border/Divider/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/20"
+              }
+            },
+            {
+              "name": "Border/Divider/Subtle",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/15"
+              }
+            },
+            {
+              "name": "Border/Divider/Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/30"
+              }
+            },
+            {
+              "name": "Border/Divider/Brand/OnPrimary 1/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Border/Divider/Brand/OnPrimary 1/Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Border/Divider/Brand/OnPrimary 2/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Border/Divider/Brand/OnPrimary 3/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Border/Interactive/Selected",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/80"
+              }
+            },
+            {
+              "name": "Border/Interactive/Focus",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/80"
+              }
+            },
+            {
+              "name": "Border/Interactive/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/30"
+              }
+            },
+            {
+              "name": "Border/Interactive/Error",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/70"
+              }
+            },
+            {
+              "name": "Border/Interactive/KeyboardFocus",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Blue/50"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/5"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/10"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Hover inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/5"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Disabled inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/20"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/On fill/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/90"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/On fill/Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/On fill/Hover Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/70"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/On fill/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/40"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Border/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/10"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Border/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/10"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Border/Disable",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/10"
+              }
+            }
+          ]
+        },
+        {
+          "name": "Marski",
+          "variables": [
+            {
+              "name": "Text/Heading",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/90"
+              }
+            },
+            {
+              "name": "Text/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/90"
+              }
+            },
+            {
+              "name": "Text/Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/60"
+              }
+            },
+            {
+              "name": "Text/Tertiary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/50"
+              }
+            },
+            {
+              "name": "Text/Accent Primary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/50"
+              }
+            },
+            {
+              "name": "Text/Accent Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/50"
+              }
+            },
+            {
+              "name": "Text/Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Text/Interactive/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Marski/Elephant/100"
+              }
+            },
+            {
+              "name": "Text/Interactive/Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Marski/Blue ribbon/70"
+              }
+            },
+            {
+              "name": "Text/Interactive/Hover Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Marski/Blue ribbon/90"
+              }
+            },
+            {
+              "name": "Text/Interactive/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/40"
+              }
+            },
+            {
+              "name": "Text/Interactive/Focus",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/80"
+              }
+            },
+            {
+              "name": "Text/Interactive/Error",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/70"
+              }
+            },
+            {
+              "name": "Text/Interactive/Placeholder",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/50"
+              }
+            },
+            {
+              "name": "Text/Brand/OnAccent/Heading",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnAccent/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnAccent/Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 1/Heading",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 1/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 1/Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Marski/Blue ribbon/40"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 2/Heading",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 2/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 2/Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Marski/Torch red/40"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 3/Heading",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 3/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 3/Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Marski/Torch red/40"
+              }
+            },
+            {
+              "name": "Background/Primary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/0"
+              }
+            },
+            {
+              "name": "Background/Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Surface/Primary/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Surface/Primary/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/5"
+              }
+            },
+            {
+              "name": "Surface/Primary/Hover Light",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Surface/Primary/Hover Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/15"
+              }
+            },
+            {
+              "name": "Surface/Primary/OnSurface/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Marski/Elephant/0"
+              }
+            },
+            {
+              "name": "Surface/Primary/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/15"
+              }
+            },
+            {
+              "name": "Surface/Secondary/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Marski/Elephant/10"
+              }
+            },
+            {
+              "name": "Surface/Secondary/Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Marski/Elephant/10"
+              }
+            },
+            {
+              "name": "Surface/Secondary/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/5"
+              }
+            },
+            {
+              "name": "Surface/Brand/Accent/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/60"
+              }
+            },
+            {
+              "name": "Surface/Brand/Primary 1/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Marski/Elephant/100"
+              }
+            },
+            {
+              "name": "Surface/Brand/Primary 1/OnSurface/Default",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFFFF"
+            },
+            {
+              "name": "Surface/Brand/Primary 1/OnSurface/Accent",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFFFF"
+            },
+            {
+              "name": "Surface/Brand/Primary 1/OnSurface/Accent Secondary",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFFFF"
+            },
+            {
+              "name": "Surface/Brand/Primary 2/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Marski/Elephant/100"
+              }
+            },
+            {
+              "name": "Surface/Brand/Primary 2/OnSurface/Default",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFFFF"
+            },
+            {
+              "name": "Surface/Brand/Primary 2/OnSurface/Accent",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFFFF"
+            },
+            {
+              "name": "Surface/Brand/Primary 3/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Marski/Aubergine/100"
+              }
+            },
+            {
+              "name": "Surface/Brand/Primary 3/OnSurface/Default",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFFFF"
+            },
+            {
+              "name": "Surface/Brand/Primary 3/OnSurface/Accent",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFFFF"
+            },
+            {
+              "name": "Surface/UI Fill/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Surface/UI Fill/Intense",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/80"
+              }
+            },
+            {
+              "name": "Surface/UI Fill/Active",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/80"
+              }
+            },
+            {
+              "name": "Surface/UI Fill/Active Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Surface/UI Fill/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/15"
+              }
+            },
+            {
+              "name": "Surface/Accent/1",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Marski/Torch red/60"
+              }
+            },
+            {
+              "name": "Surface/Accent/2",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Marski/Blue ribbon/70"
+              }
+            },
+            {
+              "name": "Surface/Accent/3",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Green/70"
+              }
+            },
+            {
+              "name": "Surface/Accent/4",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Marski/Elephant/100"
+              }
+            },
+            {
+              "name": "Surface/Accent/5",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Marski/Blue ribbon/90"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Information Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Blue/70"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Information",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Blue/00"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Succes Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Green/60"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Succes",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Green/00"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Warning Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Yellow/60"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Warning  Light",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Yellow/00"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Error Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/70"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Error",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/00"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Neutral Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/50"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Neutral",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/15"
+              }
+            },
+            {
+              "name": "Border/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/20"
+              }
+            },
+            {
+              "name": "Border/Intense",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/30"
+              }
+            },
+            {
+              "name": "Border/Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Icon/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/60"
+              }
+            },
+            {
+              "name": "Icon/Intense",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/90"
+              }
+            },
+            {
+              "name": "Icon/Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Marski/Blue ribbon/80"
+              }
+            },
+            {
+              "name": "Icon/Interactive/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Marski/Elephant/90"
+              }
+            },
+            {
+              "name": "Icon/Interactive/Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Marski/Blue ribbon/70"
+              }
+            },
+            {
+              "name": "Icon/Interactive/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/30"
+              }
+            },
+            {
+              "name": "Icon/Interactive/Placeholder",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/50"
+              }
+            },
+            {
+              "name": "Icon/Feedback/Information",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Blue/70"
+              }
+            },
+            {
+              "name": "Icon/Feedback/Success",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Green/60"
+              }
+            },
+            {
+              "name": "Icon/Feedback/Warning",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Yellow/60"
+              }
+            },
+            {
+              "name": "Icon/Feedback/Error",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/70"
+              }
+            },
+            {
+              "name": "Icon/Feedback/Neutral",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/60"
+              }
+            },
+            {
+              "name": "Icon/Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Overlay/10",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Overlay/20",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/20"
+              }
+            },
+            {
+              "name": "Overlay/40",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/40"
+              }
+            },
+            {
+              "name": "Overlay/60",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/60"
+              }
+            },
+            {
+              "name": "Overlay/80",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/80"
+              }
+            },
+            {
+              "name": "Overlay/90",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/90"
+              }
+            },
+            {
+              "name": "Utilities/Gradients/10",
+              "type": "color",
+              "isAlias": false,
+              "value": "#3E11181A"
+            },
+            {
+              "name": "Component/Button/Brand/Primary/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Marski/Elephant/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/10"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/On fill/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/On fill/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/On fill/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/40"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/Border/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/Border/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/Border/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Hover Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Marski/Elephant/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/On fill/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Marski/Elephant/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/On fill/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Marski/Elephant/80"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/On fill/Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/On fill/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/40"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Border/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Marski/Elephant/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Border/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Marski/Elephant/80"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Border/Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Border/Hover inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/90"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Border/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Marski/Blue ribbon/70"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/5"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/On fill/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/On fill/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/On fill/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/40"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/Border/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/Border/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/Border/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Faded",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/90"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/5"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Hover Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Marski/Elephant/100"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/On fill/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Marski/Elephant/100"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/On fill/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/10"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/On fill/Hover inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/On fill/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/40"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Border/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Border/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Border/Disable",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Border/Interactive/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/30"
+              }
+            },
+            {
+              "name": "Border/Divider/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/20"
+              }
+            },
+            {
+              "name": "Border/Divider/Subtle",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/15"
+              }
+            },
+            {
+              "name": "Border/Divider/Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/30"
+              }
+            },
+            {
+              "name": "Border/Divider/Brand/OnPrimary 1/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Border/Divider/Brand/OnPrimary 1/Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Border/Divider/Brand/OnPrimary 2/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Border/Divider/Brand/OnPrimary 3/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Border/Interactive/Selected",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/80"
+              }
+            },
+            {
+              "name": "Border/Interactive/Focus",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/80"
+              }
+            },
+            {
+              "name": "Border/Interactive/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/30"
+              }
+            },
+            {
+              "name": "Border/Interactive/Error",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/70"
+              }
+            },
+            {
+              "name": "Border/Interactive/KeyboardFocus",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Blue/50"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Hover inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/5"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Disabled inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/20"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/On fill/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/90"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/On fill/Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/On fill/Hover Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Marski/Elephant/80"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/On fill/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/40"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Border/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/10"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Border/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/10"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Border/Disable",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/10"
+              }
+            }
+          ]
+        },
+        {
+          "name": "Hotel Norge",
+          "variables": [
+            {
+              "name": "Text/Heading",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/90"
+              }
+            },
+            {
+              "name": "Text/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/90"
+              }
+            },
+            {
+              "name": "Text/Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/60"
+              }
+            },
+            {
+              "name": "Text/Tertiary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/50"
+              }
+            },
+            {
+              "name": "Text/Accent Primary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/50"
+              }
+            },
+            {
+              "name": "Text/Accent Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/50"
+              }
+            },
+            {
+              "name": "Text/Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Text/Interactive/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Hotel Norge/Dark blue/90"
+              }
+            },
+            {
+              "name": "Text/Interactive/Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Hotel Norge/Emerald/90"
+              }
+            },
+            {
+              "name": "Text/Interactive/Hover Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Hotel Norge/Emerald/80"
+              }
+            },
+            {
+              "name": "Text/Interactive/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/40"
+              }
+            },
+            {
+              "name": "Text/Interactive/Focus",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/80"
+              }
+            },
+            {
+              "name": "Text/Interactive/Error",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/70"
+              }
+            },
+            {
+              "name": "Text/Interactive/Placeholder",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/50"
+              }
+            },
+            {
+              "name": "Text/Brand/OnAccent/Heading",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/90"
+              }
+            },
+            {
+              "name": "Text/Brand/OnAccent/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/90"
+              }
+            },
+            {
+              "name": "Text/Brand/OnAccent/Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Hotel Norge/Emerald/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 1/Heading",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 1/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 1/Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Hotel Norge/Dark blue/0"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 2/Heading",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 2/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 2/Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Hotel Norge/Emerald/0"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 3/Heading",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 3/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 3/Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Hotel Norge/Emerald/0"
+              }
+            },
+            {
+              "name": "Background/Primary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Background/Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Surface/Primary/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Surface/Primary/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/5"
+              }
+            },
+            {
+              "name": "Surface/Primary/Hover Light",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Surface/Primary/Hover Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/15"
+              }
+            },
+            {
+              "name": "Surface/Primary/OnSurface/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Hotel Norge/Off White/30"
+              }
+            },
+            {
+              "name": "Surface/Primary/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/15"
+              }
+            },
+            {
+              "name": "Surface/Secondary/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Hotel Norge/Off White/50"
+              }
+            },
+            {
+              "name": "Surface/Secondary/Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Hotel Norge/Off White/50"
+              }
+            },
+            {
+              "name": "Surface/Secondary/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/5"
+              }
+            },
+            {
+              "name": "Surface/Brand/Accent/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Hotel Norge/Emerald/0"
+              }
+            },
+            {
+              "name": "Surface/Brand/Primary 1/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Hotel Norge/Dark blue/90"
+              }
+            },
+            {
+              "name": "Surface/Brand/Primary 1/OnSurface/Default",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFFFF"
+            },
+            {
+              "name": "Surface/Brand/Primary 1/OnSurface/Accent",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFFFF"
+            },
+            {
+              "name": "Surface/Brand/Primary 1/OnSurface/Accent Secondary",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFFFF"
+            },
+            {
+              "name": "Surface/Brand/Primary 2/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Hotel Norge/Dark blue/90"
+              }
+            },
+            {
+              "name": "Surface/Brand/Primary 2/OnSurface/Default",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFFFF"
+            },
+            {
+              "name": "Surface/Brand/Primary 2/OnSurface/Accent",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFFFF"
+            },
+            {
+              "name": "Surface/Brand/Primary 3/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Hotel Norge/Emerald/100"
+              }
+            },
+            {
+              "name": "Surface/Brand/Primary 3/OnSurface/Default",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFFFF"
+            },
+            {
+              "name": "Surface/Brand/Primary 3/OnSurface/Accent",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFFFF"
+            },
+            {
+              "name": "Surface/UI Fill/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Surface/UI Fill/Intense",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/80"
+              }
+            },
+            {
+              "name": "Surface/UI Fill/Active",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/80"
+              }
+            },
+            {
+              "name": "Surface/UI Fill/Active Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Surface/UI Fill/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/15"
+              }
+            },
+            {
+              "name": "Surface/Accent/1",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Hotel Norge/Salmon/50"
+              }
+            },
+            {
+              "name": "Surface/Accent/2",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Blue/70"
+              }
+            },
+            {
+              "name": "Surface/Accent/3",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Hotel Norge/Emerald/100"
+              }
+            },
+            {
+              "name": "Surface/Accent/4",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Hotel Norge/Dark blue/30"
+              }
+            },
+            {
+              "name": "Surface/Accent/5",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Hotel Norge/Dark blue/80"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Information Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Blue/70"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Information",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Blue/00"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Succes Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Green/60"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Succes",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Green/00"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Warning Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Yellow/60"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Warning  Light",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Yellow/00"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Error Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/70"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Error",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/00"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Neutral Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/50"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Neutral",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/15"
+              }
+            },
+            {
+              "name": "Border/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/20"
+              }
+            },
+            {
+              "name": "Border/Intense",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/30"
+              }
+            },
+            {
+              "name": "Border/Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Icon/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/60"
+              }
+            },
+            {
+              "name": "Icon/Intense",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/90"
+              }
+            },
+            {
+              "name": "Icon/Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Hotel Norge/Salmon/50"
+              }
+            },
+            {
+              "name": "Icon/Interactive/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Hotel Norge/Dark blue/90"
+              }
+            },
+            {
+              "name": "Icon/Interactive/Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Hotel Norge/Emerald/90"
+              }
+            },
+            {
+              "name": "Icon/Interactive/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/30"
+              }
+            },
+            {
+              "name": "Icon/Interactive/Placeholder",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/50"
+              }
+            },
+            {
+              "name": "Icon/Feedback/Information",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Blue/70"
+              }
+            },
+            {
+              "name": "Icon/Feedback/Success",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Green/60"
+              }
+            },
+            {
+              "name": "Icon/Feedback/Warning",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Yellow/60"
+              }
+            },
+            {
+              "name": "Icon/Feedback/Error",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/70"
+              }
+            },
+            {
+              "name": "Icon/Feedback/Neutral",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/60"
+              }
+            },
+            {
+              "name": "Icon/Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Overlay/10",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Overlay/20",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/20"
+              }
+            },
+            {
+              "name": "Overlay/40",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/40"
+              }
+            },
+            {
+              "name": "Overlay/60",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/60"
+              }
+            },
+            {
+              "name": "Overlay/80",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/80"
+              }
+            },
+            {
+              "name": "Overlay/90",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/90"
+              }
+            },
+            {
+              "name": "Utilities/Gradients/10",
+              "type": "color",
+              "isAlias": false,
+              "value": "#3C43361A"
+            },
+            {
+              "name": "Component/Button/Brand/Primary/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Hotel Norge/Dark blue/90"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/10"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/On fill/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/On fill/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/On fill/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/40"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/Border/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/Border/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/Border/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Hover Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Hotel Norge/Emerald/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/On fill/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Hotel Norge/Dark blue/90"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/On fill/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Hotel Norge/Dark blue/80"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/On fill/Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/On fill/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/40"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Border/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Hotel Norge/Dark blue/90"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Border/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Hotel Norge/Dark blue/80"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Border/Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Border/Hover inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/90"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Border/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Hotel Norge/Emerald/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/10"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/On fill/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/On fill/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/On fill/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/40"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/Border/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/Border/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/Border/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Faded",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/90"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/5"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Hover Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Hotel Norge/Emerald/100"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/On fill/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Hotel Norge/Dark blue/90"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/On fill/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/10"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/On fill/Hover inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/On fill/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/40"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Border/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Border/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Border/Disable",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Border/Interactive/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/30"
+              }
+            },
+            {
+              "name": "Border/Divider/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/20"
+              }
+            },
+            {
+              "name": "Border/Divider/Subtle",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/15"
+              }
+            },
+            {
+              "name": "Border/Divider/Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/30"
+              }
+            },
+            {
+              "name": "Border/Divider/Brand/OnPrimary 1/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Border/Divider/Brand/OnPrimary 1/Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Border/Divider/Brand/OnPrimary 2/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Border/Divider/Brand/OnPrimary 3/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Border/Interactive/Selected",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/80"
+              }
+            },
+            {
+              "name": "Border/Interactive/Focus",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/80"
+              }
+            },
+            {
+              "name": "Border/Interactive/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/30"
+              }
+            },
+            {
+              "name": "Border/Interactive/Error",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/70"
+              }
+            },
+            {
+              "name": "Border/Interactive/KeyboardFocus",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Blue/50"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Hover inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/5"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Disabled inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/20"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/On fill/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/90"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/On fill/Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/On fill/Hover Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Hotel Norge/Dark blue/80"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/On fill/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/40"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Border/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/10"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Border/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/10"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Border/Disable",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/10"
+              }
+            }
+          ]
+        },
+        {
+          "name": "Grand Hotel",
+          "variables": [
+            {
+              "name": "Text/Heading",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/90"
+              }
+            },
+            {
+              "name": "Text/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/90"
+              }
+            },
+            {
+              "name": "Text/Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/60"
+              }
+            },
+            {
+              "name": "Text/Tertiary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/50"
+              }
+            },
+            {
+              "name": "Text/Accent Primary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Grand Hotel/Careys Pink/60"
+              }
+            },
+            {
+              "name": "Text/Accent Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/50"
+              }
+            },
+            {
+              "name": "Text/Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Text/Interactive/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Grand Hotel/Blue Bayoux/100"
+              }
+            },
+            {
+              "name": "Text/Interactive/Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Grand Hotel/Careys Pink/60"
+              }
+            },
+            {
+              "name": "Text/Interactive/Hover Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Grand Hotel/Careys Pink/50"
+              }
+            },
+            {
+              "name": "Text/Interactive/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/40"
+              }
+            },
+            {
+              "name": "Text/Interactive/Focus",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/80"
+              }
+            },
+            {
+              "name": "Text/Interactive/Error",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/70"
+              }
+            },
+            {
+              "name": "Text/Interactive/Placeholder",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/50"
+              }
+            },
+            {
+              "name": "Text/Brand/OnAccent/Heading",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/90"
+              }
+            },
+            {
+              "name": "Text/Brand/OnAccent/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/90"
+              }
+            },
+            {
+              "name": "Text/Brand/OnAccent/Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/90"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 1/Heading",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/90"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 1/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/90"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 1/Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/90"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 2/Heading",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/90"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 2/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/90"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 2/Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/90"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 3/Heading",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 3/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Text/Brand/OnPrimary 3/Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Background/Primary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Background/Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Surface/Primary/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Surface/Primary/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/5"
+              }
+            },
+            {
+              "name": "Surface/Primary/Hover Light",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Surface/Primary/Hover Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/15"
+              }
+            },
+            {
+              "name": "Surface/Primary/OnSurface/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Grand Hotel/Cloudy/0"
+              }
+            },
+            {
+              "name": "Surface/Primary/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/15"
+              }
+            },
+            {
+              "name": "Surface/Secondary/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Grand Hotel/Cloudy/0"
+              }
+            },
+            {
+              "name": "Surface/Secondary/Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Grand Hotel/Cloudy/0"
+              }
+            },
+            {
+              "name": "Surface/Secondary/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/5"
+              }
+            },
+            {
+              "name": "Surface/Brand/Accent/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Grand Hotel/Cloudy/30"
+              }
+            },
+            {
+              "name": "Surface/Brand/Primary 1/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Grand Hotel/Careys Pink/40"
+              }
+            },
+            {
+              "name": "Surface/Brand/Primary 1/OnSurface/Default",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFFFF"
+            },
+            {
+              "name": "Surface/Brand/Primary 1/OnSurface/Accent",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFFFF"
+            },
+            {
+              "name": "Surface/Brand/Primary 1/OnSurface/Accent Secondary",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFFFF"
+            },
+            {
+              "name": "Surface/Brand/Primary 2/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Grand Hotel/Careys Pink/40"
+              }
+            },
+            {
+              "name": "Surface/Brand/Primary 2/OnSurface/Default",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFFFF"
+            },
+            {
+              "name": "Surface/Brand/Primary 2/OnSurface/Accent",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFFFF"
+            },
+            {
+              "name": "Surface/Brand/Primary 3/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Grand Hotel/Blue Bayoux/50"
+              }
+            },
+            {
+              "name": "Surface/Brand/Primary 3/OnSurface/Default",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFFFF"
+            },
+            {
+              "name": "Surface/Brand/Primary 3/OnSurface/Accent",
+              "type": "color",
+              "isAlias": false,
+              "value": "#FFFFFF"
+            },
+            {
+              "name": "Surface/UI Fill/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Surface/UI Fill/Intense",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/80"
+              }
+            },
+            {
+              "name": "Surface/UI Fill/Active",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/80"
+              }
+            },
+            {
+              "name": "Surface/UI Fill/Active Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Surface/UI Fill/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/15"
+              }
+            },
+            {
+              "name": "Surface/Accent/1",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Grand Hotel/Careys Pink/70"
+              }
+            },
+            {
+              "name": "Surface/Accent/2",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Blue/70"
+              }
+            },
+            {
+              "name": "Surface/Accent/3",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Grand Hotel/Careys Pink/50"
+              }
+            },
+            {
+              "name": "Surface/Accent/4",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Grand Hotel/Blue Bayoux/50"
+              }
+            },
+            {
+              "name": "Surface/Accent/5",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Grand Hotel/Blue Bayoux/90"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Information Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Blue/70"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Information",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Blue/00"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Succes Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Green/60"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Succes",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Green/00"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Warning Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Yellow/60"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Warning  Light",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Yellow/00"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Error Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/70"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Error",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/00"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Neutral Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/50"
+              }
+            },
+            {
+              "name": "Surface/Feedback/Neutral",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/15"
+              }
+            },
+            {
+              "name": "Border/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/20"
+              }
+            },
+            {
+              "name": "Border/Intense",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/30"
+              }
+            },
+            {
+              "name": "Border/Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Icon/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/60"
+              }
+            },
+            {
+              "name": "Icon/Intense",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/90"
+              }
+            },
+            {
+              "name": "Icon/Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Grand Hotel/Careys Pink/40"
+              }
+            },
+            {
+              "name": "Icon/Interactive/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Grand Hotel/Blue Bayoux/100"
+              }
+            },
+            {
+              "name": "Icon/Interactive/Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Grand Hotel/Careys Pink/60"
+              }
+            },
+            {
+              "name": "Icon/Interactive/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/30"
+              }
+            },
+            {
+              "name": "Icon/Interactive/Placeholder",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/50"
+              }
+            },
+            {
+              "name": "Icon/Feedback/Information",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Blue/70"
+              }
+            },
+            {
+              "name": "Icon/Feedback/Success",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Green/60"
+              }
+            },
+            {
+              "name": "Icon/Feedback/Warning",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Yellow/60"
+              }
+            },
+            {
+              "name": "Icon/Feedback/Error",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/70"
+              }
+            },
+            {
+              "name": "Icon/Feedback/Neutral",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/60"
+              }
+            },
+            {
+              "name": "Icon/Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Overlay/10",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Overlay/20",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/20"
+              }
+            },
+            {
+              "name": "Overlay/40",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/40"
+              }
+            },
+            {
+              "name": "Overlay/60",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/60"
+              }
+            },
+            {
+              "name": "Overlay/80",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/80"
+              }
+            },
+            {
+              "name": "Overlay/90",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/90"
+              }
+            },
+            {
+              "name": "Utilities/Gradients/10",
+              "type": "color",
+              "isAlias": false,
+              "value": "#5B6E7F1A"
+            },
+            {
+              "name": "Component/Button/Brand/Primary/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Grand Hotel/Blue Bayoux/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/10"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/On fill/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/On fill/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/On fill/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/40"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/Border/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/Border/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Primary/Border/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Hover Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Grand Hotel/Submarine/30"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/On fill/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Grand Hotel/Blue Bayoux/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/On fill/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Grand Hotel/Blue Bayoux/80"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/On fill/Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/On fill/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/40"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Border/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Grand Hotel/Blue Bayoux/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Border/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Grand Hotel/Blue Bayoux/80"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Border/Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Border/Hover inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/90"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Secondary/Border/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Grand Hotel/Submarine/30"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/10"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/On fill/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Grand Hotel/Blue Bayoux/100"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/On fill/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/10"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/On fill/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/40"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/Border/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/Border/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Brand/Tertiary/Border/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Faded",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/90"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/5"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Hover Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Grand Hotel/Submarine/30"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/10"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/On fill/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Grand Hotel/Blue Bayoux/100"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/On fill/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/10"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/On fill/Hover inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/On fill/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/40"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Border/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/0"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Border/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/10"
+              }
+            },
+            {
+              "name": "Component/Button/Inverted/Border/Disable",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/10"
+              }
+            },
+            {
+              "name": "Border/Interactive/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/30"
+              }
+            },
+            {
+              "name": "Border/Divider/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/20"
+              }
+            },
+            {
+              "name": "Border/Divider/Subtle",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/15"
+              }
+            },
+            {
+              "name": "Border/Divider/Accent",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/30"
+              }
+            },
+            {
+              "name": "Border/Divider/Brand/OnPrimary 1/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Border/Divider/Brand/OnPrimary 1/Secondary",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Border/Divider/Brand/OnPrimary 2/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Border/Divider/Brand/OnPrimary 3/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Border/Interactive/Selected",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/80"
+              }
+            },
+            {
+              "name": "Border/Interactive/Focus",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/80"
+              }
+            },
+            {
+              "name": "Border/Interactive/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/30"
+              }
+            },
+            {
+              "name": "Border/Interactive/Error",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Red/70"
+              }
+            },
+            {
+              "name": "Border/Interactive/KeyboardFocus",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Scandic/Blue/50"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Hover inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/Black/5"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Disabled inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/20"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/On fill/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/90"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/On fill/Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/100"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/On fill/Hover Inverted",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Signature/Grand Hotel/Blue Bayoux/80"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/On fill/Disabled",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/40"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Border/Default",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/10"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Border/Hover",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/10"
+              }
+            },
+            {
+              "name": "Component/Button/Muted/Border/Disable",
+              "type": "color",
+              "isAlias": true,
+              "value": {
+                "collection": "_Primitives",
+                "name": "Neutral/Opacity/White/10"
+              }
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "_Typographic primitives",
+      "modes": [
+        {
+          "name": "Value",
+          "variables": [
+            {
+              "name": "Font family/Downtown Camper/Title",
+              "type": "string",
+              "isAlias": false,
+              "value": "Gotham"
+            },
+            {
+              "name": "Font family/Downtown Camper/Body",
+              "type": "string",
+              "isAlias": false,
+              "value": "Fira sans"
+            },
+            {
+              "name": "Font family/Downtown Camper/Decorative",
+              "type": "string",
+              "isAlias": false,
+              "value": "Gotham"
+            },
+            {
+              "name": "Font family/Title",
+              "type": "string",
+              "isAlias": false,
+              "value": "Brandon Text"
+            },
+            {
+              "name": "Font family/Body",
+              "type": "string",
+              "isAlias": false,
+              "value": "Fira sans"
+            },
+            {
+              "name": "Font family/Decorative",
+              "type": "string",
+              "isAlias": false,
+              "value": "Biro Script Plus"
+            },
+            {
+              "name": "Font weight/Regular",
+              "type": "number",
+              "isAlias": false,
+              "value": 400
+            },
+            {
+              "name": "Font weight/Regular bold",
+              "type": "number",
+              "isAlias": false,
+              "value": 450
+            },
+            {
+              "name": "Font weight/Medium",
+              "type": "number",
+              "isAlias": false,
+              "value": 500
+            },
+            {
+              "name": "Font weight/Semi Bold",
+              "type": "number",
+              "isAlias": false,
+              "value": 600
+            },
+            {
+              "name": "Font weight/Bold",
+              "type": "number",
+              "isAlias": false,
+              "value": 700
+            },
+            {
+              "name": "Font weight/Extra Bold",
+              "type": "number",
+              "isAlias": false,
+              "value": 800
+            },
+            {
+              "name": "Font weight/Black",
+              "type": "number",
+              "isAlias": false,
+              "value": 900
+            },
+            {
+              "name": "Size/200-12",
+              "type": "number",
+              "isAlias": false,
+              "value": 12
+            },
+            {
+              "name": "Size/250-14",
+              "type": "number",
+              "isAlias": false,
+              "value": 14
+            },
+            {
+              "name": "Size/300-16",
+              "type": "number",
+              "isAlias": false,
+              "value": 16
+            },
+            {
+              "name": "Size/350-18",
+              "type": "number",
+              "isAlias": false,
+              "value": 18
+            },
+            {
+              "name": "Size/400-20",
+              "type": "number",
+              "isAlias": false,
+              "value": 20
+            },
+            {
+              "name": "Size/500-24",
+              "type": "number",
+              "isAlias": false,
+              "value": 24
+            },
+            {
+              "name": "Size/550-26",
+              "type": "number",
+              "isAlias": false,
+              "value": 26
+            },
+            {
+              "name": "Size/600-28",
+              "type": "number",
+              "isAlias": false,
+              "value": 28
+            },
+            {
+              "name": "Size/700-32",
+              "type": "number",
+              "isAlias": false,
+              "value": 32
+            },
+            {
+              "name": "Size/800-36",
+              "type": "number",
+              "isAlias": false,
+              "value": 36
+            },
+            {
+              "name": "Size/900-40",
+              "type": "number",
+              "isAlias": false,
+              "value": 40
+            },
+            {
+              "name": "Size/1100-48",
+              "type": "number",
+              "isAlias": false,
+              "value": 48
+            },
+            {
+              "name": "Size/1300-56",
+              "type": "number",
+              "isAlias": false,
+              "value": 56
+            },
+            {
+              "name": "Size/1500-64",
+              "type": "number",
+              "isAlias": false,
+              "value": 64
+            },
+            {
+              "name": "Line height/xs",
+              "type": "number",
+              "isAlias": false,
+              "value": 100
+            },
+            {
+              "name": "Font family/Haymarket/Title",
+              "type": "string",
+              "isAlias": false,
+              "value": "Prumo text"
+            },
+            {
+              "name": "Font family/Haymarket/Body",
+              "type": "string",
+              "isAlias": false,
+              "value": "Fira sans"
+            },
+            {
+              "name": "Font family/Haymarket/Decorative",
+              "type": "string",
+              "isAlias": false,
+              "value": "Prumo text"
+            },
+            {
+              "name": "Font family/Marski/Title",
+              "type": "string",
+              "isAlias": false,
+              "value": "Helvetica Neue"
+            },
+            {
+              "name": "Font family/Marski/Body",
+              "type": "string",
+              "isAlias": false,
+              "value": "Fira sans"
+            },
+            {
+              "name": "Font family/Marski/Decorative",
+              "type": "string",
+              "isAlias": false,
+              "value": "Helvetica Neue"
+            },
+            {
+              "name": "Font family/Hotel Norge/Title",
+              "type": "string",
+              "isAlias": false,
+              "value": "Domaine Sans Text"
+            },
+            {
+              "name": "Font family/Hotel Norge/Body",
+              "type": "string",
+              "isAlias": false,
+              "value": "Fira sans"
+            },
+            {
+              "name": "Font family/Hotel Norge/Decorative",
+              "type": "string",
+              "isAlias": false,
+              "value": "Domaine Sans Text"
+            },
+            {
+              "name": "Font family/Grand Hotel/Title",
+              "type": "string",
+              "isAlias": false,
+              "value": "Canela Deck"
+            },
+            {
+              "name": "Font family/Grand Hotel/Body",
+              "type": "string",
+              "isAlias": false,
+              "value": "Fira sans"
+            },
+            {
+              "name": "Font family/Grand Hotel/Decorative",
+              "type": "string",
+              "isAlias": false,
+              "value": "Canela Deck"
+            },
+            {
+              "name": "Font family/Scandic Go/Title",
+              "type": "string",
+              "isAlias": false,
+              "value": "Neue Haas Grotesk Display Pro"
+            },
+            {
+              "name": "Font family/Scandic Go/Body",
+              "type": "string",
+              "isAlias": false,
+              "value": "Fira sans"
+            },
+            {
+              "name": "Font family/Scandic Go/Decorative",
+              "type": "string",
+              "isAlias": false,
+              "value": "ITC Garamond Std"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "Global Tokens",
+      "modes": [
+        {
+          "name": "Mode 1",
+          "variables": [
+            {
+              "name": "Corner radius/sm",
+              "type": "number",
+              "isAlias": false,
+              "value": 4
+            },
+            {
+              "name": "Border width/none",
+              "type": "number",
+              "isAlias": false,
+              "value": 0
+            },
+            {
+              "name": "Border width/sm",
+              "type": "number",
+              "isAlias": false,
+              "value": 1
+            },
+            {
+              "name": "Border width/md",
+              "type": "number",
+              "isAlias": false,
+              "value": 2
+            },
+            {
+              "name": "Border width/lg",
+              "type": "number",
+              "isAlias": false,
+              "value": 3
+            },
+            {
+              "name": "Corner radius/md",
+              "type": "number",
+              "isAlias": false,
+              "value": 8
+            },
+            {
+              "name": "Corner radius/lg",
+              "type": "number",
+              "isAlias": false,
+              "value": 12
+            },
+            {
+              "name": "Corner radius/xl",
+              "type": "number",
+              "isAlias": false,
+              "value": 16
+            },
+            {
+              "name": "Corner radius/rounded",
+              "type": "number",
+              "isAlias": false,
+              "value": 250
+            },
+            {
+              "name": "Space/x0",
+              "type": "number",
+              "isAlias": false,
+              "value": 0
+            },
+            {
+              "name": "Space/x025",
+              "type": "number",
+              "isAlias": false,
+              "value": 2
+            },
+            {
+              "name": "Space/x05",
+              "type": "number",
+              "isAlias": false,
+              "value": 4
+            },
+            {
+              "name": "Space/x1",
+              "type": "number",
+              "isAlias": false,
+              "value": 8
+            },
+            {
+              "name": "Space/x15",
+              "type": "number",
+              "isAlias": false,
+              "value": 12
+            },
+            {
+              "name": "Space/x2",
+              "type": "number",
+              "isAlias": false,
+              "value": 16
+            },
+            {
+              "name": "Space/x3",
+              "type": "number",
+              "isAlias": false,
+              "value": 24
+            },
+            {
+              "name": "Space/x4",
+              "type": "number",
+              "isAlias": false,
+              "value": 32
+            },
+            {
+              "name": "Space/x5",
+              "type": "number",
+              "isAlias": false,
+              "value": 40
+            },
+            {
+              "name": "Space/x6",
+              "type": "number",
+              "isAlias": false,
+              "value": 48
+            },
+            {
+              "name": "Space/x7",
+              "type": "number",
+              "isAlias": false,
+              "value": 56
+            },
+            {
+              "name": "Space/x8",
+              "type": "number",
+              "isAlias": false,
+              "value": 72
+            },
+            {
+              "name": "Icon/2xs",
+              "type": "number",
+              "isAlias": false,
+              "value": 16
+            },
+            {
+              "name": "Icon/xs",
+              "type": "number",
+              "isAlias": false,
+              "value": 20
+            },
+            {
+              "name": "Icon/sm",
+              "type": "number",
+              "isAlias": false,
+              "value": 24
+            },
+            {
+              "name": "Icon/md",
+              "type": "number",
+              "isAlias": false,
+              "value": 32
+            },
+            {
+              "name": "Icon/lg",
+              "type": "number",
+              "isAlias": false,
+              "value": 40
+            },
+            {
+              "name": "Icon/xl",
+              "type": "number",
+              "isAlias": false,
+              "value": 42
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "Typography",
+      "modes": [
+        {
+          "name": "Style",
+          "variables": [
+            {
+              "name": "Title/lg",
+              "type": "typography",
+              "isAlias": false,
+              "value": {
+                "fontSize": 48,
+                "fontFamily": "Brandon Text",
+                "fontWeight": "Black",
+                "lineHeight": 100,
+                "lineHeightUnit": "PERCENT",
+                "letterSpacing": 0.11999999731779099,
+                "letterSpacingUnit": "PIXELS",
+                "textCase": "UPPER",
+                "textDecoration": "NONE"
+              }
+            },
+            {
+              "name": "Title/md",
+              "type": "typography",
+              "isAlias": false,
+              "value": {
+                "fontSize": 36,
+                "fontFamily": "Brandon Text",
+                "fontWeight": "Black",
+                "lineHeight": 110.00000238418579,
+                "lineHeightUnit": "PERCENT",
+                "letterSpacing": 0.09000000357627869,
+                "letterSpacingUnit": "PIXELS",
+                "textCase": "UPPER",
+                "textDecoration": "NONE"
+              }
+            },
+            {
+              "name": "Title/mdLowCase",
+              "type": "typography",
+              "isAlias": false,
+              "value": {
+                "fontSize": 36,
+                "fontFamily": "Brandon Text",
+                "fontWeight": "Bold",
+                "lineHeight": 110.00000238418579,
+                "lineHeightUnit": "PERCENT",
+                "letterSpacing": 0.09000000357627869,
+                "letterSpacingUnit": "PIXELS",
+                "textCase": "ORIGINAL",
+                "textDecoration": "NONE"
+              }
+            },
+            {
+              "name": "Title/sm",
+              "type": "typography",
+              "isAlias": false,
+              "value": {
+                "fontSize": 28,
+                "fontFamily": "Brandon Text",
+                "fontWeight": "Black",
+                "lineHeight": 110.00000238418579,
+                "lineHeightUnit": "PERCENT",
+                "letterSpacing": 0.07000000029802322,
+                "letterSpacingUnit": "PIXELS",
+                "textCase": "UPPER",
+                "textDecoration": "NONE"
+              }
+            },
+            {
+              "name": "Title/smLowCase",
+              "type": "typography",
+              "isAlias": false,
+              "value": {
+                "fontSize": 28,
+                "fontFamily": "Brandon Text",
+                "fontWeight": "Bold",
+                "lineHeight": 110.00000238418579,
+                "lineHeightUnit": "PERCENT",
+                "letterSpacing": 0.07000000029802322,
+                "letterSpacingUnit": "PIXELS",
+                "textCase": "ORIGINAL",
+                "textDecoration": "NONE"
+              }
+            },
+            {
+              "name": "Title/xs",
+              "type": "typography",
+              "isAlias": false,
+              "value": {
+                "fontSize": 24,
+                "fontFamily": "Brandon Text",
+                "fontWeight": "Black",
+                "lineHeight": 110.00000238418579,
+                "lineHeightUnit": "PERCENT",
+                "letterSpacing": 0.05999999865889549,
+                "letterSpacingUnit": "PIXELS",
+                "textCase": "UPPER",
+                "textDecoration": "NONE"
+              }
+            },
+            {
+              "name": "Title/Decorative/lg",
+              "type": "typography",
+              "isAlias": false,
+              "value": {
+                "fontSize": 32,
+                "fontFamily": "Biro Script Plus",
+                "fontWeight": "Regular",
+                "lineHeight": 110.00000238418579,
+                "lineHeightUnit": "PERCENT",
+                "letterSpacing": 0.6399999856948853,
+                "letterSpacingUnit": "PIXELS",
+                "textCase": "ORIGINAL",
+                "textDecoration": "NONE"
+              }
+            },
+            {
+              "name": "Title/Decorative/md",
+              "type": "typography",
+              "isAlias": false,
+              "value": {
+                "fontSize": 24,
+                "fontFamily": "Biro Script Plus",
+                "fontWeight": "Regular",
+                "lineHeight": 110.00000238418579,
+                "lineHeightUnit": "PERCENT",
+                "letterSpacing": 0.47999998927116394,
+                "letterSpacingUnit": "PIXELS",
+                "textCase": "ORIGINAL",
+                "textDecoration": "NONE"
+              }
+            },
+            {
+              "name": "Title/Subtitle/lg",
+              "type": "typography",
+              "isAlias": false,
+              "value": {
+                "fontSize": 24,
+                "fontFamily": "Fira Sans",
+                "fontWeight": "Medium",
+                "lineHeight": 120.00000476837158,
+                "lineHeightUnit": "PERCENT",
+                "letterSpacing": 0.23999999463558197,
+                "letterSpacingUnit": "PIXELS",
+                "textCase": "ORIGINAL",
+                "textDecoration": "NONE"
+              }
+            },
+            {
+              "name": "Title/Subtitle/md",
+              "type": "typography",
+              "isAlias": false,
+              "value": {
+                "fontSize": 20,
+                "fontFamily": "Fira Sans",
+                "fontWeight": "Medium",
+                "lineHeight": 120.00000476837158,
+                "lineHeightUnit": "PERCENT",
+                "letterSpacing": 0.20000000298023224,
+                "letterSpacingUnit": "PIXELS",
+                "textCase": "ORIGINAL",
+                "textDecoration": "NONE"
+              }
+            },
+            {
+              "name": "Title/Overline/sm",
+              "type": "typography",
+              "isAlias": false,
+              "value": {
+                "fontSize": 14,
+                "fontFamily": "Brandon Text",
+                "fontWeight": "Bold",
+                "lineHeight": 150,
+                "lineHeightUnit": "PERCENT",
+                "letterSpacing": 0.6399999856948853,
+                "letterSpacingUnit": "PIXELS",
+                "textCase": "UPPER",
+                "textDecoration": "NONE"
+              }
+            },
+            {
+              "name": "Body/Lead text/lg",
+              "type": "typography",
+              "isAlias": false,
+              "value": {
+                "fontSize": 20,
+                "fontFamily": "Fira Sans",
+                "fontWeight": "Regular",
+                "lineHeight": 139.9999976158142,
+                "lineHeightUnit": "PERCENT",
+                "letterSpacing": 0.20000000298023224,
+                "letterSpacingUnit": "PIXELS",
+                "textCase": "ORIGINAL",
+                "textDecoration": "NONE"
+              }
+            },
+            {
+              "name": "Body/Paragraph/mdRegular",
+              "type": "typography",
+              "isAlias": false,
+              "value": {
+                "fontSize": 16,
+                "fontFamily": "Fira Sans",
+                "fontWeight": "Regular",
+                "lineHeight": 150,
+                "lineHeightUnit": "PERCENT",
+                "letterSpacing": 0.19200000166893005,
+                "letterSpacingUnit": "PIXELS",
+                "textCase": "ORIGINAL",
+                "textDecoration": "NONE"
+              }
+            },
+            {
+              "name": "Body/Paragraph/mdBold",
+              "type": "typography",
+              "isAlias": false,
+              "value": {
+                "fontSize": 16,
+                "fontFamily": "Fira Sans",
+                "fontWeight": "Medium",
+                "lineHeight": 150,
+                "lineHeightUnit": "PERCENT",
+                "letterSpacing": 0.19200000166893005,
+                "letterSpacingUnit": "PIXELS",
+                "textCase": "ORIGINAL",
+                "textDecoration": "NONE"
+              }
+            },
+            {
+              "name": "Body/Supporting text (caption)/smRegular",
+              "type": "typography",
+              "isAlias": false,
+              "value": {
+                "fontSize": 14,
+                "fontFamily": "Fira Sans",
+                "fontWeight": "Regular",
+                "lineHeight": 139.9999976158142,
+                "lineHeightUnit": "PERCENT",
+                "letterSpacing": 0.19599999487400055,
+                "letterSpacingUnit": "PIXELS",
+                "textCase": "ORIGINAL",
+                "textDecoration": "NONE"
+              }
+            },
+            {
+              "name": "Body/Supporting text (caption)/smBold",
+              "type": "typography",
+              "isAlias": false,
+              "value": {
+                "fontSize": 14,
+                "fontFamily": "Fira Sans",
+                "fontWeight": "Medium",
+                "lineHeight": 139.9999976158142,
+                "lineHeightUnit": "PERCENT",
+                "letterSpacing": 0.19599999487400055,
+                "letterSpacingUnit": "PIXELS",
+                "textCase": "ORIGINAL",
+                "textDecoration": "NONE"
+              }
+            },
+            {
+              "name": "Body/Underline/md",
+              "type": "typography",
+              "isAlias": false,
+              "value": {
+                "fontSize": 16,
+                "fontFamily": "Fira Sans",
+                "fontWeight": "Regular",
+                "lineHeight": 150,
+                "lineHeightUnit": "PERCENT",
+                "letterSpacing": 0.19200000166893005,
+                "letterSpacingUnit": "PIXELS",
+                "textCase": "ORIGINAL",
+                "textDecoration": "UNDERLINE"
+              }
+            },
+            {
+              "name": "Body/Underline/sm",
+              "type": "typography",
+              "isAlias": false,
+              "value": {
+                "fontSize": 14,
+                "fontFamily": "Fira Sans",
+                "fontWeight": "Regular",
+                "lineHeight": 139.9999976158142,
+                "lineHeightUnit": "PERCENT",
+                "letterSpacing": 0.19599999487400055,
+                "letterSpacingUnit": "PIXELS",
+                "textCase": "ORIGINAL",
+                "textDecoration": "UNDERLINE"
+              }
+            },
+            {
+              "name": "Tag/sm",
+              "type": "typography",
+              "isAlias": false,
+              "value": {
+                "fontSize": 12,
+                "fontFamily": "Brandon Text",
+                "fontWeight": "Bold",
+                "lineHeight": 150,
+                "lineHeightUnit": "PERCENT",
+                "letterSpacing": 0.19599999487400055,
+                "letterSpacingUnit": "PIXELS",
+                "textCase": "ORIGINAL",
+                "textDecoration": "NONE"
+              }
+            },
+            {
+              "name": "Link/md",
+              "type": "typography",
+              "isAlias": false,
+              "value": {
+                "fontSize": 16,
+                "fontFamily": "Fira Sans",
+                "fontWeight": "Medium",
+                "lineHeight": 150,
+                "lineHeightUnit": "PERCENT",
+                "letterSpacing": 0.19200000166893005,
+                "letterSpacingUnit": "PIXELS",
+                "textCase": "ORIGINAL",
+                "textDecoration": "UNDERLINE"
+              }
+            },
+            {
+              "name": "Link/sm",
+              "type": "typography",
+              "isAlias": false,
+              "value": {
+                "fontSize": 14,
+                "fontFamily": "Fira Sans",
+                "fontWeight": "Medium",
+                "lineHeight": 139.9999976158142,
+                "lineHeightUnit": "PERCENT",
+                "letterSpacing": 0.19599999487400055,
+                "letterSpacingUnit": "PIXELS",
+                "textCase": "ORIGINAL",
+                "textDecoration": "UNDERLINE"
+              }
+            },
+            {
+              "name": "Label (inputs)/xsRegular",
+              "type": "typography",
+              "isAlias": false,
+              "value": {
+                "fontSize": 12,
+                "fontFamily": "Fira Sans",
+                "fontWeight": "Regular",
+                "lineHeight": 150,
+                "lineHeightUnit": "PERCENT",
+                "letterSpacing": 0.1679999977350235,
+                "letterSpacingUnit": "PIXELS",
+                "textCase": "ORIGINAL",
+                "textDecoration": "NONE"
+              }
+            },
+            {
+              "name": "Label (inputs)/xsBold",
+              "type": "typography",
+              "isAlias": false,
+              "value": {
+                "fontSize": 12,
+                "fontFamily": "Fira Sans",
+                "fontWeight": "Medium",
+                "lineHeight": 150,
+                "lineHeightUnit": "PERCENT",
+                "letterSpacing": 0.1679999977350235,
+                "letterSpacingUnit": "PIXELS",
+                "textCase": "ORIGINAL",
+                "textDecoration": "NONE"
+              }
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "Effects",
+      "modes": [
+        {
+          "name": "Style",
+          "variables": [
+            {
+              "name": "Level 1",
+              "type": "effect",
+              "isAlias": false,
+              "value": {
+                "effects": [
+                  {
+                    "type": "DROP_SHADOW",
+                    "color": {
+                      "r": 0,
+                      "g": 0,
+                      "b": 0,
+                      "a": 0.1
+                    },
+                    "offset": {
+                      "x": 0,
+                      "y": 0
+                    },
+                    "radius": 2,
+                    "spread": 1
+                  }
+                ]
+              }
+            },
+            {
+              "name": "Level 2",
+              "type": "effect",
+              "isAlias": false,
+              "value": {
+                "effects": [
+                  {
+                    "type": "DROP_SHADOW",
+                    "color": {
+                      "r": 0,
+                      "g": 0,
+                      "b": 0,
+                      "a": 0.1
+                    },
+                    "offset": {
+                      "x": 0,
+                      "y": 0
+                    },
+                    "radius": 4,
+                    "spread": 2
+                  }
+                ]
+              }
+            },
+            {
+              "name": "Level 3",
+              "type": "effect",
+              "isAlias": false,
+              "value": {
+                "effects": [
+                  {
+                    "type": "DROP_SHADOW",
+                    "color": {
+                      "r": 0,
+                      "g": 0,
+                      "b": 0,
+                      "a": 0.1
+                    },
+                    "offset": {
+                      "x": 0,
+                      "y": 0
+                    },
+                    "radius": 8,
+                    "spread": 3
+                  }
+                ]
+              }
+            },
+            {
+              "name": "Level 4",
+              "type": "effect",
+              "isAlias": false,
+              "value": {
+                "effects": [
+                  {
+                    "type": "DROP_SHADOW",
+                    "color": {
+                      "r": 0,
+                      "g": 0,
+                      "b": 0,
+                      "a": 0.1
+                    },
+                    "offset": {
+                      "x": 0,
+                      "y": 0
+                    },
+                    "radius": 14,
+                    "spread": 6
+                  }
+                ]
+              }
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "Grids",
+      "modes": [
+        {
+          "name": "Style",
+          "variables": [
+            {
+              "name": "L - fixed",
+              "type": "grid",
+              "isAlias": false,
+              "value": {
+                "layoutGrids": [
+                  {
+                    "pattern": "COLUMNS",
+                    "sectionSize": 85,
+                    "color": {
+                      "r": 255,
+                      "g": 0,
+                      "b": 0,
+                      "a": 0.1
+                    },
+                    "alignment": "CENTER",
+                    "gutterSize": 16,
+                    "count": 12
+                  }
+                ]
+              }
+            },
+            {
+              "name": "M - fixed",
+              "type": "grid",
+              "isAlias": false,
+              "value": {
+                "layoutGrids": [
+                  {
+                    "pattern": "COLUMNS",
+                    "sectionSize": 110,
+                    "color": {
+                      "r": 255,
+                      "g": 0,
+                      "b": 0,
+                      "a": 0.1
+                    },
+                    "alignment": "CENTER",
+                    "gutterSize": 16,
+                    "count": 12
+                  }
+                ]
+              }
+            },
+            {
+              "name": "L - fluid",
+              "type": "grid",
+              "isAlias": false,
+              "value": {
+                "layoutGrids": [
+                  {
+                    "pattern": "COLUMNS",
+                    "color": {
+                      "r": 255,
+                      "g": 0,
+                      "b": 0,
+                      "a": 0.1
+                    },
+                    "alignment": "STRETCH",
+                    "gutterSize": 16,
+                    "offset": 40,
+                    "count": 12
+                  }
+                ]
+              }
+            },
+            {
+              "name": "M - fluid",
+              "type": "grid",
+              "isAlias": false,
+              "value": {
+                "layoutGrids": [
+                  {
+                    "pattern": "COLUMNS",
+                    "color": {
+                      "r": 255,
+                      "g": 0,
+                      "b": 0,
+                      "a": 0.1
+                    },
+                    "alignment": "STRETCH",
+                    "gutterSize": 16,
+                    "offset": 72,
+                    "count": 12
+                  }
+                ]
+              }
+            },
+            {
+              "name": "S",
+              "type": "grid",
+              "isAlias": false,
+              "value": {
+                "layoutGrids": [
+                  {
+                    "pattern": "COLUMNS",
+                    "color": {
+                      "r": 255,
+                      "g": 0,
+                      "b": 0,
+                      "a": 0.1
+                    },
+                    "alignment": "STRETCH",
+                    "gutterSize": 16,
+                    "offset": 40,
+                    "count": 12
+                  }
+                ]
+              }
+            },
+            {
+              "name": "L - with left panel",
+              "type": "grid",
+              "isAlias": false,
+              "value": {
+                "layoutGrids": [
+                  {
+                    "pattern": "COLUMNS",
+                    "sectionSize": 40,
+                    "color": {
+                      "r": 151,
+                      "g": 207,
+                      "b": 156,
+                      "a": 0.2
+                    },
+                    "alignment": "MAX",
+                    "gutterSize": 16,
+                    "offset": 0,
+                    "count": 1
+                  },
+                  {
+                    "pattern": "COLUMNS",
+                    "sectionSize": 40,
+                    "color": {
+                      "r": 151,
+                      "g": 207,
+                      "b": 156,
+                      "a": 0.2
+                    },
+                    "alignment": "MIN",
+                    "gutterSize": 16,
+                    "offset": 0,
+                    "count": 1
+                  },
+                  {
+                    "pattern": "COLUMNS",
+                    "sectionSize": 40,
+                    "color": {
+                      "r": 151,
+                      "g": 207,
+                      "b": 156,
+                      "a": 0.2
+                    },
+                    "alignment": "MIN",
+                    "gutterSize": 24,
+                    "offset": 380,
+                    "count": 1
+                  },
+                  {
+                    "pattern": "COLUMNS",
+                    "sectionSize": 340,
+                    "color": {
+                      "r": 150,
+                      "g": 199,
+                      "b": 242,
+                      "a": 0.35
+                    },
+                    "alignment": "MIN",
+                    "gutterSize": 24,
+                    "offset": 40,
+                    "count": 1
+                  },
+                  {
+                    "pattern": "COLUMNS",
+                    "sectionSize": 73,
+                    "color": {
+                      "r": 255,
+                      "g": 0,
+                      "b": 0,
+                      "a": 0.1
+                    },
+                    "alignment": "MAX",
+                    "gutterSize": 16,
+                    "offset": 40,
+                    "count": 12
+                  },
+                  {
+                    "pattern": "COLUMNS",
+                    "sectionSize": 61,
+                    "color": {
+                      "r": 150,
+                      "g": 199,
+                      "b": 242,
+                      "a": 0.25
+                    },
+                    "alignment": "MIN",
+                    "gutterSize": 16,
+                    "offset": 64,
+                    "count": 4
+                  }
+                ]
+              }
+            },
+            {
+              "name": "L - with right panel",
+              "type": "grid",
+              "isAlias": false,
+              "value": {
+                "layoutGrids": [
+                  {
+                    "pattern": "COLUMNS",
+                    "sectionSize": 40,
+                    "color": {
+                      "r": 151,
+                      "g": 207,
+                      "b": 156,
+                      "a": 0.2
+                    },
+                    "alignment": "MAX",
+                    "gutterSize": 40,
+                    "offset": 0,
+                    "count": 1
+                  },
+                  {
+                    "pattern": "COLUMNS",
+                    "sectionSize": 40,
+                    "color": {
+                      "r": 151,
+                      "g": 207,
+                      "b": 156,
+                      "a": 0.2
+                    },
+                    "alignment": "MIN",
+                    "gutterSize": 40,
+                    "offset": 0,
+                    "count": 1
+                  },
+                  {
+                    "pattern": "COLUMNS",
+                    "sectionSize": 40,
+                    "color": {
+                      "r": 151,
+                      "g": 207,
+                      "b": 156,
+                      "a": 0.2
+                    },
+                    "alignment": "MAX",
+                    "gutterSize": 24,
+                    "offset": 380,
+                    "count": 1
+                  },
+                  {
+                    "pattern": "COLUMNS",
+                    "sectionSize": 340,
+                    "color": {
+                      "r": 150,
+                      "g": 199,
+                      "b": 242,
+                      "a": 0.35
+                    },
+                    "alignment": "MAX",
+                    "gutterSize": 24,
+                    "offset": 40,
+                    "count": 1
+                  },
+                  {
+                    "pattern": "COLUMNS",
+                    "sectionSize": 73,
+                    "color": {
+                      "r": 255,
+                      "g": 0,
+                      "b": 0,
+                      "a": 0.1
+                    },
+                    "alignment": "MIN",
+                    "gutterSize": 16,
+                    "offset": 40,
+                    "count": 12
+                  },
+                  {
+                    "pattern": "COLUMNS",
+                    "sectionSize": 61,
+                    "color": {
+                      "r": 150,
+                      "g": 199,
+                      "b": 242,
+                      "a": 0.25
+                    },
+                    "alignment": "MAX",
+                    "gutterSize": 16,
+                    "offset": 64,
+                    "count": 4
+                  }
+                ]
+              }
+            },
+            {
+              "name": "M - with left panel",
+              "type": "grid",
+              "isAlias": false,
+              "value": {
+                "layoutGrids": [
+                  {
+                    "pattern": "COLUMNS",
+                    "sectionSize": 32,
+                    "color": {
+                      "r": 151,
+                      "g": 207,
+                      "b": 156,
+                      "a": 0.2
+                    },
+                    "alignment": "MAX",
+                    "gutterSize": 16,
+                    "offset": 0,
+                    "count": 1
+                  },
+                  {
+                    "pattern": "COLUMNS",
+                    "sectionSize": 32,
+                    "color": {
+                      "r": 151,
+                      "g": 207,
+                      "b": 156,
+                      "a": 0.2
+                    },
+                    "alignment": "MIN",
+                    "gutterSize": 16,
+                    "offset": 0,
+                    "count": 1
+                  },
+                  {
+                    "pattern": "COLUMNS",
+                    "sectionSize": 32,
+                    "color": {
+                      "r": 151,
+                      "g": 207,
+                      "b": 156,
+                      "a": 0.2
+                    },
+                    "alignment": "MIN",
+                    "gutterSize": 24,
+                    "offset": 314,
+                    "count": 1
+                  },
+                  {
+                    "pattern": "COLUMNS",
+                    "sectionSize": 282,
+                    "color": {
+                      "r": 150,
+                      "g": 199,
+                      "b": 242,
+                      "a": 0.35
+                    },
+                    "alignment": "MIN",
+                    "gutterSize": 24,
+                    "offset": 32,
+                    "count": 1
+                  },
+                  {
+                    "pattern": "COLUMNS",
+                    "sectionSize": 88,
+                    "color": {
+                      "r": 255,
+                      "g": 0,
+                      "b": 0,
+                      "a": 0.1
+                    },
+                    "alignment": "MAX",
+                    "gutterSize": 16,
+                    "offset": 72,
+                    "count": 12
+                  },
+                  {
+                    "pattern": "COLUMNS",
+                    "sectionSize": 51,
+                    "color": {
+                      "r": 150,
+                      "g": 199,
+                      "b": 242,
+                      "a": 0.25
+                    },
+                    "alignment": "MIN",
+                    "gutterSize": 16,
+                    "offset": 48,
+                    "count": 4
+                  }
+                ]
+              }
+            },
+            {
+              "name": "M - with right panel",
+              "type": "grid",
+              "isAlias": false,
+              "value": {
+                "layoutGrids": [
+                  {
+                    "pattern": "COLUMNS",
+                    "sectionSize": 32,
+                    "color": {
+                      "r": 151,
+                      "g": 207,
+                      "b": 156,
+                      "a": 0.2
+                    },
+                    "alignment": "MAX",
+                    "gutterSize": 16,
+                    "offset": 0,
+                    "count": 1
+                  },
+                  {
+                    "pattern": "COLUMNS",
+                    "sectionSize": 32,
+                    "color": {
+                      "r": 151,
+                      "g": 207,
+                      "b": 156,
+                      "a": 0.2
+                    },
+                    "alignment": "MIN",
+                    "gutterSize": 16,
+                    "offset": 0,
+                    "count": 1
+                  },
+                  {
+                    "pattern": "COLUMNS",
+                    "sectionSize": 32,
+                    "color": {
+                      "r": 151,
+                      "g": 207,
+                      "b": 156,
+                      "a": 0.2
+                    },
+                    "alignment": "MAX",
+                    "gutterSize": 24,
+                    "offset": 314,
+                    "count": 1
+                  },
+                  {
+                    "pattern": "COLUMNS",
+                    "sectionSize": 282,
+                    "color": {
+                      "r": 150,
+                      "g": 199,
+                      "b": 242,
+                      "a": 0.35
+                    },
+                    "alignment": "MAX",
+                    "gutterSize": 24,
+                    "offset": 32,
+                    "count": 1
+                  },
+                  {
+                    "pattern": "COLUMNS",
+                    "sectionSize": 88,
+                    "color": {
+                      "r": 255,
+                      "g": 0,
+                      "b": 0,
+                      "a": 0.1
+                    },
+                    "alignment": "MIN",
+                    "gutterSize": 16,
+                    "offset": 72,
+                    "count": 12
+                  },
+                  {
+                    "pattern": "COLUMNS",
+                    "sectionSize": 51,
+                    "color": {
+                      "r": 150,
+                      "g": 199,
+                      "b": 242,
+                      "a": 0.2
+                    },
+                    "alignment": "MAX",
+                    "gutterSize": 16,
+                    "offset": 48,
+                    "count": 4
+                  }
+                ]
+              }
+            },
+            {
+              "name": "Side/L - Panel only - fluid",
+              "type": "grid",
+              "isAlias": false,
+              "value": {
+                "layoutGrids": [
+                  {
+                    "pattern": "COLUMNS",
+                    "color": {
+                      "r": 5,
+                      "g": 0,
+                      "b": 255,
+                      "a": 0.05
+                    },
+                    "alignment": "STRETCH",
+                    "gutterSize": 16,
+                    "offset": 40,
+                    "count": 4
+                  }
+                ]
+              }
+            },
+            {
+              "name": "Side/M - Panel only -fluid",
+              "type": "grid",
+              "isAlias": false,
+              "value": {
+                "layoutGrids": [
+                  {
+                    "pattern": "COLUMNS",
+                    "color": {
+                      "r": 5,
+                      "g": 0,
+                      "b": 255,
+                      "a": 0.05
+                    },
+                    "alignment": "STRETCH",
+                    "gutterSize": 16,
+                    "offset": 72,
+                    "count": 4
+                  }
+                ]
+              }
+            },
+            {
+              "name": "Side/L- Sheet only fluid",
+              "type": "grid",
+              "isAlias": false,
+              "value": {
+                "layoutGrids": [
+                  {
+                    "pattern": "COLUMNS",
+                    "color": {
+                      "r": 5,
+                      "g": 0,
+                      "b": 255,
+                      "a": 0.05
+                    },
+                    "alignment": "STRETCH",
+                    "gutterSize": 16,
+                    "offset": 32,
+                    "count": 4
+                  }
+                ]
+              }
+            },
+            {
+              "name": "Side/M - Sheet only fluid",
+              "type": "grid",
+              "isAlias": false,
+              "value": {
+                "layoutGrids": [
+                  {
+                    "pattern": "COLUMNS",
+                    "color": {
+                      "r": 5,
+                      "g": 0,
+                      "b": 255,
+                      "a": 0.05
+                    },
+                    "alignment": "STRETCH",
+                    "gutterSize": 16,
+                    "offset": 24,
+                    "count": 4
+                  }
+                ]
+              }
+            },
+            {
+              "name": "Top navigation/L - nav top",
+              "type": "grid",
+              "isAlias": false,
+              "value": {
+                "layoutGrids": [
+                  {
+                    "pattern": "COLUMNS",
+                    "color": {
+                      "r": 0,
+                      "g": 163,
+                      "b": 255,
+                      "a": 0.05
+                    },
+                    "alignment": "STRETCH",
+                    "gutterSize": 16,
+                    "offset": 40,
+                    "count": 12
+                  }
+                ]
+              }
+            },
+            {
+              "name": "Top navigation/M - nav top",
+              "type": "grid",
+              "isAlias": false,
+              "value": {
+                "layoutGrids": [
+                  {
+                    "pattern": "COLUMNS",
+                    "color": {
+                      "r": 255,
+                      "g": 0,
+                      "b": 0,
+                      "a": 0.1
+                    },
+                    "alignment": "STRETCH",
+                    "gutterSize": 16,
+                    "offset": 72,
+                    "count": 12
+                  }
+                ]
+              }
+            },
+            {
+              "name": "Top navigation/S - nav top",
+              "type": "grid",
+              "isAlias": false,
+              "value": {
+                "layoutGrids": [
+                  {
+                    "pattern": "COLUMNS",
+                    "color": {
+                      "r": 255,
+                      "g": 0,
+                      "b": 0,
+                      "a": 0.1
+                    },
+                    "alignment": "STRETCH",
+                    "gutterSize": 16,
+                    "offset": 72,
+                    "count": 12
+                  }
+                ]
+              }
+            }
+          ]
+        }
+      ]
+    }
+  ]
+}
diff --git a/packages/design-system/lib/components/Button/Button.stories.tsx b/packages/design-system/lib/components/Button/Button.stories.tsx
new file mode 100644
index 000000000..5ce8d78c2
--- /dev/null
+++ b/packages/design-system/lib/components/Button/Button.stories.tsx
@@ -0,0 +1,151 @@
+import type { Meta, StoryObj } from '@storybook/react'
+
+import { fn } from '@storybook/test'
+
+import { Button } from './Button'
+import { config as buttonConfig } from './variants'
+import { config as typographyConfig } from '../Typography/variants'
+
+const meta: Meta<typeof Button> = {
+  title: 'Components/Button',
+  component: Button,
+  argTypes: {
+    onPress: {
+      table: {
+        disable: true,
+      },
+    },
+    typography: {
+      control: 'select',
+      options: Object.keys(typographyConfig.variants.variant),
+    },
+    variant: {
+      control: 'select',
+      options: Object.keys(buttonConfig.variants.variant),
+    },
+  },
+}
+
+export default meta
+
+type Story = StoryObj<typeof Button>
+
+export const PrimaryDefault: Story = {
+  args: {
+    onPress: fn(),
+    children: 'Primary button',
+    typography: 'Body/Paragraph/mdBold',
+    variant: 'Primary',
+  },
+}
+
+export const PrimaryLarge: Story = {
+  args: {
+    ...PrimaryDefault.args,
+    size: 'Large',
+  },
+}
+
+export const PrimaryMedium: Story = {
+  args: {
+    ...PrimaryDefault.args,
+    size: 'Medium',
+  },
+}
+
+export const PrimarySmall: Story = {
+  args: {
+    ...PrimaryDefault.args,
+    size: 'Small',
+  },
+}
+
+export const SecondaryDefault: Story = {
+  args: {
+    onPress: fn(),
+    children: 'Secondary button',
+    typography: 'Body/Paragraph/mdBold',
+    variant: 'Secondary',
+  },
+}
+
+export const SecondaryLarge: Story = {
+  args: {
+    ...SecondaryDefault.args,
+    size: 'Large',
+  },
+}
+
+export const SecondaryMedium: Story = {
+  args: {
+    ...SecondaryDefault.args,
+    size: 'Medium',
+  },
+}
+
+export const SecondarySmall: Story = {
+  args: {
+    ...SecondaryDefault.args,
+    size: 'Small',
+  },
+}
+
+export const TertiaryDefault: Story = {
+  args: {
+    onPress: fn(),
+    children: 'Tertiary button',
+    typography: 'Body/Paragraph/mdBold',
+    variant: 'Tertiary',
+  },
+}
+
+export const TertiaryLarge: Story = {
+  args: {
+    ...TertiaryDefault.args,
+    size: 'Large',
+  },
+}
+
+export const TertiaryMedium: Story = {
+  args: {
+    ...TertiaryDefault.args,
+    size: 'Medium',
+  },
+}
+
+export const TertiarySmall: Story = {
+  args: {
+    ...TertiaryDefault.args,
+    size: 'Small',
+  },
+}
+
+export const TextDefault: Story = {
+  args: {
+    onPress: fn(),
+    children: 'Text button',
+    typography: 'Body/Paragraph/mdBold',
+    variant: 'Text',
+  },
+}
+
+export const TextLarge: Story = {
+  args: {
+    ...TextDefault.args,
+    size: 'Large',
+  },
+}
+
+export const TextMedium: Story = {
+  args: {
+    ...TextDefault.args,
+    size: 'Medium',
+  },
+}
+
+export const TextSmall: Story = {
+  args: {
+    ...TextDefault.args,
+    size: 'Small',
+  },
+}
diff --git a/packages/design-system/lib/components/Button/Button.tsx b/packages/design-system/lib/components/Button/Button.tsx
new file mode 100644
index 000000000..d5c62d420
--- /dev/null
+++ b/packages/design-system/lib/components/Button/Button.tsx
@@ -0,0 +1,29 @@
+'use client'
+
+import { Button as ButtonRAC } from 'react-aria-components'
+
+import { variants } from './variants'
+
+import type { ButtonProps } from './types'
+
+export function Button({
+  variant,
+  color,
+  size,
+
+  typography,
+  className,
+
+  ...props
+}: ButtonProps) {
+  const classNames = variants({
+    variant,
+    color,
+    size,
+
+    typography,
+    className,
+  })
+
+  return <ButtonRAC {...props} className={classNames} />
+}
diff --git a/packages/design-system/lib/components/Button/button.module.css b/packages/design-system/lib/components/Button/button.module.css
new file mode 100644
index 000000000..cd63d66e4
--- /dev/null
+++ b/packages/design-system/lib/components/Button/button.module.css
@@ -0,0 +1,80 @@
+.button {
+  border-radius: var(--Corner-radius-rounded);
+  border-width: 2px;
+  border-style: solid;
+  cursor: pointer;
+}
+
+.size-large {
+  padding: var(--Space-x2) var(--Space-x3);
+}
+
+.size-medium {
+  padding: var(--Space-x15) var(--Space-x2);
+}
+
+.size-small {
+  padding: 10px var(--Space-x2);
+}
+
+.variant-primary {
+  background-color: var(--Component-Button-Brand-Primary-Default);
+  border-color: var(--Component-Button-Brand-Primary-Border-Default);
+  color: var(--Component-Button-Brand-Primary-On-fill-Default);
+}
+
+.variant-primary:hover {
+  background-color: var(--Component-Button-Brand-Primary-Hover);
+  border-color: var(--Component-Button-Brand-Primary-Border-Hover);
+  color: var(--Component-Button-Brand-Primary-On-fill-Hover);
+}
+
+.variant-primary:disabled {
+  background-color: var(--Component-Button-Brand-Primary-Disabled);
+  border-color: var(--Component-Button-Brand-Primary-Border-Disabled);
+  color: var(--Component-Button-Brand-Primary-On-fill-Disabled);
+}
+
+.variant-secondary {
+  background-color: var(--Component-Button-Brand-Secondary-Default);
+  border-color: var(--Component-Button-Brand-Secondary-Border-Default);
+  color: var(--Component-Button-Brand-Secondary-On-fill-Default);
+}
+
+.variant-secondary:hover {
+  background-color: var(--Component-Button-Brand-Secondary-Hover);
+  border-color: var(--Component-Button-Brand-Secondary-Border-Hover);
+  color: var(--Component-Button-Brand-Secondary-On-fill-Hover);
+}
+
+.variant-secondary:disabled {
+  background-color: var(--Component-Button-Brand-Secondary-Disabled);
+  border-color: var(--Component-Button-Brand-Secondary-Border-Disabled);
+  color: var(--Component-Button-Brand-Secondary-On-fill-Disabled);
+}
+
+.variant-tertiary {
+  background-color: var(--Component-Button-Brand-Tertiary-Default);
+  border-color: var(--Component-Button-Brand-Tertiary-Border-Default);
+  color: var(--Component-Button-Brand-Tertiary-On-fill-Default);
+}
+
+.variant-tertiary:hover {
+  background-color: var(--Component-Button-Brand-Tertiary-Hover);
+  border-color: var(--Component-Button-Brand-Tertiary-Border-Hover);
+  color: var(--Component-Button-Brand-Tertiary-On-fill-Hover);
+}
+
+.variant-tertiary:disabled {
+  background-color: var(--Component-Button-Brand-Tertiary-Disabled);
+  border-color: var(--Component-Button-Brand-Tertiary-Border-Disabled);
+  color: var(--Component-Button-Brand-Tertiary-On-fill-Disabled);
+}
+
+.variant-text {
+  background-color: transparent;
+  border-color: transparent;
+  /* TODO: Missing text variant tokens for button */
+  color: var(--Scandic-Red-100);
+  padding: var(--Space-x15) 0;
+}
diff --git a/packages/design-system/lib/components/CurrentWeb/Button/index.tsx b/packages/design-system/lib/components/Button/index.tsx
similarity index 100%
rename from packages/design-system/lib/components/CurrentWeb/Button/index.tsx
rename to packages/design-system/lib/components/Button/index.tsx
diff --git a/packages/design-system/lib/components/Button/types.ts b/packages/design-system/lib/components/Button/types.ts
new file mode 100644
index 000000000..9f4377e90
--- /dev/null
+++ b/packages/design-system/lib/components/Button/types.ts
@@ -0,0 +1,10 @@
+import { Button } from 'react-aria-components'
+
+import type { VariantProps } from 'class-variance-authority'
+import type { ComponentProps } from 'react'
+
+import type { variants } from './variants'
+
+export interface ButtonProps
+  extends ComponentProps<typeof Button>,
+    VariantProps<typeof variants> {}
diff --git a/packages/design-system/lib/components/Button/variants.ts b/packages/design-system/lib/components/Button/variants.ts
new file mode 100644
index 000000000..3a6750782
--- /dev/null
+++ b/packages/design-system/lib/components/Button/variants.ts
@@ -0,0 +1,32 @@
+import { cva } from 'class-variance-authority'
+
+import { withTypography } from '../Typography/variants'
+
+import styles from './button.module.css'
+
+export const config = {
+  variants: {
+    variant: {
+      Primary: styles['variant-primary'],
+      Secondary: styles['variant-secondary'],
+      Tertiary: styles['variant-tertiary'],
+      Text: styles['variant-text'],
+    },
+    color: {
+      Primary: styles['color-primary'],
+      Inverted: styles['color-inverted'],
+    },
+    size: {
+      Small: styles['size-small'],
+      Medium: styles['size-medium'],
+      Large: styles['size-large'],
+    },
+  },
+  defaultVariants: {
+    variant: 'Primary',
+    color: 'Primary',
+    size: 'Large',
+  },
+} as const
+
+export const variants = cva(styles.button, withTypography(config))
diff --git a/packages/design-system/lib/components/Card/Card.stories.ts b/packages/design-system/lib/components/Card/Card.stories.ts
deleted file mode 100644
index f589adb97..000000000
--- a/packages/design-system/lib/components/Card/Card.stories.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react'
-import { Card } from './Card.tsx'
-
-const meta = {
-  title: 'Components/Layout/Card',
-  component: Card,
-  argTypes: {
-    intent: {
-      control: 'select',
-      options: ['basic', 'border'],
-    },
-  },
-  args: {
-    intent: 'basic',
-  },
-} satisfies Meta<typeof Card>
-
-export default meta
-type Story = StoryObj<typeof meta>
-
-export const Default: Story = {}
-
-export const WithBorder: Story = {
-  args: {
-    intent: 'border',
-  },
-}
diff --git a/packages/design-system/lib/components/Card/Card.stories.tsx b/packages/design-system/lib/components/Card/Card.stories.tsx
new file mode 100644
index 000000000..8a95a9521
--- /dev/null
+++ b/packages/design-system/lib/components/Card/Card.stories.tsx
@@ -0,0 +1,25 @@
+import type { Meta, StoryObj } from '@storybook/react'
+
+import { Card } from './Card.tsx'
+
+const meta: Meta<typeof Card> = {
+  title: 'Components/Card',
+  component: Card,
+}
+
+export default meta
+
+type Story = StoryObj<typeof Card>
+
+export const Default: Story = {
+  args: {
+    as: 'Default',
+  },
+}
+
+export const Featured: Story = {
+  args: {
+    ...Default.args,
+    as: 'Featured',
+  },
+}
diff --git a/packages/design-system/lib/components/Card/Card.tsx b/packages/design-system/lib/components/Card/Card.tsx
index 861a2e55b..d9edd3da9 100644
--- a/packages/design-system/lib/components/Card/Card.tsx
+++ b/packages/design-system/lib/components/Card/Card.tsx
@@ -1,26 +1,11 @@
-import styles from './card.module.css'
+import { variants } from './variants'
 
-import { cva, type VariantProps } from 'class-variance-authority'
+import type { CardProps } from './types'
 
-const card = cva(styles.card, {
-  variants: {
-    intent: {
-      basic: styles.basic,
-      border: styles.border,
-    },
-  },
-  // compoundVariants: [
-  //   { intent: "primary", size: "medium", className: styles.primaryMedium },
-  // ],
-  defaultVariants: {
-    intent: 'basic',
-  },
-})
-
-export interface CardProps
-  extends React.HTMLAttributes<HTMLDivElement>,
-    VariantProps<typeof card> {}
-
-export function Card({ className, intent }: CardProps) {
-  return <div className={card({ intent, className })}>Card</div>
+export function Card({ as, className, children }: CardProps) {
+  const classNames = variants({
+    as,
+    className,
+  })
+  return <div className={classNames}>{children}</div>
 }
diff --git a/packages/design-system/lib/components/Card/Compositions/ContentCard.stories.tsx b/packages/design-system/lib/components/Card/Compositions/ContentCard.stories.tsx
new file mode 100644
index 000000000..5690cd911
--- /dev/null
+++ b/packages/design-system/lib/components/Card/Compositions/ContentCard.stories.tsx
@@ -0,0 +1,171 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { fn } from '@storybook/test'
+
+import { themes } from '../../../../.storybook/preview'
+
+import { Card } from '../'
+import { Typography } from '../../Typography'
+import { Button } from '../../Button'
+
+type CompositionProps = React.ComponentPropsWithoutRef<typeof Card> & {
+  _onPrimaryPress?: () => void
+  _onSecondaryPress?: () => void
+  inMainArea: boolean
+  showTitle: boolean
+  showPreamble: boolean
+  showPrimaryButton: boolean
+  showSecondaryButton: boolean
+}
+
+const meta: Meta<CompositionProps> = {
+  title: 'Compositions/Card',
+  component: Card,
+  decorators: [
+    (Story, context) => {
+      if (context.name.toLowerCase().indexOf('all themes') >= 0) {
+        return (
+          <>
+            <h1>{context.name}</h1>
+            {Object.entries(themes.themes).map(([key, value]) => {
+              return (
+                <div className={value} style={{ padding: '1em 0' }}>
+                  <h2 style={{ paddingBottom: '0.5em' }}>{key}</h2>
+                  <Story />
+                </div>
+              )
+            })}
+          </>
+        )
+      }
+
+      return (
+        <div style={{ display: 'flex' }}>
+          <Story />
+        </div>
+      )
+    },
+  ],
+  argTypes: {
+    inMainArea: {
+      name: 'Is in main area',
+    },
+    showTitle: {
+      name: 'Composition: Show title',
+    },
+    showPreamble: {
+      name: 'Composition: Show preamble',
+    },
+    showPrimaryButton: {
+      name: 'Composition: Show primary button',
+    },
+    showSecondaryButton: {
+      name: 'Composition: Show secondary button',
+    },
+    _onPrimaryPress: {
+      table: {
+        disable: true,
+      },
+    },
+    _onSecondaryPress: {
+      table: {
+        disable: true,
+      },
+    },
+  },
+  render: ({
+    inMainArea,
+    showTitle,
+    showPreamble,
+    showPrimaryButton,
+    showSecondaryButton,
+    ...args
+  }) => (
+    <Card {...args}>
+      {showTitle && (
+        <Typography variant="Title/md">
+          <h3>Content Card</h3>
+        </Typography>
+      )}
+
+      {showPreamble && (
+        <Typography variant="Body/Paragraph/mdRegular">
+          <p>
+            Mattis sit duis pulvinar ultricies auctor euismod. Augue mattis
+            mauris at est iaculis pulvinar pulvinar.
+          </p>
+        </Typography>
+      )}
+
+      {showPrimaryButton && inMainArea && (
+        <Button
+          size={'Large'}
+          variant="Primary"
+          typography="Body/Paragraph/mdBold"
+          onPress={args._onPrimaryPress}
+        >
+          Primary action
+        </Button>
+      )}
+
+      {showPrimaryButton && !inMainArea && (
+        <Button
+          size={'Small'}
+          variant="Tertiary"
+          typography="Body/Paragraph/mdBold"
+          onPress={args._onPrimaryPress}
+        >
+          Primary action
+        </Button>
+      )}
+
+      {showSecondaryButton && (
+        <Button
+          size={inMainArea ? 'Large' : 'Small'}
+          variant="Secondary"
+          onPress={args._onSecondaryPress}
+          typography="Body/Paragraph/mdBold"
+        >
+          Secondary action
+        </Button>
+      )}
+    </Card>
+  ),
+}
+
+export default meta
+
+type Story = StoryObj<CompositionProps>
+
+export const ContentCardMainArea: Story = {
+  args: {
+    as: 'Default',
+    inMainArea: true,
+    showTitle: true,
+    showPreamble: true,
+    showPrimaryButton: true,
+    showSecondaryButton: true,
+    _onPrimaryPress: fn(),
+    _onSecondaryPress: fn(),
+  },
+}
+
+export const ContentCardNonMainArea: Story = {
+  args: {
+    as: 'Default',
+    inMainArea: false,
+    showTitle: true,
+    showPreamble: true,
+    showPrimaryButton: true,
+    showSecondaryButton: true,
+    _onPrimaryPress: fn(),
+    _onSecondaryPress: fn(),
+  },
+}
+
+export const ContentCardMainAreaAllThemes: Story = {
+  ...ContentCardMainArea,
+}
+
+export const ContentCardNonMainAreaAllThemes: Story = {
+  ...ContentCardNonMainArea,
+}
diff --git a/packages/design-system/lib/components/Card/card.module.css b/packages/design-system/lib/components/Card/card.module.css
index 11ab486c9..b6938ce1b 100644
--- a/packages/design-system/lib/components/Card/card.module.css
+++ b/packages/design-system/lib/components/Card/card.module.css
@@ -1,13 +1,22 @@
 .card {
-  background: #fff;
+  padding: var(--Space-x2) var(--Space-x3);
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  align-self: stretch;
+  gap: var(--Space-x15);
 }
 
-.basic {
-  outline: solid 1px green;
+.Default {
+  border: solid 1px var(--Border-Default);
+  background-color: var(--Surface-Secondary-Default);
+  border-radius: var(--Corner-radius-md);
+  color: var(--Text-Default);
 }
 
-.border {
-  border-style: solid;
-  border-width: 3px;
-  border-color: var(--color-brand-main-normal);
+.Featured {
+  border: solid 1px var(--Border-Default);
+  background-color: var(--Surface-Primary-Default);
+  border-radius: var(--Corner-radius-md);
+  color: var(--Text-Default);
 }
diff --git a/packages/design-system/lib/components/Card/types.ts b/packages/design-system/lib/components/Card/types.ts
new file mode 100644
index 000000000..91e8f5b3a
--- /dev/null
+++ b/packages/design-system/lib/components/Card/types.ts
@@ -0,0 +1,11 @@
+import type { VariantProps } from 'class-variance-authority'
+
+import type { variants } from './variants'
+
+type CardStyles = 'Default' | 'Featured'
+
+export interface CardProps
+  extends React.HTMLAttributes<HTMLDivElement>,
+    VariantProps<typeof variants> {
+  as: CardStyles
+}
diff --git a/packages/design-system/lib/components/Card/variants.ts b/packages/design-system/lib/components/Card/variants.ts
new file mode 100644
index 000000000..e8bd19348
--- /dev/null
+++ b/packages/design-system/lib/components/Card/variants.ts
@@ -0,0 +1,17 @@
+import { cva } from 'class-variance-authority'
+
+import styles from './card.module.css'
+
+const config = {
+  variants: {
+    as: {
+      Default: styles.Default,
+      Featured: styles.Featured,
+    },
+  },
+  defaultVariants: {
+    as: 'Default',
+  },
+} as const
+
+export const variants = cva(styles.card, config)
diff --git a/packages/design-system/lib/components/ChipButton/ChipButton.stories.tsx b/packages/design-system/lib/components/ChipButton/ChipButton.stories.tsx
new file mode 100644
index 000000000..cbad8195a
--- /dev/null
+++ b/packages/design-system/lib/components/ChipButton/ChipButton.stories.tsx
@@ -0,0 +1,33 @@
+import type { Meta, StoryObj } from '@storybook/react'
+
+import { fn } from '@storybook/test'
+
+import { ChipButton } from './ChipButton.tsx'
+import ChevronRightSmallIcon from '../Icons/ChevronRightSmall.tsx'
+
+const meta: Meta<typeof ChipButton> = {
+  title: 'Components/Chip/ChipButton 🚧',
+  component: ChipButton,
+  argTypes: {
+    onPress: {
+      table: {
+        disable: true,
+      },
+    },
+  },
+}
+
+export default meta
+
+type Story = StoryObj<typeof ChipButton>
+
+export const Default: Story = {
+  args: {
+    onPress: fn(),
+    children: (
+      <>
+        Button Chip <ChevronRightSmallIcon width={20} height={20} />
+      </>
+    ),
+  },
+}
diff --git a/packages/design-system/lib/components/ChipButton/ChipButton.tsx b/packages/design-system/lib/components/ChipButton/ChipButton.tsx
new file mode 100644
index 000000000..e7d849f79
--- /dev/null
+++ b/packages/design-system/lib/components/ChipButton/ChipButton.tsx
@@ -0,0 +1,21 @@
+import { Button as ButtonRAC } from 'react-aria-components'
+
+import { Typography } from '../Typography'
+
+import styles from './chip-button.module.css'
+
+import type { ComponentPropsWithRef } from 'react'
+
+export function ChipButton({
+  children,
+  className,
+  ...props
+}: ComponentPropsWithRef<typeof ButtonRAC>) {
+  return (
+    <Typography variant="Body/Supporting text (caption)/smBold">
+      <ButtonRAC {...props} className={[styles.chip, className].join(' ')}>
+        {children}
+      </ButtonRAC>
+    </Typography>
+  )
+}
diff --git a/packages/design-system/lib/components/ChipButton/chip-button.module.css b/packages/design-system/lib/components/ChipButton/chip-button.module.css
new file mode 100644
index 000000000..b5eff3b6c
--- /dev/null
+++ b/packages/design-system/lib/components/ChipButton/chip-button.module.css
@@ -0,0 +1,19 @@
+.chip {
+  background-color: var(--Component-Button-Inverted-Default);
+  border-color: var(--Component-Button-Inverted-Border-Default);
+  border-style: solid;
+  border-width: 1px;
+  border-radius: var(--Corner-radius-sm);
+  padding: var(--Space-x1) var(--Space-x15);
+  color: var(--Text-Interactive-Default);
+  display: inline-flex;
+  align-items: center;
+  cursor: pointer;
+}
+
+.chip:hover {
+  /* TODO: change to proper Component-variable once it is available */
+  background-color: var(--Scandic-Peach-10);
+  /* TODO: change to proper Component-variable once it is available */
+  color: var(--Scandic-Red-100);
+}
diff --git a/packages/design-system/lib/components/ChipButton/index.tsx b/packages/design-system/lib/components/ChipButton/index.tsx
new file mode 100644
index 000000000..b10fb7221
--- /dev/null
+++ b/packages/design-system/lib/components/ChipButton/index.tsx
@@ -0,0 +1 @@
+export { ChipButton } from './ChipButton'
diff --git a/packages/design-system/lib/components/ChipLink/ChipLink.stories.tsx b/packages/design-system/lib/components/ChipLink/ChipLink.stories.tsx
new file mode 100644
index 000000000..3cc3313d1
--- /dev/null
+++ b/packages/design-system/lib/components/ChipLink/ChipLink.stories.tsx
@@ -0,0 +1,25 @@
+import type { Meta, StoryObj } from '@storybook/react'
+
+import { ChipLink } from './ChipLink.tsx'
+import ChevronRightSmallIcon from '../Icons/ChevronRightSmall.tsx'
+
+const meta: Meta<typeof ChipLink> = {
+  title: 'Components/Chip/ChipLInk 🚧',
+  component: ChipLink,
+}
+
+export default meta
+
+type Story = StoryObj<typeof ChipLink>
+
+export const Default: Story = {
+  args: {
+    href: '/',
+    onClick: (e) => e.preventDefault(),
+    children: (
+      <>
+        Link Chip <ChevronRightSmallIcon width={20} height={20} />
+      </>
+    ),
+  },
+}
diff --git a/packages/design-system/lib/components/ChipLink/ChipLink.tsx b/packages/design-system/lib/components/ChipLink/ChipLink.tsx
new file mode 100644
index 000000000..f79d8ee3b
--- /dev/null
+++ b/packages/design-system/lib/components/ChipLink/ChipLink.tsx
@@ -0,0 +1,19 @@
+import { Typography } from '../Typography'
+
+import styles from './chip-link.module.css'
+
+import type { PropsWithChildren } from 'react'
+
+export function ChipLink({
+  children,
+  className,
+  ...props
+}: PropsWithChildren<React.AnchorHTMLAttributes<HTMLAnchorElement>>) {
+  return (
+    <Typography variant="Body/Supporting text (caption)/smBold">
+      <a {...props} className={[styles.chip, className].join(' ')}>
+        {children}
+      </a>
+    </Typography>
+  )
+}
diff --git a/packages/design-system/lib/components/ChipLink/chip-link.module.css b/packages/design-system/lib/components/ChipLink/chip-link.module.css
new file mode 100644
index 000000000..0a3c54fb9
--- /dev/null
+++ b/packages/design-system/lib/components/ChipLink/chip-link.module.css
@@ -0,0 +1,18 @@
+.chip {
+  background-color: var(--Component-Button-Inverted-Default);
+  border-color: var(--Component-Button-Inverted-Border-Default);
+  border-style: solid;
+  border-width: 1px;
+  border-radius: var(--Corner-radius-sm);
+  padding: var(--Space-x1) var(--Space-x15);
+  color: var(--Text-Interactive-Default);
+  display: inline-flex;
+  align-items: center;
+}
+
+.chip:hover {
+  /* TODO: change to proper Component-variable once it is available */
+  background-color: var(--Scandic-Peach-10);
+  /* TODO: change to proper Component-variable once it is available */
+  color: var(--Scandic-Red-100);
+}
diff --git a/packages/design-system/lib/components/ChipLink/index.tsx b/packages/design-system/lib/components/ChipLink/index.tsx
new file mode 100644
index 000000000..a2ffcd3c5
--- /dev/null
+++ b/packages/design-system/lib/components/ChipLink/index.tsx
@@ -0,0 +1 @@
+export { ChipLink } from './ChipLink'
diff --git a/packages/design-system/lib/components/Chips/Chips.stories.tsx b/packages/design-system/lib/components/Chips/Chips.stories.tsx
new file mode 100644
index 000000000..70c2d6096
--- /dev/null
+++ b/packages/design-system/lib/components/Chips/Chips.stories.tsx
@@ -0,0 +1,61 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { fn } from '@storybook/test'
+
+import { Chips } from './Chips.tsx'
+import { ChipLink } from '../ChipLink/ChipLink.tsx'
+import { ChipButton } from '../ChipButton/ChipButton.tsx'
+
+import { Default as ChipLinkDefault } from '../ChipLink/ChipLink.stories.tsx'
+import { Default as ChipButtonDefault } from '../ChipButton/ChipButton.stories.tsx'
+
+type StoryProps = React.ComponentPropsWithoutRef<typeof Chips> & {
+  onPress: () => void
+}
+
+const meta: Meta<StoryProps> = {
+  title: 'Compositions/Chips',
+  component: Chips,
+  argTypes: {
+    onPress: {
+      table: {
+        disable: true,
+      },
+    },
+  },
+}
+
+export default meta
+
+type Story = StoryObj<StoryProps>
+
+export const Default: Story = {
+  args: {
+    onPress: fn(),
+  },
+  render: (args) => {
+    return (
+      <Chips>
+        <ChipButton {...ChipButtonDefault.args} {...args} />
+        <ChipButton {...ChipButtonDefault.args} {...args} />
+        <ChipButton {...ChipButtonDefault.args} {...args} />
+        <ChipLink {...ChipLinkDefault.args} {...args} />
+        <ChipLink {...ChipLinkDefault.args} {...args} />
+        <ChipLink {...ChipLinkDefault.args} {...args} />
+        <ChipButton {...ChipButtonDefault.args} {...args} />
+        <ChipButton {...ChipButtonDefault.args} {...args} />
+        <ChipButton {...ChipButtonDefault.args} {...args} />
+        <ChipLink {...ChipLinkDefault.args} {...args} />
+        <ChipLink {...ChipLinkDefault.args} {...args} />
+        <ChipLink {...ChipLinkDefault.args} {...args} />
+        <ChipButton {...ChipButtonDefault.args} {...args} />
+        <ChipButton {...ChipButtonDefault.args} {...args} />
+        <ChipLink {...ChipLinkDefault.args} {...args} />
+        <ChipButton {...ChipButtonDefault.args} {...args} />
+        <ChipLink {...ChipLinkDefault.args} {...args} />
+        <ChipLink {...ChipLinkDefault.args} {...args} />
+        <ChipLink {...ChipLinkDefault.args} {...args} />
+        <ChipButton {...ChipButtonDefault.args} {...args} />
+      </Chips>
+    )
+  },
+}
diff --git a/packages/design-system/lib/components/Chips/Chips.tsx b/packages/design-system/lib/components/Chips/Chips.tsx
new file mode 100644
index 000000000..792c10de9
--- /dev/null
+++ b/packages/design-system/lib/components/Chips/Chips.tsx
@@ -0,0 +1,7 @@
+import styles from './chips.module.css'
+
+import type { PropsWithChildren } from 'react'
+
+export function Chips({ children }: PropsWithChildren) {
+  return <div className={styles.chips}>{children}</div>
+}
diff --git a/packages/design-system/lib/components/Chips/chips.module.css b/packages/design-system/lib/components/Chips/chips.module.css
new file mode 100644
index 000000000..9d534cac9
--- /dev/null
+++ b/packages/design-system/lib/components/Chips/chips.module.css
@@ -0,0 +1,6 @@
+.chips {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  gap: var(--Space-x1);
+}
diff --git a/packages/design-system/lib/components/Chips/index.tsx b/packages/design-system/lib/components/Chips/index.tsx
new file mode 100644
index 000000000..e55097e85
--- /dev/null
+++ b/packages/design-system/lib/components/Chips/index.tsx
@@ -0,0 +1 @@
+export { Chips } from './Chips'
diff --git a/packages/design-system/lib/components/CurrentWeb/Button/Button.stories.tsx b/packages/design-system/lib/components/CurrentWeb/Button/Button.stories.tsx
deleted file mode 100644
index 95798645f..000000000
--- a/packages/design-system/lib/components/CurrentWeb/Button/Button.stories.tsx
+++ /dev/null
@@ -1,82 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react'
-
-import { Button } from './Button'
-import { TestIcon } from '../Icon/TestIcon'
-
-import '../../../style-current.css'
-
-const meta = {
-  title: 'Current web/Controls/Button',
-  component: Button,
-  decorators: [
-    (Story) => (
-      <div>
-        <Story />
-      </div>
-    ),
-  ],
-  parameters: {
-    layout: 'centered',
-  },
-} satisfies Meta<typeof Button>
-
-export default meta
-type Story = StoryObj<typeof meta>
-
-export const Primary: Story = {
-  args: {
-    children: 'Primary Button',
-  },
-}
-
-export const Secondary: Story = {
-  args: {
-    children: 'Secondary Button',
-    intent: 'secondary',
-  },
-}
-
-export const Large: Story = {
-  args: {
-    children: 'Large Button',
-    size: 'large',
-  },
-}
-
-export const Small: Story = {
-  args: {
-    children: 'Small Button',
-    size: 'small',
-  },
-}
-
-export const Disabled: Story = {
-  args: {
-    children: 'Disabled Button',
-    isDisabled: true,
-  },
-}
-
-export const LeadingIcon: Story = {
-  args: {
-    children: [<TestIcon color="var(--Base-Text-Inverted)" />, 'Button'],
-  },
-}
-
-export const TrailingIcon: Story = {
-  args: {
-    children: ['Button', <TestIcon color="var(--Base-Text-Inverted)" />],
-  },
-}
-
-export const WithIcons: Story = {
-  args: {
-    children: [
-      <TestIcon color="var(--Base-Text-Inverted)" />,
-      <TestIcon color="var(--Base-Text-Inverted)" />,
-      'Button',
-      <TestIcon color="var(--Base-Text-Inverted)" />,
-      <TestIcon color="var(--Base-Text-Inverted)" />,
-    ],
-  },
-}
diff --git a/packages/design-system/lib/components/CurrentWeb/Button/Button.tsx b/packages/design-system/lib/components/CurrentWeb/Button/Button.tsx
deleted file mode 100644
index 79bd8f614..000000000
--- a/packages/design-system/lib/components/CurrentWeb/Button/Button.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-'use client'
-
-import styles from './button.module.css'
-
-import { Button as ButtonComponent } from 'react-aria-components'
-import { cva } from 'class-variance-authority'
-
-import type { ButtonProps as ButtonComponentProps } from 'react-aria-components'
-import type { ComponentProps } from '../../../types'
-
-const config = {
-  variants: {
-    intent: {
-      primary: styles.primary,
-      secondary: styles.secondary,
-    },
-    size: {
-      small: styles.small,
-      normal: styles.normal,
-      large: styles.large,
-    },
-  },
-  defaultVariants: {
-    intent: 'primary',
-    size: 'normal',
-  },
-} as const
-
-const button = cva(styles.button, config)
-
-export type ButtonProps = ComponentProps<
-  ButtonComponentProps,
-  typeof button,
-  never,
-  'intent' | 'size'
->
-
-export function Button({
-  children,
-  className,
-  intent = config.defaultVariants.intent,
-  size = config.defaultVariants.size,
-  ...props
-}: ButtonProps) {
-  return (
-    <ButtonComponent className={button({ className, intent, size })} {...props}>
-      {children}
-    </ButtonComponent>
-  )
-}
diff --git a/packages/design-system/lib/components/CurrentWeb/Button/button.module.css b/packages/design-system/lib/components/CurrentWeb/Button/button.module.css
deleted file mode 100644
index ab1a41ad4..000000000
--- a/packages/design-system/lib/components/CurrentWeb/Button/button.module.css
+++ /dev/null
@@ -1,82 +0,0 @@
-.button {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  padding: 8px 24px;
-  background: none;
-  color: var(--Base-Text-Inverted);
-  border: none;
-  border-radius: 50px;
-  cursor: pointer;
-  transition: background-color 300ms ease;
-  font-family: Helvetica;
-  font-weight: 400;
-}
-
-/* Primary styles */
-.primary {
-  background-color: var(--Primary-Fill-Strong-Default);
-  border: 2px solid transparent;
-  outline: 1px solid transparent;
-}
-
-.primary:hover {
-  background: var(--Primary-Fill-Strong-Hovered);
-}
-
-.primary:active,
-.primary:focus {
-  border: 2px solid var(--Base-Text-Inverted);
-  outline: 1px solid var(--Primary-Border-Strong);
-}
-
-/* Secondary styles */
-.secondary {
-  border: 1px solid var(--Base-Border-Normal);
-  background-color: var(--Base-Background-Normal);
-  color: var(--Primary-Text-Strong);
-}
-
-.secondary:hover {
-  box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  outline: 2px solid var(--Primary-Border-Hovered);
-  outline-offset: -1px;
-}
-
-.secondary:active,
-.secondary:focus {
-  border: 1px solid var(--Primary-Border-Strong);
-  outline: 1px solid var(--Base-Border-Normal);
-  outline-offset: -4px;
-}
-
-/* Disabled styles */
-.button:disabled {
-  background-color: var(--Base-Fill-Disabled);
-  color: var(--Base-Text-Disabled);
-  cursor: not-allowed;
-  border: none;
-  outline: none;
-}
-
-/* Sizes */
-.large {
-  font-size: var(--typography-body-regular-font-size);
-  line-height: var(--typography-body-regular-line-height);
-  letter-spacing: var(--typography-body-regular-letter-spacing);
-}
-
-.normal {
-  font-size: 16px;
-  line-height: 24px;
-  letter-spacing: 0.096px;
-}
-
-.small {
-  font-weight: 700;
-  font-size: 16px;
-  line-height: 24px;
-  letter-spacing: 0.096px;
-}
diff --git a/packages/design-system/lib/components/CurrentWeb/Icon/TestIcon.tsx b/packages/design-system/lib/components/CurrentWeb/Icon/TestIcon.tsx
deleted file mode 100644
index 0066d348a..000000000
--- a/packages/design-system/lib/components/CurrentWeb/Icon/TestIcon.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-export function TestIcon({ color = '#291710' }: { color?: string }) {
-  return (
-    <svg
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <mask
-        id="mask0_69_3287"
-        style={{ maskType: 'alpha' }}
-        maskUnits="userSpaceOnUse"
-        x="0"
-        y="0"
-        width="24"
-        height="24"
-      >
-        <rect width="24" height="24" fill="#D9D9D9" />
-      </mask>
-      <g mask="url(#mask0_69_3287)">
-        <path
-          d="M11.075 12.95V15.9375C11.075 16.1958 11.1667 16.4167 11.35 16.6C11.5333 16.7833 11.7542 16.875 12.0125 16.875C12.2708 16.875 12.4917 16.7833 12.675 16.6C12.8583 16.4167 12.95 16.1958 12.95 15.9375V12.95H15.9375C16.1958 12.95 16.4167 12.8583 16.6 12.675C16.7833 12.4917 16.875 12.2708 16.875 12.0125C16.875 11.7542 16.7833 11.5333 16.6 11.35C16.4167 11.1667 16.1958 11.075 15.9375 11.075H12.95V8.0625C12.95 7.80417 12.8583 7.58333 12.675 7.4C12.4917 7.21667 12.2708 7.125 12.0125 7.125C11.7542 7.125 11.5333 7.21667 11.35 7.4C11.1667 7.58333 11.075 7.80417 11.075 8.0625V11.075H8.0625C7.80417 11.075 7.58333 11.1667 7.4 11.35C7.21667 11.5333 7.125 11.7542 7.125 12.0125C7.125 12.2708 7.21667 12.4917 7.4 12.675C7.58333 12.8583 7.80417 12.95 8.0625 12.95H11.075ZM12 21.75C10.6516 21.75 9.38434 21.4936 8.19838 20.9809C7.01239 20.4682 5.98075 19.7724 5.10345 18.8934C4.22615 18.0145 3.53125 16.9826 3.01875 15.7978C2.50625 14.613 2.25 13.3471 2.25 12C2.25 10.6516 2.50636 9.38434 3.01908 8.19838C3.53179 7.01239 4.22762 5.98075 5.10658 5.10345C5.98553 4.22615 7.01739 3.53125 8.20218 3.01875C9.38698 2.50625 10.6529 2.25 12 2.25C13.3484 2.25 14.6157 2.50636 15.8016 3.01908C16.9876 3.53179 18.0193 4.22762 18.8966 5.10658C19.7739 5.98553 20.4688 7.01739 20.9813 8.20217C21.4938 9.38697 21.75 10.6529 21.75 12C21.75 13.3484 21.4936 14.6157 20.9809 15.8016C20.4682 16.9876 19.7724 18.0193 18.8934 18.8966C18.0145 19.7739 16.9826 20.4688 15.7978 20.9813C14.613 21.4938 13.3471 21.75 12 21.75ZM12 19.875C14.1917 19.875 16.0521 19.1104 17.5813 17.5813C19.1104 16.0521 19.875 14.1917 19.875 12C19.875 9.80833 19.1104 7.94792 17.5813 6.41875C16.0521 4.88958 14.1917 4.125 12 4.125C9.80833 4.125 7.94792 4.88958 6.41875 6.41875C4.88958 7.94792 4.125 9.80833 4.125 12C4.125 14.1917 4.88958 16.0521 6.41875 17.5813C7.94792 19.1104 9.80833 19.875 12 19.875Z"
-          fill={color}
-        />
-      </g>
-    </svg>
-  )
-}
diff --git a/packages/design-system/lib/components/CurrentWeb/Icon/index.tsx b/packages/design-system/lib/components/CurrentWeb/Icon/index.tsx
deleted file mode 100644
index 638388765..000000000
--- a/packages/design-system/lib/components/CurrentWeb/Icon/index.tsx
+++ /dev/null
@@ -1 +0,0 @@
-export { TestIcon } from './TestIcon'
diff --git a/packages/design-system/lib/components/Icons/ChevronRightSmall.tsx b/packages/design-system/lib/components/Icons/ChevronRightSmall.tsx
new file mode 100644
index 000000000..3ac52cf75
--- /dev/null
+++ b/packages/design-system/lib/components/Icons/ChevronRightSmall.tsx
@@ -0,0 +1,16 @@
+export default function ChevronRightSmallIcon(
+  props: React.SVGAttributes<HTMLOrSVGElement>
+) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="currentColor"
+      {...props}
+    >
+      <path d="M12.65 12L8.77495 8.12497C8.59995 7.94997 8.51245 7.73538 8.51245 7.48122C8.51245 7.22705 8.59995 7.0083 8.77495 6.82497C8.94995 6.64163 9.16662 6.54788 9.42495 6.54372C9.68328 6.53955 9.90412 6.62913 10.0875 6.81247L14.6125 11.3375C14.7041 11.4291 14.7729 11.5312 14.8187 11.6437C14.8645 11.7562 14.8875 11.875 14.8875 12C14.8875 12.125 14.8645 12.2437 14.8187 12.3562C14.7729 12.4687 14.7041 12.5708 14.6125 12.6625L10.0875 17.1875C9.90412 17.3708 9.68328 17.4604 9.42495 17.4562C9.16662 17.4521 8.94995 17.3583 8.77495 17.175C8.59995 16.9916 8.51245 16.7729 8.51245 16.5187C8.51245 16.2646 8.59995 16.05 8.77495 15.875L12.65 12Z" />
+    </svg>
+  )
+}
diff --git a/packages/design-system/lib/components/Typography/Typography.docs.mdx b/packages/design-system/lib/components/Typography/Typography.docs.mdx
new file mode 100644
index 000000000..507a75efd
--- /dev/null
+++ b/packages/design-system/lib/components/Typography/Typography.docs.mdx
@@ -0,0 +1,117 @@
+import {
+  Meta,
+  Title,
+  Subtitle,
+  Description,
+  Controls,
+  Stories,
+} from '@storybook/blocks'
+
+import * as TypographyStories from './Typography.stories.tsx'
+
+<Meta of={TypographyStories} />
+
+<Title />
+
+The source of the design system lives in Figma. Here, source means design tokens _and_ Figma styles.
+
+Figma styles are a collection of design tokens that together define a style. For the most part it is used for typography. Design tokens define things like font family, font weight, font size, etc. On their own they don't do much as their meaning is lost without context of each other. Together though they define the typography to render.
+
+To help communication between designers and developers it helps to have the same nomenclature. To achieve this goal the technical implementation of the design system in this repository uses two approaches; a `Typography` component and a higher order function.
+
+<Subtitle>The component</Subtitle>
+
+> The approach described in this section is platform agnostic. However this documentation is for the implementation aimed at web. The same can be achived for other platforms but currently it is only implemented for web.
+
+The `Typography` component implements all the Figma styles for typography with [Class Variance Authority](https://cva.style/). This allows the consumers to use this component to apply typography styling to any component that accepts a class (the `className` prop) by wrapping them. The implementation is also supported by code completion furthering promoting the same nomenclature.
+
+Example:
+
+```
+import { Typography } from '@scandic-hotels/design-system'
+
+function SomeTitleComponent () {
+  return (
+    <Typography variant="Title/lg">
+      <h1>A title with proper typography</h1>
+    </Typography>
+  )
+}
+```
+
+It also takes care of merging with any class already present.
+
+```
+import { Typography } from '@scandic-hotels/design-system'
+
+import styles from './my-component.module.css'
+
+function MyComponent () {
+  return (
+    <Typography variant="Title/lg">
+      <h1 className={styles.title}>A title with proper typography</h1>
+    </Typography>
+  )
+}
+```
+
+<Subtitle>The higher order function</Subtitle>
+
+> The approach described in this section is platform agnostic. However this documentation is for the implementation aimed at web. The same can be achived for other platforms but currently it is only implemented for web.
+
+The higher order function for typography implements all the Figma styles for typography with Class Variance Authority. The implementation merges any components CVA variants with the CVA variants for typography. It does this by exporting a higher order function named `withTypography`.
+
+The higher order function named `withTypography` accepts a CVA config and returns a new CVA config enhanced with a `typography` variant. This will give the component implementing the CVA config a prop named `typography`. This prop works the same as the `variant` prop for the `Typography` component with handling merging of classes already preset, code completion and everything.
+
+Example:
+
+```
+// variants.ts
+import { cva } from 'class-variance-authority'
+
+import { withTypography } from '@scandic-hotels/design-system'
+
+import styles from './my-component.module.css'
+
+export const config = {
+  variants: {
+    ...
+  },
+  defaultVariants: {
+    ...
+  },
+} as const
+
+export const variants = cva(styles.myComponent, withTypography(config))
+```
+
+```
+// MyComponent.tsx
+import { variants } from './variants'
+
+export function MyComponent (props) {
+  const classNames = variants(...)
+  return <div {...props} className={classNames} />
+}
+```
+
+```
+// OtherComponent.tsx
+...
+<MyComponent typography="Title/lg">
+...
+```
+
+## Props
+
+The component accepts the following props.
+
+> For the component to work the nested child component needs to handle `className` prop.
+
+<Controls />
+
+---
+
+## All typography styles
+
+<Stories />
diff --git a/packages/design-system/lib/components/Typography/Typography.stories.tsx b/packages/design-system/lib/components/Typography/Typography.stories.tsx
new file mode 100644
index 000000000..fbe9d87c5
--- /dev/null
+++ b/packages/design-system/lib/components/Typography/Typography.stories.tsx
@@ -0,0 +1,189 @@
+import type { Meta, StoryObj } from '@storybook/react'
+
+import { Typography } from './Typography.tsx'
+
+import TypographyDocs from './Typography.docs.mdx'
+
+import { config as typographyConfig } from './variants'
+
+const meta: Meta<typeof Typography> = {
+  title: 'Components/Typography',
+  component: Typography,
+  args: { variant: typographyConfig.defaultVariants.variant },
+  argTypes: {
+    variant: {
+      control: 'select',
+      options: Object.keys(typographyConfig.variants.variant),
+      table: {
+        defaultValue: { summary: typographyConfig.defaultVariants.variant },
+      },
+    },
+  },
+  parameters: { docs: { toc: true, page: TypographyDocs } },
+}
+
+export default meta
+
+type Story = StoryObj<typeof Typography>
+
+export const TitleLg: Story = {
+  name: 'Title/lg',
+  args: {
+    variant: 'Title/lg',
+    children: <h1>The quick brown fox jumps over the lazy dog</h1>,
+  },
+}
+export const TitleMd: Story = {
+  name: 'Title/md',
+  args: {
+    variant: 'Title/md',
+    children: <h1>The quick brown fox jumps over the lazy dog</h1>,
+  },
+}
+export const TitleMdRegular: Story = {
+  name: 'Title/mdRegular',
+  args: {
+    variant: 'Title/mdRegular',
+    children: <h1>The quick brown fox jumps over the lazy dog</h1>,
+  },
+}
+export const TitleSm: Story = {
+  name: 'Title/sm',
+  args: {
+    variant: 'Title/sm',
+    children: <h1>The quick brown fox jumps over the lazy dog</h1>,
+  },
+}
+export const TitleSmRegular: Story = {
+  name: 'Title/smRegular',
+  args: {
+    variant: 'Title/smRegular',
+    children: <h1>The quick brown fox jumps over the lazy dog</h1>,
+  },
+}
+export const TitleXs: Story = {
+  name: 'Title/xs',
+  args: {
+    variant: 'Title/xs',
+    children: <h1>The quick brown fox jumps over the lazy dog</h1>,
+  },
+}
+export const TitleDecorativeLg: Story = {
+  name: 'Title/Decorative/lg',
+  args: {
+    variant: 'Title/Decorative/lg',
+    children: <h1>The quick brown fox jumps over the lazy dog</h1>,
+  },
+}
+export const TitleDecorativeMd: Story = {
+  name: 'Title/Decorative/md',
+  args: {
+    variant: 'Title/Decorative/md',
+    children: <h1>The quick brown fox jumps over the lazy dog</h1>,
+  },
+}
+export const TitleSubtitleLg: Story = {
+  name: 'Title/Subtitle/lg',
+  args: {
+    variant: 'Title/Subtitle/lg',
+    children: <h1>The quick brown fox jumps over the lazy dog</h1>,
+  },
+}
+export const TitleSubtitleMd: Story = {
+  name: 'Title/Subtitle/md',
+  args: {
+    variant: 'Title/Subtitle/md',
+    children: <h1>The quick brown fox jumps over the lazy dog</h1>,
+  },
+}
+export const TitleOverlineSm: Story = {
+  name: 'Title/Overline/sm',
+  args: {
+    variant: 'Title/Overline/sm',
+    children: <h1>The quick brown fox jumps over the lazy dog</h1>,
+  },
+}
+export const BodyLeadtext: Story = {
+  name: 'Body/Lead text',
+  args: {
+    variant: 'Body/Lead text',
+    children: <p>The quick brown fox jumps over the lazy dog</p>,
+  },
+}
+export const BodyParagraphMdRegular: Story = {
+  name: 'Body/Paragraph/mdRegular',
+  args: {
+    variant: 'Body/Paragraph/mdRegular',
+    children: <p>The quick brown fox jumps over the lazy dog</p>,
+  },
+}
+export const BodyParagraphMdBold: Story = {
+  name: 'Body/Paragraph/mdBold',
+  args: {
+    variant: 'Body/Paragraph/mdBold',
+    children: <p>The quick brown fox jumps over the lazy dog</p>,
+  },
+}
+export const BodySupportingtextCaptionSmRegular: Story = {
+  name: 'Body/Supporting text (caption)/smRegular',
+  args: {
+    variant: 'Body/Supporting text (caption)/smRegular',
+    children: <p>The quick brown fox jumps over the lazy dog</p>,
+  },
+}
+export const BodySupportingtextCaptionSmBold: Story = {
+  name: 'Body/Supporting text (caption)/smBold',
+  args: {
+    variant: 'Body/Supporting text (caption)/smBold',
+    children: <p>The quick brown fox jumps over the lazy dog</p>,
+  },
+}
+export const BodyUnderlineMd: Story = {
+  name: 'Body/Underline/md',
+  args: {
+    variant: 'Body/Underline/md',
+    children: <p>The quick brown fox jumps over the lazy dog</p>,
+  },
+}
+export const BodyUnderlineSm: Story = {
+  name: 'Body/Underline/sm',
+  args: {
+    variant: 'Body/Underline/sm',
+    children: <p>The quick brown fox jumps over the lazy dog</p>,
+  },
+}
+export const TagSm: Story = {
+  name: 'Tag/sm',
+  args: {
+    variant: 'Tag/sm',
+    children: <span>The quick brown fox jumps over the lazy dog</span>,
+  },
+}
+export const LinkMd: Story = {
+  name: 'Link/md',
+  args: {
+    variant: 'Link/md',
+    children: <a href="#">The quick brown fox jumps over the lazy dog</a>,
+  },
+}
+export const LinkSm: Story = {
+  name: 'Link/sm',
+  args: {
+    variant: 'Link/sm',
+    children: <a href="#">The quick brown fox jumps over the lazy dog</a>,
+  },
+}
+export const LabelXsRegular: Story = {
+  name: 'Label/xsRegular',
+  args: {
+    variant: 'Label/xsRegular',
+    children: <span>The quick brown fox jumps over the lazy dog</span>,
+  },
+}
+export const LabelXsBold: Story = {
+  name: 'Label/xsBold',
+  args: {
+    variant: 'Label/xsBold',
+    children: <span>The quick brown fox jumps over the lazy dog</span>,
+  },
+}
diff --git a/packages/design-system/lib/components/Typography/Typography.tsx b/packages/design-system/lib/components/Typography/Typography.tsx
new file mode 100644
index 000000000..e1db31f5d
--- /dev/null
+++ b/packages/design-system/lib/components/Typography/Typography.tsx
@@ -0,0 +1,18 @@
+import { cloneElement, isValidElement } from 'react'
+
+import { variants } from './variants'
+
+import type { TypographyProps } from './types'
+
+export function Typography({ variant, children }: TypographyProps) {
+  if (!isValidElement(children)) return null
+
+  const classNames = variants({
+    variant,
+  })
+
+  return cloneElement(children, {
+    ...children.props,
+    className: [children.props.className, classNames].filter(Boolean).join(' '),
+  })
+}
diff --git a/packages/design-system/lib/components/Typography/index.tsx b/packages/design-system/lib/components/Typography/index.tsx
new file mode 100644
index 000000000..46e30f480
--- /dev/null
+++ b/packages/design-system/lib/components/Typography/index.tsx
@@ -0,0 +1,3 @@
+export { Typography } from './Typography'
+// eslint-disable-next-line react-refresh/only-export-components
+export { withTypography } from './variants'
diff --git a/packages/design-system/lib/components/Typography/types.ts b/packages/design-system/lib/components/Typography/types.ts
new file mode 100644
index 000000000..5b3a5426e
--- /dev/null
+++ b/packages/design-system/lib/components/Typography/types.ts
@@ -0,0 +1,9 @@
+import type { VariantProps } from 'class-variance-authority'
+
+import type { variants } from './variants'
+
+export interface TypographyProps
+  extends Pick<React.HTMLAttributes<HTMLElement>, 'className'>,
+    VariantProps<typeof variants> {
+  children: React.ReactElement<{ className?: string }>
+}
diff --git a/packages/design-system/lib/components/Typography/typography.module.css b/packages/design-system/lib/components/Typography/typography.module.css
new file mode 100644
index 000000000..dbaaafa9e
--- /dev/null
+++ b/packages/design-system/lib/components/Typography/typography.module.css
@@ -0,0 +1,246 @@
+.Title-lg {
+  font-family: var(--Title-lg-Font-family), var(--Title-lg-Font-fallback);
+  font-size: var(--Title-lg-Size);
+  font-weight: var(--Title-lg-Font-weight);
+  letter-spacing: var(--Title-lg-Letter-spacing);
+  text-transform: var(--Title-lg-Text-Transform);
+  line-height: 1;
+  text-decoration: none;
+}
+
+.Title-md {
+  font-family: var(--Title-md-Font-family), var(--Title-md-Font-fallback);
+  font-size: var(--Title-md-Size);
+  font-weight: var(--Title-md-Font-weight);
+  letter-spacing: var(--Title-md-Letter-spacing);
+  text-transform: var(--Title-md-Text-Transform);
+  line-height: 1.1;
+  text-decoration: none;
+}
+
+.Title-mdRegular {
+  font-family: var(--Title-md-Font-family), var(--Title-md-Font-fallback);
+  font-size: var(--Title-md-Size);
+  font-weight: 700;
+  letter-spacing: var(--Title-md-Letter-spacing);
+  text-transform: var(--Title-md-Text-Transform);
+  line-height: 1.1;
+  text-decoration: none;
+}
+
+.Title-sm {
+  font-family: var(--Title-sm-Font-family), var(--Title-sm-Font-fallback);
+  font-size: var(--Title-sm-Size);
+  font-weight: var(--Title-sm-Font-weight);
+  letter-spacing: var(--Title-sm-Letter-spacing);
+  text-transform: var(--Title-sm-Text-Transform);
+  line-height: 1.1;
+  text-decoration: none;
+}
+
+.Title-smRegular {
+  font-family:
+    var(--Title-sm-LowCase-Font-family), var(--Title-sm-LowCase-Font-fallback);
+  font-size: var(--Title-sm-LowCase-Size);
+  font-weight: var(--Title-sm-LowCase-Font-weight);
+  letter-spacing: var(--Title-sm-LowCase-Letter-spacing);
+  text-transform: var(--Title-sm-LowCase-Text-Transform);
+  line-height: 1.1;
+  text-decoration: none;
+}
+
+.Title-xs {
+  font-family: var(--Title-xs-Font-family), var(--Title-xs-Font-fallback);
+  font-size: var(--Title-xs-Size);
+  font-weight: var(--Title-xs-Font-weight);
+  letter-spacing: var(--Title-xs-Letter-spacing);
+  text-transform: var(--Title-xs-Text-Transform);
+  line-height: 1.1;
+  text-decoration: none;
+}
+
+.Title-Decorative-lg {
+  font-family:
+    var(--Title-Decorative-lg-Font-family),
+    var(--Title-Decorative-lg-Font-fallback);
+  font-size: var(--Title-Decorative-lg-Size);
+  font-weight: var(--Title-Decorative-lg-Font-weight);
+  letter-spacing: var(--Title-Decorative-lg-Letter-spacing);
+  text-transform: var(--Title-Decorative-lg-Text-Transform);
+  line-height: 1.1;
+  text-decoration: none;
+}
+
+.Title-Decorative-md {
+  font-family:
+    var(--Title-Decorative-md-Font-family),
+    var(--Title-Decorative-md-Font-fallback);
+  font-size: var(--Title-Decorative-md-Size);
+  font-weight: var(--Title-Decorative-md-Font-weight);
+  letter-spacing: var(--Title-Decorative-md-Letter-spacing);
+  text-transform: var(--Title-Decorative-md-Text-Transform);
+  line-height: 1.1;
+  text-decoration: none;
+}
+
+.Title-Subtitle-lg {
+  font-family:
+    var(--Title-Subtitle-lg-Font-family), var(--Title-Subtitle-lg-Font-fallback);
+  font-size: var(--Title-Subtitle-lg-Size);
+  font-weight: var(--Title-Subtitle-lg-Font-weight);
+  letter-spacing: var(--Title-Subtitle-lg-Letter-spacing);
+  text-transform: unset;
+  line-height: 1.2;
+  text-decoration: none;
+}
+
+.Title-Subtitle-md {
+  font-family:
+    var(--Title-Subtitle-md-Font-family), var(--Title-Subtitle-md-Font-fallback);
+  font-size: var(--Title-Subtitle-md-Size);
+  font-weight: var(--Title-Subtitle-md-Font-weight);
+  letter-spacing: var(--Title-Subtitle-md-Letter-spacing);
+  text-transform: unset;
+  line-height: 1.2;
+  text-decoration: none;
+}
+
+.Title-Overline-sm {
+  font-family:
+    var(--Title-Overline-sm-Font-family), var(--Title-Overline-sm-Font-fallback);
+  font-size: var(--Title-Overline-sm-Size);
+  font-weight: var(--Title-Overline-sm-Font-weight);
+  letter-spacing: var(--Title-Overline-sm-Letter-spacing);
+  text-transform: var(--Title-Overline-sm-Text-Transform);
+  line-height: 1.5;
+  text-decoration: none;
+}
+
+.Body-Lead-text {
+  font-family:
+    var(--Body-Lead-text-Font-family), var(--Body-Lead-text-Font-fallback);
+  font-size: var(--Body-Lead-text-Size);
+  font-weight: var(--Body-Lead-text-Font-weight);
+  letter-spacing: var(--Body-Lead-text-Letter-spacing);
+  text-transform: unset;
+  line-height: 1.5;
+  text-decoration: none;
+}
+
+.Body-Paragraph-mdRegular {
+  font-family:
+    var(--Body-Paragraph-Font-family), var(--Body-Paragraph-Font-fallback);
+  font-size: var(--Body-Paragraph-Size);
+  font-weight: var(--Body-Paragraph-Font-weight);
+  letter-spacing: var(--Body-Paragraph-Letter-spacing);
+  text-transform: unset;
+  line-height: 1.5;
+  text-decoration: none;
+}
+
+.Body-Paragraph-mdBold {
+  font-family:
+    var(--Body-Paragraph-Font-family), var(--Body-Paragraph-Font-fallback);
+  font-size: var(--Body-Paragraph-Size);
+  font-weight: var(--Body-Paragraph-Font-weight-2);
+  letter-spacing: var(--Body-Paragraph-Letter-spacing);
+  text-transform: unset;
+  line-height: 1.5;
+  text-decoration: none;
+}
+
+.Body-Supporting-text-caption-smRegular {
+  font-family:
+    var(--Body-Supporting-text-Font-family),
+    var(--Body-Supporting-text-Font-fallback);
+  font-size: var(--Body-Supporting-text-Size);
+  font-weight: var(--Body-Supporting-text-Font-weight);
+  letter-spacing: var(--Body-Supporting-text-Letter-spacing);
+  text-transform: unset;
+  line-height: 1.4;
+  text-decoration: none;
+}
+
+.Body-Supporting-text-caption-smBold {
+  font-family:
+    var(--Body-Supporting-text-Font-family),
+    var(--Body-Supporting-text-Font-fallback);
+  font-size: var(--Body-Supporting-text-Size);
+  font-weight: var(--Body-Supporting-text-Font-weight-2);
+  letter-spacing: var(--Body-Supporting-text-Letter-spacing);
+  text-transform: unset;
+  line-height: 1.4;
+  text-decoration: none;
+}
+
+.Body-Underline-md {
+  font-family:
+    var(--Body-Underline-md-Font-family), var(--Body-Underline-md-Font-fallback);
+  font-size: var(--Body-Underline-md-Size);
+  font-weight: var(--Body-Underline-md-Font-weight);
+  letter-spacing: var(--Body-Underline-md-Letter-spacing);
+  text-transform: unset;
+  line-height: 1.5;
+  text-decoration: underline;
+}
+
+.Body-Underline-sm {
+  font-family:
+    var(--Body-Underline-sm-Font-family), var(--Body-Underline-sm-Font-fallback);
+  font-size: var(--Body-Underline-sm-Size);
+  font-weight: var(--Body-Underline-sm-Font-weight);
+  letter-spacing: var(--Body-Underline-sm-Letter-spacing);
+  text-transform: unset;
+  line-height: 1.4;
+  text-decoration: underline;
+}
+
+.Tag-sm {
+  font-family: var(--Tag-Font-family), var(--Tag-Font-fallback);
+  font-size: var(--Tag-Size);
+  font-weight: var(--Tag-Font-weight);
+  letter-spacing: var(--Tag-Letter-spacing);
+  text-transform: var(--Tag-Text-Transform);
+  line-height: 1.5;
+  text-decoration: none;
+}
+
+.Link-md {
+  font-family: var(--Link-md-Font-family), var(--Link-md-Font-fallback);
+  font-size: var(--Link-md-Size);
+  font-weight: var(--Link-md-Font-weight);
+  letter-spacing: var(--Link-md-Letter-spacing);
+  text-transform: unset;
+  line-height: 1.5;
+  text-decoration: underline;
+}
+
+.Link-sm {
+  font-family: var(--Link-sm-Font-family), var(--Link-sm-Font-fallback);
+  font-size: var(--Link-sm-Size);
+  font-weight: var(--Link-sm-Font-weight);
+  letter-spacing: var(--Link-sm-Letter-spacing);
+  text-transform: unset;
+  line-height: 1.4;
+  text-decoration: underline;
+}
+
+.Label-xsRegular {
+  font-family: var(--Label-Font-family), var(--Label-Font-fallback);
+  font-size: var(--Label-Size);
+  font-weight: var(--Label-Font-weight);
+  letter-spacing: var(--Label-Letter-spacing);
+  text-transform: unset;
+  line-height: 1.5;
+  text-decoration: none;
+}
+
+.Label-xsBold {
+  font-family: var(--Label-Font-family), var(--Label-Font-fallback);
+  font-size: var(--Label-Size);
+  font-weight: var(--Label-Font-weight-2);
+  letter-spacing: var(--Label-Letter-spacing);
+  text-transform: unset;
+  line-height: 1.5;
+  text-decoration: none;
+}
diff --git a/packages/design-system/lib/components/Typography/variants.ts b/packages/design-system/lib/components/Typography/variants.ts
new file mode 100644
index 000000000..18db4cda4
--- /dev/null
+++ b/packages/design-system/lib/components/Typography/variants.ts
@@ -0,0 +1,52 @@
+import { cva } from 'class-variance-authority'
+import { deepmerge } from 'deepmerge-ts'
+
+import styles from './typography.module.css'
+
+export const config = {
+  variants: {
+    variant: {
+      'Title/lg': styles['Title-lg'],
+      'Title/md': styles['Title-md'],
+      'Title/mdRegular': styles['Title-mdRegular'],
+      'Title/sm': styles['Title-sm'],
+      'Title/smRegular': styles['Title-smRegular'],
+      'Title/xs': styles['Title-xs'],
+      'Title/Decorative/lg': styles['Title-Decorative-lg'],
+      'Title/Decorative/md': styles['Title-Decorative-md'],
+      'Title/Subtitle/lg': styles['Title-Subtitle-lg'],
+      'Title/Subtitle/md': styles['Title-Subtitle-md'],
+      'Title/Overline/sm': styles['Title-Overline-sm'],
+      'Body/Lead text': styles['Body-Lead-text'],
+      'Body/Paragraph/mdRegular': styles['Body-Paragraph-mdRegular'],
+      'Body/Paragraph/mdBold': styles['Body-Paragraph-mdBold'],
+      'Body/Supporting text (caption)/smRegular':
+        styles['Body-Supporting-text-caption-smRegular'],
+      'Body/Supporting text (caption)/smBold':
+        styles['Body-Supporting-text-caption-smBold'],
+      'Body/Underline/md': styles['Body-Underline-md'],
+      'Body/Underline/sm': styles['Body-Underline-sm'],
+      'Tag/sm': styles['Tag-sm'],
+      'Link/md': styles['Link-md'],
+      'Link/sm': styles['Link-sm'],
+      'Label/xsRegular': styles['Label-xsRegular'],
+      'Label/xsBold': styles['Label-xsBold'],
+    },
+  },
+  defaultVariants: {
+    variant: 'Body/Paragraph/mdRegular',
+  },
+} as const
+
+export const variants = cva({}, config)
+
+const typographyConfig = {
+  variants: {
+    typography: config.variants.variant,
+  },
+  defaultVariants: config.defaultVariants,
+} as const
+
+export function withTypography<T>(config: T) {
+  return deepmerge(typographyConfig, config)
+}
diff --git a/packages/design-system/lib/current.ts b/packages/design-system/lib/current.ts
deleted file mode 100644
index 9d907745f..000000000
--- a/packages/design-system/lib/current.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { Button } from './components/CurrentWeb/Button'
diff --git a/packages/design-system/lib/docs/colors.mdx b/packages/design-system/lib/docs/colors.mdx
deleted file mode 100644
index bfcabb265..000000000
--- a/packages/design-system/lib/docs/colors.mdx
+++ /dev/null
@@ -1,25 +0,0 @@
-import {
-  Meta,
-  Title,
-  Subtitle,
-  ColorPalette,
-  ColorItem,
-} from '@storybook/blocks'
-
-import * as colors from '../styles/colors'
-
-<Meta title="Design system/Colors" />
-
-<Title>Colors</Title>
-
-<ColorPalette>
-  {Object.keys(colors).map((key) => {
-    const skipKeys = ['colors', 'tokens', 'Old']
-      if (!skipKeys.includes(key)) {
-      return Object.keys(colors[key]).map((modeKey) => {
-          return <ColorItem title={modeKey} colors={colors[key][modeKey]} />
-        })
-    }
-    return null
-  })}
-</ColorPalette>
diff --git a/packages/design-system/lib/docs/current-web/colors.mdx b/packages/design-system/lib/docs/current-web/colors.mdx
deleted file mode 100644
index a3013a8f9..000000000
--- a/packages/design-system/lib/docs/current-web/colors.mdx
+++ /dev/null
@@ -1,27 +0,0 @@
-import {
-  Meta,
-  Title,
-  Subtitle,
-  ColorPalette,
-  ColorItem,
-} from '@storybook/blocks'
-
-import * as colors from '../../styles/colors'
-
-import '../../style-current.css'
-
-<Meta title="Current web/Colors" />
-
-<Title>Colors</Title>
-
-<ColorPalette>
-  {Object.keys(colors).map((key) => {
-    const skipKeys = ['colors', 'tokens', 'New']
-      if (!skipKeys.includes(key)) {
-      return Object.keys(colors[key]).map((modeKey) => {
-          return <ColorItem title={modeKey} colors={colors[key][modeKey]} />
-        })
-    }
-    return null
-  })}
-</ColorPalette>
diff --git a/packages/design-system/lib/docs/tokens.mdx b/packages/design-system/lib/docs/tokens.mdx
deleted file mode 100644
index 94c20c840..000000000
--- a/packages/design-system/lib/docs/tokens.mdx
+++ /dev/null
@@ -1,84 +0,0 @@
-import {
-  Meta,
-  Title,
-  Subtitle,
-  ColorPalette,
-  ColorItem,
-} from '@storybook/blocks'
-
-import { tokens as allTokens } from '../styles/colors'
-import {capitalizeFirstLetter} from '../utils'
-
-export const data = Object.entries(allTokens).reduce((acc, curr) => {
-    const [name, value] = curr
-    const nameParts = name.split('-')
-    if (nameParts.length == 2) {
-      if (!acc['color']) {
-        acc['color'] = {}
-      }
-      nameParts.unshift('color')
-    }
-
-    const title = nameParts[0].toLowerCase()
-    const subtitle = nameParts[1].toLowerCase()
-    const token = nameParts[2].toLowerCase()
-
-    if (!acc[title]) {
-      acc[title] = {}
-    }
-
-    if (!acc[title][subtitle]) {
-      acc[title][subtitle] = {}
-    }
-
-    acc[title][subtitle][token] = value
-
-    return acc
-  }, {})
-
-<Meta title="Design system/Tokens/Colors" />
-
-
-<div>
-{
-      Object.keys(data).map(t => {
-    if (t === 'color') {
-      return null
-    }
-    return (
-      <>
-        <Title>{capitalizeFirstLetter(t)}</Title>
-        {
-          Object.keys(data[t]).map(s => {
-            return (
-              <>
-                <Subtitle>{capitalizeFirstLetter(s)}</Subtitle>
-                {
-                  (typeof data[t][s] === 'string') ? null : (
-                    <ColorPalette>
-                    {
-                      Object.keys(data[t][s]).map(v => {
-                        return (
-                          <ColorItem
-                            key={v}
-                            title={capitalizeFirstLetter(v)}
-                            subtitle=""
-                            colors={{
-                              [`color.${t}.${s}.${v}`]: `var(--${data[t][s][v]})`
-                            }}
-                          />
-                        )
-                      })
-                    }
-                    </ColorPalette>
-                  )
-                }
-              </>
-            )
-          })
-        }
-      </>
-    )
-  })
-}
-</div>
diff --git a/packages/design-system/lib/fonts.css b/packages/design-system/lib/fonts.css
new file mode 100644
index 000000000..a4413f5ec
--- /dev/null
+++ b/packages/design-system/lib/fonts.css
@@ -0,0 +1,255 @@
+@font-face {
+  font-display: fallback;
+  font-family: 'biro script plus';
+  font-style: normal;
+  font-weight: 400;
+  src: url(/fonts/biro-script-plus/regular.woff2) format('woff2');
+}
+
+@font-face {
+  font-display: fallback;
+  font-family: 'brandon text';
+  font-weight: 700;
+  src:
+    url(/fonts/brandon-text/bold.woff2) format('woff2'),
+    url(/fonts/brandon-text/bold.woff) format('woff');
+}
+
+@font-face {
+  font-display: fallback;
+  font-family: 'brandon text';
+  font-weight: 900;
+  src:
+    url(/fonts/brandon-text/black.woff2) format('woff2'),
+    url(/fonts/brandon-text/black.woff) format('woff');
+}
+
+@font-face {
+  font-display: fallback;
+  font-family: 'Domaine Sans Text';
+  font-style: normal;
+  font-weight: 300;
+  src:
+    url(/fonts/domaine/domainesanstextweb-light-webfont.woff2) format('woff2'),
+    url(/fonts/domaine/domainesanstextweb-light-webfont.woff) format('woff');
+}
+
+@font-face {
+  font-display: fallback;
+  font-family: 'Domaine Sans Text';
+  font-style: normal;
+  font-weight: 400;
+  src:
+    url(/fonts/domaine/domainesanstextweb-regular-webfont.woff2) format('woff2'),
+    url(/fonts/domaine/domainesanstextweb-regular-webfont.woff) format('woff');
+}
+
+@font-face {
+  font-display: fallback;
+  font-family: 'fira sans';
+  font-style: normal;
+  font-weight: 300;
+  src: url(/fonts/fira-sans/light.woff2) format('woff2');
+}
+
+@font-face {
+  font-display: fallback;
+  font-family: 'fira sans';
+  font-style: normal;
+  font-weight: 400;
+  src: url(/fonts/fira-sans/regular.woff2) format('woff2');
+}
+
+@font-face {
+  font-display: fallback;
+  font-family: 'fira sans';
+  font-style: normal;
+  font-weight: 500;
+  src: url(/fonts/fira-sans/medium.woff2) format('woff2');
+}
+
+@font-face {
+  font-display: fallback;
+  font-family: 'fira sans';
+  font-style: normal;
+  font-weight: 600;
+  src: url(/fonts/fira-sans/semibold.woff2) format('woff2');
+}
+
+@font-face {
+  font-display: fallback;
+  font-family: 'fira sans';
+  font-style: normal;
+  font-weight: 700;
+  src: url(/fonts/fira-sans/bold.woff2) format('woff2');
+}
+
+@font-face {
+  font-display: fallback;
+  font-family: 'fira sans';
+  font-style: normal;
+  font-weight: 900;
+  src: url(/fonts/fira-sans/black.woff2) format('woff2');
+}
+
+@font-face {
+  font-display: fallback;
+  font-family: Garamond;
+  font-style: normal;
+  font-weight: 400;
+  src:
+    url(/fonts/itcgaramond/ITCGaramondBookNarrow_normal_condensed.woff2)
+      format('woff2'),
+    url(/fonts/itcgaramond/ITCGaramondBookNarrow_normal_condensed.woff)
+      format('woff');
+}
+
+@font-face {
+  font-display: fallback;
+  font-family: Gotham;
+  font-style: normal;
+  font-weight: 900;
+  src:
+    url(/fonts/gotham/gotham-black-webfont.woff2) format('woff2'),
+    url(/fonts/gotham/gotham-black-webfont.woff) format('woff');
+}
+
+@font-face {
+  font-display: fallback;
+  font-family: Gotham;
+  font-style: normal;
+  font-weight: 700;
+  src:
+    url(/fonts/gotham/gotham-bold-webfont.woff2) format('woff2'),
+    url(/fonts/gotham/gotham-bold-webfont.woff) format('woff');
+}
+
+@font-face {
+  font-display: fallback;
+  font-family: 'Neue Haas Grotesk Display Pro';
+  font-style: normal;
+  font-weight: 400;
+  src:
+    url(/fonts/grotesk/NeueHaasGroteskDisplay55Roman_normal_normal.woff2)
+      format('woff2'),
+    url(/fonts/grotesk/NeueHaasGroteskDisplay55Roman_normal_normal.woff)
+      format('woff');
+}
+
+@font-face {
+  font-display: fallback;
+  font-family: 'Neue Haas Grotesk Display Pro';
+  font-style: normal;
+  font-weight: 500;
+  src:
+    url(/fonts/grotesk/NeueHaasGroteskDisplay65Medium_normal_normal.woff2)
+      format('woff2'),
+    url(/fonts/grotesk/NeueHaasGroteskDisplay65Medium_normal_normal.woff)
+      format('woff');
+}
+
+@font-face {
+  font-display: fallback;
+  font-family: 'Prumo text';
+  font-style: normal;
+  font-weight: 300;
+  src:
+    url(/fonts/prumo/prumotext-light-webfont.woff2) format('woff2'),
+    url(/fonts/prumo/PrumoText-Light.woff) format('woff');
+}
+
+@font-face {
+  font-display: fallback;
+  font-family: 'Canela Deck';
+  font-style: normal;
+  font-weight: 900;
+  src: url(/fonts/canela-deck/CanelaDeck-Black.otf) format('opentype');
+}
+
+@font-face {
+  font-display: fallback;
+  font-family: 'Canela Deck';
+  font-style: italic;
+  font-weight: 900;
+  src: url(/fonts/canela-deck/CanelaDeck-BlackItalic.otf) format('opentype');
+}
+
+@font-face {
+  font-display: fallback;
+  font-family: 'Canela Deck';
+  font-style: normal;
+  font-weight: 700;
+  src: url(/fonts/canela-deck/CanelaDeck-Bold.otf) format('opentype');
+}
+
+@font-face {
+  font-display: fallback;
+  font-family: 'Canela Deck';
+  font-style: italic;
+  font-weight: 700;
+  src: url(/fonts/canela-deck/CanelaDeck-BoldItalic.otf) format('opentype');
+}
+
+@font-face {
+  font-display: fallback;
+  font-family: 'Canela Deck';
+  font-style: normal;
+  font-weight: 300;
+  src: url(/fonts/canela-deck/CanelaDeck-Light.otf) format('opentype');
+}
+
+@font-face {
+  font-display: fallback;
+  font-family: 'Canela Deck';
+  font-style: italic;
+  font-weight: 300;
+  src: url(/fonts/canela-deck/CanelaDeck-LightItalic.otf) format('opentype');
+}
+
+@font-face {
+  font-display: fallback;
+  font-family: 'Canela Deck';
+  font-style: normal;
+  font-weight: 500;
+  src: url(/fonts/canela-deck/CanelaDeck-Medium.otf) format('opentype');
+}
+
+@font-face {
+  font-display: fallback;
+  font-family: 'Canela Deck';
+  font-style: italic;
+  font-weight: 500;
+  src: url(/fonts/canela-deck/CanelaDeck-MediumItalic.otf) format('opentype');
+}
+
+@font-face {
+  font-display: fallback;
+  font-family: 'Canela Deck';
+  font-style: normal;
+  font-weight: 400;
+  src: url(/fonts/canela-deck/CanelaDeck-Regular.otf) format('opentype');
+}
+
+@font-face {
+  font-display: fallback;
+  font-family: 'Canela Deck';
+  font-style: italic;
+  font-weight: 400;
+  src: url(/fonts/canela-deck/CanelaDeck-RegularItalic.otf) format('opentype');
+}
+
+@font-face {
+  font-display: fallback;
+  font-family: 'Canela Deck';
+  font-style: normal;
+  font-weight: 200;
+  src: url(/fonts/canela-deck/CanelaDeck-Thin.otf) format('opentype');
+}
+
+@font-face {
+  font-display: fallback;
+  font-family: 'Canela Deck';
+  font-style: italic;
+  font-weight: 200;
+  src: url(/fonts/canela-deck/CanelaDeck-ThinItalic.otf) format('opentype');
+}
diff --git a/packages/design-system/lib/generate.ts b/packages/design-system/lib/generate.ts
deleted file mode 100644
index ee7a4960b..000000000
--- a/packages/design-system/lib/generate.ts
+++ /dev/null
@@ -1,318 +0,0 @@
-import fs from 'node:fs'
-
-import { sortObjectByKey } from './utils.ts'
-
-type FigmaNumberVariable = {
-  name: string
-  type: 'number'
-  isAlias: boolean
-  value: number
-}
-
-type FigmaColorVariable =
-  | {
-      name: string
-      type: 'color'
-      isAlias: true
-      value: {
-        collection: string
-        name: string
-      }
-    }
-  | {
-      name: string
-      type: 'color'
-      isAlias: false
-      value: string
-    }
-
-type FigmaDropShadowEffect = {
-  type: 'DROP_SHADOW'
-  color: {
-    r: number
-    g: number
-    b: number
-    a: number
-  }
-  offset: {
-    x: number
-    y: number
-  }
-  radius: number
-  spread: number
-}
-
-type FigmaEffectVariable = {
-  name: string
-  type: 'effect'
-  isAlias: boolean
-  value: {
-    effects: Array<FigmaDropShadowEffect>
-  }
-}
-
-type FigmaTypographyValue = {
-  fontSize: number
-  fontFamily: string
-  fontWeight: 'Black' | 'Bold' | 'SemiBold' | 'Regular'
-  lineHeight: number
-  lineHeightUnit: 'PIXELS' | 'PERCENT'
-  letterSpacing: number
-  letterSpacingUnit: 'PIXELS' | 'PERCENT'
-  textCase: 'UPPER' | 'ORIGINAL'
-  textDecoration: 'NONE'
-}
-
-type FigmaTypographyVariable = {
-  name: string
-  type: 'typography'
-  isAlias: boolean
-  value: FigmaTypographyValue
-}
-
-type FigmaVariable =
-  | FigmaNumberVariable
-  | FigmaColorVariable
-  | FigmaEffectVariable
-  | FigmaTypographyVariable
-
-type FigmaMode = {
-  name: string
-  variables: FigmaVariable[]
-}
-
-type FigmaCollection = {
-  name: string
-  modes: FigmaMode[]
-}
-
-type FigmaVariableData = {
-  version: string
-  metadata: unknown
-  collections: FigmaCollection[]
-}
-
-function kebabify(str: string) {
-  return str.replaceAll('/', '-').replaceAll(' ', '-').replace(/\(|\)/g, '')
-}
-
-// This parses output JSON from https://github.com/mark-nicepants/variables2json-docs
-const json: FigmaVariableData = JSON.parse(
-  fs.readFileSync('./variables.json', { encoding: 'utf-8' })
-)
-
-const colorGroupsByMode: Record<
-  string,
-  Record<string, Record<string, string>>
-> = {}
-const allColorsByMode: Record<string, Record<string, string>> = {}
-const allTokens: Record<string, string> = {}
-const allTypographyTokens: Record<string, string | number> = {}
-const allNumberedTokens: Record<string, string> = {}
-
-json.collections.forEach((collection) => {
-  collection.modes.forEach((mode) => {
-    mode.variables.forEach((variable) => {
-      if (variable.type === 'color') {
-        if (variable.isAlias === true) {
-          // Token
-          const name = kebabify(variable.name)
-          const value = kebabify(variable.value.name)
-
-          allTokens[name] = value
-        } else {
-          const name = kebabify(variable.name)
-          const value = variable.value.replaceAll(' ', '').toLowerCase()
-
-          // Assign all colors per mode
-          const parsedModeName = mode.name
-            .split(' ')
-            .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
-            .join('')
-
-          if (!allColorsByMode[parsedModeName]) {
-            allColorsByMode[parsedModeName] = {}
-          }
-          allColorsByMode[parsedModeName][name] = value
-
-          const parts = name.split('-')
-          const groupName = parts[0]
-          if (!colorGroupsByMode[parsedModeName]) {
-            colorGroupsByMode[parsedModeName] = {}
-          }
-          if (!colorGroupsByMode[parsedModeName][groupName]) {
-            colorGroupsByMode[parsedModeName][groupName] = {}
-          }
-
-          colorGroupsByMode[parsedModeName][groupName][name] = value
-        }
-      } else if (variable.type === 'typography') {
-        // Make variables for each value
-        const name = 'typography-' + kebabify(variable.name)
-
-        Object.keys(variable.value).forEach((valueKey) => {
-          const value = variable.value[valueKey as keyof FigmaTypographyValue]
-          const typeographyVal = `${name}-${valueKey}`
-
-          const unitValue =
-            variable.value[`${valueKey}Unit` as keyof FigmaTypographyValue]
-
-          if (unitValue) {
-            if (unitValue === 'PERCENT') {
-              allTypographyTokens[typeographyVal] = value + '%'
-              return
-            } else if (unitValue === 'PIXELS') {
-              allTypographyTokens[typeographyVal] = value + 'px'
-              return
-            }
-          }
-
-          // Skip making css variables for units, they are already handled
-          if (valueKey.includes('Unit')) {
-            return
-          }
-
-          if (valueKey === 'fontSize') {
-            allTypographyTokens[typeographyVal] = value + 'px'
-            return
-          }
-
-          allTypographyTokens[typeographyVal] = value
-        })
-      } else if (variable.type === 'number') {
-        if (collection.name === 'Text sizes') {
-          const modeName = kebabify(mode.name)
-          const name = `typography-${kebabify(variable.name)}-${modeName}-fontSize`
-          allTypographyTokens[name] = variable.value.toString() + 'px'
-          return
-        } else if (collection.name === 'Layout') {
-          const collectionName = kebabify(collection.name)
-          const modeName = kebabify(mode.name)
-
-          const name = `${collectionName}-${modeName}-${kebabify(variable.name)}`
-          allNumberedTokens[name] = variable.value + 'px'
-          return
-        } else if (collection.name === 'Spacing') {
-          const collectionName = kebabify(collection.name)
-
-          let unitName = variable.name
-
-          // Special namings for spacing
-          if (unitName === 'x025') {
-            unitName = 'x-quarter'
-          } else if (unitName === 'x05') {
-            unitName = 'x-half'
-          } else if (unitName === 'x15') {
-            unitName = 'x-one-and-half'
-          }
-
-          const name = `${collectionName}-${kebabify(unitName)}`
-          allNumberedTokens[name] = variable.value + 'px'
-          return
-        }
-        const collectionName = kebabify(collection.name)
-
-        const name = `${collectionName}-${kebabify(variable.name)}`
-        allNumberedTokens[name] = variable.value + 'px'
-      }
-    })
-  })
-})
-
-// Create ts file with all colors and color tokens for displaying swatches in Storybook
-const tsOutput = [
-  '/* This file is generated, do not edit manually! */',
-  `export const colors = ${JSON.stringify(allColorsByMode, null, 2)} as const`,
-  '',
-  `export const tokens = ${JSON.stringify(allTokens, null, 2)} as const`,
-  '',
-]
-for (const [modeName, values] of Object.entries(colorGroupsByMode)) {
-  tsOutput.push(`export const ${modeName} = { `)
-  for (const [name, value] of Object.entries(values)) {
-    tsOutput.push(`${name}: ${JSON.stringify(value, null, 2)},`)
-  }
-  tsOutput.push('} as const;')
-  tsOutput.push('')
-}
-fs.writeFileSync('./styles/colors.ts', tsOutput.join('\n'), {
-  encoding: 'utf-8',
-})
-
-// Write a css file for each mode available of core colors
-const cssOutput = [
-  '/* This file is generated, do not edit manually! */',
-  ':root {',
-]
-for (const [, values] of Object.entries(sortObjectByKey(allColorsByMode))) {
-  for (const [name, value] of Object.entries(sortObjectByKey(values))) {
-    cssOutput.push(`  --${name}: ${value};`)
-  }
-}
-cssOutput.push('}')
-cssOutput.push('') // New line at end of file
-fs.writeFileSync(`./styles/modes.css`, cssOutput.join('\n'), {
-  encoding: 'utf-8',
-})
-
-// All css files, regardless of mode, should have the same tokens. Generate one file for all tokens
-const cssTokensOutput = [
-  '/* This file is generated, do not edit manually! */',
-  ':root {',
-]
-for (const [token, value] of Object.entries(sortObjectByKey(allTokens))) {
-  cssTokensOutput.push(`  --${token}: var(--${value});`)
-}
-cssTokensOutput.push('}')
-cssTokensOutput.push('') // New line at end of file
-fs.writeFileSync(`./styles/tokens.css`, cssTokensOutput.join('\n'), {
-  encoding: 'utf-8',
-})
-
-// All css files, regardless of mode, should have the same typography tokens.
-const typographyOutput = [
-  '/* This file is generated, do not edit manually! */',
-  ':root {',
-]
-for (const [token, value] of Object.entries(
-  sortObjectByKey(allTypographyTokens)
-)) {
-  // TODO: handle fontSize for other consumers than CSS modules
-  // Css modules needs fontsizes to be written as numerical values appended with the unit
-  const isNumericalValue =
-    typeof value === 'number' ||
-    token.includes('fontSize') ||
-    token.includes('lineHeight') ||
-    token.includes('letterSpacing')
-
-  const valueOutput = isNumericalValue ? value : `'${value.toLowerCase()}'`
-
-  typographyOutput.push(`  --${token}: ${valueOutput};`)
-}
-typographyOutput.push('}')
-typographyOutput.push('') // New line at end of file
-fs.writeFileSync(`./styles/typography.css`, typographyOutput.join('\n'), {
-  encoding: 'utf-8',
-})
-
-// All css files, regardless of mode, should have the same typography tokens.
-const numberedTokensOutput = [
-  '/* This file is generated, do not edit manually! */',
-  ':root {',
-]
-for (const [token, value] of Object.entries(
-  sortObjectByKey(allNumberedTokens)
-)) {
-  const valueOutput = value
-
-  numberedTokensOutput.push(`  --${token}: ${valueOutput};`)
-}
-numberedTokensOutput.push('}')
-numberedTokensOutput.push('') // New line at end of file
-fs.writeFileSync(
-  `./styles/numberedTokens.css`,
-  numberedTokensOutput.join('\n'),
-  {
-    encoding: 'utf-8',
-  }
-)
diff --git a/packages/design-system/lib/index.mdx b/packages/design-system/lib/index.mdx
new file mode 100644
index 000000000..64d2f9dad
--- /dev/null
+++ b/packages/design-system/lib/index.mdx
@@ -0,0 +1,35 @@
+import { Meta } from '@storybook/blocks'
+
+<Meta title="Introduction" />
+
+# Scandic Hotels design system ✨
+
+## Components
+
+### File structure
+
+```
+[Component]
+├── Compositions/                 # A folder with Storybook stories to showcase compositions with other components
+├──── [CompositionX].stories.tsx  # Storybook stories that showcase component compositions
+├── [component].module.css          # The CSS for the component
+├── [Component].stories.tsx       # Storybook stories for the component, without compositions
+├── [Component].tsx               # The main component file
+├── index.tsx                     # Entrypoint for the component exports
+├── types.ts                      # TypeScript typings for the component
+└── variants.ts                   # Class Variance Authority configuration for variants of the component
+```
+
+### Components
+
+Each component of the design system is defined in `lib/components`.
+
+Each component has an `index.tsx` file that exports the component and its optional subcomponents. Subcomponents are components that are meant to be used together/nested with the component.
+
+The components that are considered public API from a consumer standpoint **must** have Storybook stories that showcases and documents their use. It should at least contain one default story that showcases the component by itself in its default state. More stories are added to showcase other variants or usages of the component.
+
+Styling is done with CSS modules.
+
+Variants are implemented with [Class Variance Authority](https://cva.style/).
+
+The typings for each components live in their respective `types.ts` file inside the component folder.
diff --git a/packages/design-system/lib/new.ts b/packages/design-system/lib/new.ts
deleted file mode 100644
index f74d72cb4..000000000
--- a/packages/design-system/lib/new.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { Card } from './components/Card'
diff --git a/packages/design-system/lib/style-current.css b/packages/design-system/lib/style-current.css
deleted file mode 100644
index 1b685b03f..000000000
--- a/packages/design-system/lib/style-current.css
+++ /dev/null
@@ -1,6 +0,0 @@
-@import url('./styles/globals.css');
-@import url('./styles/typography.css');
-@import url('./styles/tokens.css');
-
-/* Stylesheet specific for theme */
-@import url('./styles/old.css');
diff --git a/packages/design-system/lib/style-new.css b/packages/design-system/lib/style-new.css
deleted file mode 100644
index 3a5166fec..000000000
--- a/packages/design-system/lib/style-new.css
+++ /dev/null
@@ -1,8 +0,0 @@
-@import url('./styles/globals.css');
-@import url('./styles/typography.css');
-@import url('./styles/tokens.css');
-@import url('./styles/numberedTokens.css');
-@import url('./styles/modes.css');
-
-/* Stylesheet specific for theme */
-@import url('./styles/new.css');
diff --git a/packages/design-system/lib/style.css b/packages/design-system/lib/style.css
new file mode 100644
index 000000000..b2604b818
--- /dev/null
+++ b/packages/design-system/lib/style.css
@@ -0,0 +1,10 @@
+@import url(./styles/globals.css);
+@import url(./styles/impl.css);
+@import url(./styles/base.css);
+@import url(./styles/downtown-camper.css);
+@import url(./styles/grand-hotel.css);
+@import url(./styles/haymarket.css);
+@import url(./styles/hotel-norge.css);
+@import url(./styles/marski.css);
+@import url(./styles/scandic-go.css);
+@import url(./styles/scandic.css);
diff --git a/packages/design-system/lib/styles/base.css b/packages/design-system/lib/styles/base.css
new file mode 100644
index 000000000..9ecb03649
--- /dev/null
+++ b/packages/design-system/lib/styles/base.css
@@ -0,0 +1,119 @@
+/* This file is generated, do not edit manually! */
+:root {
+  /* Values */
+  --Border-width-lg: 3px;
+  --Border-width-md: 2px;
+  --Border-width-none: 0px;
+  --Border-width-sm: 1px;
+  --BoxShadow-Level-1: 0 0 2 1 rgba(0, 0, 0, 0.1);
+  --BoxShadow-Level-2: 0 0 4 2 rgba(0, 0, 0, 0.1);
+  --BoxShadow-Level-3: 0 0 8 3 rgba(0, 0, 0, 0.1);
+  --BoxShadow-Level-4: 0 0 14 6 rgba(0, 0, 0, 0.1);
+  --Breakpoints-max-width: 767px;
+  --Breakpoints-min-width: 320px;
+  --Columns-Column: 4px;
+  --Corner-radius-lg: 12px;
+  --Corner-radius-md: 8px;
+  --Corner-radius-rounded: 250px;
+  --Corner-radius-sm: 4px;
+  --Corner-radius-xl: 16px;
+  --Font-family-Body: 'Fira sans';
+  --Font-family-Decorative: 'Biro Script Plus';
+  --Font-family-Title: 'Brandon Text';
+  --Font-weight-Black: 900;
+  --Font-weight-Bold: 700;
+  --Font-weight-Extra-Bold: 800;
+  --Font-weight-Medium: 500;
+  --Font-weight-Regular-bold: 450;
+  --Font-weight-Regular: 400;
+  --Font-weight-Semi-Bold: 600;
+  --Gutter-max-width: 16px;
+  --Gutter-min-width: 16px;
+  --Icon-2xs: 16px;
+  --Icon-lg: 40px;
+  --Icon-md: 32px;
+  --Icon-sm: 24px;
+  --Icon-xl: 42px;
+  --Icon-xs: 20px;
+  --Line-height-xs: 100px;
+  --Margin-Margin-max: 16px;
+  --Margin-Margin-min: 16px;
+  --Neutral-0: #fcfcfc;
+  --Neutral-100: #141414;
+  --Neutral-10: #f0f0f0;
+  --Neutral-15: #e9e9e9;
+  --Neutral-20: #d9d9d9;
+  --Neutral-30: #bfbfbf;
+  --Neutral-40: #8c8c8c;
+  --Neutral-50: #747474;
+  --Neutral-5: #f5f5f5;
+  --Neutral-60: #575757;
+  --Neutral-70: #454545;
+  --Neutral-80: #262626;
+  --Neutral-90: #1f1f1f;
+  --Neutral-Opacity-Black-0: #1f1c1b00;
+  --Neutral-Opacity-Black-100: #1f1c1b;
+  --Neutral-Opacity-Black-10: #1f1c1b1a;
+  --Neutral-Opacity-Black-20: #1f1c1b33;
+  --Neutral-Opacity-Black-30: #1f1c1b4d;
+  --Neutral-Opacity-Black-40: #1f1c1b66;
+  --Neutral-Opacity-Black-50: #1f1c1b80;
+  --Neutral-Opacity-Black-5: #1f1c1b0d;
+  --Neutral-Opacity-Black-60: #1f1c1b99;
+  --Neutral-Opacity-Black-70: #1f1c1bb3;
+  --Neutral-Opacity-Black-80: #1f1c1bcc;
+  --Neutral-Opacity-Black-90: #1f1c1be6;
+  --Neutral-Opacity-White-0: #ffffff00;
+  --Neutral-Opacity-White-100: #ffffff;
+  --Neutral-Opacity-White-10: #ffffff1a;
+  --Neutral-Opacity-White-20: #ffffff33;
+  --Neutral-Opacity-White-30: #ffffff4d;
+  --Neutral-Opacity-White-40: #ffffff66;
+  --Neutral-Opacity-White-50: #ffffff80;
+  --Neutral-Opacity-White-5: #ffffff00;
+  --Neutral-Opacity-White-60: #ffffff99;
+  --Neutral-Opacity-White-70: #ffffffb3;
+  --Neutral-Opacity-White-80: #ffffffcc;
+  --Neutral-Opacity-White-90: #ffffffe6;
+  --Size-1100-48: 48px;
+  --Size-1300-56: 56px;
+  --Size-1500-64: 64px;
+  --Size-200-12: 12px;
+  --Size-250-14: 14px;
+  --Size-300-16: 16px;
+  --Size-350-18: 18px;
+  --Size-400-20: 20px;
+  --Size-500-24: 24px;
+  --Size-550-26: 26px;
+  --Size-600-28: 28px;
+  --Size-700-32: 32px;
+  --Size-800-36: 36px;
+  --Size-900-40: 40px;
+  --Space-x025: 2px;
+  --Space-x05: 4px;
+  --Space-x0: 0px;
+  --Space-x15: 12px;
+  --Space-x1: 8px;
+  --Space-x2: 16px;
+  --Space-x3: 24px;
+  --Space-x4: 32px;
+  --Space-x5: 40px;
+  --Space-x6: 48px;
+  --Space-x7: 56px;
+  --Space-x8: 72px;
+
+  /* Aliases */
+  --Text-size-2xl: var(--Size-800-36);
+  --Text-size-2xs: var(--Size-300-16);
+  --Text-size-3xl: var(--Size-700-32);
+  --Text-size-3xs: var(--Size-300-16);
+  --Text-size-4xl: var(--Size-800-36);
+  --Text-size-4xs: var(--Size-250-14);
+  --Text-size-5xl: var(--Size-1300-56);
+  --Text-size-5xs: var(--Size-200-12);
+  --Text-size-lg: var(--Size-500-24);
+  --Text-size-md: var(--Size-500-24);
+  --Text-size-sm: var(--Size-400-20);
+  --Text-size-xl: var(--Size-500-24);
+  --Text-size-xs: var(--Size-350-18);
+}
diff --git a/packages/design-system/lib/styles/base.js b/packages/design-system/lib/styles/base.js
new file mode 100644
index 000000000..970da10a7
--- /dev/null
+++ b/packages/design-system/lib/styles/base.js
@@ -0,0 +1,114 @@
+/* This file is generated, do not edit manually! */
+export const theme = {
+  'Neutral/0': '#FCFCFC',
+  'Neutral/5': '#F5F5F5',
+  'Neutral/10': '#F0F0F0',
+  'Neutral/15': '#E9E9E9',
+  'Neutral/20': '#D9D9D9',
+  'Neutral/30': '#BFBFBF',
+  'Neutral/40': '#8C8C8C',
+  'Neutral/50': '#747474',
+  'Neutral/60': '#575757',
+  'Neutral/70': '#454545',
+  'Neutral/80': '#262626',
+  'Neutral/90': '#1F1F1F',
+  'Neutral/100': '#141414',
+  'Neutral/Opacity/White/100': '#FFFFFF',
+  'Neutral/Opacity/White/90': '#FFFFFFE6',
+  'Neutral/Opacity/White/80': '#FFFFFFCC',
+  'Neutral/Opacity/White/70': '#FFFFFFB3',
+  'Neutral/Opacity/White/60': '#FFFFFF99',
+  'Neutral/Opacity/White/50': '#FFFFFF80',
+  'Neutral/Opacity/White/40': '#FFFFFF66',
+  'Neutral/Opacity/White/30': '#FFFFFF4D',
+  'Neutral/Opacity/White/20': '#FFFFFF33',
+  'Neutral/Opacity/White/10': '#FFFFFF1A',
+  'Neutral/Opacity/White/5': '#FFFFFF00',
+  'Neutral/Opacity/White/0': '#FFFFFF00',
+  'Neutral/Opacity/Black/100': '#1F1C1B',
+  'Neutral/Opacity/Black/90': '#1F1C1BE6',
+  'Neutral/Opacity/Black/80': '#1F1C1BCC',
+  'Neutral/Opacity/Black/70': '#1F1C1BB3',
+  'Neutral/Opacity/Black/60': '#1F1C1B99',
+  'Neutral/Opacity/Black/50': '#1F1C1B80',
+  'Neutral/Opacity/Black/40': '#1F1C1B66',
+  'Neutral/Opacity/Black/30': '#1F1C1B4D',
+  'Neutral/Opacity/Black/20': '#1F1C1B33',
+  'Neutral/Opacity/Black/10': '#1F1C1B1A',
+  'Neutral/Opacity/Black/5': '#1F1C1B0D',
+  'Neutral/Opacity/Black/0': '#1F1C1B00',
+  'Margin/Margin-min': 16,
+  'Breakpoints/min-width': 320,
+  'Breakpoints/max-width': 767,
+  'Margin/Margin-max': 16,
+  'Columns/Column': 4,
+  'Gutter/min-width': 16,
+  'Gutter/max-width': 16,
+  'Text size/xs': 18,
+  'Text size/sm': 20,
+  'Text size/xl': 24,
+  'Text size/2xl': 36,
+  'Text size/3xl': 32,
+  'Text size/4xl': 36,
+  'Text size/5xl': 56,
+  'Text size/md': 24,
+  'Font family/Title': 'Brandon Text',
+  'Font family/Body': 'Fira sans',
+  'Font family/Decorative': 'Biro Script Plus',
+  'Font weight/Regular': 400,
+  'Font weight/Regular bold': 450,
+  'Font weight/Medium': 500,
+  'Font weight/Semi Bold': 600,
+  'Font weight/Bold': 700,
+  'Font weight/Extra Bold': 800,
+  'Font weight/Black': 900,
+  'Size/200-12': 12,
+  'Size/250-14': 14,
+  'Size/300-16': 16,
+  'Size/350-18': 18,
+  'Size/400-20': 20,
+  'Size/500-24': 24,
+  'Size/550-26': 26,
+  'Size/600-28': 28,
+  'Size/700-32': 32,
+  'Size/800-36': 36,
+  'Size/900-40': 40,
+  'Size/1100-48': 48,
+  'Size/1300-56': 56,
+  'Size/1500-64': 64,
+  'Line height/xs': 100,
+  'Corner radius/sm': 4,
+  'Border width/sm': 1,
+  'Border width/md': 2,
+  'Border width/lg': 3,
+  'Corner radius/md': 8,
+  'Corner radius/lg': 12,
+  'Corner radius/xl': 16,
+  'Corner radius/rounded': 250,
+  'Space/x025': 2,
+  'Space/x05': 4,
+  'Space/x1': 8,
+  'Space/x15': 12,
+  'Space/x2': 16,
+  'Space/x3': 24,
+  'Space/x4': 32,
+  'Space/x5': 40,
+  'Space/x6': 48,
+  'Space/x7': 56,
+  'Space/x8': 72,
+  'Icon/2xs': 16,
+  'Icon/xs': 20,
+  'Icon/sm': 24,
+  'Icon/md': 32,
+  'Icon/lg': 40,
+  'Icon/xl': 42,
+  'Text size/5xs': 12,
+  'Text size/4xs': 14,
+  'Text size/3xs': 16,
+  'Text size/2xs': 16,
+  'Text size/lg': 24,
+  'BoxShadow-Level 1': '0 0 2 1 rgba(0, 0, 0, 0.1)',
+  'BoxShadow-Level 2': '0 0 4 2 rgba(0, 0, 0, 0.1)',
+  'BoxShadow-Level 3': '0 0 8 3 rgba(0, 0, 0, 0.1)',
+  'BoxShadow-Level 4': '0 0 14 6 rgba(0, 0, 0, 0.1)',
+}
diff --git a/packages/design-system/lib/styles/colors.ts b/packages/design-system/lib/styles/colors.ts
deleted file mode 100644
index fd21fcba6..000000000
--- a/packages/design-system/lib/styles/colors.ts
+++ /dev/null
@@ -1,628 +0,0 @@
-/* This file is generated, do not edit manually! */
-export const colors = {
-  Scandic: {
-    'Scandic-Brand-Scandic-Red': '#cd0921',
-    'Scandic-Brand-Burgundy': '#4d001b',
-    'Scandic-Brand-Pale-Peach': '#f7e1d5',
-    'Scandic-Brand-Dark-Green': '#093021',
-    'Scandic-Brand-Light-Green': '#d2edaf',
-    'Scandic-Brand-Dark-Grey': '#291710',
-    'Scandic-Brand-Warm-White': '#faf6f2',
-    'Scandic-Brand-Light-Blue': '#b5e0ff',
-    'Scandic-Brand-Dark-Blue': '#0d1440',
-    'Scandic-Brand-Pale-Yellow': '#fff0c2',
-    'Scandic-Red-00': '#ffebeb',
-    'Scandic-Red-10': '#f7c1c2',
-    'Scandic-Red-20': '#f79499',
-    'Scandic-Red-30': '#f26b74',
-    'Scandic-Red-40': '#ed4251',
-    'Scandic-Red-50': '#e32034',
-    'Scandic-Red-60': '#cd0921',
-    'Scandic-Red-70': '#ad0015',
-    'Scandic-Red-80': '#8d0011',
-    'Scandic-Red-90': '#6d000d',
-    'Scandic-Red-100': '#4d001b',
-    'Scandic-Peach-00': '#fff3ed',
-    'Scandic-Beige-00': '#faf6f2',
-    'Scandic-Beige-10': '#f2ece6',
-    'Scandic-Beige-20': '#e3d9d1',
-    'Scandic-Beige-30': '#d1c4ba',
-    'Scandic-Beige-40': '#b8a79a',
-    'Scandic-Beige-50': '#9c8a7e',
-    'Scandic-Beige-60': '#806e63',
-    'Scandic-Beige-70': '#6b584d',
-    'Scandic-Beige-80': '#533f35',
-    'Scandic-Beige-90': '#3e2b23',
-    'Scandic-Beige-100': '#291710',
-    'Scandic-Peach-10': '#f7e1d5',
-    'Scandic-Peach-20': '#f4d5c8',
-    'Scandic-Peach-30': '#f0c1b6',
-    'Scandic-Peach-40': '#e9aba3',
-    'Scandic-Peach-50': '#de9490',
-    'Scandic-Peach-60': '#cd797c',
-    'Scandic-Peach-70': '#b05b65',
-    'Scandic-Peach-80': '#8f4350',
-    'Scandic-Peach-90': '#642636',
-    'Scandic-Peach-100': '#4d0f25',
-    'Scandic-Green-00': '#f3fce8',
-    'Scandic-Green-10': '#e1f3ca',
-    'Scandic-Green-20': '#d2edaf',
-    'Scandic-Green-30': '#acdb8a',
-    'Scandic-Green-40': '#7cb865',
-    'Scandic-Green-50': '#539e49',
-    'Scandic-Green-60': '#348337',
-    'Scandic-Green-70': '#256931',
-    'Scandic-Green-80': '#164e29',
-    'Scandic-Green-90': '#093021',
-    'Scandic-Green-100': '#091f16',
-    'Scandic-Blue-00': '#e8f6ff',
-    'Scandic-Blue-10': '#cfebff',
-    'Scandic-Blue-20': '#b5e0ff',
-    'Scandic-Blue-30': '#93c9f5',
-    'Scandic-Blue-40': '#79aee7',
-    'Scandic-Blue-50': '#5b8fd4',
-    'Scandic-Blue-60': '#3f6dbd',
-    'Scandic-Blue-70': '#284ea0',
-    'Scandic-Blue-80': '#18347f',
-    'Scandic-Blue-90': '#0d1f5f',
-    'Scandic-Blue-100': '#0d1440',
-    'Scandic-Yellow-00': '#fff8e3',
-    'Scandic-Yellow-10': '#fff0c2',
-    'Scandic-Yellow-20': '#fade89',
-    'Scandic-Yellow-30': '#f7ce52',
-    'Scandic-Yellow-40': '#edb532',
-    'Scandic-Yellow-50': '#e59515',
-    'Scandic-Yellow-60': '#d17308',
-    'Scandic-Yellow-70': '#a85211',
-    'Scandic-Yellow-80': '#7d370f',
-    'Scandic-Yellow-90': '#4f2313',
-    'Scandic-Yellow-100': '#301508',
-    'Go-Brand-Lavender': '#dcd7ff',
-    'Go-Beige-00': '#faf8f2',
-    'Go-Beige-10': '#f0ede4',
-    'Go-Beige-20': '#e0dcce',
-    'Go-Beige-30': '#c8c4b6',
-    'Go-Beige-40': '#b0aca0',
-    'Go-Beige-50': '#918f83',
-    'Go-Beige-60': '#78766d',
-    'Go-Beige-70': '#63615a',
-    'Go-Beige-80': '#4f4d49',
-    'Go-Beige-90': '#373633',
-    'Go-Beige-100': '#1f1e1d',
-    'Go-Brand-Obsidian': '#2d163a',
-    'Go-Brand-Lemon': '#f5ff73',
-    'Go-Brand-Linen': '#e0dcce',
-    'Go-Brand-Chartreuse': '#85ff52',
-    'Go-Brand-Pine': '#21331f',
-    'Go-Brand-Aqua': '#73fcee',
-    'Go-Brand-Powder-rose': '#ecc8c9',
-    'Go-Brand-Coral': '#fa3737',
-    'UI-Grey-00': '#f9f6f4',
-    'UI-Opacity-White-100': '#ffffff',
-    'UI-Opacity-White-90': '#ffffffe6',
-    'UI-Opacity-White-80': '#ffffffcc',
-    'UI-Opacity-White-70': '#ffffffb3',
-    'UI-Opacity-White-60': '#ffffff99',
-    'UI-Opacity-White-50': '#ffffff80',
-    'UI-Opacity-White-40': '#ffffff66',
-    'UI-Opacity-White-30': '#ffffff4d',
-    'UI-Opacity-White-20': '#ffffff33',
-    'UI-Opacity-White-10': '#ffffff1a',
-    'UI-Opacity-White-0': '#ffffff00',
-    'UI-Opacity-Almost-Black-100': '#1f1c1b',
-    'UI-Opacity-Almost-Black-90': '#1f1c1be6',
-    'UI-Opacity-Almost-Black-80': '#1f1c1bcc',
-    'UI-Opacity-Almost-Black-70': '#1f1c1bb3',
-    'UI-Opacity-Almost-Black-60': '#1f1c1b99',
-    'UI-Opacity-Almost-Black-50': '#1f1c1b80',
-    'UI-Opacity-Almost-Black-40': '#1f1c1b66',
-    'UI-Opacity-Almost-Black-30': '#1f1c1b4d',
-    'UI-Opacity-Almost-Black-20': '#1f1c1b33',
-    'UI-Opacity-Almost-Black-10': '#1f1c1b1a',
-    'UI-Opacity-Almost-Black-0': '#1f1c1b00',
-    'UI-Grey-10': '#ebe8e6',
-    'UI-Grey-20': '#d6d2d0',
-    'UI-Grey-30': '#c2bdba',
-    'UI-Grey-40': '#a8a4a2',
-    'UI-Grey-50': '#8c8987',
-    'UI-Grey-60': '#787472',
-    'UI-Grey-70': '#635f5d',
-    'UI-Grey-80': '#57514e',
-    'UI-Grey-90': '#403937',
-    'UI-Grey-100': '#26201e',
-    'Go-Purple-00': '#f4f2ff',
-    'Go-Purple-10': '#dcd7ff',
-    'Go-Purple-20': '#cabffc',
-    'Go-Purple-30': '#baa7f7',
-    'Go-Purple-40': '#ab8ef0',
-    'Go-Purple-50': '#9c75e6',
-    'Go-Purple-60': '#8c5bd5',
-    'Go-Purple-70': '#733cb2',
-    'Go-Purple-80': '#5e2a8c',
-    'Go-Purple-90': '#451f61',
-    'Go-Purple-100': '#2d163a',
-    'Go-Yellow-00': '#fdffe8',
-    'Go-Yellow-10': '#faffc4',
-    'Go-Yellow-20': '#f8ff9c',
-    'Go-Yellow-30': '#f5ff73',
-    'Go-Yellow-40': '#edea39',
-    'Go-Yellow-50': '#dec614',
-    'Go-Yellow-60': '#ba8d07',
-    'Go-Yellow-70': '#966400',
-    'Go-Yellow-80': '#754403',
-    'Go-Yellow-90': '#572701',
-    'Go-Yellow-100': '#3b1300',
-    'Go-Green-00': '#edffe5',
-    'Go-Green-10': '#cdffb8',
-    'Go-Green-20': '#a7ff82',
-    'Go-Green-30': '#85ff52',
-    'Go-Green-40': '#66e03a',
-    'Go-Green-50': '#45b222',
-    'Go-Green-60': '#2e7f18',
-    'Go-Green-70': '#2a601e',
-    'Go-Green-80': '#26461f',
-    'Go-Green-90': '#21331f',
-    'Go-Green-100': '#162115',
-  },
-} as const
-
-export const tokens = {
-  'Base-Background-Primary-Normal': 'Scandic-Beige-00',
-  'Base-Background-Primary-Elevated': 'Scandic-Beige-00',
-  'Base-Surface-Primary-light-Normal': 'UI-Opacity-White-100',
-  'Base-Surface-Primary-dark-Normal': 'Scandic-Peach-10',
-  'Base-Surface-Secondary-light-Normal': 'Scandic-Beige-00',
-  'Base-Surface-Secondary-light-Hover': 'Scandic-Peach-10',
-  'Base-Surface-Secondary-light-Hover-alt': 'Scandic-Peach-20',
-  'Base-Surface-Primary-dark-Hover': 'Scandic-Peach-20',
-  'Base-Surface-Primary-light-Hover': 'UI-Grey-00',
-  'Base-Surface-Primary-light-Hover-alt': 'Scandic-Beige-10',
-  'Base-Surface-Subtle-Normal': 'Scandic-Beige-10',
-  'Base-Surface-Subtle-Hover': 'Scandic-Beige-20',
-  'Base-Text-High-contrast': 'Scandic-Red-100',
-  'Base-Icon-Low-contrast': 'Scandic-Peach-70',
-  'Base-Text-Medium-contrast': 'Scandic-Peach-80',
-  'Base-Text-Accent': 'Scandic-Red-60',
-  'Base-Text-Disabled': 'UI-Grey-40',
-  'Base-Text-Inverted': 'UI-Opacity-White-100',
-  'Base-Border-Normal': 'Scandic-Beige-40',
-  'Base-Border-Hover': 'Scandic-Peach-80',
-  'Base-Border-Subtle': 'Scandic-Beige-20',
-  'Base-Border-Inverted': 'UI-Opacity-White-100',
-  'Base-Button-Primary-Fill-Normal': 'Scandic-Red-60',
-  'Base-Interactive-Surface-Primary-normal': 'Scandic-Red-80',
-  'Base-Interactive-Surface-Secondary-normal': 'Scandic-Green-70',
-  'Base-Interactive-Surface-Tertiary-normal': 'Scandic-Blue-60',
-  'Base-Button-Primary-Fill-Hover': 'Scandic-Red-70',
-  'Base-Button-Primary-Fill-Disabled': 'UI-Grey-20',
-  'Base-Button-Primary-On-Fill-Normal': 'UI-Opacity-White-100',
-  'Base-Button-Primary-On-Fill-Hover': 'UI-Opacity-White-100',
-  'Base-Button-Primary-On-Fill-Disabled': 'UI-Grey-40',
-  'Base-Button-Primary-Border-Normal': 'UI-Opacity-White-0',
-  'Base-Button-Primary-Border-Hover': 'UI-Opacity-White-0',
-  'Base-Button-Primary-Border-Disabled': 'UI-Opacity-White-0',
-  'Base-Button-Secondary-Fill-Normal': 'UI-Opacity-White-0',
-  'Base-Button-Secondary-Fill-Hover': 'UI-Opacity-White-0',
-  'Base-Button-Secondary-Fill-Disabled': 'UI-Opacity-White-0',
-  'Base-Button-Secondary-On-Fill-Normal': 'Scandic-Red-100',
-  'Base-Button-Secondary-On-Fill-Hover': 'Scandic-Peach-80',
-  'Base-Button-Secondary-On-Fill-Disabled': 'UI-Grey-40',
-  'Base-Button-Secondary-Border-Normal': 'Scandic-Red-100',
-  'Base-Button-Secondary-Border-Hover': 'Scandic-Peach-80',
-  'Base-Button-Secondary-Border-Disabled': 'UI-Grey-30',
-  'Base-Button-Tertiary-Fill-Normal': 'Scandic-Red-100',
-  'Base-Button-Tertiary-Fill-Hover': 'Scandic-Red-90',
-  'Base-Button-Tertiary-Fill-Disabled': 'UI-Grey-20',
-  'Base-Button-Tertiary-On-Fill-Normal': 'UI-Opacity-White-100',
-  'Base-Button-Tertiary-On-Fill-Hover': 'UI-Opacity-White-100',
-  'Base-Button-Tertiary-On-Fill-Disabled': 'UI-Grey-40',
-  'Base-Button-Tertiary-Border-Normal': 'UI-Opacity-White-0',
-  'Base-Button-Tertiary-Border-Hover': 'UI-Opacity-White-0',
-  'Base-Button-Tertiary-Border-Disabled': 'UI-Opacity-White-0',
-  'Base-Button-Inverted-Fill-Normal': 'UI-Opacity-White-100',
-  'Base-Button-Inverted-Fill-Hover': 'Scandic-Beige-10',
-  'Base-Button-Inverted-Fill-Hover-alt': 'Scandic-Peach-10',
-  'Base-Button-Inverted-Fill-Disabled': 'UI-Grey-20',
-  'Base-Button-Inverted-On-Fill-Normal': 'Scandic-Red-100',
-  'Base-Button-Inverted-On-Fill-Hover': 'Scandic-Red-90',
-  'Base-Button-Inverted-On-Fill-Disabled': 'UI-Grey-40',
-  'Base-Button-Inverted-Border-Normal': 'UI-Opacity-White-0',
-  'Base-Button-Inverted-Border-Hover': 'UI-Opacity-White-0',
-  'Base-Button-Inverted-Border-Disabled': 'UI-Opacity-White-0',
-  'UI-Text-High-contrast': 'UI-Grey-100',
-  'UI-Input-Controls-Surface-Normal': 'UI-Opacity-White-100',
-  'UI-Semantic-Information': 'Scandic-Blue-70',
-  'UI-Semantic-Success': 'Scandic-Green-60',
-  'UI-Semantic-Warning': 'Scandic-Yellow-60',
-  'UI-Semantic-Error': 'Scandic-Red-70',
-  'UI-Input-Controls-Surface-Hover': 'Scandic-Beige-10',
-  'UI-Input-Controls-Surface-Disabled': 'UI-Grey-10',
-  'UI-Input-Controls-Fill-Normal': 'UI-Opacity-White-100',
-  'UI-Input-Controls-Fill-Selected': 'Scandic-Blue-80',
-  'UI-Input-Controls-Fill-Selected-hover': 'Scandic-Blue-70',
-  'UI-Input-Controls-Fill-Disabled': 'UI-Grey-60',
-  'UI-Input-Controls-On-Fill-Normal': 'UI-Opacity-White-100',
-  'UI-Input-Controls-Border-Normal': 'Scandic-Beige-50',
-  'UI-Input-Controls-Border-Hover': 'Scandic-Beige-70',
-  'UI-Input-Controls-Border-Focus': 'Scandic-Blue-80',
-  'UI-Input-Controls-Border-Disabled': 'UI-Grey-40',
-  'UI-Input-Controls-Border-Error': 'Scandic-Red-70',
-  'UI-Input-Controls-Border-KeyboardFocus': 'Scandic-Blue-50',
-  'UI-Text-Medium-contrast': 'UI-Grey-80',
-  'UI-Text-Active': 'Scandic-Blue-90',
-  'UI-Text-Error': 'Scandic-Red-70',
-  'UI-Text-Placeholder': 'UI-Grey-60',
-  'Primary-Light-Surface-Normal': 'Scandic-Peach-10',
-  'Primary-Light-Surface-Hover': 'Scandic-Peach-20',
-  'Primary-Light-On-Surface-Text': 'Scandic-Red-100',
-  'Primary-Light-On-Surface-Accent': 'Scandic-Red-60',
-  'Primary-Light-On-Surface-Divider': 'Scandic-Peach-30',
-  'Primary-Light-On-Surface-Divider-subtle': 'Scandic-Beige-10',
-  'Primary-Light-Button-Primary-Fill-Normal': 'Scandic-Red-100',
-  'Primary-Light-Button-Primary-Fill-Hover': 'Scandic-Red-80',
-  'Primary-Light-Button-Primary-Fill-Disabled': 'UI-Opacity-Almost-Black-10',
-  'Primary-Light-Button-Primary-On-Fill-Normal': 'Scandic-Peach-10',
-  'Primary-Light-Button-Primary-On-Fill-Hover': 'Scandic-Peach-30',
-  'Primary-Light-Button-Primary-On-Fill-Disabled': 'UI-Opacity-Almost-Black-20',
-  'Primary-Light-Button-Primary-Border-Normal': 'UI-Opacity-White-0',
-  'Primary-Light-Button-Primary-Border-Hover': 'UI-Opacity-White-0',
-  'Primary-Light-Button-Primary-Border-Disabled': 'UI-Opacity-White-0',
-  'Primary-Light-Button-Secondary-Fill-Normal': 'UI-Opacity-White-0',
-  'Primary-Light-Button-Secondary-Fill-Hover': 'UI-Opacity-White-0',
-  'Primary-Light-Button-Secondary-Fill-Disabled': 'UI-Opacity-White-0',
-  'Primary-Light-Button-Secondary-On-Fill-Normal': 'Scandic-Red-100',
-  'Primary-Light-Button-Secondary-On-Fill-Hover': 'Scandic-Red-80',
-  'Primary-Light-Button-Secondary-On-Fill-Disabled':
-    'UI-Opacity-Almost-Black-20',
-  'Primary-Light-Button-Secondary-Border-Normal': 'Scandic-Red-100',
-  'Primary-Light-Button-Secondary-Border-Hover': 'Scandic-Red-80',
-  'Primary-Light-Button-Secondary-Border-Disabled':
-    'UI-Opacity-Almost-Black-20',
-  'Primary-Dim-Surface-Normal': 'Scandic-Peach-30',
-  'Primary-Dim-Surface-Hover': 'Scandic-Peach-40',
-  'Primary-Dim-On-Surface-Text': 'Scandic-Red-100',
-  'Primary-Dim-On-Surface-Accent': 'Scandic-Peach-80',
-  'Primary-Dim-On-Surface-Divider': 'Scandic-Peach-40',
-  'Primary-Dim-Button-Primary-Fill-Normal': 'Scandic-Red-100',
-  'Primary-Dim-Button-Primary-Fill-Hover': 'Scandic-Red-80',
-  'Primary-Dim-Button-Primary-Fill-Disabled': 'UI-Opacity-Almost-Black-10',
-  'Primary-Dim-Button-Primary-On-Fill-Normal': 'Scandic-Peach-10',
-  'Primary-Dim-Button-Primary-On-Fill-Hover': 'Scandic-Peach-30',
-  'Primary-Dim-Button-Primary-On-Fill-Disabled': 'UI-Opacity-Almost-Black-20',
-  'Primary-Dim-Button-Primary-Border-Normal': 'UI-Opacity-White-0',
-  'Primary-Dim-Button-Primary-Border-Hover': 'UI-Opacity-White-0',
-  'Primary-Dim-Button-Primary-Border-Disabled': 'UI-Opacity-White-0',
-  'Primary-Dim-Button-Secondary-Fill-Normal': 'UI-Opacity-White-0',
-  'Primary-Dim-Button-Secondary-Fill-Hover': 'UI-Opacity-White-0',
-  'Primary-Dim-Button-Secondary-Fill-Disabled': 'UI-Opacity-White-0',
-  'Primary-Dim-Button-Secondary-On-Fill-Normal': 'Scandic-Red-100',
-  'Primary-Dim-Button-Secondary-On-Fill-Hover': 'Scandic-Red-80',
-  'Primary-Dim-Button-Secondary-On-Fill-Disabled': 'UI-Opacity-Almost-Black-20',
-  'Primary-Dim-Button-Secondary-Border-Normal': 'Scandic-Red-100',
-  'Primary-Dim-Button-Secondary-Border-Hover': 'Scandic-Red-80',
-  'Primary-Dim-Button-Secondary-Border-Disabled': 'UI-Opacity-Almost-Black-20',
-  'Primary-Strong-Surface-Normal': 'Scandic-Red-60',
-  'Primary-Strong-Surface-Hover': 'Scandic-Red-70',
-  'Primary-Strong-On-Surface-Text': 'UI-Opacity-White-100',
-  'Primary-Strong-On-Surface-Accent': 'Scandic-Peach-10',
-  'Primary-Strong-On-Surface-Divider': 'Scandic-Red-70',
-  'Primary-Strong-Button-Primary-Fill-Normal': 'UI-Opacity-White-100',
-  'Primary-Strong-Button-Primary-Fill-Hover': 'Scandic-Red-00',
-  'Primary-Strong-Button-Primary-Fill-Disabled': 'UI-Opacity-White-20',
-  'Primary-Strong-Button-Primary-On-Fill-Normal': 'Scandic-Red-70',
-  'Primary-Strong-Button-Primary-On-Fill-Hover': 'Scandic-Red-70',
-  'Primary-Strong-Button-Primary-On-Fill-Disabled': 'UI-Opacity-White-20',
-  'Primary-Strong-Button-Primary-Border-Normal': 'UI-Opacity-White-0',
-  'Primary-Strong-Button-Primary-Border-Hover': 'UI-Opacity-White-0',
-  'Primary-Strong-Button-Primary-Border-Disabled': 'UI-Opacity-White-0',
-  'Primary-Strong-Button-Secondary-Fill-Normal': 'UI-Opacity-White-0',
-  'Primary-Strong-Button-Secondary-Fill-Hover': 'UI-Opacity-White-0',
-  'Primary-Strong-Button-Secondary-Fill-Disabled': 'UI-Opacity-White-0',
-  'Primary-Strong-Button-Secondary-On-Fill-Normal': 'UI-Opacity-White-100',
-  'Primary-Strong-Button-Secondary-On-Fill-Hover': 'Scandic-Red-00',
-  'Primary-Strong-Button-Secondary-On-Fill-Disabled': 'UI-Opacity-White-20',
-  'Primary-Strong-Button-Secondary-Border-Normal': 'UI-Opacity-White-100',
-  'Primary-Strong-Button-Secondary-Border-Hover': 'Scandic-Peach-00',
-  'Primary-Strong-Button-Secondary-Border-Disabled': 'UI-Opacity-White-20',
-  'Primary-Dark-Surface-Normal': 'Scandic-Red-100',
-  'Primary-Dark-Surface-Hover': 'Scandic-Red-90',
-  'Primary-Dark-On-Surface-Text': 'Scandic-Peach-10',
-  'Primary-Dark-On-Surface-Accent': 'Scandic-Peach-50',
-  'Primary-Dark-On-Surface-Divider': 'Scandic-Peach-80',
-  'Primary-Dark-Button-Primary-Fill-Normal': 'Scandic-Peach-10',
-  'Primary-Dark-Button-Primary-Fill-Hover': 'Scandic-Peach-20',
-  'Primary-Dark-Button-Primary-Fill-Disabled': 'UI-Opacity-White-20',
-  'Primary-Dark-Button-Primary-On-Fill-Normal': 'Scandic-Red-100',
-  'Primary-Dark-Button-Primary-On-Fill-Hover': 'Scandic-Red-80',
-  'Primary-Dark-Button-Primary-On-Fill-Disabled': 'UI-Opacity-White-30',
-  'Primary-Dark-Button-Primary-Border-Normal': 'UI-Opacity-White-0',
-  'Primary-Dark-Button-Primary-Border-Hover': 'UI-Opacity-White-0',
-  'Primary-Dark-Button-Primary-Border-Disabled': 'UI-Opacity-White-0',
-  'Primary-Dark-Button-Secondary-Fill-Normal': 'UI-Opacity-White-0',
-  'Primary-Dark-Button-Secondary-Fill-Hover': 'UI-Opacity-White-0',
-  'Primary-Dark-Button-Secondary-Fill-Disabled': 'UI-Opacity-White-0',
-  'Primary-Dark-Button-Secondary-On-Fill-Normal': 'Scandic-Peach-10',
-  'Primary-Dark-Button-Secondary-On-Fill-Hover': 'Scandic-Peach-30',
-  'Primary-Dark-Button-Secondary-On-Fill-Disabled': 'UI-Opacity-White-30',
-  'Primary-Dark-Button-Secondary-Border-Normal': 'Scandic-Peach-10',
-  'Primary-Dark-Button-Secondary-Border-Hover': 'Scandic-Peach-30',
-  'Primary-Dark-Button-Secondary-Border-Disabled': 'UI-Opacity-White-20',
-  'Secondary-Light-Surface-Normal': 'Scandic-Green-20',
-  'Secondary-Dark-Surface-Normal': 'Scandic-Green-90',
-  'Tertiary-Light-Surface-Normal': 'Scandic-Yellow-10',
-  'Tertiary-Light-Surface-Hover': 'Scandic-Yellow-00',
-  'Tertiary-Light-On-Surface-Text': 'Scandic-Blue-100',
-  'Tertiary-Light-On-Surface-Accent': 'Scandic-Yellow-50',
-  'Tertiary-Light-On-Surface-Divider': 'Scandic-Yellow-20',
-  'Tertiary-Light-Button-Primary-Fill-Normal': 'Scandic-Blue-100',
-  'Tertiary-Light-Button-Primary-Fill-Hover': 'Scandic-Blue-90',
-  'Tertiary-Light-Button-Primary-Fill-Disabled': 'UI-Opacity-Almost-Black-10',
-  'Tertiary-Light-Button-Primary-On-Fill-Normal': 'Scandic-Yellow-10',
-  'Tertiary-Light-Button-Primary-On-Fill-Hover': 'Scandic-Yellow-00',
-  'Tertiary-Light-Button-Primary-On-Fill-Disabled':
-    'UI-Opacity-Almost-Black-20',
-  'Tertiary-Light-Button-Primary-Border-Normal': 'Scandic-Yellow-10',
-  'Tertiary-Light-Button-Primary-Border-Hover': 'Scandic-Yellow-00',
-  'Tertiary-Light-Button-Primary-Border-Disabled': 'UI-Opacity-Almost-Black-20',
-  'Tertiary-Light-Button-Secondary-Fill-Normal': 'UI-Opacity-White-0',
-  'Tertiary-Light-Button-Secondary-Fill-Hover': 'UI-Opacity-White-0',
-  'Tertiary-Light-Button-Secondary-Fill-Disabled': 'UI-Opacity-White-0',
-  'Tertiary-Light-Button-Secondary-On-Fill-Normal': 'Scandic-Blue-100',
-  'Tertiary-Light-Button-Secondary-On-Fill-Hover': 'Scandic-Blue-90',
-  'Tertiary-Light-Button-Secondary-On-Fill-Disabled':
-    'UI-Opacity-Almost-Black-20',
-  'Tertiary-Light-Button-Secondary-Border-Normal': 'Scandic-Blue-100',
-  'Tertiary-Light-Button-Secondary-Border-Hover': 'Scandic-Blue-90',
-  'Tertiary-Light-Button-Secondary-Border-Disabled':
-    'UI-Opacity-Almost-Black-20',
-  'Secondary-Dark-Surface-Hover': 'Scandic-Green-80',
-  'Secondary-Dark-On-Surface-Text': 'Scandic-Green-20',
-  'Secondary-Dark-On-Surface-Accent': 'Scandic-Green-40',
-  'Secondary-Dark-On-Surface-Divider': 'Scandic-Green-80',
-  'Secondary-Dark-Button-Primary-Fill-Normal': 'Scandic-Green-20',
-  'Secondary-Dark-Button-Primary-Fill-Hover': 'Scandic-Green-30',
-  'Secondary-Dark-Button-Primary-Fill-Disabled': 'UI-Opacity-White-10',
-  'Secondary-Dark-Button-Primary-On-Fill-Normal': 'Scandic-Green-90',
-  'Secondary-Dark-Button-Primary-On-Fill-Hover': 'Scandic-Green-80',
-  'Secondary-Dark-Button-Primary-On-Fill-Disabled': 'UI-Opacity-White-20',
-  'Secondary-Dark-Button-Primary-Border-Normal': 'UI-Opacity-White-0',
-  'Secondary-Dark-Button-Primary-Border-Hover': 'UI-Opacity-White-0',
-  'Secondary-Dark-Button-Primary-Border-Disabled': 'UI-Opacity-White-0',
-  'Secondary-Dark-Button-Secondary-Fill-Normal': 'UI-Opacity-White-0',
-  'Secondary-Dark-Button-Secondary-Fill-Hover': 'UI-Opacity-White-0',
-  'Secondary-Dark-Button-Secondary-Fill-Disabled': 'UI-Opacity-White-0',
-  'Secondary-Dark-Button-Secondary-On-Fill-Normal': 'Scandic-Green-20',
-  'Secondary-Dark-Button-Secondary-On-Fill-Hover': 'Scandic-Green-30',
-  'Secondary-Dark-Button-Secondary-On-Fill-Disabled': 'UI-Opacity-White-20',
-  'Secondary-Dark-Button-Secondary-Border-Normal': 'Scandic-Green-20',
-  'Secondary-Dark-Button-Secondary-Border-Hover': 'Scandic-Green-30',
-  'Secondary-Dark-Button-Secondary-Border-Disabled': 'UI-Opacity-White-20',
-  'Secondary-Light-Surface-Hover': 'Scandic-Green-20',
-  'Secondary-Light-On-Surface-Text': 'Scandic-Green-90',
-  'Secondary-Light-On-Surface-Accent': 'Scandic-Green-50',
-  'Secondary-Light-On-Surface-Divider': 'Scandic-Green-30',
-  'Secondary-Light-Button-Primary-Fill-Normal': 'Scandic-Green-90',
-  'Secondary-Light-Button-Primary-Fill-Hover': 'Scandic-Green-80',
-  'Secondary-Light-Button-Primary-Fill-Disabled': 'UI-Opacity-Almost-Black-10',
-  'Secondary-Light-Button-Primary-On-Fill-Normal': 'Scandic-Green-20',
-  'Secondary-Light-Button-Primary-On-Fill-Hover': 'Scandic-Green-30',
-  'Secondary-Light-Button-Primary-On-Fill-Disabled':
-    'UI-Opacity-Almost-Black-20',
-  'Secondary-Light-Button-Primary-Border-Normal': 'UI-Opacity-White-0',
-  'Secondary-Light-Button-Primary-Border-Hover': 'UI-Opacity-White-0',
-  'Secondary-Light-Button-Primary-Border-Disabled': 'UI-Opacity-White-0',
-  'Secondary-Light-Button-Secondary-Fill-Normal': 'UI-Opacity-White-0',
-  'Secondary-Light-Button-Secondary-Fill-Hover': 'UI-Opacity-White-0',
-  'Secondary-Light-Button-Secondary-Fill-Disabled': 'UI-Opacity-White-0',
-  'Secondary-Light-Button-Secondary-On-Fill-Normal': 'Scandic-Green-90',
-  'Secondary-Light-Button-Secondary-On-Fill-Hover': 'Scandic-Green-80',
-  'Secondary-Light-Button-Secondary-On-Fill-Disabled':
-    'UI-Opacity-Almost-Black-20',
-  'Secondary-Light-Button-Secondary-Border-Normal': 'Scandic-Green-90',
-  'Secondary-Light-Button-Secondary-Border-Hover': 'Scandic-Green-80',
-  'Secondary-Light-Button-Secondary-Border-Disabled':
-    'UI-Opacity-Almost-Black-20',
-  'Tertiary-Dark-Surface-Normal': 'Scandic-Blue-100',
-  'Tertiary-Dark-Surface-Hover': 'Scandic-Blue-90',
-  'Tertiary-Dark-On-Surface-Text': 'Scandic-Yellow-10',
-  'Tertiary-Dark-On-Surface-Accent': 'Scandic-Blue-40',
-  'Tertiary-Dark-Button-Primary-Fill-Normal': 'Scandic-Yellow-10',
-  'Tertiary-Dark-Button-Primary-Fill-Hover': 'Scandic-Yellow-20',
-  'Tertiary-Dark-Button-Primary-Fill-Disabled': 'UI-Opacity-White-10',
-  'Tertiary-Dark-Button-Primary-On-Fill-Normal': 'Scandic-Blue-100',
-  'Tertiary-Dark-Button-Primary-On-Fill-Hover': 'Scandic-Blue-80',
-  'Tertiary-Dark-Button-Primary-On-Fill-Disabled': 'UI-Opacity-White-20',
-  'Tertiary-Dark-Button-Primary-Border-Normal': 'UI-Opacity-White-0',
-  'Tertiary-Dark-Button-Primary-Border-Hover': 'UI-Opacity-White-0',
-  'Tertiary-Dark-Button-Primary-Border-Disabled': 'UI-Opacity-White-0',
-  'Tertiary-Dark-Button-Secondary-Fill-Normal': 'UI-Opacity-White-0',
-  'Tertiary-Dark-Button-Secondary-Fill-Hover': 'UI-Opacity-White-0',
-  'Tertiary-Dark-Button-Secondary-Fill-Disabled': 'UI-Opacity-White-0',
-  'Tertiary-Dark-Button-Secondary-On-Fill-Normal': 'Scandic-Yellow-10',
-  'Tertiary-Dark-Button-Secondary-On-Fill-Hover': 'Scandic-Yellow-20',
-  'Tertiary-Dark-Button-Secondary-On-Fill-Disabled': 'UI-Opacity-White-20',
-  'Tertiary-Dark-Button-Secondary-Border-Normal': 'Scandic-Yellow-10',
-  'Tertiary-Dark-Button-Secondary-Border-Hover': 'Scandic-Yellow-20',
-  'Tertiary-Dark-Button-Secondary-Border-Disabled': 'UI-Opacity-White-20',
-  'Tertiary-Dark-On-Surface-Divider': 'Scandic-Blue-80',
-  'Base-Button-Text-Fill-Normal': 'UI-Opacity-White-0',
-  'Base-Button-Text-Fill-Hover': 'UI-Opacity-White-0',
-  'Base-Button-Text-Fill-Disabled': 'UI-Opacity-White-0',
-  'Base-Button-Text-On-Fill-Normal': 'Scandic-Red-100',
-  'Base-Button-Text-On-Fill-Hover': 'Scandic-Peach-80',
-  'Base-Button-Text-On-Fill-Disabled': 'UI-Grey-40',
-  'Base-Button-Text-Border-Normal': 'UI-Opacity-White-0',
-  'Base-Button-Text-Border-Hover': 'UI-Opacity-White-0',
-  'Base-Button-Text-Border-Disabled': 'UI-Opacity-White-0',
-} as const
-
-export const Scandic = {
-  Scandic: {
-    'Scandic-Brand-Scandic-Red': '#cd0921',
-    'Scandic-Brand-Burgundy': '#4d001b',
-    'Scandic-Brand-Pale-Peach': '#f7e1d5',
-    'Scandic-Brand-Dark-Green': '#093021',
-    'Scandic-Brand-Light-Green': '#d2edaf',
-    'Scandic-Brand-Dark-Grey': '#291710',
-    'Scandic-Brand-Warm-White': '#faf6f2',
-    'Scandic-Brand-Light-Blue': '#b5e0ff',
-    'Scandic-Brand-Dark-Blue': '#0d1440',
-    'Scandic-Brand-Pale-Yellow': '#fff0c2',
-    'Scandic-Red-00': '#ffebeb',
-    'Scandic-Red-10': '#f7c1c2',
-    'Scandic-Red-20': '#f79499',
-    'Scandic-Red-30': '#f26b74',
-    'Scandic-Red-40': '#ed4251',
-    'Scandic-Red-50': '#e32034',
-    'Scandic-Red-60': '#cd0921',
-    'Scandic-Red-70': '#ad0015',
-    'Scandic-Red-80': '#8d0011',
-    'Scandic-Red-90': '#6d000d',
-    'Scandic-Red-100': '#4d001b',
-    'Scandic-Peach-00': '#fff3ed',
-    'Scandic-Beige-00': '#faf6f2',
-    'Scandic-Beige-10': '#f2ece6',
-    'Scandic-Beige-20': '#e3d9d1',
-    'Scandic-Beige-30': '#d1c4ba',
-    'Scandic-Beige-40': '#b8a79a',
-    'Scandic-Beige-50': '#9c8a7e',
-    'Scandic-Beige-60': '#806e63',
-    'Scandic-Beige-70': '#6b584d',
-    'Scandic-Beige-80': '#533f35',
-    'Scandic-Beige-90': '#3e2b23',
-    'Scandic-Beige-100': '#291710',
-    'Scandic-Peach-10': '#f7e1d5',
-    'Scandic-Peach-20': '#f4d5c8',
-    'Scandic-Peach-30': '#f0c1b6',
-    'Scandic-Peach-40': '#e9aba3',
-    'Scandic-Peach-50': '#de9490',
-    'Scandic-Peach-60': '#cd797c',
-    'Scandic-Peach-70': '#b05b65',
-    'Scandic-Peach-80': '#8f4350',
-    'Scandic-Peach-90': '#642636',
-    'Scandic-Peach-100': '#4d0f25',
-    'Scandic-Green-00': '#f3fce8',
-    'Scandic-Green-10': '#e1f3ca',
-    'Scandic-Green-20': '#d2edaf',
-    'Scandic-Green-30': '#acdb8a',
-    'Scandic-Green-40': '#7cb865',
-    'Scandic-Green-50': '#539e49',
-    'Scandic-Green-60': '#348337',
-    'Scandic-Green-70': '#256931',
-    'Scandic-Green-80': '#164e29',
-    'Scandic-Green-90': '#093021',
-    'Scandic-Green-100': '#091f16',
-    'Scandic-Blue-00': '#e8f6ff',
-    'Scandic-Blue-10': '#cfebff',
-    'Scandic-Blue-20': '#b5e0ff',
-    'Scandic-Blue-30': '#93c9f5',
-    'Scandic-Blue-40': '#79aee7',
-    'Scandic-Blue-50': '#5b8fd4',
-    'Scandic-Blue-60': '#3f6dbd',
-    'Scandic-Blue-70': '#284ea0',
-    'Scandic-Blue-80': '#18347f',
-    'Scandic-Blue-90': '#0d1f5f',
-    'Scandic-Blue-100': '#0d1440',
-    'Scandic-Yellow-00': '#fff8e3',
-    'Scandic-Yellow-10': '#fff0c2',
-    'Scandic-Yellow-20': '#fade89',
-    'Scandic-Yellow-30': '#f7ce52',
-    'Scandic-Yellow-40': '#edb532',
-    'Scandic-Yellow-50': '#e59515',
-    'Scandic-Yellow-60': '#d17308',
-    'Scandic-Yellow-70': '#a85211',
-    'Scandic-Yellow-80': '#7d370f',
-    'Scandic-Yellow-90': '#4f2313',
-    'Scandic-Yellow-100': '#301508',
-  },
-  Go: {
-    'Go-Brand-Lavender': '#dcd7ff',
-    'Go-Beige-00': '#faf8f2',
-    'Go-Beige-10': '#f0ede4',
-    'Go-Beige-20': '#e0dcce',
-    'Go-Beige-30': '#c8c4b6',
-    'Go-Beige-40': '#b0aca0',
-    'Go-Beige-50': '#918f83',
-    'Go-Beige-60': '#78766d',
-    'Go-Beige-70': '#63615a',
-    'Go-Beige-80': '#4f4d49',
-    'Go-Beige-90': '#373633',
-    'Go-Beige-100': '#1f1e1d',
-    'Go-Brand-Obsidian': '#2d163a',
-    'Go-Brand-Lemon': '#f5ff73',
-    'Go-Brand-Linen': '#e0dcce',
-    'Go-Brand-Chartreuse': '#85ff52',
-    'Go-Brand-Pine': '#21331f',
-    'Go-Brand-Aqua': '#73fcee',
-    'Go-Brand-Powder-rose': '#ecc8c9',
-    'Go-Brand-Coral': '#fa3737',
-    'Go-Purple-00': '#f4f2ff',
-    'Go-Purple-10': '#dcd7ff',
-    'Go-Purple-20': '#cabffc',
-    'Go-Purple-30': '#baa7f7',
-    'Go-Purple-40': '#ab8ef0',
-    'Go-Purple-50': '#9c75e6',
-    'Go-Purple-60': '#8c5bd5',
-    'Go-Purple-70': '#733cb2',
-    'Go-Purple-80': '#5e2a8c',
-    'Go-Purple-90': '#451f61',
-    'Go-Purple-100': '#2d163a',
-    'Go-Yellow-00': '#fdffe8',
-    'Go-Yellow-10': '#faffc4',
-    'Go-Yellow-20': '#f8ff9c',
-    'Go-Yellow-30': '#f5ff73',
-    'Go-Yellow-40': '#edea39',
-    'Go-Yellow-50': '#dec614',
-    'Go-Yellow-60': '#ba8d07',
-    'Go-Yellow-70': '#966400',
-    'Go-Yellow-80': '#754403',
-    'Go-Yellow-90': '#572701',
-    'Go-Yellow-100': '#3b1300',
-    'Go-Green-00': '#edffe5',
-    'Go-Green-10': '#cdffb8',
-    'Go-Green-20': '#a7ff82',
-    'Go-Green-30': '#85ff52',
-    'Go-Green-40': '#66e03a',
-    'Go-Green-50': '#45b222',
-    'Go-Green-60': '#2e7f18',
-    'Go-Green-70': '#2a601e',
-    'Go-Green-80': '#26461f',
-    'Go-Green-90': '#21331f',
-    'Go-Green-100': '#162115',
-  },
-  UI: {
-    'UI-Grey-00': '#f9f6f4',
-    'UI-Opacity-White-100': '#ffffff',
-    'UI-Opacity-White-90': '#ffffffe6',
-    'UI-Opacity-White-80': '#ffffffcc',
-    'UI-Opacity-White-70': '#ffffffb3',
-    'UI-Opacity-White-60': '#ffffff99',
-    'UI-Opacity-White-50': '#ffffff80',
-    'UI-Opacity-White-40': '#ffffff66',
-    'UI-Opacity-White-30': '#ffffff4d',
-    'UI-Opacity-White-20': '#ffffff33',
-    'UI-Opacity-White-10': '#ffffff1a',
-    'UI-Opacity-White-0': '#ffffff00',
-    'UI-Opacity-Almost-Black-100': '#1f1c1b',
-    'UI-Opacity-Almost-Black-90': '#1f1c1be6',
-    'UI-Opacity-Almost-Black-80': '#1f1c1bcc',
-    'UI-Opacity-Almost-Black-70': '#1f1c1bb3',
-    'UI-Opacity-Almost-Black-60': '#1f1c1b99',
-    'UI-Opacity-Almost-Black-50': '#1f1c1b80',
-    'UI-Opacity-Almost-Black-40': '#1f1c1b66',
-    'UI-Opacity-Almost-Black-30': '#1f1c1b4d',
-    'UI-Opacity-Almost-Black-20': '#1f1c1b33',
-    'UI-Opacity-Almost-Black-10': '#1f1c1b1a',
-    'UI-Opacity-Almost-Black-0': '#1f1c1b00',
-    'UI-Grey-10': '#ebe8e6',
-    'UI-Grey-20': '#d6d2d0',
-    'UI-Grey-30': '#c2bdba',
-    'UI-Grey-40': '#a8a4a2',
-    'UI-Grey-50': '#8c8987',
-    'UI-Grey-60': '#787472',
-    'UI-Grey-70': '#635f5d',
-    'UI-Grey-80': '#57514e',
-    'UI-Grey-90': '#403937',
-    'UI-Grey-100': '#26201e',
-  },
-} as const
diff --git a/packages/design-system/lib/styles/downtown-camper.css b/packages/design-system/lib/styles/downtown-camper.css
new file mode 100644
index 000000000..fe18bab1f
--- /dev/null
+++ b/packages/design-system/lib/styles/downtown-camper.css
@@ -0,0 +1,371 @@
+/* This file is generated, do not edit manually! */
+.downtown-camper {
+  /* Values */
+  --Body-Lead-text-Font-fallback: sans-serif;
+  --Body-Lead-text-Letter-spacing: 0.2px;
+  --Body-Paragraph-Font-fallback: sans-serif;
+  --Body-Paragraph-Letter-spacing: 0.19px;
+  --Body-Supporting-text-Font-fallback: sans-serif;
+  --Body-Supporting-text-Letter-spacing: 0.2px;
+  --Body-Underline-md-Font-fallback: sans-serif;
+  --Body-Underline-md-Letter-spacing: 0.19px;
+  --Body-Underline-sm-Font-fallback: sans-serif;
+  --Body-Underline-sm-Letter-spacing: 0.2px;
+  --Component-Button-Brand-Primary-Hover: #915836;
+  --Component-Button-Brand-Secondary-Border-Hover-inverted: #f4ebe7;
+  --Component-Button-Brand-Tertiary-Hover: #4d5448;
+  --Component-Button-Inverted-Hover: #f2f2f2;
+  --Component-Button-Inverted-On-fill-Hover: #915836;
+  --Component-Button-Muted-Border-Hover: #ffffff30;
+  --Font-family-Downtown-Camper-Body: 'Fira sans';
+  --Font-family-Downtown-Camper-Decorative: 'Gotham';
+  --Font-family-Downtown-Camper-Title: 'Gotham';
+  --Label-Font-fallback: sans-serif;
+  --Label-Letter-spacing: 0.17px;
+  --Link-md-Font-fallback: sans-serif;
+  --Link-md-Letter-spacing: 0.19px;
+  --Link-sm-Font-fallback: sans-serif;
+  --Link-sm-Letter-spacing: 0.2px;
+  --Signature-Downtown-Camper-Lunar-green-0: #f3f4f1;
+  --Signature-Downtown-Camper-Lunar-green-100: #191d16;
+  --Signature-Downtown-Camper-Lunar-green-10: #e4e7e0;
+  --Signature-Downtown-Camper-Lunar-green-20: #ccd2c4;
+  --Signature-Downtown-Camper-Lunar-green-30: #acb6a0;
+  --Signature-Downtown-Camper-Lunar-green-40: #8e9b80;
+  --Signature-Downtown-Camper-Lunar-green-50: #717f63;
+  --Signature-Downtown-Camper-Lunar-green-60: #58644c;
+  --Signature-Downtown-Camper-Lunar-green-70: #454e3d;
+  --Signature-Downtown-Camper-Lunar-green-80: #3c4336;
+  --Signature-Downtown-Camper-Lunar-green-90: #33382f;
+  --Signature-Downtown-Camper-Quicksand-0: #fbf7f5;
+  --Signature-Downtown-Camper-Quicksand-100: #35211a;
+  --Signature-Downtown-Camper-Quicksand-10: #f6edea;
+  --Signature-Downtown-Camper-Quicksand-20: #f0ded8;
+  --Signature-Downtown-Camper-Quicksand-30: #e4c7bd;
+  --Signature-Downtown-Camper-Quicksand-40: #d2a697;
+  --Signature-Downtown-Camper-Quicksand-50: #c69382;
+  --Signature-Downtown-Camper-Quicksand-60: #a96d59;
+  --Signature-Downtown-Camper-Quicksand-70: #8d5948;
+  --Signature-Downtown-Camper-Quicksand-80: #764c3e;
+  --Signature-Downtown-Camper-Quicksand-90: #644338;
+  --Signature-Downtown-Camper-Russet-0: #fcf9ee;
+  --Signature-Downtown-Camper-Russet-100: #3c1d0c;
+  --Signature-Downtown-Camper-Russet-10: #f6eecf;
+  --Signature-Downtown-Camper-Russet-20: #ecdc9b;
+  --Signature-Downtown-Camper-Russet-30: #e3c666;
+  --Signature-Downtown-Camper-Russet-40: #dcb143;
+  --Signature-Downtown-Camper-Russet-50: #d3952d;
+  --Signature-Downtown-Camper-Russet-60: #bb7524;
+  --Signature-Downtown-Camper-Russet-70: #9b5622;
+  --Signature-Downtown-Camper-Russet-80: #834722;
+  --Signature-Downtown-Camper-Russet-90: #69391e;
+  --Surface-Brand-Primary-1-OnSurface-Accent-Secondary: #ffffff;
+  --Surface-Brand-Primary-1-OnSurface-Accent: #ffffff;
+  --Surface-Brand-Primary-1-OnSurface-Default: #ffffff;
+  --Surface-Brand-Primary-2-OnSurface-Accent: #ffffff;
+  --Surface-Brand-Primary-2-OnSurface-Default: #ffffff;
+  --Surface-Brand-Primary-3-OnSurface-Accent: #ffffff;
+  --Surface-Brand-Primary-3-OnSurface-Default: #ffffff;
+  --Surface-Primary-Hover-Light: #e6e5e5;
+  --Surface-Primary-Hover: #f2f2f2;
+  --Surface-Secondary-Hover: #e4e4e4;
+  --Surface-UI-Fill-Active-Hover: #ffffff;
+  --Tag-Font-fallback: sans-serif;
+  --Tag-Letter-spacing: 0.06px;
+  --Tag-Text-Transform: unset;
+  --Title-Decorative-lg-Font-fallback: sans-serif;
+  --Title-Decorative-lg-Letter-spacing: 0.05px;
+  --Title-Decorative-lg-Text-Transform: uppercase;
+  --Title-Decorative-md-Font-fallback: sans-serif;
+  --Title-Decorative-md-Letter-spacing: 0.19px;
+  --Title-Decorative-md-Text-Transform: uppercase;
+  --Title-Overline-sm-Font-fallback: sans-serif;
+  --Title-Overline-sm-Letter-spacing: 0.21px;
+  --Title-Overline-sm-Text-Transform: uppercase;
+  --Title-Subtitle-lg-Font-fallback: sans-serif;
+  --Title-Subtitle-lg-Letter-spacing: 0.24px;
+  --Title-Subtitle-md-Font-fallback: sans-serif;
+  --Title-Subtitle-md-Letter-spacing: 0.2px;
+  --Title-lg-Font-fallback: sans-serif;
+  --Title-lg-Letter-spacing: 0.12px;
+  --Title-lg-Text-Transform: unset;
+  --Title-md-Font-fallback: sans-serif;
+  --Title-md-Letter-spacing: 0.09px;
+  --Title-md-LowCase-Font-fallback: sans-serif;
+  --Title-md-LowCase-Letter-spacing: 0.09px;
+  --Title-md-LowCase-Text-Transform: unset;
+  --Title-md-Text-Transform: unset;
+  --Title-sm-Font-fallback: sans-serif;
+  --Title-sm-Letter-spacing: 0.07px;
+  --Title-sm-LowCase-Font-fallback: sans-serif;
+  --Title-sm-LowCase-Letter-spacing: 0.07px;
+  --Title-sm-LowCase-Text-Transform: unset;
+  --Title-sm-Text-Transform: unset;
+  --Title-xs-Font-fallback: sans-serif;
+  --Title-xs-Letter-spacing: 0.12px;
+  --Title-xs-Text-Transform: unset;
+  --Utilities-Gradients-10: #3c43361a;
+
+  /* Aliases */
+  --Background-Primary: var(--Neutral-0);
+  --Background-Secondary: var(--Neutral-Opacity-White-100);
+  --Body-Lead-text-Font-family: var(--Font-family-Downtown-Camper-Body);
+  --Body-Lead-text-Font-weight: var(--Font-weight-Regular);
+  --Body-Lead-text-Size: var(--Impl-Text-size-xs);
+  --Body-Paragraph-Font-family: var(--Font-family-Downtown-Camper-Body);
+  --Body-Paragraph-Font-weight-2: var(--Font-weight-Medium);
+  --Body-Paragraph-Font-weight: var(--Font-weight-Regular);
+  --Body-Paragraph-Size: var(--Impl-Text-size-3xs);
+  --Body-Supporting-text-Font-family: var(--Font-family-Downtown-Camper-Body);
+  --Body-Supporting-text-Font-weight-2: var(--Font-weight-Medium);
+  --Body-Supporting-text-Font-weight: var(--Font-weight-Regular);
+  --Body-Supporting-text-Size: var(--Impl-Text-size-4xs);
+  --Body-Underline-md-Font-family: var(--Font-family-Downtown-Camper-Body);
+  --Body-Underline-md-Font-weight: var(--Font-weight-Regular);
+  --Body-Underline-md-Size: var(--Impl-Text-size-3xs);
+  --Body-Underline-sm-Font-family: var(--Font-family-Downtown-Camper-Body);
+  --Body-Underline-sm-Font-weight: var(--Font-weight-Regular);
+  --Body-Underline-sm-Size: var(--Impl-Text-size-4xs);
+  --Border-Default: var(--Neutral-20);
+  --Border-Divider-Accent: var(--Neutral-30);
+  --Border-Divider-Brand-OnPrimary-1-Default: var(--Neutral-Opacity-White-100);
+  --Border-Divider-Brand-OnPrimary-1-Secondary: var(
+    --Neutral-Opacity-White-100
+  );
+  --Border-Divider-Brand-OnPrimary-2-Default: var(--Neutral-Opacity-White-100);
+  --Border-Divider-Brand-OnPrimary-3-Default: var(--Neutral-Opacity-White-100);
+  --Border-Divider-Default: var(--Neutral-20);
+  --Border-Divider-Subtle: var(--Neutral-15);
+  --Border-Intense: var(--Neutral-30);
+  --Border-Interactive-Default: var(--Neutral-30);
+  --Border-Interactive-Disabled: var(--Neutral-30);
+  --Border-Interactive-Error: var(--Scandic-Red-70);
+  --Border-Interactive-Focus: var(--Neutral-80);
+  --Border-Interactive-KeyboardFocus: var(--Scandic-Blue-50);
+  --Border-Interactive-Selected: var(--Neutral-80);
+  --Border-Inverted: var(--Neutral-Opacity-White-100);
+  --Component-Button-Brand-Primary-Border-Default: var(
+    --Neutral-Opacity-White-0
+  );
+  --Component-Button-Brand-Primary-Border-Disabled: var(
+    --Neutral-Opacity-White-0
+  );
+  --Component-Button-Brand-Primary-Border-Hover: var(--Neutral-Opacity-White-0);
+  --Component-Button-Brand-Primary-Default: var(
+    --Signature-Downtown-Camper-Russet-80
+  );
+  --Component-Button-Brand-Primary-Disabled: var(--Neutral-Opacity-Black-10);
+  --Component-Button-Brand-Primary-On-fill-Default: var(
+    --Neutral-Opacity-White-100
+  );
+  --Component-Button-Brand-Primary-On-fill-Disabled: var(--Neutral-40);
+  --Component-Button-Brand-Primary-On-fill-Hover: var(
+    --Neutral-Opacity-White-100
+  );
+  --Component-Button-Brand-Secondary-Border-Default: var(
+    --Signature-Downtown-Camper-Russet-80
+  );
+  --Component-Button-Brand-Secondary-Border-Disabled: var(
+    --Neutral-Opacity-Black-10
+  );
+  --Component-Button-Brand-Secondary-Border-Hover: var(
+    --Signature-Downtown-Camper-Russet-70
+  );
+  --Component-Button-Brand-Secondary-Border-Inverted: var(
+    --Neutral-Opacity-White-100
+  );
+  --Component-Button-Brand-Secondary-Default: var(--Neutral-Opacity-White-0);
+  --Component-Button-Brand-Secondary-Disabled: var(--Neutral-Opacity-Black-10);
+  --Component-Button-Brand-Secondary-Hover-Inverted: var(
+    --Signature-Downtown-Camper-Lunar-green-80
+  );
+  --Component-Button-Brand-Secondary-Hover: var(--Neutral-Opacity-White-0);
+  --Component-Button-Brand-Secondary-Inverted: var(--Neutral-Opacity-White-100);
+  --Component-Button-Brand-Secondary-On-fill-Default: var(
+    --Signature-Downtown-Camper-Russet-80
+  );
+  --Component-Button-Brand-Secondary-On-fill-Disabled: var(--Neutral-40);
+  --Component-Button-Brand-Secondary-On-fill-Hover: var(
+    --Signature-Downtown-Camper-Russet-70
+  );
+  --Component-Button-Brand-Secondary-On-fill-Inverted: var(
+    --Neutral-Opacity-White-100
+  );
+  --Component-Button-Brand-Tertiary-Border-Default: var(
+    --Neutral-Opacity-White-0
+  );
+  --Component-Button-Brand-Tertiary-Border-Disabled: var(
+    --Neutral-Opacity-White-0
+  );
+  --Component-Button-Brand-Tertiary-Border-Hover: var(
+    --Neutral-Opacity-White-0
+  );
+  --Component-Button-Brand-Tertiary-Default: var(
+    --Signature-Downtown-Camper-Lunar-green-80
+  );
+  --Component-Button-Brand-Tertiary-Disabled: var(--Neutral-Opacity-Black-10);
+  --Component-Button-Brand-Tertiary-On-fill-Default: var(
+    --Neutral-Opacity-White-100
+  );
+  --Component-Button-Brand-Tertiary-On-fill-Disabled: var(--Neutral-40);
+  --Component-Button-Brand-Tertiary-On-fill-Hover: var(
+    --Neutral-Opacity-White-100
+  );
+  --Component-Button-Inverted-Border-Default: var(--Neutral-Opacity-White-0);
+  --Component-Button-Inverted-Border-Disable: var(--Neutral-Opacity-White-0);
+  --Component-Button-Inverted-Border-Hover: var(--Neutral-Opacity-White-0);
+  --Component-Button-Inverted-Default: var(--Neutral-Opacity-White-100);
+  --Component-Button-Inverted-Disabled: var(--Neutral-Opacity-Black-10);
+  --Component-Button-Inverted-Faded: var(--Neutral-Opacity-White-90);
+  --Component-Button-Inverted-Hover-Inverted: var(
+    --Signature-Downtown-Camper-Lunar-green-80
+  );
+  --Component-Button-Inverted-On-fill-Default: var(
+    --Signature-Downtown-Camper-Russet-80
+  );
+  --Component-Button-Inverted-On-fill-Disabled: var(--Neutral-40);
+  --Component-Button-Inverted-On-fill-Hover-inverted: var(
+    --Neutral-Opacity-White-100
+  );
+  --Component-Button-Muted-Border-Default: var(--Neutral-Opacity-White-10);
+  --Component-Button-Muted-Border-Disable: var(--Neutral-Opacity-White-10);
+  --Component-Button-Muted-Default: var(--Neutral-Opacity-White-0);
+  --Component-Button-Muted-Disabled-inverted: var(--Neutral-20);
+  --Component-Button-Muted-Disabled: var(--Neutral-Opacity-White-10);
+  --Component-Button-Muted-Hover-inverted: var(--Neutral-Opacity-Black-5);
+  --Component-Button-Muted-Hover: var(--Neutral-Opacity-White-5);
+  --Component-Button-Muted-On-fill-Default: var(--Neutral-90);
+  --Component-Button-Muted-On-fill-Disabled: var(--Neutral-40);
+  --Component-Button-Muted-On-fill-Hover-Inverted: var(
+    --Signature-Downtown-Camper-Russet-70
+  );
+  --Component-Button-Muted-On-fill-Inverted: var(--Neutral-Opacity-White-100);
+  --Icon-Accent: var(--Signature-Downtown-Camper-Lunar-green-50);
+  --Icon-Default: var(--Neutral-60);
+  --Icon-Feedback-Error: var(--Scandic-Red-70);
+  --Icon-Feedback-Information: var(--Scandic-Blue-70);
+  --Icon-Feedback-Neutral: var(--Neutral-60);
+  --Icon-Feedback-Success: var(--Scandic-Green-60);
+  --Icon-Feedback-Warning: var(--Scandic-Yellow-60);
+  --Icon-Intense: var(--Neutral-90);
+  --Icon-Interactive-Default: var(--Neutral-90);
+  --Icon-Interactive-Disabled: var(--Neutral-30);
+  --Icon-Interactive-Placeholder: var(--Neutral-50);
+  --Icon-Interactive-Secondary: var(--Signature-Downtown-Camper-Russet-80);
+  --Icon-Inverted: var(--Neutral-Opacity-White-100);
+  --Label-Font-family: var(--Font-family-Downtown-Camper-Body);
+  --Label-Font-weight-2: var(--Font-weight-Medium);
+  --Label-Font-weight: var(--Font-weight-Regular);
+  --Label-Size: var(--Impl-Text-size-5xs);
+  --Link-md-Font-family: var(--Font-family-Downtown-Camper-Body);
+  --Link-md-Font-weight: var(--Font-weight-Medium);
+  --Link-md-Size: var(--Impl-Text-size-3xs);
+  --Link-sm-Font-family: var(--Font-family-Downtown-Camper-Body);
+  --Link-sm-Font-weight: var(--Font-weight-Medium);
+  --Link-sm-Size: var(--Impl-Text-size-4xs);
+  --Overlay-10: var(--Neutral-Opacity-Black-10);
+  --Overlay-20: var(--Neutral-Opacity-Black-20);
+  --Overlay-40: var(--Neutral-Opacity-Black-40);
+  --Overlay-60: var(--Neutral-Opacity-Black-60);
+  --Overlay-80: var(--Neutral-Opacity-Black-80);
+  --Overlay-90: var(--Neutral-Opacity-Black-90);
+  --Surface-Accent-1: var(--Signature-Downtown-Camper-Quicksand-60);
+  --Surface-Accent-2: var(--Scandic-Blue-60);
+  --Surface-Accent-3: var(--Signature-Downtown-Camper-Lunar-green-70);
+  --Surface-Accent-4: var(--Signature-Downtown-Camper-Russet-50);
+  --Surface-Accent-5: var(--Scandic-Blue-80);
+  --Surface-Brand-Accent-Default: var(--Signature-Downtown-Camper-Russet-50);
+  --Surface-Brand-Primary-1-Default: var(--Signature-Downtown-Camper-Russet-80);
+  --Surface-Brand-Primary-2-Default: var(--Signature-Downtown-Camper-Russet-80);
+  --Surface-Brand-Primary-3-Default: var(
+    --Signature-Downtown-Camper-Lunar-green-80
+  );
+  --Surface-Feedback-Error-Accent: var(--Scandic-Red-70);
+  --Surface-Feedback-Error: var(--Scandic-Red-00);
+  --Surface-Feedback-Information-Accent: var(--Scandic-Blue-70);
+  --Surface-Feedback-Information: var(--Scandic-Blue-00);
+  --Surface-Feedback-Neutral-Accent: var(--Neutral-50);
+  --Surface-Feedback-Neutral: var(--Neutral-15);
+  --Surface-Feedback-Succes-Accent: var(--Scandic-Green-60);
+  --Surface-Feedback-Succes: var(--Scandic-Green-00);
+  --Surface-Feedback-Warning--Light: var(--Scandic-Yellow-00);
+  --Surface-Feedback-Warning-Accent: var(--Scandic-Yellow-60);
+  --Surface-Primary-Default: var(--Neutral-Opacity-White-100);
+  --Surface-Primary-Disabled: var(--Neutral-15);
+  --Surface-Primary-Hover-Accent: var(--Neutral-15);
+  --Surface-Primary-OnSurface-Default: var(--Neutral-5);
+  --Surface-Secondary-Default: var(--Neutral-10);
+  --Surface-Secondary-Secondary: var(--Neutral-10);
+  --Surface-UI-Fill-Active: var(--Neutral-80);
+  --Surface-UI-Fill-Default: var(--Neutral-Opacity-White-100);
+  --Surface-UI-Fill-Disabled: var(--Neutral-15);
+  --Surface-UI-Fill-Intense: var(--Neutral-80);
+  --Tag-Font-family: var(--Font-family-Downtown-Camper-Title);
+  --Tag-Font-weight: var(--Font-weight-Regular);
+  --Tag-Size: var(--Impl-Text-size-5xs);
+  --Text-Accent-Primary: var(--Signature-Downtown-Camper-Russet-80);
+  --Text-Accent-Secondary: var(--Neutral-50);
+  --Text-Brand-OnAccent-Accent: var(--Neutral-Opacity-White-100);
+  --Text-Brand-OnAccent-Default: var(--Neutral-Opacity-White-100);
+  --Text-Brand-OnAccent-Heading: var(--Neutral-Opacity-White-100);
+  --Text-Brand-OnPrimary-1-Accent: var(--Neutral-Opacity-White-100);
+  --Text-Brand-OnPrimary-1-Default: var(--Neutral-Opacity-White-100);
+  --Text-Brand-OnPrimary-1-Heading: var(--Neutral-Opacity-White-100);
+  --Text-Brand-OnPrimary-2-Accent: var(--Neutral-Opacity-White-100);
+  --Text-Brand-OnPrimary-2-Default: var(--Neutral-Opacity-White-100);
+  --Text-Brand-OnPrimary-2-Heading: var(--Neutral-Opacity-White-100);
+  --Text-Brand-OnPrimary-3-Accent: var(--Neutral-Opacity-White-100);
+  --Text-Brand-OnPrimary-3-Default: var(--Neutral-Opacity-White-100);
+  --Text-Brand-OnPrimary-3-Heading: var(--Neutral-Opacity-White-100);
+  --Text-Default: var(--Neutral-90);
+  --Text-Heading: var(--Neutral-90);
+  --Text-Interactive-Default: var(--Neutral-90);
+  --Text-Interactive-Disabled: var(--Neutral-40);
+  --Text-Interactive-Error: var(--Scandic-Red-70);
+  --Text-Interactive-Focus: var(--Neutral-80);
+  --Text-Interactive-Hover-Secondary: var(
+    --Signature-Downtown-Camper-Russet-60
+  );
+  --Text-Interactive-Placeholder: var(--Neutral-50);
+  --Text-Interactive-Secondary: var(--Signature-Downtown-Camper-Russet-80);
+  --Text-Inverted: var(--Neutral-Opacity-White-100);
+  --Text-Secondary: var(--Neutral-60);
+  --Text-Tertiary: var(--Neutral-50);
+  --Title-Decorative-lg-Font-family: var(
+    --Font-family-Downtown-Camper-Decorative
+  );
+  --Title-Decorative-lg-Font-weight: var(--Font-weight-Regular);
+  --Title-Decorative-lg-Size: var(--Impl-Text-size-xs);
+  --Title-Decorative-md-Font-family: var(
+    --Font-family-Downtown-Camper-Decorative
+  );
+  --Title-Decorative-md-Font-weight: var(--Font-weight-Regular);
+  --Title-Decorative-md-Size: var(--Impl-Text-size-3xs);
+  --Title-Overline-sm-Font-family: var(--Font-family-Downtown-Camper-Title);
+  --Title-Overline-sm-Font-weight: var(--Font-weight-Regular);
+  --Title-Overline-sm-Size: var(--Impl-Text-size-4xs);
+  --Title-Subtitle-lg-Font-family: var(--Font-family-Downtown-Camper-Body);
+  --Title-Subtitle-lg-Font-weight: var(--Font-weight-Medium);
+  --Title-Subtitle-lg-Size: var(--Impl-Text-size-sm);
+  --Title-Subtitle-md-Font-family: var(--Font-family-Downtown-Camper-Body);
+  --Title-Subtitle-md-Font-weight: var(--Font-weight-Medium);
+  --Title-Subtitle-md-Size: var(--Impl-Text-size-xs);
+  --Title-lg-Font-family: var(--Font-family-Downtown-Camper-Title);
+  --Title-lg-Font-weight: var(--Font-weight-Black);
+  --Title-lg-Size: var(--Impl-Text-size-4xl);
+  --Title-md-Font-family: var(--Font-family-Downtown-Camper-Title);
+  --Title-md-Font-weight: var(--Font-weight-Black);
+  --Title-md-LowCase-Font-family: var(--Font-family-Downtown-Camper-Title);
+  --Title-md-LowCase-Font-weight: var(--Font-weight-Regular);
+  --Title-md-LowCase-Size: var(--Impl-Text-size-2xl);
+  --Title-md-Size: var(--Impl-Text-size-2xl);
+  --Title-sm-Font-family: var(--Font-family-Downtown-Camper-Title);
+  --Title-sm-Font-weight: var(--Font-weight-Black);
+  --Title-sm-LowCase-Font-family: var(--Font-family-Downtown-Camper-Title);
+  --Title-sm-LowCase-Font-weight: var(--Font-weight-Regular);
+  --Title-sm-LowCase-Size: var(--Impl-Text-size-lg);
+  --Title-sm-Size: var(--Impl-Text-size-lg);
+  --Title-xs-Font-family: var(--Font-family-Downtown-Camper-Title);
+  --Title-xs-Font-weight: var(--Font-weight-Black);
+  --Title-xs-Size: var(--Impl-Text-size-sm);
+}
diff --git a/packages/design-system/lib/styles/downtown-camper.js b/packages/design-system/lib/styles/downtown-camper.js
new file mode 100644
index 000000000..7ba1b1072
--- /dev/null
+++ b/packages/design-system/lib/styles/downtown-camper.js
@@ -0,0 +1,292 @@
+/* This file is generated, do not edit manually! */
+export const theme = {
+  'Signature/Downtown Camper/Lunar green/0': '#F3F4F1',
+  'Signature/Downtown Camper/Lunar green/10': '#E4E7E0',
+  'Signature/Downtown Camper/Lunar green/20': '#CCD2C4',
+  'Signature/Downtown Camper/Lunar green/30': '#ACB6A0',
+  'Signature/Downtown Camper/Lunar green/40': '#8E9B80',
+  'Signature/Downtown Camper/Lunar green/50': '#717F63',
+  'Signature/Downtown Camper/Lunar green/60': '#58644C',
+  'Signature/Downtown Camper/Lunar green/70': '#454E3D',
+  'Signature/Downtown Camper/Lunar green/80': '#3C4336',
+  'Signature/Downtown Camper/Lunar green/90': '#33382F',
+  'Signature/Downtown Camper/Lunar green/100': '#191D16',
+  'Signature/Downtown Camper/Russet/0': '#FCF9EE',
+  'Signature/Downtown Camper/Russet/10': '#F6EECF',
+  'Signature/Downtown Camper/Russet/20': '#ECDC9B',
+  'Signature/Downtown Camper/Russet/30': '#E3C666',
+  'Signature/Downtown Camper/Russet/40': '#DCB143',
+  'Signature/Downtown Camper/Russet/50': '#D3952D',
+  'Signature/Downtown Camper/Russet/60': '#BB7524',
+  'Signature/Downtown Camper/Russet/70': '#9B5622',
+  'Signature/Downtown Camper/Russet/80': '#834722',
+  'Signature/Downtown Camper/Russet/90': '#69391E',
+  'Signature/Downtown Camper/Russet/100': '#3C1D0C',
+  'Signature/Downtown Camper/Quicksand/0': '#FBF7F5',
+  'Signature/Downtown Camper/Quicksand/10': '#F6EDEA',
+  'Signature/Downtown Camper/Quicksand/20': '#F0DED8',
+  'Signature/Downtown Camper/Quicksand/30': '#E4C7BD',
+  'Signature/Downtown Camper/Quicksand/40': '#D2A697',
+  'Signature/Downtown Camper/Quicksand/50': '#C69382',
+  'Signature/Downtown Camper/Quicksand/60': '#A96D59',
+  'Signature/Downtown Camper/Quicksand/70': '#8D5948',
+  'Signature/Downtown Camper/Quicksand/80': '#764C3E',
+  'Signature/Downtown Camper/Quicksand/90': '#644338',
+  'Signature/Downtown Camper/Quicksand/100': '#35211A',
+  'Title/lg/Letter spacing': 0.12,
+  'Title/lg/Font fallback': 'sans-serif',
+  'Title/lg/Text-Transform': 'unset',
+  'Title/md/Letter spacing': 0.09,
+  'Title/md/Font fallback': 'sans-serif',
+  'Title/sm/Letter spacing': 0.07,
+  'Title/sm/Font fallback': 'sans-serif',
+  'Title/sm/Text-Transform': 'unset',
+  'Title/Decorative/lg/Letter spacing': 0.05,
+  'Title/Decorative/lg/Font fallback': 'sans-serif',
+  'Title/Decorative/lg/Text-Transform': 'uppercase',
+  'Title/Decorative/md/Letter spacing': 0.19,
+  'Title/Decorative/md/Font fallback': 'sans-serif',
+  'Title/Decorative/md/Text-Transform': 'uppercase',
+  'Title/Subtitle/lg/Font fallback': 'sans-serif',
+  'Title/Subtitle/lg/Letter spacing': 0.24,
+  'Title/Subtitle/md/Font fallback': 'sans-serif',
+  'Title/Subtitle/md/Letter spacing': 0.2,
+  'Title/Overline/sm/Letter spacing': 0.21,
+  'Title/Overline/sm/Font fallback': 'sans-serif',
+  'Title/Overline/sm/Text-Transform': 'uppercase',
+  'Title/sm/LowCase/Letter spacing': 0.07,
+  'Title/sm/LowCase/Font fallback': 'sans-serif',
+  'Title/sm/LowCase/Text-Transform': 'unset',
+  'Title/xs/Letter spacing': 0.12,
+  'Title/xs/Font fallback': 'sans-serif',
+  'Title/xs/Text-Transform': 'unset',
+  'Title/md/Text-Transform': 'unset',
+  'Title/md/LowCase/Letter spacing': 0.09,
+  'Title/md/LowCase/Font fallback': 'sans-serif',
+  'Title/md/LowCase/Text-Transform': 'unset',
+  'Tag/Letter spacing': 0.06,
+  'Tag/Font fallback': 'sans-serif',
+  'Tag/Text-Transform': 'unset',
+  'Link/md/Font fallback': 'sans-serif',
+  'Link/md/Letter spacing': 0.19,
+  'Link/sm/Font fallback': 'sans-serif',
+  'Link/sm/Letter spacing': 0.2,
+  'Body/Lead text/Font fallback': 'sans-serif',
+  'Body/Paragraph/Font fallback': 'sans-serif',
+  'Body/Paragraph/Letter spacing': 0.19,
+  'Body/Supporting text/Font fallback': 'sans-serif',
+  'Body/Supporting text/Letter spacing': 0.2,
+  'Body/Lead text/Letter spacing': 0.2,
+  'Label/Font fallback': 'sans-serif',
+  'Label/Letter spacing': 0.17,
+  'Body/Underline/md/Font fallback': 'sans-serif',
+  'Body/Underline/md/Letter spacing': 0.19,
+  'Body/Underline/sm/Font fallback': 'sans-serif',
+  'Body/Underline/sm/Letter spacing': 0.2,
+  'Surface/Brand/Primary 1/OnSurface/Default': '#FFFFFF',
+  'Surface/Brand/Primary 1/OnSurface/Accent': '#FFFFFF',
+  'Surface/Brand/Primary 1/OnSurface/Accent Secondary': '#FFFFFF',
+  'Surface/Brand/Primary 2/OnSurface/Default': '#FFFFFF',
+  'Surface/Brand/Primary 2/OnSurface/Accent': '#FFFFFF',
+  'Surface/Brand/Primary 3/OnSurface/Default': '#FFFFFF',
+  'Surface/Brand/Primary 3/OnSurface/Accent': '#FFFFFF',
+  'Utilities/Gradients/10': '#3C43361A',
+  'Font family/Downtown Camper/Title': 'Gotham',
+  'Font family/Downtown Camper/Body': 'Fira sans',
+  'Font family/Downtown Camper/Decorative': 'Gotham',
+  'Title/lg/Font weight': 900,
+  'Title/lg/Font family': 'Gotham',
+  'Title/md/Font weight': 900,
+  'Title/md/Font family': 'Gotham',
+  'Title/sm/Font weight': 900,
+  'Title/sm/Font family': 'Gotham',
+  'Title/sm/LowCase/Font weight': 400,
+  'Title/sm/LowCase/Font family': 'Gotham',
+  'Title/Decorative/lg/Font weight': 400,
+  'Title/Decorative/lg/Font family': 'Gotham',
+  'Title/Decorative/md/Font weight': 400,
+  'Title/Decorative/md/Font family': 'Gotham',
+  'Title/Subtitle/lg/Font weight': 500,
+  'Title/Subtitle/lg/Font family': 'Fira sans',
+  'Title/Subtitle/md/Font weight': 500,
+  'Title/Subtitle/md/Font family': 'Fira sans',
+  'Title/Overline/sm/Font weight': 400,
+  'Title/Overline/sm/Font family': 'Gotham',
+  'Title/xs/Font weight': 900,
+  'Title/xs/Font family': 'Gotham',
+  'Title/md/LowCase/Font weight': 400,
+  'Title/md/LowCase/Font family': 'Gotham',
+  'Tag/Font weight': 400,
+  'Tag/Font family': 'Gotham',
+  'Link/md/Font weight': 500,
+  'Link/md/Font family': 'Fira sans',
+  'Link/sm/Font weight': 500,
+  'Link/sm/Font family': 'Fira sans',
+  'Body/Lead text/Font weight': 400,
+  'Body/Lead text/Font family': 'Fira sans',
+  'Body/Paragraph/Font weight': 400,
+  'Body/Paragraph/Font weight 2': 500,
+  'Body/Paragraph/Font family': 'Fira sans',
+  'Body/Supporting text/Font weight': 400,
+  'Body/Supporting text/Font weight 2': 500,
+  'Body/Supporting text/Font family': 'Fira sans',
+  'Label/Font weight': 400,
+  'Label/Font weight 2': 500,
+  'Label/Font family': 'Fira sans',
+  'Body/Underline/md/Font weight': 400,
+  'Body/Underline/md/Font family': 'Fira sans',
+  'Body/Underline/sm/Font weight': 400,
+  'Body/Underline/sm/Font family': 'Fira sans',
+  'Text/Heading': '#1F1F1F',
+  'Text/Default': '#1F1F1F',
+  'Text/Secondary': '#575757',
+  'Text/Tertiary': '#747474',
+  'Text/Accent Primary': '#834722',
+  'Text/Accent Secondary': '#747474',
+  'Text/Inverted': '#FFFFFF',
+  'Text/Interactive/Default': '#1F1F1F',
+  'Text/Interactive/Secondary': '#834722',
+  'Text/Interactive/Hover Secondary': '#BB7524',
+  'Text/Interactive/Disabled': '#8C8C8C',
+  'Text/Interactive/Focus': '#262626',
+  'Text/Interactive/Error': '#AD0015',
+  'Text/Interactive/Placeholder': '#747474',
+  'Text/Brand/OnAccent/Heading': '#FFFFFF',
+  'Text/Brand/OnAccent/Default': '#FFFFFF',
+  'Text/Brand/OnAccent/Accent': '#FFFFFF',
+  'Text/Brand/OnPrimary 1/Heading': '#FFFFFF',
+  'Text/Brand/OnPrimary 1/Default': '#FFFFFF',
+  'Text/Brand/OnPrimary 1/Accent': '#FFFFFF',
+  'Text/Brand/OnPrimary 2/Heading': '#FFFFFF',
+  'Text/Brand/OnPrimary 2/Default': '#FFFFFF',
+  'Text/Brand/OnPrimary 2/Accent': '#FFFFFF',
+  'Text/Brand/OnPrimary 3/Heading': '#FFFFFF',
+  'Text/Brand/OnPrimary 3/Default': '#FFFFFF',
+  'Text/Brand/OnPrimary 3/Accent': '#FFFFFF',
+  'Background/Primary': '#FCFCFC',
+  'Background/Secondary': '#FFFFFF',
+  'Surface/Primary/Default': '#FFFFFF',
+  'Surface/Primary/Hover': '#f2f2f2',
+  'Surface/Primary/Hover Light': '#e6e5e5',
+  'Surface/Primary/Hover Accent': '#E9E9E9',
+  'Surface/Primary/OnSurface/Default': '#F5F5F5',
+  'Surface/Primary/Disabled': '#E9E9E9',
+  'Surface/Secondary/Default': '#F0F0F0',
+  'Surface/Secondary/Secondary': '#F0F0F0',
+  'Surface/Secondary/Hover': '#e4e4e4',
+  'Surface/Brand/Accent/Default': '#D3952D',
+  'Surface/Brand/Primary 1/Default': '#834722',
+  'Surface/Brand/Primary 2/Default': '#834722',
+  'Surface/Brand/Primary 3/Default': '#3C4336',
+  'Surface/UI Fill/Default': '#FFFFFF',
+  'Surface/UI Fill/Intense': '#262626',
+  'Surface/UI Fill/Active': '#262626',
+  'Surface/UI Fill/Active Hover': '#ffffff',
+  'Surface/UI Fill/Disabled': '#E9E9E9',
+  'Surface/Accent/1': '#A96D59',
+  'Surface/Accent/2': '#3F6DBD',
+  'Surface/Accent/3': '#454E3D',
+  'Surface/Accent/4': '#D3952D',
+  'Surface/Accent/5': '#18347F',
+  'Surface/Feedback/Information Accent': '#284EA0',
+  'Surface/Feedback/Information': '#E8F6FF',
+  'Surface/Feedback/Succes Accent': '#348337',
+  'Surface/Feedback/Succes': '#F3FCE8',
+  'Surface/Feedback/Warning Accent': '#D17308',
+  'Surface/Feedback/Warning  Light': '#FFF8E3',
+  'Surface/Feedback/Error Accent': '#AD0015',
+  'Surface/Feedback/Error': '#FFEBEB',
+  'Surface/Feedback/Neutral Accent': '#747474',
+  'Surface/Feedback/Neutral': '#E9E9E9',
+  'Border/Default': '#D9D9D9',
+  'Border/Intense': '#BFBFBF',
+  'Border/Inverted': '#FFFFFF',
+  'Icon/Default': '#575757',
+  'Icon/Intense': '#1F1F1F',
+  'Icon/Accent': '#717F63',
+  'Icon/Interactive/Default': '#1F1F1F',
+  'Icon/Interactive/Secondary': '#834722',
+  'Icon/Interactive/Disabled': '#BFBFBF',
+  'Icon/Interactive/Placeholder': '#747474',
+  'Icon/Feedback/Information': '#284EA0',
+  'Icon/Feedback/Success': '#348337',
+  'Icon/Feedback/Warning': '#D17308',
+  'Icon/Feedback/Error': '#AD0015',
+  'Icon/Feedback/Neutral': '#575757',
+  'Icon/Inverted': '#FFFFFF',
+  'Overlay/10': '#1F1C1B1A',
+  'Overlay/20': '#1F1C1B33',
+  'Overlay/40': '#1F1C1B66',
+  'Overlay/60': '#1F1C1B99',
+  'Overlay/80': '#1F1C1BCC',
+  'Overlay/90': '#1F1C1BE6',
+  'Component/Button/Brand/Primary/Default': '#834722',
+  'Component/Button/Brand/Primary/Hover': '#915836',
+  'Component/Button/Brand/Primary/Disabled': '#1F1C1B1A',
+  'Component/Button/Brand/Primary/On fill/Default': '#FFFFFF',
+  'Component/Button/Brand/Primary/On fill/Hover': '#FFFFFF',
+  'Component/Button/Brand/Primary/On fill/Disabled': '#8C8C8C',
+  'Component/Button/Brand/Primary/Border/Default': '#FFFFFF00',
+  'Component/Button/Brand/Primary/Border/Hover': '#FFFFFF00',
+  'Component/Button/Brand/Primary/Border/Disabled': '#FFFFFF00',
+  'Component/Button/Brand/Secondary/Default': '#FFFFFF00',
+  'Component/Button/Brand/Secondary/Hover': '#FFFFFF00',
+  'Component/Button/Brand/Secondary/Inverted': '#FFFFFF',
+  'Component/Button/Brand/Secondary/Hover Inverted': '#3C4336',
+  'Component/Button/Brand/Secondary/Disabled': '#1F1C1B1A',
+  'Component/Button/Brand/Secondary/On fill/Default': '#834722',
+  'Component/Button/Brand/Secondary/On fill/Hover': '#9B5622',
+  'Component/Button/Brand/Secondary/On fill/Inverted': '#FFFFFF',
+  'Component/Button/Brand/Secondary/On fill/Disabled': '#8C8C8C',
+  'Component/Button/Brand/Secondary/Border/Default': '#834722',
+  'Component/Button/Brand/Secondary/Border/Hover': '#9B5622',
+  'Component/Button/Brand/Secondary/Border/Inverted': '#FFFFFF',
+  'Component/Button/Brand/Secondary/Border/Hover inverted': '#f4ebe7',
+  'Component/Button/Brand/Secondary/Border/Disabled': '#1F1C1B1A',
+  'Component/Button/Brand/Tertiary/Default': '#3C4336',
+  'Component/Button/Brand/Tertiary/Hover': '#4d5448',
+  'Component/Button/Brand/Tertiary/Disabled': '#1F1C1B1A',
+  'Component/Button/Brand/Tertiary/On fill/Default': '#FFFFFF',
+  'Component/Button/Brand/Tertiary/On fill/Hover': '#FFFFFF',
+  'Component/Button/Brand/Tertiary/On fill/Disabled': '#8C8C8C',
+  'Component/Button/Brand/Tertiary/Border/Default': '#FFFFFF00',
+  'Component/Button/Brand/Tertiary/Border/Hover': '#FFFFFF00',
+  'Component/Button/Brand/Tertiary/Border/Disabled': '#FFFFFF00',
+  'Component/Button/Inverted/Default': '#FFFFFF',
+  'Component/Button/Inverted/Faded': '#FFFFFFE6',
+  'Component/Button/Inverted/Hover': '#f2f2f2',
+  'Component/Button/Inverted/Hover Inverted': '#3C4336',
+  'Component/Button/Inverted/Disabled': '#1F1C1B1A',
+  'Component/Button/Inverted/On fill/Default': '#834722',
+  'Component/Button/Inverted/On fill/Hover': '#915836',
+  'Component/Button/Inverted/On fill/Hover inverted': '#FFFFFF',
+  'Component/Button/Inverted/On fill/Disabled': '#8C8C8C',
+  'Component/Button/Inverted/Border/Default': '#FFFFFF00',
+  'Component/Button/Inverted/Border/Hover': '#FFFFFF00',
+  'Component/Button/Inverted/Border/Disable': '#FFFFFF00',
+  'Border/Interactive/Default': '#BFBFBF',
+  'Border/Divider/Default': '#D9D9D9',
+  'Border/Divider/Subtle': '#E9E9E9',
+  'Border/Divider/Accent': '#BFBFBF',
+  'Border/Divider/Brand/OnPrimary 1/Default': '#FFFFFF',
+  'Border/Divider/Brand/OnPrimary 1/Secondary': '#FFFFFF',
+  'Border/Divider/Brand/OnPrimary 2/Default': '#FFFFFF',
+  'Border/Divider/Brand/OnPrimary 3/Default': '#FFFFFF',
+  'Border/Interactive/Selected': '#262626',
+  'Border/Interactive/Focus': '#262626',
+  'Border/Interactive/Disabled': '#BFBFBF',
+  'Border/Interactive/Error': '#AD0015',
+  'Border/Interactive/KeyboardFocus': '#5B8FD4',
+  'Component/Button/Muted/Default': '#FFFFFF00',
+  'Component/Button/Muted/Hover': '#FFFFFF00',
+  'Component/Button/Muted/Disabled': '#FFFFFF1A',
+  'Component/Button/Muted/Hover inverted': '#1F1C1B0D',
+  'Component/Button/Muted/Disabled inverted': '#D9D9D9',
+  'Component/Button/Muted/On fill/Default': '#1F1F1F',
+  'Component/Button/Muted/On fill/Inverted': '#FFFFFF',
+  'Component/Button/Muted/On fill/Hover Inverted': '#9B5622',
+  'Component/Button/Muted/On fill/Disabled': '#8C8C8C',
+  'Component/Button/Muted/Border/Default': '#FFFFFF1A',
+  'Component/Button/Muted/Border/Hover': '#ffffff30',
+  'Component/Button/Muted/Border/Disable': '#FFFFFF1A',
+}
diff --git a/packages/design-system/lib/styles/fonts/Helvetica/helvetica.ttf b/packages/design-system/lib/styles/fonts/Helvetica/helvetica.ttf
deleted file mode 100644
index 718f22d4a..000000000
Binary files a/packages/design-system/lib/styles/fonts/Helvetica/helvetica.ttf and /dev/null differ
diff --git a/packages/design-system/lib/styles/globals.css b/packages/design-system/lib/styles/globals.css
index 750c8aba7..cdf901200 100644
--- a/packages/design-system/lib/styles/globals.css
+++ b/packages/design-system/lib/styles/globals.css
@@ -1,5 +1,3 @@
-@font-face {
-  font-family: 'Helvetica';
-  font-style: normal;
-  src: url('./fonts/Helvetica/helvetica.ttf') format('ttf');
+* {
+  margin: 0;
 }
diff --git a/packages/design-system/lib/styles/grand-hotel.css b/packages/design-system/lib/styles/grand-hotel.css
new file mode 100644
index 000000000..aa6276f5d
--- /dev/null
+++ b/packages/design-system/lib/styles/grand-hotel.css
@@ -0,0 +1,349 @@
+/* This file is generated, do not edit manually! */
+.grand-hotel {
+  /* Values */
+  --Body-Lead-text-Font-fallback: sans-serif;
+  --Body-Lead-text-Letter-spacing: 0.2px;
+  --Body-Paragraph-Font-fallback: sans-serif;
+  --Body-Paragraph-Letter-spacing: 0.19px;
+  --Body-Supporting-text-Font-fallback: sans-serif;
+  --Body-Supporting-text-Letter-spacing: 0.2px;
+  --Body-Underline-md-Font-fallback: sans-serif;
+  --Body-Underline-md-Letter-spacing: 0.19px;
+  --Body-Underline-sm-Font-fallback: sans-serif;
+  --Body-Underline-sm-Letter-spacing: 0.2px;
+  --Component-Button-Brand-Primary-Hover: #34373d;
+  --Component-Button-Brand-Secondary-Border-Hover-inverted: #e6e6e7;
+  --Component-Button-Brand-Tertiary-Hover: #b8cad0;
+  --Component-Button-Brand-Tertiary-On-fill-Hover: #34373d;
+  --Component-Button-Inverted-Hover: #f2f2f2;
+  --Component-Button-Inverted-On-fill-Hover: #34373d;
+  --Component-Button-Muted-Border-Hover: #ffffff30;
+  --Component-Button-Muted-Hover-inverted: #f2f2f2;
+  --Font-family-Grand-Hotel-Body: 'Fira sans';
+  --Font-family-Grand-Hotel-Decorative: 'Canela Deck';
+  --Font-family-Grand-Hotel-Title: 'Canela Deck';
+  --Label-Font-fallback: sans-serif;
+  --Label-Letter-spacing: 0.17px;
+  --Link-md-Font-fallback: sans-serif;
+  --Link-md-Letter-spacing: 0.19px;
+  --Link-sm-Font-fallback: sans-serif;
+  --Link-sm-Letter-spacing: 0.2px;
+  --Signature-Grand-Hotel-Blue-Bayoux-100: #21252b;
+  --Signature-Grand-Hotel-Blue-Bayoux-50: #5b6e7f;
+  --Signature-Grand-Hotel-Blue-Bayoux-80: #3d444d;
+  --Signature-Grand-Hotel-Blue-Bayoux-90: #363c43;
+  --Signature-Grand-Hotel-Careys-Pink-40: #dba7b1;
+  --Signature-Grand-Hotel-Careys-Pink-50: #c27183;
+  --Signature-Grand-Hotel-Careys-Pink-60: #aa546b;
+  --Signature-Grand-Hotel-Careys-Pink-70: #8e4258;
+  --Signature-Grand-Hotel-Cloudy-0: #f7f6f5;
+  --Signature-Grand-Hotel-Cloudy-10: #ebeae9;
+  --Signature-Grand-Hotel-Cloudy-20: #d7d7d1;
+  --Signature-Grand-Hotel-Cloudy-30: #b2ada7;
+  --Signature-Grand-Hotel-Submarine-30: #b0c4cb;
+  --Surface-Brand-Primary-1-OnSurface-Accent-Secondary: #ffffff;
+  --Surface-Brand-Primary-1-OnSurface-Accent: #ffffff;
+  --Surface-Brand-Primary-1-OnSurface-Default: #ffffff;
+  --Surface-Brand-Primary-2-OnSurface-Accent: #ffffff;
+  --Surface-Brand-Primary-2-OnSurface-Default: #ffffff;
+  --Surface-Brand-Primary-3-OnSurface-Accent: #ffffff;
+  --Surface-Brand-Primary-3-OnSurface-Default: #ffffff;
+  --Surface-Primary-Hover-Light: #e6e5e5;
+  --Surface-Primary-Hover: #f2f2f2;
+  --Surface-Secondary-Hover: #ebeae9;
+  --Tag-Font-fallback: sans-serif;
+  --Tag-Letter-spacing: 0.24px;
+  --Tag-Text-Transform: uppercase;
+  --Title-Decorative-lg-Font-fallback: Serif;
+  --Title-Decorative-lg-Letter-spacing: 0.3px;
+  --Title-Decorative-lg-Text-Transform: uppercase;
+  --Title-Decorative-md-Font-fallback: Serif;
+  --Title-Decorative-md-Letter-spacing: 0.24px;
+  --Title-Decorative-md-Text-Transform: uppercase;
+  --Title-Overline-sm-Font-fallback: sans-serif;
+  --Title-Overline-sm-Letter-spacing: 0.21px;
+  --Title-Overline-sm-Text-Transform: uppercase;
+  --Title-Subtitle-lg-Font-fallback: sans-serif;
+  --Title-Subtitle-lg-Letter-spacing: 0.24px;
+  --Title-Subtitle-md-Font-fallback: sans-serif;
+  --Title-Subtitle-md-Letter-spacing: 0.2px;
+  --Title-lg-Font-fallback: Serif;
+  --Title-lg-Letter-spacing: 0.12px;
+  --Title-lg-Text-Transform: unset;
+  --Title-md-Font-fallback: Serif;
+  --Title-md-Letter-spacing: 0.18px;
+  --Title-md-LowCase-Font-fallback: Serif;
+  --Title-md-LowCase-Letter-spacing: 0.18px;
+  --Title-md-LowCase-Text-Transform: unset;
+  --Title-md-Text-Transform: unset;
+  --Title-sm-Font-fallback: Serif;
+  --Title-sm-Letter-spacing: 0.28px;
+  --Title-sm-LowCase-Font-fallback: Serif;
+  --Title-sm-LowCase-Letter-spacing: 0.28px;
+  --Title-sm-LowCase-Text-Transform: unset;
+  --Title-sm-Text-Transform: unset;
+  --Title-xs-Font-fallback: Serif;
+  --Title-xs-Letter-spacing: 0.24px;
+  --Title-xs-Text-Transform: unset;
+  --Utilities-Gradients-10: #5b6e7f1a;
+
+  /* Aliases */
+  --Background-Primary: var(--Neutral-Opacity-White-100);
+  --Background-Secondary: var(--Neutral-Opacity-White-100);
+  --Body-Lead-text-Font-family: var(--Font-family-Grand-Hotel-Body);
+  --Body-Lead-text-Font-weight: var(--Font-weight-Regular);
+  --Body-Lead-text-Size: var(--Impl-Text-size-xs);
+  --Body-Paragraph-Font-family: var(--Font-family-Grand-Hotel-Body);
+  --Body-Paragraph-Font-weight-2: var(--Font-weight-Medium);
+  --Body-Paragraph-Font-weight: var(--Font-weight-Regular);
+  --Body-Paragraph-Size: var(--Impl-Text-size-3xs);
+  --Body-Supporting-text-Font-family: var(--Font-family-Grand-Hotel-Body);
+  --Body-Supporting-text-Font-weight-2: var(--Font-weight-Medium);
+  --Body-Supporting-text-Font-weight: var(--Font-weight-Regular);
+  --Body-Supporting-text-Size: var(--Impl-Text-size-4xs);
+  --Body-Underline-md-Font-family: var(--Font-family-Grand-Hotel-Body);
+  --Body-Underline-md-Font-weight: var(--Font-weight-Regular);
+  --Body-Underline-md-Size: var(--Impl-Text-size-3xs);
+  --Body-Underline-sm-Font-family: var(--Font-family-Grand-Hotel-Body);
+  --Body-Underline-sm-Font-weight: var(--Font-weight-Regular);
+  --Body-Underline-sm-Size: var(--Impl-Text-size-4xs);
+  --Border-Default: var(--Neutral-20);
+  --Border-Divider-Accent: var(--Neutral-30);
+  --Border-Divider-Brand-OnPrimary-1-Default: var(--Neutral-Opacity-White-100);
+  --Border-Divider-Brand-OnPrimary-1-Secondary: var(
+    --Neutral-Opacity-White-100
+  );
+  --Border-Divider-Brand-OnPrimary-2-Default: var(--Neutral-Opacity-White-100);
+  --Border-Divider-Brand-OnPrimary-3-Default: var(--Neutral-Opacity-White-100);
+  --Border-Divider-Default: var(--Neutral-20);
+  --Border-Divider-Subtle: var(--Neutral-15);
+  --Border-Intense: var(--Neutral-30);
+  --Border-Interactive-Default: var(--Neutral-30);
+  --Border-Interactive-Disabled: var(--Neutral-30);
+  --Border-Interactive-Error: var(--Scandic-Red-70);
+  --Border-Interactive-Focus: var(--Neutral-80);
+  --Border-Interactive-KeyboardFocus: var(--Scandic-Blue-50);
+  --Border-Interactive-Selected: var(--Neutral-80);
+  --Border-Inverted: var(--Neutral-Opacity-White-100);
+  --Component-Button-Brand-Primary-Border-Default: var(
+    --Neutral-Opacity-White-0
+  );
+  --Component-Button-Brand-Primary-Border-Disabled: var(
+    --Neutral-Opacity-White-0
+  );
+  --Component-Button-Brand-Primary-Border-Hover: var(--Neutral-Opacity-White-0);
+  --Component-Button-Brand-Primary-Default: var(
+    --Signature-Grand-Hotel-Blue-Bayoux-100
+  );
+  --Component-Button-Brand-Primary-Disabled: var(--Neutral-Opacity-Black-10);
+  --Component-Button-Brand-Primary-On-fill-Default: var(
+    --Neutral-Opacity-White-100
+  );
+  --Component-Button-Brand-Primary-On-fill-Disabled: var(--Neutral-40);
+  --Component-Button-Brand-Primary-On-fill-Hover: var(
+    --Neutral-Opacity-White-100
+  );
+  --Component-Button-Brand-Secondary-Border-Default: var(
+    --Signature-Grand-Hotel-Blue-Bayoux-100
+  );
+  --Component-Button-Brand-Secondary-Border-Disabled: var(
+    --Neutral-Opacity-Black-10
+  );
+  --Component-Button-Brand-Secondary-Border-Hover: var(
+    --Signature-Grand-Hotel-Blue-Bayoux-80
+  );
+  --Component-Button-Brand-Secondary-Border-Inverted: var(
+    --Neutral-Opacity-White-100
+  );
+  --Component-Button-Brand-Secondary-Default: var(--Neutral-Opacity-White-0);
+  --Component-Button-Brand-Secondary-Disabled: var(--Neutral-Opacity-Black-10);
+  --Component-Button-Brand-Secondary-Hover-Inverted: var(
+    --Signature-Grand-Hotel-Submarine-30
+  );
+  --Component-Button-Brand-Secondary-Hover: var(--Neutral-Opacity-White-0);
+  --Component-Button-Brand-Secondary-Inverted: var(--Neutral-Opacity-White-100);
+  --Component-Button-Brand-Secondary-On-fill-Default: var(
+    --Signature-Grand-Hotel-Blue-Bayoux-100
+  );
+  --Component-Button-Brand-Secondary-On-fill-Disabled: var(--Neutral-40);
+  --Component-Button-Brand-Secondary-On-fill-Hover: var(
+    --Signature-Grand-Hotel-Blue-Bayoux-80
+  );
+  --Component-Button-Brand-Secondary-On-fill-Inverted: var(
+    --Neutral-Opacity-White-100
+  );
+  --Component-Button-Brand-Tertiary-Border-Default: var(
+    --Neutral-Opacity-White-0
+  );
+  --Component-Button-Brand-Tertiary-Border-Disabled: var(
+    --Neutral-Opacity-White-0
+  );
+  --Component-Button-Brand-Tertiary-Border-Hover: var(
+    --Neutral-Opacity-White-0
+  );
+  --Component-Button-Brand-Tertiary-Default: var(
+    --Signature-Grand-Hotel-Submarine-30
+  );
+  --Component-Button-Brand-Tertiary-Disabled: var(--Neutral-Opacity-Black-10);
+  --Component-Button-Brand-Tertiary-On-fill-Default: var(
+    --Signature-Grand-Hotel-Blue-Bayoux-100
+  );
+  --Component-Button-Brand-Tertiary-On-fill-Disabled: var(--Neutral-40);
+  --Component-Button-Inverted-Border-Default: var(--Neutral-Opacity-White-0);
+  --Component-Button-Inverted-Border-Disable: var(--Neutral-Opacity-White-10);
+  --Component-Button-Inverted-Border-Hover: var(--Neutral-Opacity-White-10);
+  --Component-Button-Inverted-Default: var(--Neutral-Opacity-White-100);
+  --Component-Button-Inverted-Disabled: var(--Neutral-Opacity-Black-10);
+  --Component-Button-Inverted-Faded: var(--Neutral-Opacity-White-90);
+  --Component-Button-Inverted-Hover-Inverted: var(
+    --Signature-Grand-Hotel-Submarine-30
+  );
+  --Component-Button-Inverted-On-fill-Default: var(
+    --Signature-Grand-Hotel-Blue-Bayoux-100
+  );
+  --Component-Button-Inverted-On-fill-Disabled: var(--Neutral-40);
+  --Component-Button-Inverted-On-fill-Hover-inverted: var(
+    --Neutral-Opacity-White-100
+  );
+  --Component-Button-Muted-Border-Default: var(--Neutral-Opacity-White-10);
+  --Component-Button-Muted-Border-Disable: var(--Neutral-Opacity-White-10);
+  --Component-Button-Muted-Default: var(--Neutral-Opacity-White-100);
+  --Component-Button-Muted-Disabled-inverted: var(--Neutral-20);
+  --Component-Button-Muted-Disabled: var(--Neutral-Opacity-White-100);
+  --Component-Button-Muted-Hover: var(--Neutral-Opacity-White-100);
+  --Component-Button-Muted-On-fill-Default: var(--Neutral-90);
+  --Component-Button-Muted-On-fill-Disabled: var(--Neutral-40);
+  --Component-Button-Muted-On-fill-Hover-Inverted: var(
+    --Signature-Grand-Hotel-Blue-Bayoux-80
+  );
+  --Component-Button-Muted-On-fill-Inverted: var(--Neutral-Opacity-White-100);
+  --Icon-Accent: var(--Signature-Grand-Hotel-Careys-Pink-40);
+  --Icon-Default: var(--Neutral-60);
+  --Icon-Feedback-Error: var(--Scandic-Red-70);
+  --Icon-Feedback-Information: var(--Scandic-Blue-70);
+  --Icon-Feedback-Neutral: var(--Neutral-60);
+  --Icon-Feedback-Success: var(--Scandic-Green-60);
+  --Icon-Feedback-Warning: var(--Scandic-Yellow-60);
+  --Icon-Intense: var(--Neutral-90);
+  --Icon-Interactive-Default: var(--Signature-Grand-Hotel-Blue-Bayoux-100);
+  --Icon-Interactive-Disabled: var(--Neutral-30);
+  --Icon-Interactive-Placeholder: var(--Neutral-50);
+  --Icon-Interactive-Secondary: var(--Signature-Grand-Hotel-Careys-Pink-60);
+  --Icon-Inverted: var(--Neutral-Opacity-White-100);
+  --Label-Font-family: var(--Font-family-Grand-Hotel-Body);
+  --Label-Font-weight-2: var(--Font-weight-Medium);
+  --Label-Font-weight: var(--Font-weight-Regular);
+  --Label-Size: var(--Impl-Text-size-5xs);
+  --Link-md-Font-family: var(--Font-family-Grand-Hotel-Body);
+  --Link-md-Font-weight: var(--Font-weight-Medium);
+  --Link-md-Size: var(--Impl-Text-size-3xs);
+  --Link-sm-Font-family: var(--Font-family-Grand-Hotel-Body);
+  --Link-sm-Font-weight: var(--Font-weight-Medium);
+  --Link-sm-Size: var(--Impl-Text-size-4xs);
+  --Overlay-10: var(--Neutral-Opacity-Black-10);
+  --Overlay-20: var(--Neutral-Opacity-Black-20);
+  --Overlay-40: var(--Neutral-Opacity-Black-40);
+  --Overlay-60: var(--Neutral-Opacity-Black-60);
+  --Overlay-80: var(--Neutral-Opacity-Black-80);
+  --Overlay-90: var(--Neutral-Opacity-Black-90);
+  --Surface-Accent-1: var(--Signature-Grand-Hotel-Careys-Pink-70);
+  --Surface-Accent-2: var(--Scandic-Blue-70);
+  --Surface-Accent-3: var(--Signature-Grand-Hotel-Careys-Pink-50);
+  --Surface-Accent-4: var(--Signature-Grand-Hotel-Blue-Bayoux-50);
+  --Surface-Accent-5: var(--Signature-Grand-Hotel-Blue-Bayoux-90);
+  --Surface-Brand-Accent-Default: var(--Signature-Grand-Hotel-Cloudy-30);
+  --Surface-Brand-Primary-1-Default: var(
+    --Signature-Grand-Hotel-Careys-Pink-40
+  );
+  --Surface-Brand-Primary-2-Default: var(
+    --Signature-Grand-Hotel-Careys-Pink-40
+  );
+  --Surface-Brand-Primary-3-Default: var(
+    --Signature-Grand-Hotel-Blue-Bayoux-50
+  );
+  --Surface-Feedback-Error-Accent: var(--Scandic-Red-70);
+  --Surface-Feedback-Error: var(--Scandic-Red-00);
+  --Surface-Feedback-Information-Accent: var(--Scandic-Blue-70);
+  --Surface-Feedback-Information: var(--Scandic-Blue-00);
+  --Surface-Feedback-Neutral-Accent: var(--Neutral-50);
+  --Surface-Feedback-Neutral: var(--Neutral-15);
+  --Surface-Feedback-Succes-Accent: var(--Scandic-Green-60);
+  --Surface-Feedback-Succes: var(--Scandic-Green-00);
+  --Surface-Feedback-Warning--Light: var(--Scandic-Yellow-00);
+  --Surface-Feedback-Warning-Accent: var(--Scandic-Yellow-60);
+  --Surface-Primary-Default: var(--Neutral-Opacity-White-100);
+  --Surface-Primary-Disabled: var(--Neutral-15);
+  --Surface-Primary-Hover-Accent: var(--Neutral-15);
+  --Surface-Primary-OnSurface-Default: var(--Signature-Grand-Hotel-Cloudy-0);
+  --Surface-Secondary-Default: var(--Signature-Grand-Hotel-Cloudy-0);
+  --Surface-Secondary-Secondary: var(--Signature-Grand-Hotel-Cloudy-0);
+  --Surface-UI-Fill-Active-Hover: var(--Neutral-Opacity-White-100);
+  --Surface-UI-Fill-Active: var(--Neutral-80);
+  --Surface-UI-Fill-Default: var(--Neutral-Opacity-White-100);
+  --Surface-UI-Fill-Disabled: var(--Neutral-15);
+  --Surface-UI-Fill-Intense: var(--Neutral-80);
+  --Tag-Font-family: var(--Font-family-Grand-Hotel-Body);
+  --Tag-Font-weight: var(--Font-weight-Medium);
+  --Tag-Size: var(--Impl-Text-size-5xs);
+  --Text-Accent-Primary: var(--Signature-Grand-Hotel-Careys-Pink-60);
+  --Text-Accent-Secondary: var(--Neutral-50);
+  --Text-Brand-OnAccent-Accent: var(--Neutral-90);
+  --Text-Brand-OnAccent-Default: var(--Neutral-90);
+  --Text-Brand-OnAccent-Heading: var(--Neutral-90);
+  --Text-Brand-OnPrimary-1-Accent: var(--Neutral-90);
+  --Text-Brand-OnPrimary-1-Default: var(--Neutral-90);
+  --Text-Brand-OnPrimary-1-Heading: var(--Neutral-90);
+  --Text-Brand-OnPrimary-2-Accent: var(--Neutral-90);
+  --Text-Brand-OnPrimary-2-Default: var(--Neutral-90);
+  --Text-Brand-OnPrimary-2-Heading: var(--Neutral-90);
+  --Text-Brand-OnPrimary-3-Accent: var(--Neutral-Opacity-White-100);
+  --Text-Brand-OnPrimary-3-Default: var(--Neutral-Opacity-White-100);
+  --Text-Brand-OnPrimary-3-Heading: var(--Neutral-Opacity-White-100);
+  --Text-Default: var(--Neutral-90);
+  --Text-Heading: var(--Neutral-90);
+  --Text-Interactive-Default: var(--Signature-Grand-Hotel-Blue-Bayoux-100);
+  --Text-Interactive-Disabled: var(--Neutral-40);
+  --Text-Interactive-Error: var(--Scandic-Red-70);
+  --Text-Interactive-Focus: var(--Neutral-80);
+  --Text-Interactive-Hover-Secondary: var(
+    --Signature-Grand-Hotel-Careys-Pink-50
+  );
+  --Text-Interactive-Placeholder: var(--Neutral-50);
+  --Text-Interactive-Secondary: var(--Signature-Grand-Hotel-Careys-Pink-60);
+  --Text-Inverted: var(--Neutral-Opacity-White-100);
+  --Text-Secondary: var(--Neutral-60);
+  --Text-Tertiary: var(--Neutral-50);
+  --Title-Decorative-lg-Font-family: var(--Font-family-Grand-Hotel-Decorative);
+  --Title-Decorative-lg-Font-weight: var(--Font-weight-Regular);
+  --Title-Decorative-lg-Size: var(--Impl-Text-size-xs);
+  --Title-Decorative-md-Font-family: var(--Font-family-Grand-Hotel-Title);
+  --Title-Decorative-md-Font-weight: var(--Font-weight-Regular);
+  --Title-Decorative-md-Size: var(--Impl-Text-size-3xs);
+  --Title-Overline-sm-Font-family: var(--Font-family-Grand-Hotel-Body);
+  --Title-Overline-sm-Font-weight: var(--Font-weight-Medium);
+  --Title-Overline-sm-Size: var(--Impl-Text-size-4xs);
+  --Title-Subtitle-lg-Font-family: var(--Font-family-Grand-Hotel-Body);
+  --Title-Subtitle-lg-Font-weight: var(--Font-weight-Medium);
+  --Title-Subtitle-lg-Size: var(--Impl-Text-size-sm);
+  --Title-Subtitle-md-Font-family: var(--Font-family-Grand-Hotel-Body);
+  --Title-Subtitle-md-Font-weight: var(--Font-weight-Medium);
+  --Title-Subtitle-md-Size: var(--Impl-Text-size-xs);
+  --Title-lg-Font-family: var(--Font-family-Grand-Hotel-Title);
+  --Title-lg-Font-weight: var(--Font-weight-Regular);
+  --Title-lg-Size: var(--Impl-Text-size-4xl);
+  --Title-md-Font-family: var(--Font-family-Grand-Hotel-Title);
+  --Title-md-Font-weight: var(--Font-weight-Regular);
+  --Title-md-LowCase-Font-family: var(--Font-family-Grand-Hotel-Title);
+  --Title-md-LowCase-Font-weight: var(--Font-weight-Regular);
+  --Title-md-LowCase-Size: var(--Impl-Text-size-2xl);
+  --Title-md-Size: var(--Impl-Text-size-2xl);
+  --Title-sm-Font-family: var(--Font-family-Grand-Hotel-Title);
+  --Title-sm-Font-weight: var(--Font-weight-Regular);
+  --Title-sm-LowCase-Font-family: var(--Font-family-Grand-Hotel-Title);
+  --Title-sm-LowCase-Font-weight: var(--Font-weight-Regular);
+  --Title-sm-LowCase-Size: var(--Impl-Text-size-lg);
+  --Title-sm-Size: var(--Impl-Text-size-lg);
+  --Title-xs-Font-family: var(--Font-family-Grand-Hotel-Title);
+  --Title-xs-Font-weight: var(--Font-weight-Regular);
+  --Title-xs-Size: var(--Impl-Text-size-sm);
+}
diff --git a/packages/design-system/lib/styles/grand-hotel.js b/packages/design-system/lib/styles/grand-hotel.js
new file mode 100644
index 000000000..6c6e19f0f
--- /dev/null
+++ b/packages/design-system/lib/styles/grand-hotel.js
@@ -0,0 +1,272 @@
+/* This file is generated, do not edit manually! */
+export const theme = {
+  'Signature/Grand Hotel/Careys Pink/40': '#DBA7B1',
+  'Signature/Grand Hotel/Careys Pink/50': '#C27183',
+  'Signature/Grand Hotel/Careys Pink/60': '#AA546B',
+  'Signature/Grand Hotel/Careys Pink/70': '#8E4258',
+  'Signature/Grand Hotel/Cloudy/0': '#F7F6F5',
+  'Signature/Grand Hotel/Cloudy/10': '#EBEAE9',
+  'Signature/Grand Hotel/Cloudy/20': '#D7D7D1',
+  'Signature/Grand Hotel/Blue Bayoux/50': '#5B6E7F',
+  'Signature/Grand Hotel/Blue Bayoux/80': '#3D444D',
+  'Signature/Grand Hotel/Blue Bayoux/90': '#363C43',
+  'Signature/Grand Hotel/Blue Bayoux/100': '#21252B',
+  'Signature/Grand Hotel/Cloudy/30': '#B2ADA7',
+  'Signature/Grand Hotel/Submarine/30': '#B0C4CB',
+  'Title/lg/Letter spacing': 0.12,
+  'Title/lg/Font fallback': 'Serif',
+  'Title/lg/Text-Transform': 'unset',
+  'Title/md/Letter spacing': 0.18,
+  'Title/md/Font fallback': 'Serif',
+  'Title/sm/Letter spacing': 0.28,
+  'Title/sm/Font fallback': 'Serif',
+  'Title/sm/Text-Transform': 'unset',
+  'Title/Decorative/lg/Letter spacing': 0.3,
+  'Title/Decorative/lg/Font fallback': 'Serif',
+  'Title/Decorative/lg/Text-Transform': 'uppercase',
+  'Title/Decorative/md/Letter spacing': 0.24,
+  'Title/Decorative/md/Font fallback': 'Serif',
+  'Title/Decorative/md/Text-Transform': 'uppercase',
+  'Title/Subtitle/lg/Font fallback': 'sans-serif',
+  'Title/Subtitle/lg/Letter spacing': 0.24,
+  'Title/Subtitle/md/Font fallback': 'sans-serif',
+  'Title/Subtitle/md/Letter spacing': 0.2,
+  'Title/Overline/sm/Letter spacing': 0.21,
+  'Title/Overline/sm/Font fallback': 'sans-serif',
+  'Title/Overline/sm/Text-Transform': 'uppercase',
+  'Title/sm/LowCase/Letter spacing': 0.28,
+  'Title/sm/LowCase/Font fallback': 'Serif',
+  'Title/sm/LowCase/Text-Transform': 'unset',
+  'Title/xs/Letter spacing': 0.24,
+  'Title/xs/Font fallback': 'Serif',
+  'Title/xs/Text-Transform': 'unset',
+  'Title/md/Text-Transform': 'unset',
+  'Title/md/LowCase/Letter spacing': 0.18,
+  'Title/md/LowCase/Font fallback': 'Serif',
+  'Title/md/LowCase/Text-Transform': 'unset',
+  'Tag/Letter spacing': 0.24,
+  'Tag/Font fallback': 'sans-serif',
+  'Tag/Text-Transform': 'uppercase',
+  'Link/md/Font fallback': 'sans-serif',
+  'Link/md/Letter spacing': 0.19,
+  'Link/sm/Font fallback': 'sans-serif',
+  'Link/sm/Letter spacing': 0.2,
+  'Body/Lead text/Font fallback': 'sans-serif',
+  'Body/Paragraph/Font fallback': 'sans-serif',
+  'Body/Paragraph/Letter spacing': 0.19,
+  'Body/Supporting text/Font fallback': 'sans-serif',
+  'Body/Supporting text/Letter spacing': 0.2,
+  'Body/Lead text/Letter spacing': 0.2,
+  'Label/Font fallback': 'sans-serif',
+  'Label/Letter spacing': 0.17,
+  'Body/Underline/md/Font fallback': 'sans-serif',
+  'Body/Underline/md/Letter spacing': 0.19,
+  'Body/Underline/sm/Font fallback': 'sans-serif',
+  'Body/Underline/sm/Letter spacing': 0.2,
+  'Surface/Brand/Primary 1/OnSurface/Default': '#FFFFFF',
+  'Surface/Brand/Primary 1/OnSurface/Accent': '#FFFFFF',
+  'Surface/Brand/Primary 1/OnSurface/Accent Secondary': '#FFFFFF',
+  'Surface/Brand/Primary 2/OnSurface/Default': '#FFFFFF',
+  'Surface/Brand/Primary 2/OnSurface/Accent': '#FFFFFF',
+  'Surface/Brand/Primary 3/OnSurface/Default': '#FFFFFF',
+  'Surface/Brand/Primary 3/OnSurface/Accent': '#FFFFFF',
+  'Utilities/Gradients/10': '#5B6E7F1A',
+  'Font family/Grand Hotel/Title': 'Canela Deck',
+  'Font family/Grand Hotel/Body': 'Fira sans',
+  'Font family/Grand Hotel/Decorative': 'Canela Deck',
+  'Title/lg/Font weight': 400,
+  'Title/lg/Font family': 'Canela Deck',
+  'Title/md/Font weight': 400,
+  'Title/md/Font family': 'Canela Deck',
+  'Title/sm/Font weight': 400,
+  'Title/sm/Font family': 'Canela Deck',
+  'Title/sm/LowCase/Font weight': 400,
+  'Title/sm/LowCase/Font family': 'Canela Deck',
+  'Title/Decorative/lg/Font weight': 400,
+  'Title/Decorative/lg/Font family': 'Canela Deck',
+  'Title/Decorative/md/Font weight': 400,
+  'Title/Decorative/md/Font family': 'Canela Deck',
+  'Title/Subtitle/lg/Font weight': 500,
+  'Title/Subtitle/lg/Font family': 'Fira sans',
+  'Title/Subtitle/md/Font weight': 500,
+  'Title/Subtitle/md/Font family': 'Fira sans',
+  'Title/Overline/sm/Font weight': 500,
+  'Title/Overline/sm/Font family': 'Fira sans',
+  'Title/xs/Font weight': 400,
+  'Title/xs/Font family': 'Canela Deck',
+  'Title/md/LowCase/Font weight': 400,
+  'Title/md/LowCase/Font family': 'Canela Deck',
+  'Tag/Font weight': 500,
+  'Tag/Font family': 'Fira sans',
+  'Link/md/Font weight': 500,
+  'Link/md/Font family': 'Fira sans',
+  'Link/sm/Font weight': 500,
+  'Link/sm/Font family': 'Fira sans',
+  'Body/Lead text/Font weight': 400,
+  'Body/Lead text/Font family': 'Fira sans',
+  'Body/Paragraph/Font weight': 400,
+  'Body/Paragraph/Font weight 2': 500,
+  'Body/Paragraph/Font family': 'Fira sans',
+  'Body/Supporting text/Font weight': 400,
+  'Body/Supporting text/Font weight 2': 500,
+  'Body/Supporting text/Font family': 'Fira sans',
+  'Label/Font weight': 400,
+  'Label/Font weight 2': 500,
+  'Label/Font family': 'Fira sans',
+  'Body/Underline/md/Font weight': 400,
+  'Body/Underline/md/Font family': 'Fira sans',
+  'Body/Underline/sm/Font weight': 400,
+  'Body/Underline/sm/Font family': 'Fira sans',
+  'Text/Heading': '#1F1F1F',
+  'Text/Default': '#1F1F1F',
+  'Text/Secondary': '#575757',
+  'Text/Tertiary': '#747474',
+  'Text/Accent Primary': '#AA546B',
+  'Text/Accent Secondary': '#747474',
+  'Text/Inverted': '#FFFFFF',
+  'Text/Interactive/Default': '#21252B',
+  'Text/Interactive/Secondary': '#AA546B',
+  'Text/Interactive/Hover Secondary': '#C27183',
+  'Text/Interactive/Disabled': '#8C8C8C',
+  'Text/Interactive/Focus': '#262626',
+  'Text/Interactive/Error': '#AD0015',
+  'Text/Interactive/Placeholder': '#747474',
+  'Text/Brand/OnAccent/Heading': '#1F1F1F',
+  'Text/Brand/OnAccent/Default': '#1F1F1F',
+  'Text/Brand/OnAccent/Accent': '#1F1F1F',
+  'Text/Brand/OnPrimary 1/Heading': '#1F1F1F',
+  'Text/Brand/OnPrimary 1/Default': '#1F1F1F',
+  'Text/Brand/OnPrimary 1/Accent': '#1F1F1F',
+  'Text/Brand/OnPrimary 2/Heading': '#1F1F1F',
+  'Text/Brand/OnPrimary 2/Default': '#1F1F1F',
+  'Text/Brand/OnPrimary 2/Accent': '#1F1F1F',
+  'Text/Brand/OnPrimary 3/Heading': '#FFFFFF',
+  'Text/Brand/OnPrimary 3/Default': '#FFFFFF',
+  'Text/Brand/OnPrimary 3/Accent': '#FFFFFF',
+  'Background/Primary': '#FFFFFF',
+  'Background/Secondary': '#FFFFFF',
+  'Surface/Primary/Default': '#FFFFFF',
+  'Surface/Primary/Hover': '#f2f2f2',
+  'Surface/Primary/Hover Light': '#e6e5e5',
+  'Surface/Primary/Hover Accent': '#E9E9E9',
+  'Surface/Primary/OnSurface/Default': '#F7F6F5',
+  'Surface/Primary/Disabled': '#E9E9E9',
+  'Surface/Secondary/Default': '#F7F6F5',
+  'Surface/Secondary/Secondary': '#F7F6F5',
+  'Surface/Secondary/Hover': '#ebeae9',
+  'Surface/Brand/Accent/Default': '#B2ADA7',
+  'Surface/Brand/Primary 1/Default': '#DBA7B1',
+  'Surface/Brand/Primary 2/Default': '#DBA7B1',
+  'Surface/Brand/Primary 3/Default': '#5B6E7F',
+  'Surface/UI Fill/Default': '#FFFFFF',
+  'Surface/UI Fill/Intense': '#262626',
+  'Surface/UI Fill/Active': '#262626',
+  'Surface/UI Fill/Active Hover': '#FFFFFF',
+  'Surface/UI Fill/Disabled': '#E9E9E9',
+  'Surface/Accent/1': '#8E4258',
+  'Surface/Accent/2': '#284EA0',
+  'Surface/Accent/3': '#C27183',
+  'Surface/Accent/4': '#5B6E7F',
+  'Surface/Accent/5': '#363C43',
+  'Surface/Feedback/Information Accent': '#284EA0',
+  'Surface/Feedback/Information': '#E8F6FF',
+  'Surface/Feedback/Succes Accent': '#348337',
+  'Surface/Feedback/Succes': '#F3FCE8',
+  'Surface/Feedback/Warning Accent': '#D17308',
+  'Surface/Feedback/Warning  Light': '#FFF8E3',
+  'Surface/Feedback/Error Accent': '#AD0015',
+  'Surface/Feedback/Error': '#FFEBEB',
+  'Surface/Feedback/Neutral Accent': '#747474',
+  'Surface/Feedback/Neutral': '#E9E9E9',
+  'Border/Default': '#D9D9D9',
+  'Border/Intense': '#BFBFBF',
+  'Border/Inverted': '#FFFFFF',
+  'Icon/Default': '#575757',
+  'Icon/Intense': '#1F1F1F',
+  'Icon/Accent': '#DBA7B1',
+  'Icon/Interactive/Default': '#21252B',
+  'Icon/Interactive/Secondary': '#AA546B',
+  'Icon/Interactive/Disabled': '#BFBFBF',
+  'Icon/Interactive/Placeholder': '#747474',
+  'Icon/Feedback/Information': '#284EA0',
+  'Icon/Feedback/Success': '#348337',
+  'Icon/Feedback/Warning': '#D17308',
+  'Icon/Feedback/Error': '#AD0015',
+  'Icon/Feedback/Neutral': '#575757',
+  'Icon/Inverted': '#FFFFFF',
+  'Overlay/10': '#1F1C1B1A',
+  'Overlay/20': '#1F1C1B33',
+  'Overlay/40': '#1F1C1B66',
+  'Overlay/60': '#1F1C1B99',
+  'Overlay/80': '#1F1C1BCC',
+  'Overlay/90': '#1F1C1BE6',
+  'Component/Button/Brand/Primary/Default': '#21252B',
+  'Component/Button/Brand/Primary/Hover': '#34373d',
+  'Component/Button/Brand/Primary/Disabled': '#1F1C1B1A',
+  'Component/Button/Brand/Primary/On fill/Default': '#FFFFFF',
+  'Component/Button/Brand/Primary/On fill/Hover': '#FFFFFF',
+  'Component/Button/Brand/Primary/On fill/Disabled': '#8C8C8C',
+  'Component/Button/Brand/Primary/Border/Default': '#FFFFFF00',
+  'Component/Button/Brand/Primary/Border/Hover': '#FFFFFF00',
+  'Component/Button/Brand/Primary/Border/Disabled': '#FFFFFF00',
+  'Component/Button/Brand/Secondary/Default': '#FFFFFF00',
+  'Component/Button/Brand/Secondary/Hover': '#FFFFFF00',
+  'Component/Button/Brand/Secondary/Inverted': '#FFFFFF',
+  'Component/Button/Brand/Secondary/Hover Inverted': '#B0C4CB',
+  'Component/Button/Brand/Secondary/Disabled': '#1F1C1B1A',
+  'Component/Button/Brand/Secondary/On fill/Default': '#21252B',
+  'Component/Button/Brand/Secondary/On fill/Hover': '#3D444D',
+  'Component/Button/Brand/Secondary/On fill/Inverted': '#FFFFFF',
+  'Component/Button/Brand/Secondary/On fill/Disabled': '#8C8C8C',
+  'Component/Button/Brand/Secondary/Border/Default': '#21252B',
+  'Component/Button/Brand/Secondary/Border/Hover': '#3D444D',
+  'Component/Button/Brand/Secondary/Border/Inverted': '#FFFFFF',
+  'Component/Button/Brand/Secondary/Border/Hover inverted': '#e6e6e7',
+  'Component/Button/Brand/Secondary/Border/Disabled': '#1F1C1B1A',
+  'Component/Button/Brand/Tertiary/Default': '#B0C4CB',
+  'Component/Button/Brand/Tertiary/Hover': '#b8cad0',
+  'Component/Button/Brand/Tertiary/Disabled': '#1F1C1B1A',
+  'Component/Button/Brand/Tertiary/On fill/Default': '#21252B',
+  'Component/Button/Brand/Tertiary/On fill/Hover': '#34373d',
+  'Component/Button/Brand/Tertiary/On fill/Disabled': '#8C8C8C',
+  'Component/Button/Brand/Tertiary/Border/Default': '#FFFFFF00',
+  'Component/Button/Brand/Tertiary/Border/Hover': '#FFFFFF00',
+  'Component/Button/Brand/Tertiary/Border/Disabled': '#FFFFFF00',
+  'Component/Button/Inverted/Default': '#FFFFFF',
+  'Component/Button/Inverted/Faded': '#FFFFFFE6',
+  'Component/Button/Inverted/Hover': '#f2f2f2',
+  'Component/Button/Inverted/Hover Inverted': '#B0C4CB',
+  'Component/Button/Inverted/Disabled': '#1F1C1B1A',
+  'Component/Button/Inverted/On fill/Default': '#21252B',
+  'Component/Button/Inverted/On fill/Hover': '#34373d',
+  'Component/Button/Inverted/On fill/Hover inverted': '#FFFFFF',
+  'Component/Button/Inverted/On fill/Disabled': '#8C8C8C',
+  'Component/Button/Inverted/Border/Default': '#FFFFFF00',
+  'Component/Button/Inverted/Border/Hover': '#FFFFFF1A',
+  'Component/Button/Inverted/Border/Disable': '#FFFFFF1A',
+  'Border/Interactive/Default': '#BFBFBF',
+  'Border/Divider/Default': '#D9D9D9',
+  'Border/Divider/Subtle': '#E9E9E9',
+  'Border/Divider/Accent': '#BFBFBF',
+  'Border/Divider/Brand/OnPrimary 1/Default': '#FFFFFF',
+  'Border/Divider/Brand/OnPrimary 1/Secondary': '#FFFFFF',
+  'Border/Divider/Brand/OnPrimary 2/Default': '#FFFFFF',
+  'Border/Divider/Brand/OnPrimary 3/Default': '#FFFFFF',
+  'Border/Interactive/Selected': '#262626',
+  'Border/Interactive/Focus': '#262626',
+  'Border/Interactive/Disabled': '#BFBFBF',
+  'Border/Interactive/Error': '#AD0015',
+  'Border/Interactive/KeyboardFocus': '#5B8FD4',
+  'Component/Button/Muted/Default': '#FFFFFF',
+  'Component/Button/Muted/Hover': '#FFFFFF',
+  'Component/Button/Muted/Disabled': '#FFFFFF',
+  'Component/Button/Muted/Hover inverted': '#f2f2f2',
+  'Component/Button/Muted/Disabled inverted': '#D9D9D9',
+  'Component/Button/Muted/On fill/Default': '#1F1F1F',
+  'Component/Button/Muted/On fill/Inverted': '#FFFFFF',
+  'Component/Button/Muted/On fill/Hover Inverted': '#3D444D',
+  'Component/Button/Muted/On fill/Disabled': '#8C8C8C',
+  'Component/Button/Muted/Border/Default': '#FFFFFF1A',
+  'Component/Button/Muted/Border/Hover': '#ffffff30',
+  'Component/Button/Muted/Border/Disable': '#FFFFFF1A',
+}
diff --git a/packages/design-system/lib/styles/haymarket.css b/packages/design-system/lib/styles/haymarket.css
new file mode 100644
index 000000000..8cda1b2ad
--- /dev/null
+++ b/packages/design-system/lib/styles/haymarket.css
@@ -0,0 +1,353 @@
+/* This file is generated, do not edit manually! */
+.haymarket {
+  /* Values */
+  --Body-Lead-text-Font-fallback: sans-serif;
+  --Body-Lead-text-Letter-spacing: 0.2px;
+  --Body-Paragraph-Font-fallback: sans-serif;
+  --Body-Paragraph-Letter-spacing: 0.19px;
+  --Body-Supporting-text-Font-fallback: sans-serif;
+  --Body-Supporting-text-Letter-spacing: 0.2px;
+  --Body-Underline-md-Font-fallback: sans-serif;
+  --Body-Underline-md-Letter-spacing: 0.19px;
+  --Body-Underline-sm-Font-fallback: sans-serif;
+  --Body-Underline-sm-Letter-spacing: 0.2px;
+  --Component-Button-Brand-Primary-Hover: #323232;
+  --Component-Button-Brand-Secondary-Border-Hover-inverted: #e6e6e6;
+  --Component-Button-Brand-Tertiary-Hover: #87664e;
+  --Component-Button-Inverted-Hover: #f2f2f2;
+  --Component-Button-Inverted-On-fill-Hover: #323232;
+  --Component-Button-Muted-Border-Hover: #ffffff30;
+  --Font-family-Haymarket-Body: 'Fira sans';
+  --Font-family-Haymarket-Decorative: 'Prumo text';
+  --Font-family-Haymarket-Title: 'Prumo text';
+  --Label-Font-fallback: sans-serif;
+  --Label-Letter-spacing: 0.17px;
+  --Link-md-Font-fallback: sans-serif;
+  --Link-md-Letter-spacing: 0.19px;
+  --Link-sm-Font-fallback: sans-serif;
+  --Link-sm-Letter-spacing: 0.2px;
+  --Signature-Haymarket-Antique-Brass-0: #f9f5f1;
+  --Signature-Haymarket-Antique-Brass-100: #37271c;
+  --Signature-Haymarket-Antique-Brass-10: #ede3d8;
+  --Signature-Haymarket-Antique-Brass-20: #d9c3ae;
+  --Signature-Haymarket-Antique-Brass-30: #c5a384;
+  --Signature-Haymarket-Antique-Brass-40: #ba8e6e;
+  --Signature-Haymarket-Antique-Brass-50: #946f54;
+  --Signature-Haymarket-Antique-Brass-60: #805e45;
+  --Signature-Haymarket-Antique-Brass-70: #634732;
+  --Signature-Haymarket-Antique-Brass-80: #5d4330;
+  --Signature-Haymarket-Antique-Brass-90: #483425;
+  --Signature-Haymarket-Bismark-0: #f3f8f8;
+  --Signature-Haymarket-Bismark-100: #1e282e;
+  --Signature-Haymarket-Bismark-10: #e0ebed;
+  --Signature-Haymarket-Bismark-20: #c5d7dc;
+  --Signature-Haymarket-Bismark-30: #9dbcc3;
+  --Signature-Haymarket-Bismark-40: #6e98a2;
+  --Signature-Haymarket-Bismark-50: #527c88;
+  --Signature-Haymarket-Bismark-60: #4a6c78;
+  --Signature-Haymarket-Bismark-70: #3e5760;
+  --Signature-Haymarket-Bismark-80: #394951;
+  --Signature-Haymarket-Bismark-90: #334046;
+  --Signature-Haymarket-Vista-White-0: #fbf7f6;
+  --Signature-Haymarket-Vista-White-100: #351f1a;
+  --Signature-Haymarket-Vista-White-10: #f6ecea;
+  --Signature-Haymarket-Vista-White-20: #f0ddd8;
+  --Signature-Haymarket-Vista-White-30: #e4c5bd;
+  --Signature-Haymarket-Vista-White-40: #d3a296;
+  --Signature-Haymarket-Vista-White-50: #c08273;
+  --Signature-Haymarket-Vista-White-60: #aa6858;
+  --Signature-Haymarket-Vista-White-70: #8e5547;
+  --Signature-Haymarket-Vista-White-80: #76493e;
+  --Signature-Haymarket-Vista-White-90: #644138;
+  --Surface-Brand-Primary-1-OnSurface-Accent-Secondary: #ffffff;
+  --Surface-Brand-Primary-1-OnSurface-Accent: #ffffff;
+  --Surface-Brand-Primary-1-OnSurface-Default: #ffffff;
+  --Surface-Brand-Primary-2-OnSurface-Accent: #ffffff;
+  --Surface-Brand-Primary-2-OnSurface-Default: #ffffff;
+  --Surface-Brand-Primary-3-OnSurface-Accent: #ffffff;
+  --Surface-Brand-Primary-3-OnSurface-Default: #ffffff;
+  --Surface-Primary-Hover-Light: #e6e5e5;
+  --Surface-Primary-Hover: #f2f2f2;
+  --Surface-Secondary-Hover: #efebea;
+  --Surface-UI-Fill-Active-Hover: #ffffff;
+  --Tag-Font-fallback: sans-serif;
+  --Tag-Letter-spacing: 0.24px;
+  --Tag-Text-Transform: uppercase;
+  --Title-Decorative-lg-Font-fallback: Serif;
+  --Title-Decorative-lg-Letter-spacing: 0.6px;
+  --Title-Decorative-lg-Text-Transform: uppercase;
+  --Title-Decorative-md-Font-fallback: Serif;
+  --Title-Decorative-md-Letter-spacing: 0.64px;
+  --Title-Decorative-md-Text-Transform: uppercase;
+  --Title-Overline-sm-Font-fallback: sans-serif;
+  --Title-Overline-sm-Letter-spacing: 0.21px;
+  --Title-Overline-sm-Text-Transform: uppercase;
+  --Title-Subtitle-lg-Font-fallback: sans-serif;
+  --Title-Subtitle-lg-Letter-spacing: 0.24px;
+  --Title-Subtitle-md-Font-fallback: sans-serif;
+  --Title-Subtitle-md-Letter-spacing: 0.2px;
+  --Title-lg-Font-fallback: Serif;
+  --Title-lg-Letter-spacing: 1.44px;
+  --Title-lg-Text-Transform: unset;
+  --Title-md-Font-fallback: Serif;
+  --Title-md-Letter-spacing: 0.36px;
+  --Title-md-LowCase-Font-fallback: Serif;
+  --Title-md-LowCase-Letter-spacing: 0.36px;
+  --Title-md-LowCase-Text-Transform: unset;
+  --Title-md-Text-Transform: unset;
+  --Title-sm-Font-fallback: Serif;
+  --Title-sm-Letter-spacing: 0.56px;
+  --Title-sm-LowCase-Font-fallback: Serif;
+  --Title-sm-LowCase-Letter-spacing: 0.56px;
+  --Title-sm-LowCase-Text-Transform: unset;
+  --Title-sm-Text-Transform: unset;
+  --Title-xs-Font-fallback: Serif;
+  --Title-xs-Letter-spacing: 0.24px;
+  --Title-xs-Text-Transform: unset;
+  --Utilities-Gradients-10: #f0ddd81a;
+
+  /* Aliases */
+  --Background-Primary: var(--Neutral-Opacity-White-100);
+  --Background-Secondary: var(--Neutral-Opacity-White-100);
+  --Body-Lead-text-Font-family: var(--Font-family-Haymarket-Body);
+  --Body-Lead-text-Font-weight: var(--Font-weight-Regular);
+  --Body-Lead-text-Size: var(--Impl-Text-size-xs);
+  --Body-Paragraph-Font-family: var(--Font-family-Haymarket-Body);
+  --Body-Paragraph-Font-weight-2: var(--Font-weight-Medium);
+  --Body-Paragraph-Font-weight: var(--Font-weight-Regular);
+  --Body-Paragraph-Size: var(--Impl-Text-size-3xs);
+  --Body-Supporting-text-Font-family: var(--Font-family-Haymarket-Body);
+  --Body-Supporting-text-Font-weight-2: var(--Font-weight-Medium);
+  --Body-Supporting-text-Font-weight: var(--Font-weight-Regular);
+  --Body-Supporting-text-Size: var(--Impl-Text-size-4xs);
+  --Body-Underline-md-Font-family: var(--Font-family-Haymarket-Body);
+  --Body-Underline-md-Font-weight: var(--Font-weight-Regular);
+  --Body-Underline-md-Size: var(--Impl-Text-size-3xs);
+  --Body-Underline-sm-Font-family: var(--Font-family-Haymarket-Body);
+  --Body-Underline-sm-Font-weight: var(--Font-weight-Regular);
+  --Body-Underline-sm-Size: var(--Impl-Text-size-4xs);
+  --Border-Default: var(--Neutral-20);
+  --Border-Divider-Accent: var(--Neutral-30);
+  --Border-Divider-Brand-OnPrimary-1-Default: var(--Neutral-Opacity-White-100);
+  --Border-Divider-Brand-OnPrimary-1-Secondary: var(
+    --Neutral-Opacity-White-100
+  );
+  --Border-Divider-Brand-OnPrimary-2-Default: var(--Neutral-Opacity-White-100);
+  --Border-Divider-Brand-OnPrimary-3-Default: var(--Neutral-Opacity-White-100);
+  --Border-Divider-Default: var(--Neutral-20);
+  --Border-Divider-Subtle: var(--Neutral-15);
+  --Border-Intense: var(--Neutral-30);
+  --Border-Interactive-Default: var(--Neutral-30);
+  --Border-Interactive-Disabled: var(--Neutral-30);
+  --Border-Interactive-Error: var(--Scandic-Red-70);
+  --Border-Interactive-Focus: var(--Neutral-80);
+  --Border-Interactive-KeyboardFocus: var(--Scandic-Blue-50);
+  --Border-Interactive-Selected: var(--Neutral-80);
+  --Border-Inverted: var(--Neutral-Opacity-White-100);
+  --Component-Button-Brand-Primary-Border-Default: var(
+    --Neutral-Opacity-White-0
+  );
+  --Component-Button-Brand-Primary-Border-Disabled: var(
+    --Neutral-Opacity-White-0
+  );
+  --Component-Button-Brand-Primary-Border-Hover: var(--Neutral-Opacity-White-0);
+  --Component-Button-Brand-Primary-Default: var(--Neutral-90);
+  --Component-Button-Brand-Primary-Disabled: var(--Neutral-Opacity-Black-10);
+  --Component-Button-Brand-Primary-On-fill-Default: var(
+    --Neutral-Opacity-White-100
+  );
+  --Component-Button-Brand-Primary-On-fill-Disabled: var(--Neutral-40);
+  --Component-Button-Brand-Primary-On-fill-Hover: var(
+    --Neutral-Opacity-White-100
+  );
+  --Component-Button-Brand-Secondary-Border-Default: var(--Neutral-90);
+  --Component-Button-Brand-Secondary-Border-Disabled: var(
+    --Neutral-Opacity-Black-10
+  );
+  --Component-Button-Brand-Secondary-Border-Hover: var(--Neutral-70);
+  --Component-Button-Brand-Secondary-Border-Inverted: var(
+    --Neutral-Opacity-White-100
+  );
+  --Component-Button-Brand-Secondary-Default: var(--Neutral-Opacity-White-0);
+  --Component-Button-Brand-Secondary-Disabled: var(--Neutral-Opacity-Black-10);
+  --Component-Button-Brand-Secondary-Hover-Inverted: var(
+    --Signature-Haymarket-Antique-Brass-50
+  );
+  --Component-Button-Brand-Secondary-Hover: var(--Neutral-Opacity-White-0);
+  --Component-Button-Brand-Secondary-Inverted: var(--Neutral-Opacity-White-100);
+  --Component-Button-Brand-Secondary-On-fill-Default: var(--Neutral-90);
+  --Component-Button-Brand-Secondary-On-fill-Disabled: var(--Neutral-40);
+  --Component-Button-Brand-Secondary-On-fill-Hover: var(--Neutral-70);
+  --Component-Button-Brand-Secondary-On-fill-Inverted: var(
+    --Neutral-Opacity-White-100
+  );
+  --Component-Button-Brand-Tertiary-Border-Default: var(
+    --Neutral-Opacity-White-0
+  );
+  --Component-Button-Brand-Tertiary-Border-Disabled: var(
+    --Neutral-Opacity-White-0
+  );
+  --Component-Button-Brand-Tertiary-Border-Hover: var(
+    --Neutral-Opacity-White-0
+  );
+  --Component-Button-Brand-Tertiary-Default: var(
+    --Signature-Haymarket-Antique-Brass-50
+  );
+  --Component-Button-Brand-Tertiary-Disabled: var(--Neutral-Opacity-Black-10);
+  --Component-Button-Brand-Tertiary-On-fill-Default: var(
+    --Neutral-Opacity-White-100
+  );
+  --Component-Button-Brand-Tertiary-On-fill-Disabled: var(--Neutral-40);
+  --Component-Button-Brand-Tertiary-On-fill-Hover: var(
+    --Neutral-Opacity-White-100
+  );
+  --Component-Button-Inverted-Border-Default: var(--Neutral-Opacity-White-0);
+  --Component-Button-Inverted-Border-Disable: var(--Neutral-Opacity-White-0);
+  --Component-Button-Inverted-Border-Hover: var(--Neutral-Opacity-White-0);
+  --Component-Button-Inverted-Default: var(--Neutral-Opacity-White-100);
+  --Component-Button-Inverted-Disabled: var(--Neutral-Opacity-Black-10);
+  --Component-Button-Inverted-Faded: var(--Neutral-Opacity-White-90);
+  --Component-Button-Inverted-Hover-Inverted: var(
+    --Signature-Haymarket-Antique-Brass-50
+  );
+  --Component-Button-Inverted-On-fill-Default: var(--Neutral-90);
+  --Component-Button-Inverted-On-fill-Disabled: var(--Neutral-40);
+  --Component-Button-Inverted-On-fill-Hover-inverted: var(
+    --Neutral-Opacity-White-100
+  );
+  --Component-Button-Muted-Border-Default: var(--Neutral-Opacity-White-10);
+  --Component-Button-Muted-Border-Disable: var(--Neutral-Opacity-White-10);
+  --Component-Button-Muted-Default: var(--Neutral-Opacity-White-0);
+  --Component-Button-Muted-Disabled-inverted: var(--Neutral-20);
+  --Component-Button-Muted-Disabled: var(--Neutral-Opacity-White-10);
+  --Component-Button-Muted-Hover-inverted: var(--Neutral-Opacity-Black-5);
+  --Component-Button-Muted-Hover: var(--Neutral-Opacity-White-5);
+  --Component-Button-Muted-On-fill-Default: var(--Neutral-90);
+  --Component-Button-Muted-On-fill-Disabled: var(--Neutral-40);
+  --Component-Button-Muted-On-fill-Hover-Inverted: var(--Neutral-70);
+  --Component-Button-Muted-On-fill-Inverted: var(--Neutral-Opacity-White-100);
+  --Icon-Accent: var(--Signature-Haymarket-Vista-White-50);
+  --Icon-Default: var(--Neutral-60);
+  --Icon-Feedback-Error: var(--Scandic-Red-70);
+  --Icon-Feedback-Information: var(--Scandic-Blue-70);
+  --Icon-Feedback-Neutral: var(--Neutral-60);
+  --Icon-Feedback-Success: var(--Scandic-Green-60);
+  --Icon-Feedback-Warning: var(--Scandic-Yellow-60);
+  --Icon-Intense: var(--Neutral-90);
+  --Icon-Interactive-Default: var(--Neutral-90);
+  --Icon-Interactive-Disabled: var(--Neutral-30);
+  --Icon-Interactive-Placeholder: var(--Neutral-50);
+  --Icon-Interactive-Secondary: var(--Signature-Haymarket-Antique-Brass-60);
+  --Icon-Inverted: var(--Neutral-Opacity-White-100);
+  --Label-Font-family: var(--Font-family-Haymarket-Body);
+  --Label-Font-weight-2: var(--Font-weight-Medium);
+  --Label-Font-weight: var(--Font-weight-Regular);
+  --Label-Size: var(--Impl-Text-size-5xs);
+  --Link-md-Font-family: var(--Font-family-Haymarket-Body);
+  --Link-md-Font-weight: var(--Font-weight-Medium);
+  --Link-md-Size: var(--Impl-Text-size-3xs);
+  --Link-sm-Font-family: var(--Font-family-Haymarket-Body);
+  --Link-sm-Font-weight: var(--Font-weight-Medium);
+  --Link-sm-Size: var(--Impl-Text-size-4xs);
+  --Overlay-10: var(--Neutral-Opacity-Black-10);
+  --Overlay-20: var(--Neutral-Opacity-Black-20);
+  --Overlay-40: var(--Neutral-Opacity-Black-40);
+  --Overlay-60: var(--Neutral-Opacity-Black-60);
+  --Overlay-80: var(--Neutral-Opacity-Black-80);
+  --Overlay-90: var(--Neutral-Opacity-Black-90);
+  --Surface-Accent-1: var(--Signature-Haymarket-Vista-White-60);
+  --Surface-Accent-2: var(--Signature-Haymarket-Bismark-40);
+  --Surface-Accent-3: var(--Signature-Haymarket-Antique-Brass-90);
+  --Surface-Accent-4: var(--Signature-Haymarket-Antique-Brass-40);
+  --Surface-Accent-5: var(--Signature-Haymarket-Bismark-90);
+  --Surface-Brand-Accent-Default: var(--Signature-Haymarket-Antique-Brass-50);
+  --Surface-Brand-Primary-1-Default: var(--Signature-Haymarket-Bismark-60);
+  --Surface-Brand-Primary-2-Default: var(
+    --Signature-Haymarket-Antique-Brass-50
+  );
+  --Surface-Brand-Primary-3-Default: var(--Signature-Haymarket-Vista-White-20);
+  --Surface-Feedback-Error-Accent: var(--Scandic-Red-70);
+  --Surface-Feedback-Error: var(--Scandic-Red-00);
+  --Surface-Feedback-Information-Accent: var(--Scandic-Blue-70);
+  --Surface-Feedback-Information: var(--Scandic-Blue-00);
+  --Surface-Feedback-Neutral-Accent: var(--Neutral-50);
+  --Surface-Feedback-Neutral: var(--Neutral-15);
+  --Surface-Feedback-Succes-Accent: var(--Scandic-Green-60);
+  --Surface-Feedback-Succes: var(--Scandic-Green-00);
+  --Surface-Feedback-Warning--Light: var(--Scandic-Yellow-00);
+  --Surface-Feedback-Warning-Accent: var(--Scandic-Yellow-60);
+  --Surface-Primary-Default: var(--Neutral-Opacity-White-100);
+  --Surface-Primary-Disabled: var(--Neutral-15);
+  --Surface-Primary-Hover-Accent: var(--Neutral-15);
+  --Surface-Primary-OnSurface-Default: var(--Signature-Haymarket-Vista-White-0);
+  --Surface-Secondary-Default: var(--Signature-Haymarket-Vista-White-0);
+  --Surface-Secondary-Secondary: var(--Signature-Haymarket-Vista-White-0);
+  --Surface-UI-Fill-Active: var(--Neutral-80);
+  --Surface-UI-Fill-Default: var(--Neutral-Opacity-White-100);
+  --Surface-UI-Fill-Disabled: var(--Neutral-15);
+  --Surface-UI-Fill-Intense: var(--Neutral-80);
+  --Tag-Font-family: var(--Font-family-Haymarket-Body);
+  --Tag-Font-weight: var(--Font-weight-Medium);
+  --Tag-Size: var(--Impl-Text-size-5xs);
+  --Text-Accent-Primary: var(--Signature-Haymarket-Antique-Brass-60);
+  --Text-Accent-Secondary: var(--Signature-Haymarket-Antique-Brass-60);
+  --Text-Brand-OnAccent-Accent: var(--Neutral-Opacity-White-100);
+  --Text-Brand-OnAccent-Default: var(--Neutral-Opacity-White-100);
+  --Text-Brand-OnAccent-Heading: var(--Neutral-Opacity-White-100);
+  --Text-Brand-OnPrimary-1-Accent: var(--Neutral-Opacity-White-100);
+  --Text-Brand-OnPrimary-1-Default: var(--Neutral-Opacity-White-100);
+  --Text-Brand-OnPrimary-1-Heading: var(--Neutral-Opacity-White-100);
+  --Text-Brand-OnPrimary-2-Accent: var(--Neutral-Opacity-White-100);
+  --Text-Brand-OnPrimary-2-Default: var(--Neutral-Opacity-White-100);
+  --Text-Brand-OnPrimary-2-Heading: var(--Neutral-Opacity-White-100);
+  --Text-Brand-OnPrimary-3-Accent: var(--Neutral-90);
+  --Text-Brand-OnPrimary-3-Default: var(--Neutral-90);
+  --Text-Brand-OnPrimary-3-Heading: var(--Neutral-90);
+  --Text-Default: var(--Neutral-90);
+  --Text-Heading: var(--Neutral-90);
+  --Text-Interactive-Default: var(--Neutral-90);
+  --Text-Interactive-Disabled: var(--Neutral-40);
+  --Text-Interactive-Error: var(--Scandic-Red-70);
+  --Text-Interactive-Focus: var(--Neutral-80);
+  --Text-Interactive-Hover-Secondary: var(
+    --Signature-Haymarket-Antique-Brass-40
+  );
+  --Text-Interactive-Placeholder: var(--Neutral-50);
+  --Text-Interactive-Secondary: var(--Signature-Haymarket-Antique-Brass-60);
+  --Text-Inverted: var(--Neutral-Opacity-White-100);
+  --Text-Secondary: var(--Neutral-60);
+  --Text-Tertiary: var(--Neutral-50);
+  --Title-Decorative-lg-Font-family: var(--Font-family-Haymarket-Decorative);
+  --Title-Decorative-lg-Font-weight: var(--Font-weight-Regular);
+  --Title-Decorative-lg-Size: var(--Impl-Text-size-xs);
+  --Title-Decorative-md-Font-family: var(--Font-family-Haymarket-Decorative);
+  --Title-Decorative-md-Font-weight: var(--Font-weight-Regular);
+  --Title-Decorative-md-Size: var(--Impl-Text-size-3xs);
+  --Title-Overline-sm-Font-family: var(--Font-family-Haymarket-Body);
+  --Title-Overline-sm-Font-weight: var(--Font-weight-Medium);
+  --Title-Overline-sm-Size: var(--Impl-Text-size-4xs);
+  --Title-Subtitle-lg-Font-family: var(--Font-family-Haymarket-Body);
+  --Title-Subtitle-lg-Font-weight: var(--Font-weight-Medium);
+  --Title-Subtitle-lg-Size: var(--Impl-Text-size-sm);
+  --Title-Subtitle-md-Font-family: var(--Font-family-Haymarket-Body);
+  --Title-Subtitle-md-Font-weight: var(--Font-weight-Medium);
+  --Title-Subtitle-md-Size: var(--Impl-Text-size-xs);
+  --Title-lg-Font-family: var(--Font-family-Haymarket-Title);
+  --Title-lg-Font-weight: var(--Font-weight-Regular);
+  --Title-lg-Size: var(--Impl-Text-size-4xl);
+  --Title-md-Font-family: var(--Font-family-Haymarket-Title);
+  --Title-md-Font-weight: var(--Font-weight-Regular);
+  --Title-md-LowCase-Font-family: var(--Font-family-Haymarket-Title);
+  --Title-md-LowCase-Font-weight: var(--Font-weight-Regular);
+  --Title-md-LowCase-Size: var(--Impl-Text-size-2xl);
+  --Title-md-Size: var(--Impl-Text-size-2xl);
+  --Title-sm-Font-family: var(--Font-family-Haymarket-Title);
+  --Title-sm-Font-weight: var(--Font-weight-Regular);
+  --Title-sm-LowCase-Font-family: var(--Font-family-Haymarket-Title);
+  --Title-sm-LowCase-Font-weight: var(--Font-weight-Regular);
+  --Title-sm-LowCase-Size: var(--Impl-Text-size-lg);
+  --Title-sm-Size: var(--Impl-Text-size-lg);
+  --Title-xs-Font-family: var(--Font-family-Haymarket-Title);
+  --Title-xs-Font-weight: var(--Font-weight-Regular);
+  --Title-xs-Size: var(--Impl-Text-size-sm);
+}
diff --git a/packages/design-system/lib/styles/haymarket.js b/packages/design-system/lib/styles/haymarket.js
new file mode 100644
index 000000000..b4187394e
--- /dev/null
+++ b/packages/design-system/lib/styles/haymarket.js
@@ -0,0 +1,292 @@
+/* This file is generated, do not edit manually! */
+export const theme = {
+  'Signature/Haymarket/Antique Brass/0': '#F9F5F1',
+  'Signature/Haymarket/Antique Brass/10': '#EDE3D8',
+  'Signature/Haymarket/Antique Brass/20': '#D9C3AE',
+  'Signature/Haymarket/Antique Brass/30': '#C5A384',
+  'Signature/Haymarket/Antique Brass/40': '#BA8E6E',
+  'Signature/Haymarket/Antique Brass/50': '#946F54',
+  'Signature/Haymarket/Antique Brass/60': '#805E45',
+  'Signature/Haymarket/Antique Brass/70': '#634732',
+  'Signature/Haymarket/Antique Brass/80': '#5D4330',
+  'Signature/Haymarket/Antique Brass/90': '#483425',
+  'Signature/Haymarket/Antique Brass/100': '#37271C',
+  'Signature/Haymarket/Vista White/0': '#FBF7F6',
+  'Signature/Haymarket/Vista White/10': '#F6ECEA',
+  'Signature/Haymarket/Vista White/20': '#F0DDD8',
+  'Signature/Haymarket/Vista White/30': '#E4C5BD',
+  'Signature/Haymarket/Vista White/40': '#D3A296',
+  'Signature/Haymarket/Vista White/50': '#C08273',
+  'Signature/Haymarket/Vista White/60': '#AA6858',
+  'Signature/Haymarket/Vista White/70': '#8E5547',
+  'Signature/Haymarket/Vista White/80': '#76493E',
+  'Signature/Haymarket/Vista White/90': '#644138',
+  'Signature/Haymarket/Vista White/100': '#351F1A',
+  'Signature/Haymarket/Bismark/0': '#F3F8F8',
+  'Signature/Haymarket/Bismark/10': '#E0EBED',
+  'Signature/Haymarket/Bismark/20': '#C5D7DC',
+  'Signature/Haymarket/Bismark/30': '#9DBCC3',
+  'Signature/Haymarket/Bismark/40': '#6E98A2',
+  'Signature/Haymarket/Bismark/50': '#527C88',
+  'Signature/Haymarket/Bismark/60': '#4A6C78',
+  'Signature/Haymarket/Bismark/70': '#3E5760',
+  'Signature/Haymarket/Bismark/80': '#394951',
+  'Signature/Haymarket/Bismark/90': '#334046',
+  'Signature/Haymarket/Bismark/100': '#1E282E',
+  'Title/lg/Letter spacing': 1.44,
+  'Title/lg/Font fallback': 'Serif',
+  'Title/lg/Text-Transform': 'unset',
+  'Title/md/Letter spacing': 0.36,
+  'Title/md/Font fallback': 'Serif',
+  'Title/sm/Letter spacing': 0.56,
+  'Title/sm/Font fallback': 'Serif',
+  'Title/sm/Text-Transform': 'unset',
+  'Title/Decorative/lg/Letter spacing': 0.6,
+  'Title/Decorative/lg/Font fallback': 'Serif',
+  'Title/Decorative/lg/Text-Transform': 'uppercase',
+  'Title/Decorative/md/Letter spacing': 0.64,
+  'Title/Decorative/md/Font fallback': 'Serif',
+  'Title/Decorative/md/Text-Transform': 'uppercase',
+  'Title/Subtitle/lg/Font fallback': 'sans-serif',
+  'Title/Subtitle/lg/Letter spacing': 0.24,
+  'Title/Subtitle/md/Font fallback': 'sans-serif',
+  'Title/Subtitle/md/Letter spacing': 0.2,
+  'Title/Overline/sm/Letter spacing': 0.21,
+  'Title/Overline/sm/Font fallback': 'sans-serif',
+  'Title/Overline/sm/Text-Transform': 'uppercase',
+  'Title/sm/LowCase/Letter spacing': 0.56,
+  'Title/sm/LowCase/Font fallback': 'Serif',
+  'Title/sm/LowCase/Text-Transform': 'unset',
+  'Title/xs/Letter spacing': 0.24,
+  'Title/xs/Font fallback': 'Serif',
+  'Title/xs/Text-Transform': 'unset',
+  'Title/md/Text-Transform': 'unset',
+  'Title/md/LowCase/Letter spacing': 0.36,
+  'Title/md/LowCase/Font fallback': 'Serif',
+  'Title/md/LowCase/Text-Transform': 'unset',
+  'Tag/Letter spacing': 0.24,
+  'Tag/Font fallback': 'sans-serif',
+  'Tag/Text-Transform': 'uppercase',
+  'Link/md/Font fallback': 'sans-serif',
+  'Link/md/Letter spacing': 0.19,
+  'Link/sm/Font fallback': 'sans-serif',
+  'Link/sm/Letter spacing': 0.2,
+  'Body/Lead text/Font fallback': 'sans-serif',
+  'Body/Paragraph/Font fallback': 'sans-serif',
+  'Body/Paragraph/Letter spacing': 0.19,
+  'Body/Supporting text/Font fallback': 'sans-serif',
+  'Body/Supporting text/Letter spacing': 0.2,
+  'Body/Lead text/Letter spacing': 0.2,
+  'Label/Font fallback': 'sans-serif',
+  'Label/Letter spacing': 0.17,
+  'Body/Underline/md/Font fallback': 'sans-serif',
+  'Body/Underline/md/Letter spacing': 0.19,
+  'Body/Underline/sm/Font fallback': 'sans-serif',
+  'Body/Underline/sm/Letter spacing': 0.2,
+  'Surface/Brand/Primary 1/OnSurface/Default': '#FFFFFF',
+  'Surface/Brand/Primary 1/OnSurface/Accent': '#FFFFFF',
+  'Surface/Brand/Primary 1/OnSurface/Accent Secondary': '#FFFFFF',
+  'Surface/Brand/Primary 2/OnSurface/Default': '#FFFFFF',
+  'Surface/Brand/Primary 2/OnSurface/Accent': '#FFFFFF',
+  'Surface/Brand/Primary 3/OnSurface/Default': '#FFFFFF',
+  'Surface/Brand/Primary 3/OnSurface/Accent': '#FFFFFF',
+  'Utilities/Gradients/10': '#F0DDD81A',
+  'Font family/Haymarket/Title': 'Prumo text',
+  'Font family/Haymarket/Body': 'Fira sans',
+  'Font family/Haymarket/Decorative': 'Prumo text',
+  'Title/lg/Font weight': 400,
+  'Title/lg/Font family': 'Prumo text',
+  'Title/md/Font weight': 400,
+  'Title/md/Font family': 'Prumo text',
+  'Title/sm/Font weight': 400,
+  'Title/sm/Font family': 'Prumo text',
+  'Title/sm/LowCase/Font weight': 400,
+  'Title/sm/LowCase/Font family': 'Prumo text',
+  'Title/Decorative/lg/Font weight': 400,
+  'Title/Decorative/lg/Font family': 'Prumo text',
+  'Title/Decorative/md/Font weight': 400,
+  'Title/Decorative/md/Font family': 'Prumo text',
+  'Title/Subtitle/lg/Font weight': 500,
+  'Title/Subtitle/lg/Font family': 'Fira sans',
+  'Title/Subtitle/md/Font weight': 500,
+  'Title/Subtitle/md/Font family': 'Fira sans',
+  'Title/Overline/sm/Font weight': 500,
+  'Title/Overline/sm/Font family': 'Fira sans',
+  'Title/xs/Font weight': 400,
+  'Title/xs/Font family': 'Prumo text',
+  'Title/md/LowCase/Font weight': 400,
+  'Title/md/LowCase/Font family': 'Prumo text',
+  'Tag/Font weight': 500,
+  'Tag/Font family': 'Fira sans',
+  'Link/md/Font weight': 500,
+  'Link/md/Font family': 'Fira sans',
+  'Link/sm/Font weight': 500,
+  'Link/sm/Font family': 'Fira sans',
+  'Body/Lead text/Font weight': 400,
+  'Body/Lead text/Font family': 'Fira sans',
+  'Body/Paragraph/Font weight': 400,
+  'Body/Paragraph/Font weight 2': 500,
+  'Body/Paragraph/Font family': 'Fira sans',
+  'Body/Supporting text/Font weight': 400,
+  'Body/Supporting text/Font weight 2': 500,
+  'Body/Supporting text/Font family': 'Fira sans',
+  'Label/Font weight': 400,
+  'Label/Font weight 2': 500,
+  'Label/Font family': 'Fira sans',
+  'Body/Underline/md/Font weight': 400,
+  'Body/Underline/md/Font family': 'Fira sans',
+  'Body/Underline/sm/Font weight': 400,
+  'Body/Underline/sm/Font family': 'Fira sans',
+  'Text/Heading': '#1F1F1F',
+  'Text/Default': '#1F1F1F',
+  'Text/Secondary': '#575757',
+  'Text/Tertiary': '#747474',
+  'Text/Accent Primary': '#805E45',
+  'Text/Accent Secondary': '#805E45',
+  'Text/Inverted': '#FFFFFF',
+  'Text/Interactive/Default': '#1F1F1F',
+  'Text/Interactive/Secondary': '#805E45',
+  'Text/Interactive/Hover Secondary': '#BA8E6E',
+  'Text/Interactive/Disabled': '#8C8C8C',
+  'Text/Interactive/Focus': '#262626',
+  'Text/Interactive/Error': '#AD0015',
+  'Text/Interactive/Placeholder': '#747474',
+  'Text/Brand/OnAccent/Heading': '#FFFFFF',
+  'Text/Brand/OnAccent/Default': '#FFFFFF',
+  'Text/Brand/OnAccent/Accent': '#FFFFFF',
+  'Text/Brand/OnPrimary 1/Heading': '#FFFFFF',
+  'Text/Brand/OnPrimary 1/Default': '#FFFFFF',
+  'Text/Brand/OnPrimary 1/Accent': '#FFFFFF',
+  'Text/Brand/OnPrimary 2/Heading': '#FFFFFF',
+  'Text/Brand/OnPrimary 2/Default': '#FFFFFF',
+  'Text/Brand/OnPrimary 2/Accent': '#FFFFFF',
+  'Text/Brand/OnPrimary 3/Heading': '#1F1F1F',
+  'Text/Brand/OnPrimary 3/Default': '#1F1F1F',
+  'Text/Brand/OnPrimary 3/Accent': '#1F1F1F',
+  'Background/Primary': '#FFFFFF',
+  'Background/Secondary': '#FFFFFF',
+  'Surface/Primary/Default': '#FFFFFF',
+  'Surface/Primary/Hover': '#f2f2f2',
+  'Surface/Primary/Hover Light': '#e6e5e5',
+  'Surface/Primary/Hover Accent': '#E9E9E9',
+  'Surface/Primary/OnSurface/Default': '#FBF7F6',
+  'Surface/Primary/Disabled': '#E9E9E9',
+  'Surface/Secondary/Default': '#FBF7F6',
+  'Surface/Secondary/Secondary': '#FBF7F6',
+  'Surface/Secondary/Hover': '#efebea',
+  'Surface/Brand/Accent/Default': '#946F54',
+  'Surface/Brand/Primary 1/Default': '#4A6C78',
+  'Surface/Brand/Primary 2/Default': '#946F54',
+  'Surface/Brand/Primary 3/Default': '#F0DDD8',
+  'Surface/UI Fill/Default': '#FFFFFF',
+  'Surface/UI Fill/Intense': '#262626',
+  'Surface/UI Fill/Active': '#262626',
+  'Surface/UI Fill/Active Hover': '#ffffff',
+  'Surface/UI Fill/Disabled': '#E9E9E9',
+  'Surface/Accent/1': '#AA6858',
+  'Surface/Accent/2': '#6E98A2',
+  'Surface/Accent/3': '#483425',
+  'Surface/Accent/4': '#BA8E6E',
+  'Surface/Accent/5': '#334046',
+  'Surface/Feedback/Information Accent': '#284EA0',
+  'Surface/Feedback/Information': '#E8F6FF',
+  'Surface/Feedback/Succes Accent': '#348337',
+  'Surface/Feedback/Succes': '#F3FCE8',
+  'Surface/Feedback/Warning Accent': '#D17308',
+  'Surface/Feedback/Warning  Light': '#FFF8E3',
+  'Surface/Feedback/Error Accent': '#AD0015',
+  'Surface/Feedback/Error': '#FFEBEB',
+  'Surface/Feedback/Neutral Accent': '#747474',
+  'Surface/Feedback/Neutral': '#E9E9E9',
+  'Border/Default': '#D9D9D9',
+  'Border/Intense': '#BFBFBF',
+  'Border/Inverted': '#FFFFFF',
+  'Icon/Default': '#575757',
+  'Icon/Intense': '#1F1F1F',
+  'Icon/Accent': '#C08273',
+  'Icon/Interactive/Default': '#1F1F1F',
+  'Icon/Interactive/Secondary': '#805E45',
+  'Icon/Interactive/Disabled': '#BFBFBF',
+  'Icon/Interactive/Placeholder': '#747474',
+  'Icon/Feedback/Information': '#284EA0',
+  'Icon/Feedback/Success': '#348337',
+  'Icon/Feedback/Warning': '#D17308',
+  'Icon/Feedback/Error': '#AD0015',
+  'Icon/Feedback/Neutral': '#575757',
+  'Icon/Inverted': '#FFFFFF',
+  'Overlay/10': '#1F1C1B1A',
+  'Overlay/20': '#1F1C1B33',
+  'Overlay/40': '#1F1C1B66',
+  'Overlay/60': '#1F1C1B99',
+  'Overlay/80': '#1F1C1BCC',
+  'Overlay/90': '#1F1C1BE6',
+  'Component/Button/Brand/Primary/Default': '#1F1F1F',
+  'Component/Button/Brand/Primary/Hover': '#323232',
+  'Component/Button/Brand/Primary/Disabled': '#1F1C1B1A',
+  'Component/Button/Brand/Primary/On fill/Default': '#FFFFFF',
+  'Component/Button/Brand/Primary/On fill/Hover': '#FFFFFF',
+  'Component/Button/Brand/Primary/On fill/Disabled': '#8C8C8C',
+  'Component/Button/Brand/Primary/Border/Default': '#FFFFFF00',
+  'Component/Button/Brand/Primary/Border/Hover': '#FFFFFF00',
+  'Component/Button/Brand/Primary/Border/Disabled': '#FFFFFF00',
+  'Component/Button/Brand/Secondary/Default': '#FFFFFF00',
+  'Component/Button/Brand/Secondary/Hover': '#FFFFFF00',
+  'Component/Button/Brand/Secondary/Inverted': '#FFFFFF',
+  'Component/Button/Brand/Secondary/Hover Inverted': '#946F54',
+  'Component/Button/Brand/Secondary/Disabled': '#1F1C1B1A',
+  'Component/Button/Brand/Secondary/On fill/Default': '#1F1F1F',
+  'Component/Button/Brand/Secondary/On fill/Hover': '#454545',
+  'Component/Button/Brand/Secondary/On fill/Inverted': '#FFFFFF',
+  'Component/Button/Brand/Secondary/On fill/Disabled': '#8C8C8C',
+  'Component/Button/Brand/Secondary/Border/Default': '#1F1F1F',
+  'Component/Button/Brand/Secondary/Border/Hover': '#454545',
+  'Component/Button/Brand/Secondary/Border/Inverted': '#FFFFFF',
+  'Component/Button/Brand/Secondary/Border/Hover inverted': '#e6e6e6',
+  'Component/Button/Brand/Secondary/Border/Disabled': '#1F1C1B1A',
+  'Component/Button/Brand/Tertiary/Default': '#946F54',
+  'Component/Button/Brand/Tertiary/Hover': '#87664e',
+  'Component/Button/Brand/Tertiary/Disabled': '#1F1C1B1A',
+  'Component/Button/Brand/Tertiary/On fill/Default': '#FFFFFF',
+  'Component/Button/Brand/Tertiary/On fill/Hover': '#FFFFFF',
+  'Component/Button/Brand/Tertiary/On fill/Disabled': '#8C8C8C',
+  'Component/Button/Brand/Tertiary/Border/Default': '#FFFFFF00',
+  'Component/Button/Brand/Tertiary/Border/Hover': '#FFFFFF00',
+  'Component/Button/Brand/Tertiary/Border/Disabled': '#FFFFFF00',
+  'Component/Button/Inverted/Default': '#FFFFFF',
+  'Component/Button/Inverted/Faded': '#FFFFFFE6',
+  'Component/Button/Inverted/Hover': '#f2f2f2',
+  'Component/Button/Inverted/Hover Inverted': '#946F54',
+  'Component/Button/Inverted/Disabled': '#1F1C1B1A',
+  'Component/Button/Inverted/On fill/Default': '#1F1F1F',
+  'Component/Button/Inverted/On fill/Hover': '#323232',
+  'Component/Button/Inverted/On fill/Hover inverted': '#FFFFFF',
+  'Component/Button/Inverted/On fill/Disabled': '#8C8C8C',
+  'Component/Button/Inverted/Border/Default': '#FFFFFF00',
+  'Component/Button/Inverted/Border/Hover': '#FFFFFF00',
+  'Component/Button/Inverted/Border/Disable': '#FFFFFF00',
+  'Border/Interactive/Default': '#BFBFBF',
+  'Border/Divider/Default': '#D9D9D9',
+  'Border/Divider/Subtle': '#E9E9E9',
+  'Border/Divider/Accent': '#BFBFBF',
+  'Border/Divider/Brand/OnPrimary 1/Default': '#FFFFFF',
+  'Border/Divider/Brand/OnPrimary 1/Secondary': '#FFFFFF',
+  'Border/Divider/Brand/OnPrimary 2/Default': '#FFFFFF',
+  'Border/Divider/Brand/OnPrimary 3/Default': '#FFFFFF',
+  'Border/Interactive/Selected': '#262626',
+  'Border/Interactive/Focus': '#262626',
+  'Border/Interactive/Disabled': '#BFBFBF',
+  'Border/Interactive/Error': '#AD0015',
+  'Border/Interactive/KeyboardFocus': '#5B8FD4',
+  'Component/Button/Muted/Default': '#FFFFFF00',
+  'Component/Button/Muted/Hover': '#FFFFFF00',
+  'Component/Button/Muted/Disabled': '#FFFFFF1A',
+  'Component/Button/Muted/Hover inverted': '#1F1C1B0D',
+  'Component/Button/Muted/Disabled inverted': '#D9D9D9',
+  'Component/Button/Muted/On fill/Default': '#1F1F1F',
+  'Component/Button/Muted/On fill/Inverted': '#FFFFFF',
+  'Component/Button/Muted/On fill/Hover Inverted': '#454545',
+  'Component/Button/Muted/On fill/Disabled': '#8C8C8C',
+  'Component/Button/Muted/Border/Default': '#FFFFFF1A',
+  'Component/Button/Muted/Border/Hover': '#ffffff30',
+  'Component/Button/Muted/Border/Disable': '#FFFFFF1A',
+}
diff --git a/packages/design-system/lib/styles/hotel-norge.css b/packages/design-system/lib/styles/hotel-norge.css
new file mode 100644
index 000000000..6b7c20985
--- /dev/null
+++ b/packages/design-system/lib/styles/hotel-norge.css
@@ -0,0 +1,353 @@
+/* This file is generated, do not edit manually! */
+.hotel-norge {
+  /* Values */
+  --Body-Lead-text-Font-fallback: sans-serif;
+  --Body-Lead-text-Letter-spacing: 0.2px;
+  --Body-Paragraph-Font-fallback: sans-serif;
+  --Body-Paragraph-Letter-spacing: 0.19px;
+  --Body-Supporting-text-Font-fallback: sans-serif;
+  --Body-Supporting-text-Letter-spacing: 0.2px;
+  --Body-Underline-md-Font-fallback: sans-serif;
+  --Body-Underline-md-Letter-spacing: 0.19px;
+  --Body-Underline-sm-Font-fallback: sans-serif;
+  --Body-Underline-sm-Letter-spacing: 0.2px;
+  --Component-Button-Brand-Primary-Hover: #2c3146;
+  --Component-Button-Brand-Secondary-Border-Hover-inverted: #e5e6e9;
+  --Component-Button-Brand-Tertiary-Hover: #215448;
+  --Component-Button-Inverted-Hover: #f2f2f2;
+  --Component-Button-Inverted-On-fill-Hover: #2c3146;
+  --Component-Button-Muted-Border-Hover: #ffffff30;
+  --Font-family-Hotel-Norge-Body: 'Fira sans';
+  --Font-family-Hotel-Norge-Decorative: 'Domaine Sans Text';
+  --Font-family-Hotel-Norge-Title: 'Domaine Sans Text';
+  --Label-Font-fallback: sans-serif;
+  --Label-Letter-spacing: 0.17px;
+  --Link-md-Font-fallback: sans-serif;
+  --Link-md-Letter-spacing: 0.19px;
+  --Link-sm-Font-fallback: sans-serif;
+  --Link-sm-Letter-spacing: 0.2px;
+  --Signature-Hotel-Norge-Dark-blue-0: #b7c5c8;
+  --Signature-Hotel-Norge-Dark-blue-100: #2f3445;
+  --Signature-Hotel-Norge-Dark-blue-30: #858f97;
+  --Signature-Hotel-Norge-Dark-blue-80: #404655;
+  --Signature-Hotel-Norge-Dark-blue-90: #181e34;
+  --Signature-Hotel-Norge-Emerald-0: #c7ddd5;
+  --Signature-Hotel-Norge-Emerald-100: #004337;
+  --Signature-Hotel-Norge-Emerald-80: #3a655c;
+  --Signature-Hotel-Norge-Emerald-90: #26544a;
+  --Signature-Hotel-Norge-Off-White-0: #fdfefd;
+  --Signature-Hotel-Norge-Off-White-100: #646563;
+  --Signature-Hotel-Norge-Off-White-10: #fafaf9;
+  --Signature-Hotel-Norge-Off-White-20: #f8f8f6;
+  --Signature-Hotel-Norge-Off-White-30: #f4f5f2;
+  --Signature-Hotel-Norge-Off-White-40: #f2f3ef;
+  --Signature-Hotel-Norge-Off-White-50: #eff0eb;
+  --Signature-Hotel-Norge-Off-White-60: #d9dad6;
+  --Signature-Hotel-Norge-Off-White-70: #aaaaa7;
+  --Signature-Hotel-Norge-Off-White-80: #838481;
+  --Signature-Hotel-Norge-Off-White-90: #6f716f;
+  --Signature-Hotel-Norge-Salmon-50: #ec615b;
+  --Surface-Brand-Primary-1-OnSurface-Accent-Secondary: #ffffff;
+  --Surface-Brand-Primary-1-OnSurface-Accent: #ffffff;
+  --Surface-Brand-Primary-1-OnSurface-Default: #ffffff;
+  --Surface-Brand-Primary-2-OnSurface-Accent: #ffffff;
+  --Surface-Brand-Primary-2-OnSurface-Default: #ffffff;
+  --Surface-Brand-Primary-3-OnSurface-Accent: #ffffff;
+  --Surface-Brand-Primary-3-OnSurface-Default: #ffffff;
+  --Surface-Primary-Hover-Light: #e6e5e5;
+  --Surface-Primary-Hover: #f2f2f2;
+  --Surface-Secondary-Hover: #e3e4df;
+  --Tag-Font-fallback: sans-serif;
+  --Tag-Letter-spacing: 0.18px;
+  --Tag-Text-Transform: uppercase;
+  --Title-Decorative-lg-Font-fallback: sans-serif;
+  --Title-Decorative-lg-Letter-spacing: 0.24px;
+  --Title-Decorative-lg-Text-Transform: uppercase;
+  --Title-Decorative-md-Font-fallback: sans-serif;
+  --Title-Decorative-md-Letter-spacing: 0.32px;
+  --Title-Decorative-md-Text-Transform: uppercase;
+  --Title-Overline-sm-Font-fallback: sans-serif;
+  --Title-Overline-sm-Letter-spacing: 0.21px;
+  --Title-Overline-sm-Text-Transform: uppercase;
+  --Title-Subtitle-lg-Font-fallback: sans-serif;
+  --Title-Subtitle-lg-Letter-spacing: 0.24px;
+  --Title-Subtitle-md-Font-fallback: sans-serif;
+  --Title-Subtitle-md-Letter-spacing: 0.2px;
+  --Title-lg-Font-fallback: sans-serif;
+  --Title-lg-Letter-spacing: 0px;
+  --Title-lg-Text-Transform: unset;
+  --Title-md-Font-fallback: sans-serif;
+  --Title-md-Letter-spacing: 0.36px;
+  --Title-md-LowCase-Font-fallback: sans-serif;
+  --Title-md-LowCase-Letter-spacing: 0.36px;
+  --Title-md-LowCase-Text-Transform: unset;
+  --Title-md-Text-Transform: unset;
+  --Title-sm-Font-fallback: sans-serif;
+  --Title-sm-Letter-spacing: 0px;
+  --Title-sm-LowCase-Font-fallback: sans-serif;
+  --Title-sm-LowCase-Letter-spacing: 0px;
+  --Title-sm-LowCase-Text-Transform: unset;
+  --Title-sm-Text-Transform: unset;
+  --Title-xs-Font-fallback: sans-serif;
+  --Title-xs-Letter-spacing: -0.05px;
+  --Title-xs-Text-Transform: unset;
+  --Utilities-Gradients-10: #3c43361a;
+
+  /* Aliases */
+  --Background-Primary: var(--Neutral-Opacity-White-100);
+  --Background-Secondary: var(--Neutral-Opacity-White-100);
+  --Body-Lead-text-Font-family: var(--Font-family-Hotel-Norge-Body);
+  --Body-Lead-text-Font-weight: var(--Font-weight-Regular);
+  --Body-Lead-text-Size: var(--Impl-Text-size-xs);
+  --Body-Paragraph-Font-family: var(--Font-family-Hotel-Norge-Body);
+  --Body-Paragraph-Font-weight-2: var(--Font-weight-Medium);
+  --Body-Paragraph-Font-weight: var(--Font-weight-Regular);
+  --Body-Paragraph-Size: var(--Impl-Text-size-3xs);
+  --Body-Supporting-text-Font-family: var(--Font-family-Hotel-Norge-Body);
+  --Body-Supporting-text-Font-weight-2: var(--Font-weight-Medium);
+  --Body-Supporting-text-Font-weight: var(--Font-weight-Regular);
+  --Body-Supporting-text-Size: var(--Impl-Text-size-4xs);
+  --Body-Underline-md-Font-family: var(--Font-family-Hotel-Norge-Body);
+  --Body-Underline-md-Font-weight: var(--Font-weight-Regular);
+  --Body-Underline-md-Size: var(--Impl-Text-size-3xs);
+  --Body-Underline-sm-Font-family: var(--Font-family-Hotel-Norge-Body);
+  --Body-Underline-sm-Font-weight: var(--Font-weight-Regular);
+  --Body-Underline-sm-Size: var(--Impl-Text-size-4xs);
+  --Border-Default: var(--Neutral-20);
+  --Border-Divider-Accent: var(--Neutral-30);
+  --Border-Divider-Brand-OnPrimary-1-Default: var(--Neutral-Opacity-White-100);
+  --Border-Divider-Brand-OnPrimary-1-Secondary: var(
+    --Neutral-Opacity-White-100
+  );
+  --Border-Divider-Brand-OnPrimary-2-Default: var(--Neutral-Opacity-White-100);
+  --Border-Divider-Brand-OnPrimary-3-Default: var(--Neutral-Opacity-White-100);
+  --Border-Divider-Default: var(--Neutral-20);
+  --Border-Divider-Subtle: var(--Neutral-15);
+  --Border-Intense: var(--Neutral-30);
+  --Border-Interactive-Default: var(--Neutral-30);
+  --Border-Interactive-Disabled: var(--Neutral-30);
+  --Border-Interactive-Error: var(--Scandic-Red-70);
+  --Border-Interactive-Focus: var(--Neutral-80);
+  --Border-Interactive-KeyboardFocus: var(--Scandic-Blue-50);
+  --Border-Interactive-Selected: var(--Neutral-80);
+  --Border-Inverted: var(--Neutral-Opacity-White-100);
+  --Component-Button-Brand-Primary-Border-Default: var(
+    --Neutral-Opacity-White-0
+  );
+  --Component-Button-Brand-Primary-Border-Disabled: var(
+    --Neutral-Opacity-White-0
+  );
+  --Component-Button-Brand-Primary-Border-Hover: var(--Neutral-Opacity-White-0);
+  --Component-Button-Brand-Primary-Default: var(
+    --Signature-Hotel-Norge-Dark-blue-90
+  );
+  --Component-Button-Brand-Primary-Disabled: var(--Neutral-Opacity-Black-10);
+  --Component-Button-Brand-Primary-On-fill-Default: var(
+    --Neutral-Opacity-White-100
+  );
+  --Component-Button-Brand-Primary-On-fill-Disabled: var(--Neutral-40);
+  --Component-Button-Brand-Primary-On-fill-Hover: var(
+    --Neutral-Opacity-White-100
+  );
+  --Component-Button-Brand-Secondary-Border-Default: var(
+    --Signature-Hotel-Norge-Dark-blue-90
+  );
+  --Component-Button-Brand-Secondary-Border-Disabled: var(
+    --Neutral-Opacity-Black-10
+  );
+  --Component-Button-Brand-Secondary-Border-Hover: var(
+    --Signature-Hotel-Norge-Dark-blue-80
+  );
+  --Component-Button-Brand-Secondary-Border-Inverted: var(
+    --Neutral-Opacity-White-100
+  );
+  --Component-Button-Brand-Secondary-Default: var(--Neutral-Opacity-White-0);
+  --Component-Button-Brand-Secondary-Disabled: var(--Neutral-Opacity-Black-10);
+  --Component-Button-Brand-Secondary-Hover-Inverted: var(
+    --Signature-Hotel-Norge-Emerald-100
+  );
+  --Component-Button-Brand-Secondary-Hover: var(--Neutral-Opacity-White-0);
+  --Component-Button-Brand-Secondary-Inverted: var(--Neutral-Opacity-White-100);
+  --Component-Button-Brand-Secondary-On-fill-Default: var(
+    --Signature-Hotel-Norge-Dark-blue-90
+  );
+  --Component-Button-Brand-Secondary-On-fill-Disabled: var(--Neutral-40);
+  --Component-Button-Brand-Secondary-On-fill-Hover: var(
+    --Signature-Hotel-Norge-Dark-blue-80
+  );
+  --Component-Button-Brand-Secondary-On-fill-Inverted: var(
+    --Neutral-Opacity-White-100
+  );
+  --Component-Button-Brand-Tertiary-Border-Default: var(
+    --Neutral-Opacity-White-0
+  );
+  --Component-Button-Brand-Tertiary-Border-Disabled: var(
+    --Neutral-Opacity-White-0
+  );
+  --Component-Button-Brand-Tertiary-Border-Hover: var(
+    --Neutral-Opacity-White-0
+  );
+  --Component-Button-Brand-Tertiary-Default: var(
+    --Signature-Hotel-Norge-Emerald-100
+  );
+  --Component-Button-Brand-Tertiary-Disabled: var(--Neutral-Opacity-Black-10);
+  --Component-Button-Brand-Tertiary-On-fill-Default: var(
+    --Neutral-Opacity-White-100
+  );
+  --Component-Button-Brand-Tertiary-On-fill-Disabled: var(--Neutral-40);
+  --Component-Button-Brand-Tertiary-On-fill-Hover: var(
+    --Neutral-Opacity-White-100
+  );
+  --Component-Button-Inverted-Border-Default: var(--Neutral-Opacity-White-0);
+  --Component-Button-Inverted-Border-Disable: var(--Neutral-Opacity-White-0);
+  --Component-Button-Inverted-Border-Hover: var(--Neutral-Opacity-White-0);
+  --Component-Button-Inverted-Default: var(--Neutral-Opacity-White-100);
+  --Component-Button-Inverted-Disabled: var(--Neutral-Opacity-Black-10);
+  --Component-Button-Inverted-Faded: var(--Neutral-Opacity-White-90);
+  --Component-Button-Inverted-Hover-Inverted: var(
+    --Signature-Hotel-Norge-Emerald-100
+  );
+  --Component-Button-Inverted-On-fill-Default: var(
+    --Signature-Hotel-Norge-Dark-blue-90
+  );
+  --Component-Button-Inverted-On-fill-Disabled: var(--Neutral-40);
+  --Component-Button-Inverted-On-fill-Hover-inverted: var(
+    --Neutral-Opacity-White-100
+  );
+  --Component-Button-Muted-Border-Default: var(--Neutral-Opacity-White-10);
+  --Component-Button-Muted-Border-Disable: var(--Neutral-Opacity-White-10);
+  --Component-Button-Muted-Default: var(--Neutral-Opacity-White-0);
+  --Component-Button-Muted-Disabled-inverted: var(--Neutral-20);
+  --Component-Button-Muted-Disabled: var(--Neutral-Opacity-White-100);
+  --Component-Button-Muted-Hover-inverted: var(--Neutral-Opacity-Black-5);
+  --Component-Button-Muted-Hover: var(--Neutral-Opacity-White-100);
+  --Component-Button-Muted-On-fill-Default: var(--Neutral-90);
+  --Component-Button-Muted-On-fill-Disabled: var(--Neutral-40);
+  --Component-Button-Muted-On-fill-Hover-Inverted: var(
+    --Signature-Hotel-Norge-Dark-blue-80
+  );
+  --Component-Button-Muted-On-fill-Inverted: var(--Neutral-Opacity-White-100);
+  --Icon-Accent: var(--Signature-Hotel-Norge-Salmon-50);
+  --Icon-Default: var(--Neutral-60);
+  --Icon-Feedback-Error: var(--Scandic-Red-70);
+  --Icon-Feedback-Information: var(--Scandic-Blue-70);
+  --Icon-Feedback-Neutral: var(--Neutral-60);
+  --Icon-Feedback-Success: var(--Scandic-Green-60);
+  --Icon-Feedback-Warning: var(--Scandic-Yellow-60);
+  --Icon-Intense: var(--Neutral-90);
+  --Icon-Interactive-Default: var(--Signature-Hotel-Norge-Dark-blue-90);
+  --Icon-Interactive-Disabled: var(--Neutral-30);
+  --Icon-Interactive-Placeholder: var(--Neutral-50);
+  --Icon-Interactive-Secondary: var(--Signature-Hotel-Norge-Emerald-90);
+  --Icon-Inverted: var(--Neutral-Opacity-White-100);
+  --Label-Font-family: var(--Font-family-Hotel-Norge-Body);
+  --Label-Font-weight-2: var(--Font-weight-Medium);
+  --Label-Font-weight: var(--Font-weight-Regular);
+  --Label-Size: var(--Impl-Text-size-5xs);
+  --Link-md-Font-family: var(--Font-family-Hotel-Norge-Body);
+  --Link-md-Font-weight: var(--Font-weight-Medium);
+  --Link-md-Size: var(--Impl-Text-size-3xs);
+  --Link-sm-Font-family: var(--Font-family-Hotel-Norge-Body);
+  --Link-sm-Font-weight: var(--Font-weight-Medium);
+  --Link-sm-Size: var(--Impl-Text-size-4xs);
+  --Overlay-10: var(--Neutral-Opacity-Black-10);
+  --Overlay-20: var(--Neutral-Opacity-Black-20);
+  --Overlay-40: var(--Neutral-Opacity-Black-40);
+  --Overlay-60: var(--Neutral-Opacity-Black-60);
+  --Overlay-80: var(--Neutral-Opacity-Black-80);
+  --Overlay-90: var(--Neutral-Opacity-Black-90);
+  --Surface-Accent-1: var(--Signature-Hotel-Norge-Salmon-50);
+  --Surface-Accent-2: var(--Scandic-Blue-70);
+  --Surface-Accent-3: var(--Signature-Hotel-Norge-Emerald-100);
+  --Surface-Accent-4: var(--Signature-Hotel-Norge-Dark-blue-30);
+  --Surface-Accent-5: var(--Signature-Hotel-Norge-Dark-blue-80);
+  --Surface-Brand-Accent-Default: var(--Signature-Hotel-Norge-Emerald-0);
+  --Surface-Brand-Primary-1-Default: var(--Signature-Hotel-Norge-Dark-blue-90);
+  --Surface-Brand-Primary-2-Default: var(--Signature-Hotel-Norge-Dark-blue-90);
+  --Surface-Brand-Primary-3-Default: var(--Signature-Hotel-Norge-Emerald-100);
+  --Surface-Feedback-Error-Accent: var(--Scandic-Red-70);
+  --Surface-Feedback-Error: var(--Scandic-Red-00);
+  --Surface-Feedback-Information-Accent: var(--Scandic-Blue-70);
+  --Surface-Feedback-Information: var(--Scandic-Blue-00);
+  --Surface-Feedback-Neutral-Accent: var(--Neutral-50);
+  --Surface-Feedback-Neutral: var(--Neutral-15);
+  --Surface-Feedback-Succes-Accent: var(--Scandic-Green-60);
+  --Surface-Feedback-Succes: var(--Scandic-Green-00);
+  --Surface-Feedback-Warning--Light: var(--Scandic-Yellow-00);
+  --Surface-Feedback-Warning-Accent: var(--Scandic-Yellow-60);
+  --Surface-Primary-Default: var(--Neutral-Opacity-White-100);
+  --Surface-Primary-Disabled: var(--Neutral-15);
+  --Surface-Primary-Hover-Accent: var(--Neutral-15);
+  --Surface-Primary-OnSurface-Default: var(
+    --Signature-Hotel-Norge-Off-White-30
+  );
+  --Surface-Secondary-Default: var(--Signature-Hotel-Norge-Off-White-50);
+  --Surface-Secondary-Secondary: var(--Signature-Hotel-Norge-Off-White-50);
+  --Surface-UI-Fill-Active-Hover: var(--Neutral-Opacity-White-100);
+  --Surface-UI-Fill-Active: var(--Neutral-80);
+  --Surface-UI-Fill-Default: var(--Neutral-Opacity-White-100);
+  --Surface-UI-Fill-Disabled: var(--Neutral-15);
+  --Surface-UI-Fill-Intense: var(--Neutral-80);
+  --Tag-Font-family: var(--Font-family-Hotel-Norge-Body);
+  --Tag-Font-weight: var(--Font-weight-Medium);
+  --Tag-Size: var(--Impl-Text-size-5xs);
+  --Text-Accent-Primary: var(--Neutral-50);
+  --Text-Accent-Secondary: var(--Neutral-50);
+  --Text-Brand-OnAccent-Accent: var(--Signature-Hotel-Norge-Emerald-100);
+  --Text-Brand-OnAccent-Default: var(--Neutral-90);
+  --Text-Brand-OnAccent-Heading: var(--Neutral-90);
+  --Text-Brand-OnPrimary-1-Accent: var(--Signature-Hotel-Norge-Dark-blue-0);
+  --Text-Brand-OnPrimary-1-Default: var(--Neutral-Opacity-White-100);
+  --Text-Brand-OnPrimary-1-Heading: var(--Neutral-Opacity-White-100);
+  --Text-Brand-OnPrimary-2-Accent: var(--Signature-Hotel-Norge-Emerald-0);
+  --Text-Brand-OnPrimary-2-Default: var(--Neutral-Opacity-White-100);
+  --Text-Brand-OnPrimary-2-Heading: var(--Neutral-Opacity-White-100);
+  --Text-Brand-OnPrimary-3-Accent: var(--Signature-Hotel-Norge-Emerald-0);
+  --Text-Brand-OnPrimary-3-Default: var(--Neutral-Opacity-White-100);
+  --Text-Brand-OnPrimary-3-Heading: var(--Neutral-Opacity-White-100);
+  --Text-Default: var(--Neutral-90);
+  --Text-Heading: var(--Neutral-90);
+  --Text-Interactive-Default: var(--Signature-Hotel-Norge-Dark-blue-90);
+  --Text-Interactive-Disabled: var(--Neutral-40);
+  --Text-Interactive-Error: var(--Scandic-Red-70);
+  --Text-Interactive-Focus: var(--Neutral-80);
+  --Text-Interactive-Hover-Secondary: var(--Signature-Hotel-Norge-Emerald-80);
+  --Text-Interactive-Placeholder: var(--Neutral-50);
+  --Text-Interactive-Secondary: var(--Signature-Hotel-Norge-Emerald-90);
+  --Text-Inverted: var(--Neutral-Opacity-White-100);
+  --Text-Secondary: var(--Neutral-60);
+  --Text-Tertiary: var(--Neutral-50);
+  --Title-Decorative-lg-Font-family: var(--Font-family-Hotel-Norge-Decorative);
+  --Title-Decorative-lg-Font-weight: var(--Font-weight-Regular);
+  --Title-Decorative-lg-Size: var(--Impl-Text-size-sm);
+  --Title-Decorative-md-Font-family: var(--Font-family-Hotel-Norge-Title);
+  --Title-Decorative-md-Font-weight: var(--Font-weight-Regular);
+  --Title-Decorative-md-Size: var(--Impl-Text-size-3xs);
+  --Title-Overline-sm-Font-family: var(--Font-family-Hotel-Norge-Body);
+  --Title-Overline-sm-Font-weight: var(--Font-weight-Medium);
+  --Title-Overline-sm-Size: var(--Impl-Text-size-4xs);
+  --Title-Subtitle-lg-Font-family: var(--Font-family-Hotel-Norge-Body);
+  --Title-Subtitle-lg-Font-weight: var(--Font-weight-Medium);
+  --Title-Subtitle-lg-Size: var(--Impl-Text-size-sm);
+  --Title-Subtitle-md-Font-family: var(--Font-family-Hotel-Norge-Body);
+  --Title-Subtitle-md-Font-weight: var(--Font-weight-Medium);
+  --Title-Subtitle-md-Size: var(--Impl-Text-size-xs);
+  --Title-lg-Font-family: var(--Font-family-Hotel-Norge-Title);
+  --Title-lg-Font-weight: var(--Font-weight-Regular);
+  --Title-lg-Size: var(--Impl-Text-size-4xl);
+  --Title-md-Font-family: var(--Font-family-Hotel-Norge-Title);
+  --Title-md-Font-weight: var(--Font-weight-Regular);
+  --Title-md-LowCase-Font-family: var(--Font-family-Hotel-Norge-Title);
+  --Title-md-LowCase-Font-weight: var(--Font-weight-Regular);
+  --Title-md-LowCase-Size: var(--Impl-Text-size-2xl);
+  --Title-md-Size: var(--Impl-Text-size-2xl);
+  --Title-sm-Font-family: var(--Font-family-Hotel-Norge-Title);
+  --Title-sm-Font-weight: var(--Font-weight-Regular);
+  --Title-sm-LowCase-Font-family: var(--Font-family-Hotel-Norge-Title);
+  --Title-sm-LowCase-Font-weight: var(--Font-weight-Regular);
+  --Title-sm-LowCase-Size: var(--Impl-Text-size-lg);
+  --Title-sm-Size: var(--Impl-Text-size-lg);
+  --Title-xs-Font-family: var(--Font-family-Hotel-Norge-Title);
+  --Title-xs-Font-weight: var(--Font-weight-Regular);
+  --Title-xs-Size: var(--Impl-Text-size-sm);
+}
diff --git a/packages/design-system/lib/styles/hotel-norge.js b/packages/design-system/lib/styles/hotel-norge.js
new file mode 100644
index 000000000..0777791b2
--- /dev/null
+++ b/packages/design-system/lib/styles/hotel-norge.js
@@ -0,0 +1,277 @@
+/* This file is generated, do not edit manually! */
+export const theme = {
+  'Signature/Hotel Norge/Off White/0': '#FDFEFD',
+  'Signature/Hotel Norge/Off White/10': '#FAFAF9',
+  'Signature/Hotel Norge/Off White/20': '#F8F8F6',
+  'Signature/Hotel Norge/Off White/30': '#F4F5F2',
+  'Signature/Hotel Norge/Off White/40': '#F2F3EF',
+  'Signature/Hotel Norge/Off White/50': '#EFF0EB',
+  'Signature/Hotel Norge/Off White/60': '#D9DAD6',
+  'Signature/Hotel Norge/Off White/70': '#AAAAA7',
+  'Signature/Hotel Norge/Emerald/0': '#C7DDD5',
+  'Signature/Hotel Norge/Emerald/80': '#3A655C',
+  'Signature/Hotel Norge/Off White/80': '#838481',
+  'Signature/Hotel Norge/Off White/90': '#6F716F',
+  'Signature/Hotel Norge/Emerald/90': '#26544A',
+  'Signature/Hotel Norge/Off White/100': '#646563',
+  'Signature/Hotel Norge/Emerald/100': '#004337',
+  'Signature/Hotel Norge/Dark blue/0': '#B7C5C8',
+  'Signature/Hotel Norge/Dark blue/30': '#858F97',
+  'Signature/Hotel Norge/Dark blue/80': '#404655',
+  'Signature/Hotel Norge/Dark blue/90': '#181E34',
+  'Signature/Hotel Norge/Dark blue/100': '#2F3445',
+  'Signature/Hotel Norge/Salmon/50': '#EC615B',
+  'Title/lg/Font fallback': 'sans-serif',
+  'Title/lg/Text-Transform': 'unset',
+  'Title/md/Letter spacing': 0.36,
+  'Title/md/Font fallback': 'sans-serif',
+  'Title/sm/Font fallback': 'sans-serif',
+  'Title/sm/Text-Transform': 'unset',
+  'Title/Decorative/lg/Letter spacing': 0.24,
+  'Title/Decorative/lg/Font fallback': 'sans-serif',
+  'Title/Decorative/lg/Text-Transform': 'uppercase',
+  'Title/Decorative/md/Letter spacing': 0.32,
+  'Title/Decorative/md/Font fallback': 'sans-serif',
+  'Title/Decorative/md/Text-Transform': 'uppercase',
+  'Title/Subtitle/lg/Font fallback': 'sans-serif',
+  'Title/Subtitle/lg/Letter spacing': 0.24,
+  'Title/Subtitle/md/Font fallback': 'sans-serif',
+  'Title/Subtitle/md/Letter spacing': 0.2,
+  'Title/Overline/sm/Letter spacing': 0.21,
+  'Title/Overline/sm/Font fallback': 'sans-serif',
+  'Title/Overline/sm/Text-Transform': 'uppercase',
+  'Title/sm/LowCase/Font fallback': 'sans-serif',
+  'Title/sm/LowCase/Text-Transform': 'unset',
+  'Title/xs/Letter spacing': -0.05,
+  'Title/xs/Font fallback': 'sans-serif',
+  'Title/xs/Text-Transform': 'unset',
+  'Title/md/Text-Transform': 'unset',
+  'Title/md/LowCase/Letter spacing': 0.36,
+  'Title/md/LowCase/Font fallback': 'sans-serif',
+  'Title/md/LowCase/Text-Transform': 'unset',
+  'Tag/Letter spacing': 0.18,
+  'Tag/Font fallback': 'sans-serif',
+  'Tag/Text-Transform': 'uppercase',
+  'Link/md/Font fallback': 'sans-serif',
+  'Link/md/Letter spacing': 0.19,
+  'Link/sm/Font fallback': 'sans-serif',
+  'Link/sm/Letter spacing': 0.2,
+  'Body/Lead text/Font fallback': 'sans-serif',
+  'Body/Paragraph/Font fallback': 'sans-serif',
+  'Body/Paragraph/Letter spacing': 0.19,
+  'Body/Supporting text/Font fallback': 'sans-serif',
+  'Body/Supporting text/Letter spacing': 0.2,
+  'Body/Lead text/Letter spacing': 0.2,
+  'Label/Font fallback': 'sans-serif',
+  'Label/Letter spacing': 0.17,
+  'Body/Underline/md/Font fallback': 'sans-serif',
+  'Body/Underline/md/Letter spacing': 0.19,
+  'Body/Underline/sm/Font fallback': 'sans-serif',
+  'Body/Underline/sm/Letter spacing': 0.2,
+  'Surface/Brand/Primary 1/OnSurface/Default': '#FFFFFF',
+  'Surface/Brand/Primary 1/OnSurface/Accent': '#FFFFFF',
+  'Surface/Brand/Primary 1/OnSurface/Accent Secondary': '#FFFFFF',
+  'Surface/Brand/Primary 2/OnSurface/Default': '#FFFFFF',
+  'Surface/Brand/Primary 2/OnSurface/Accent': '#FFFFFF',
+  'Surface/Brand/Primary 3/OnSurface/Default': '#FFFFFF',
+  'Surface/Brand/Primary 3/OnSurface/Accent': '#FFFFFF',
+  'Utilities/Gradients/10': '#3C43361A',
+  'Font family/Hotel Norge/Title': 'Domaine Sans Text',
+  'Font family/Hotel Norge/Body': 'Fira sans',
+  'Font family/Hotel Norge/Decorative': 'Domaine Sans Text',
+  'Title/lg/Font weight': 400,
+  'Title/lg/Font family': 'Domaine Sans Text',
+  'Title/md/Font weight': 400,
+  'Title/md/Font family': 'Domaine Sans Text',
+  'Title/sm/Font weight': 400,
+  'Title/sm/Font family': 'Domaine Sans Text',
+  'Title/sm/LowCase/Font weight': 400,
+  'Title/sm/LowCase/Font family': 'Domaine Sans Text',
+  'Title/Decorative/lg/Font weight': 400,
+  'Title/Decorative/lg/Font family': 'Domaine Sans Text',
+  'Title/Decorative/md/Font weight': 400,
+  'Title/Decorative/md/Font family': 'Domaine Sans Text',
+  'Title/Subtitle/lg/Font weight': 500,
+  'Title/Subtitle/lg/Font family': 'Fira sans',
+  'Title/Subtitle/md/Font weight': 500,
+  'Title/Subtitle/md/Font family': 'Fira sans',
+  'Title/Overline/sm/Font weight': 500,
+  'Title/Overline/sm/Font family': 'Fira sans',
+  'Title/xs/Font weight': 400,
+  'Title/xs/Font family': 'Domaine Sans Text',
+  'Title/md/LowCase/Font weight': 400,
+  'Title/md/LowCase/Font family': 'Domaine Sans Text',
+  'Tag/Font weight': 500,
+  'Tag/Font family': 'Fira sans',
+  'Link/md/Font weight': 500,
+  'Link/md/Font family': 'Fira sans',
+  'Link/sm/Font weight': 500,
+  'Link/sm/Font family': 'Fira sans',
+  'Body/Lead text/Font weight': 400,
+  'Body/Lead text/Font family': 'Fira sans',
+  'Body/Paragraph/Font weight': 400,
+  'Body/Paragraph/Font weight 2': 500,
+  'Body/Paragraph/Font family': 'Fira sans',
+  'Body/Supporting text/Font weight': 400,
+  'Body/Supporting text/Font weight 2': 500,
+  'Body/Supporting text/Font family': 'Fira sans',
+  'Label/Font weight': 400,
+  'Label/Font weight 2': 500,
+  'Label/Font family': 'Fira sans',
+  'Body/Underline/md/Font weight': 400,
+  'Body/Underline/md/Font family': 'Fira sans',
+  'Body/Underline/sm/Font weight': 400,
+  'Body/Underline/sm/Font family': 'Fira sans',
+  'Text/Heading': '#1F1F1F',
+  'Text/Default': '#1F1F1F',
+  'Text/Secondary': '#575757',
+  'Text/Tertiary': '#747474',
+  'Text/Accent Primary': '#747474',
+  'Text/Accent Secondary': '#747474',
+  'Text/Inverted': '#FFFFFF',
+  'Text/Interactive/Default': '#181E34',
+  'Text/Interactive/Secondary': '#26544A',
+  'Text/Interactive/Hover Secondary': '#3A655C',
+  'Text/Interactive/Disabled': '#8C8C8C',
+  'Text/Interactive/Focus': '#262626',
+  'Text/Interactive/Error': '#AD0015',
+  'Text/Interactive/Placeholder': '#747474',
+  'Text/Brand/OnAccent/Heading': '#1F1F1F',
+  'Text/Brand/OnAccent/Default': '#1F1F1F',
+  'Text/Brand/OnAccent/Accent': '#004337',
+  'Text/Brand/OnPrimary 1/Heading': '#FFFFFF',
+  'Text/Brand/OnPrimary 1/Default': '#FFFFFF',
+  'Text/Brand/OnPrimary 1/Accent': '#B7C5C8',
+  'Text/Brand/OnPrimary 2/Heading': '#FFFFFF',
+  'Text/Brand/OnPrimary 2/Default': '#FFFFFF',
+  'Text/Brand/OnPrimary 2/Accent': '#C7DDD5',
+  'Text/Brand/OnPrimary 3/Heading': '#FFFFFF',
+  'Text/Brand/OnPrimary 3/Default': '#FFFFFF',
+  'Text/Brand/OnPrimary 3/Accent': '#C7DDD5',
+  'Background/Primary': '#FFFFFF',
+  'Background/Secondary': '#FFFFFF',
+  'Surface/Primary/Default': '#FFFFFF',
+  'Surface/Primary/Hover': '#f2f2f2',
+  'Surface/Primary/Hover Light': '#e6e5e5',
+  'Surface/Primary/Hover Accent': '#E9E9E9',
+  'Surface/Primary/OnSurface/Default': '#F4F5F2',
+  'Surface/Primary/Disabled': '#E9E9E9',
+  'Surface/Secondary/Default': '#EFF0EB',
+  'Surface/Secondary/Secondary': '#EFF0EB',
+  'Surface/Secondary/Hover': '#e3e4df',
+  'Surface/Brand/Accent/Default': '#C7DDD5',
+  'Surface/Brand/Primary 1/Default': '#181E34',
+  'Surface/Brand/Primary 2/Default': '#181E34',
+  'Surface/Brand/Primary 3/Default': '#004337',
+  'Surface/UI Fill/Default': '#FFFFFF',
+  'Surface/UI Fill/Intense': '#262626',
+  'Surface/UI Fill/Active': '#262626',
+  'Surface/UI Fill/Active Hover': '#FFFFFF',
+  'Surface/UI Fill/Disabled': '#E9E9E9',
+  'Surface/Accent/1': '#EC615B',
+  'Surface/Accent/2': '#284EA0',
+  'Surface/Accent/3': '#004337',
+  'Surface/Accent/4': '#858F97',
+  'Surface/Accent/5': '#404655',
+  'Surface/Feedback/Information Accent': '#284EA0',
+  'Surface/Feedback/Information': '#E8F6FF',
+  'Surface/Feedback/Succes Accent': '#348337',
+  'Surface/Feedback/Succes': '#F3FCE8',
+  'Surface/Feedback/Warning Accent': '#D17308',
+  'Surface/Feedback/Warning  Light': '#FFF8E3',
+  'Surface/Feedback/Error Accent': '#AD0015',
+  'Surface/Feedback/Error': '#FFEBEB',
+  'Surface/Feedback/Neutral Accent': '#747474',
+  'Surface/Feedback/Neutral': '#E9E9E9',
+  'Border/Default': '#D9D9D9',
+  'Border/Intense': '#BFBFBF',
+  'Border/Inverted': '#FFFFFF',
+  'Icon/Default': '#575757',
+  'Icon/Intense': '#1F1F1F',
+  'Icon/Accent': '#EC615B',
+  'Icon/Interactive/Default': '#181E34',
+  'Icon/Interactive/Secondary': '#26544A',
+  'Icon/Interactive/Disabled': '#BFBFBF',
+  'Icon/Interactive/Placeholder': '#747474',
+  'Icon/Feedback/Information': '#284EA0',
+  'Icon/Feedback/Success': '#348337',
+  'Icon/Feedback/Warning': '#D17308',
+  'Icon/Feedback/Error': '#AD0015',
+  'Icon/Feedback/Neutral': '#575757',
+  'Icon/Inverted': '#FFFFFF',
+  'Overlay/10': '#1F1C1B1A',
+  'Overlay/20': '#1F1C1B33',
+  'Overlay/40': '#1F1C1B66',
+  'Overlay/60': '#1F1C1B99',
+  'Overlay/80': '#1F1C1BCC',
+  'Overlay/90': '#1F1C1BE6',
+  'Component/Button/Brand/Primary/Default': '#181E34',
+  'Component/Button/Brand/Primary/Hover': '#2c3146',
+  'Component/Button/Brand/Primary/Disabled': '#1F1C1B1A',
+  'Component/Button/Brand/Primary/On fill/Default': '#FFFFFF',
+  'Component/Button/Brand/Primary/On fill/Hover': '#FFFFFF',
+  'Component/Button/Brand/Primary/On fill/Disabled': '#8C8C8C',
+  'Component/Button/Brand/Primary/Border/Default': '#FFFFFF00',
+  'Component/Button/Brand/Primary/Border/Hover': '#FFFFFF00',
+  'Component/Button/Brand/Primary/Border/Disabled': '#FFFFFF00',
+  'Component/Button/Brand/Secondary/Default': '#FFFFFF00',
+  'Component/Button/Brand/Secondary/Hover': '#FFFFFF00',
+  'Component/Button/Brand/Secondary/Inverted': '#FFFFFF',
+  'Component/Button/Brand/Secondary/Hover Inverted': '#004337',
+  'Component/Button/Brand/Secondary/Disabled': '#1F1C1B1A',
+  'Component/Button/Brand/Secondary/On fill/Default': '#181E34',
+  'Component/Button/Brand/Secondary/On fill/Hover': '#404655',
+  'Component/Button/Brand/Secondary/On fill/Inverted': '#FFFFFF',
+  'Component/Button/Brand/Secondary/On fill/Disabled': '#8C8C8C',
+  'Component/Button/Brand/Secondary/Border/Default': '#181E34',
+  'Component/Button/Brand/Secondary/Border/Hover': '#404655',
+  'Component/Button/Brand/Secondary/Border/Inverted': '#FFFFFF',
+  'Component/Button/Brand/Secondary/Border/Hover inverted': '#e5e6e9',
+  'Component/Button/Brand/Secondary/Border/Disabled': '#1F1C1B1A',
+  'Component/Button/Brand/Tertiary/Default': '#004337',
+  'Component/Button/Brand/Tertiary/Hover': '#215448',
+  'Component/Button/Brand/Tertiary/Disabled': '#1F1C1B1A',
+  'Component/Button/Brand/Tertiary/On fill/Default': '#FFFFFF',
+  'Component/Button/Brand/Tertiary/On fill/Hover': '#FFFFFF',
+  'Component/Button/Brand/Tertiary/On fill/Disabled': '#8C8C8C',
+  'Component/Button/Brand/Tertiary/Border/Default': '#FFFFFF00',
+  'Component/Button/Brand/Tertiary/Border/Hover': '#FFFFFF00',
+  'Component/Button/Brand/Tertiary/Border/Disabled': '#FFFFFF00',
+  'Component/Button/Inverted/Default': '#FFFFFF',
+  'Component/Button/Inverted/Faded': '#FFFFFFE6',
+  'Component/Button/Inverted/Hover': '#f2f2f2',
+  'Component/Button/Inverted/Hover Inverted': '#004337',
+  'Component/Button/Inverted/Disabled': '#1F1C1B1A',
+  'Component/Button/Inverted/On fill/Default': '#181E34',
+  'Component/Button/Inverted/On fill/Hover': '#2c3146',
+  'Component/Button/Inverted/On fill/Hover inverted': '#FFFFFF',
+  'Component/Button/Inverted/On fill/Disabled': '#8C8C8C',
+  'Component/Button/Inverted/Border/Default': '#FFFFFF00',
+  'Component/Button/Inverted/Border/Hover': '#FFFFFF00',
+  'Component/Button/Inverted/Border/Disable': '#FFFFFF00',
+  'Border/Interactive/Default': '#BFBFBF',
+  'Border/Divider/Default': '#D9D9D9',
+  'Border/Divider/Subtle': '#E9E9E9',
+  'Border/Divider/Accent': '#BFBFBF',
+  'Border/Divider/Brand/OnPrimary 1/Default': '#FFFFFF',
+  'Border/Divider/Brand/OnPrimary 1/Secondary': '#FFFFFF',
+  'Border/Divider/Brand/OnPrimary 2/Default': '#FFFFFF',
+  'Border/Divider/Brand/OnPrimary 3/Default': '#FFFFFF',
+  'Border/Interactive/Selected': '#262626',
+  'Border/Interactive/Focus': '#262626',
+  'Border/Interactive/Disabled': '#BFBFBF',
+  'Border/Interactive/Error': '#AD0015',
+  'Border/Interactive/KeyboardFocus': '#5B8FD4',
+  'Component/Button/Muted/Default': '#FFFFFF00',
+  'Component/Button/Muted/Hover': '#FFFFFF',
+  'Component/Button/Muted/Disabled': '#FFFFFF',
+  'Component/Button/Muted/Hover inverted': '#1F1C1B0D',
+  'Component/Button/Muted/Disabled inverted': '#D9D9D9',
+  'Component/Button/Muted/On fill/Default': '#1F1F1F',
+  'Component/Button/Muted/On fill/Inverted': '#FFFFFF',
+  'Component/Button/Muted/On fill/Hover Inverted': '#404655',
+  'Component/Button/Muted/On fill/Disabled': '#8C8C8C',
+  'Component/Button/Muted/Border/Default': '#FFFFFF1A',
+  'Component/Button/Muted/Border/Hover': '#ffffff30',
+  'Component/Button/Muted/Border/Disable': '#FFFFFF1A',
+}
diff --git a/packages/design-system/lib/styles/impl.css b/packages/design-system/lib/styles/impl.css
new file mode 100644
index 000000000..ee5c5464d
--- /dev/null
+++ b/packages/design-system/lib/styles/impl.css
@@ -0,0 +1,38 @@
+:root {
+  --Impl-Text-size-5xs: var(--Size-200-12);
+  --Impl-Text-size-4xs: var(--Size-250-14);
+  --Impl-Text-size-3xs: var(--Size-300-16);
+  --Impl-Text-size-2xs: var(--Size-300-16);
+  --Impl-Text-size-xs: var(--Size-350-18);
+  --Impl-Text-size-sm: var(--Size-400-20);
+  --Impl-Text-size-md: var(--Size-400-20);
+  --Impl-Text-size-lg: var(--Size-500-24);
+  --Impl-Text-size-xl: var(--Size-500-24);
+  --Impl-Text-size-2xl: 30px;
+  --Impl-Text-size-4xl: var(--Size-800-36);
+}
+
+@media screen and (min-width: 768px) {
+  /* Tablet */
+  :root {
+    --Impl-Text-size-xs: 19px;
+    --Impl-Text-size-sm: 22px;
+    --Impl-Text-size-lg: var(--Size-550-26);
+    --Impl-Text-size-xl: 29px;
+    --Impl-Text-size-2xl: 34px;
+    --Impl-Text-size-4xl: 44px;
+  }
+}
+
+@media screen and (min-width: 1367px) {
+  /* Desktop */
+  :root {
+    --Impl-Text-size-2xs: var(--Size-350-18);
+    --Impl-Text-size-xs: var(--Size-400-20);
+    --Impl-Text-size-sm: var(--Size-500-24);
+    --Impl-Text-size-lg: var(--Size-600-28);
+    --Impl-Text-size-xl: var(--Size-700-32);
+    --Impl-Text-size-2xl: var(--Size-800-36);
+    --Impl-Text-size-4xl: var(--Size-1100-48);
+  }
+}
diff --git a/packages/design-system/lib/styles/marski.css b/packages/design-system/lib/styles/marski.css
new file mode 100644
index 000000000..9944b0ded
--- /dev/null
+++ b/packages/design-system/lib/styles/marski.css
@@ -0,0 +1,374 @@
+/* This file is generated, do not edit manually! */
+.marski {
+  /* Values */
+  --Body-Lead-text-Font-fallback: sans-serif;
+  --Body-Lead-text-Letter-spacing: 0.2px;
+  --Body-Paragraph-Font-fallback: sans-serif;
+  --Body-Paragraph-Letter-spacing: 0.19px;
+  --Body-Supporting-text-Font-fallback: sans-serif;
+  --Body-Supporting-text-Letter-spacing: 0.2px;
+  --Body-Underline-md-Font-fallback: sans-serif;
+  --Body-Underline-md-Letter-spacing: 0.19px;
+  --Body-Underline-sm-Font-fallback: sans-serif;
+  --Body-Underline-sm-Letter-spacing: 0.2px;
+  --Component-Button-Brand-Primary-Hover: #283b48;
+  --Component-Button-Brand-Secondary-Border-Hover-inverted: #e5e7e9;
+  --Component-Button-Brand-Tertiary-Hover: #1a54e7;
+  --Component-Button-Inverted-Hover: #f2f2f2;
+  --Component-Button-Inverted-On-fill-Hover: #283b48;
+  --Component-Button-Muted-Border-Hover: #ffffff30;
+  --Font-family-Marski-Body: 'Fira sans';
+  --Font-family-Marski-Decorative: 'Helvetica Neue';
+  --Font-family-Marski-Title: 'Helvetica Neue';
+  --Label-Font-fallback: sans-serif;
+  --Label-Letter-spacing: 0.17px;
+  --Link-md-Font-fallback: sans-serif;
+  --Link-md-Letter-spacing: 0.19px;
+  --Link-sm-Font-fallback: sans-serif;
+  --Link-sm-Letter-spacing: 0.2px;
+  --Signature-Marski-Aubergine-00: #f9f6f4;
+  --Signature-Marski-Aubergine-100: #3e1118;
+  --Signature-Marski-Aubergine-10: #ebe8e6;
+  --Signature-Marski-Aubergine-20: #cfc4c5;
+  --Signature-Marski-Aubergine-30: #baa9ac;
+  --Signature-Marski-Aubergine-40: #a28d90;
+  --Signature-Marski-Aubergine-50: #8b7074;
+  --Signature-Marski-Aubergine-60: #806267;
+  --Signature-Marski-Aubergine-70: #6a484d;
+  --Signature-Marski-Aubergine-80: #5b353b;
+  --Signature-Marski-Aubergine-90: #481d24;
+  --Signature-Marski-Blue-ribbon-0: #eef7ff;
+  --Signature-Marski-Blue-ribbon-100: #11265a;
+  --Signature-Marski-Blue-ribbon-10: #d8ecff;
+  --Signature-Marski-Blue-ribbon-20: #b9deff;
+  --Signature-Marski-Blue-ribbon-30: #89cbff;
+  --Signature-Marski-Blue-ribbon-40: #52aeff;
+  --Signature-Marski-Blue-ribbon-50: #2a8bff;
+  --Signature-Marski-Blue-ribbon-60: #136afd;
+  --Signature-Marski-Blue-ribbon-70: #0d57f3;
+  --Signature-Marski-Blue-ribbon-80: #1043bd;
+  --Signature-Marski-Blue-ribbon-90: #143d94;
+  --Signature-Marski-Elephant-0: #f6f6f7;
+  --Signature-Marski-Elephant-100: #122937;
+  --Signature-Marski-Elephant-10: #eceeef;
+  --Signature-Marski-Elephant-20: #e0e3e5;
+  --Signature-Marski-Elephant-30: #b6bdc1;
+  --Signature-Marski-Elephant-40: #9ba5ab;
+  --Signature-Marski-Elephant-50: #717f87;
+  --Signature-Marski-Elephant-60: #576771;
+  --Signature-Marski-Elephant-70: #495a65;
+  --Signature-Marski-Elephant-80: #2c414d;
+  --Signature-Marski-Elephant-90: #1e3441;
+  --Signature-Marski-Torch-red-00: #fff0f1;
+  --Signature-Marski-Torch-red-100: #4f0007;
+  --Signature-Marski-Torch-red-10: #ffdde0;
+  --Signature-Marski-Torch-red-20: #ffc1c7;
+  --Signature-Marski-Torch-red-30: #ff96a0;
+  --Signature-Marski-Torch-red-40: #ff5a6a;
+  --Signature-Marski-Torch-red-50: #ff273b;
+  --Signature-Marski-Torch-red-60: #fb1228;
+  --Signature-Marski-Torch-red-70: #d40115;
+  --Signature-Marski-Torch-red-80: #ae0616;
+  --Signature-Marski-Torch-red-90: #900c18;
+  --Surface-Brand-Primary-1-OnSurface-Accent-Secondary: #ffffff;
+  --Surface-Brand-Primary-1-OnSurface-Accent: #ffffff;
+  --Surface-Brand-Primary-1-OnSurface-Default: #ffffff;
+  --Surface-Brand-Primary-2-OnSurface-Accent: #ffffff;
+  --Surface-Brand-Primary-2-OnSurface-Default: #ffffff;
+  --Surface-Brand-Primary-3-OnSurface-Accent: #ffffff;
+  --Surface-Brand-Primary-3-OnSurface-Default: #ffffff;
+  --Surface-Primary-Hover-Light: #e6e5e5;
+  --Surface-Primary-Hover: #f2f2f2;
+  --Surface-Secondary-Hover: #e0e2e3;
+  --Tag-Font-fallback: sans-serif;
+  --Tag-Letter-spacing: 0.18px;
+  --Tag-Text-Transform: unset;
+  --Title-Decorative-lg-Font-fallback: sans-serif;
+  --Title-Decorative-lg-Letter-spacing: 0.1px;
+  --Title-Decorative-lg-Text-Transform: uppercase;
+  --Title-Decorative-md-Font-fallback: sans-serif;
+  --Title-Decorative-md-Letter-spacing: 0.32px;
+  --Title-Decorative-md-Text-Transform: uppercase;
+  --Title-Overline-sm-Font-fallback: sans-serif;
+  --Title-Overline-sm-Letter-spacing: 0.21px;
+  --Title-Overline-sm-Text-Transform: uppercase;
+  --Title-Subtitle-lg-Font-fallback: sans-serif;
+  --Title-Subtitle-lg-Letter-spacing: 0.24px;
+  --Title-Subtitle-md-Font-fallback: sans-serif;
+  --Title-Subtitle-md-Letter-spacing: 0.2px;
+  --Title-lg-Font-fallback: sans-serif;
+  --Title-lg-Letter-spacing: 0.48px;
+  --Title-lg-Text-Transform: unset;
+  --Title-md-Font-fallback: sans-serif;
+  --Title-md-Letter-spacing: 0.09px;
+  --Title-md-LowCase-Font-fallback: sans-serif;
+  --Title-md-LowCase-Letter-spacing: 0.09px;
+  --Title-md-LowCase-Text-Transform: unset;
+  --Title-md-Text-Transform: unset;
+  --Title-sm-Font-fallback: sans-serif;
+  --Title-sm-Letter-spacing: 0.14px;
+  --Title-sm-LowCase-Font-fallback: sans-serif;
+  --Title-sm-LowCase-Letter-spacing: 0.14px;
+  --Title-sm-LowCase-Text-Transform: unset;
+  --Title-sm-Text-Transform: unset;
+  --Title-xs-Font-fallback: sans-serif;
+  --Title-xs-Letter-spacing: 0.24px;
+  --Title-xs-Text-Transform: unset;
+  --Utilities-Gradients-10: #3e11181a;
+
+  /* Aliases */
+  --Background-Primary: var(--Neutral-0);
+  --Background-Secondary: var(--Neutral-Opacity-White-100);
+  --Body-Lead-text-Font-family: var(--Font-family-Marski-Body);
+  --Body-Lead-text-Font-weight: var(--Font-weight-Regular);
+  --Body-Lead-text-Size: var(--Impl-Text-size-xs);
+  --Body-Paragraph-Font-family: var(--Font-family-Marski-Body);
+  --Body-Paragraph-Font-weight-2: var(--Font-weight-Medium);
+  --Body-Paragraph-Font-weight: var(--Font-weight-Regular);
+  --Body-Paragraph-Size: var(--Impl-Text-size-3xs);
+  --Body-Supporting-text-Font-family: var(--Font-family-Marski-Body);
+  --Body-Supporting-text-Font-weight-2: var(--Font-weight-Medium);
+  --Body-Supporting-text-Font-weight: var(--Font-weight-Regular);
+  --Body-Supporting-text-Size: var(--Impl-Text-size-4xs);
+  --Body-Underline-md-Font-family: var(--Font-family-Marski-Body);
+  --Body-Underline-md-Font-weight: var(--Font-weight-Regular);
+  --Body-Underline-md-Size: var(--Impl-Text-size-3xs);
+  --Body-Underline-sm-Font-family: var(--Font-family-Marski-Body);
+  --Body-Underline-sm-Font-weight: var(--Font-weight-Regular);
+  --Body-Underline-sm-Size: var(--Impl-Text-size-4xs);
+  --Border-Default: var(--Neutral-20);
+  --Border-Divider-Accent: var(--Neutral-30);
+  --Border-Divider-Brand-OnPrimary-1-Default: var(--Neutral-Opacity-White-100);
+  --Border-Divider-Brand-OnPrimary-1-Secondary: var(
+    --Neutral-Opacity-White-100
+  );
+  --Border-Divider-Brand-OnPrimary-2-Default: var(--Neutral-Opacity-White-100);
+  --Border-Divider-Brand-OnPrimary-3-Default: var(--Neutral-Opacity-White-100);
+  --Border-Divider-Default: var(--Neutral-20);
+  --Border-Divider-Subtle: var(--Neutral-15);
+  --Border-Intense: var(--Neutral-30);
+  --Border-Interactive-Default: var(--Neutral-30);
+  --Border-Interactive-Disabled: var(--Neutral-30);
+  --Border-Interactive-Error: var(--Scandic-Red-70);
+  --Border-Interactive-Focus: var(--Neutral-80);
+  --Border-Interactive-KeyboardFocus: var(--Scandic-Blue-50);
+  --Border-Interactive-Selected: var(--Neutral-80);
+  --Border-Inverted: var(--Neutral-Opacity-White-100);
+  --Component-Button-Brand-Primary-Border-Default: var(
+    --Neutral-Opacity-White-0
+  );
+  --Component-Button-Brand-Primary-Border-Disabled: var(
+    --Neutral-Opacity-White-0
+  );
+  --Component-Button-Brand-Primary-Border-Hover: var(--Neutral-Opacity-White-0);
+  --Component-Button-Brand-Primary-Default: var(
+    --Signature-Marski-Elephant-100
+  );
+  --Component-Button-Brand-Primary-Disabled: var(--Neutral-Opacity-Black-10);
+  --Component-Button-Brand-Primary-On-fill-Default: var(
+    --Neutral-Opacity-White-100
+  );
+  --Component-Button-Brand-Primary-On-fill-Disabled: var(--Neutral-40);
+  --Component-Button-Brand-Primary-On-fill-Hover: var(
+    --Neutral-Opacity-White-100
+  );
+  --Component-Button-Brand-Secondary-Border-Default: var(
+    --Signature-Marski-Elephant-100
+  );
+  --Component-Button-Brand-Secondary-Border-Disabled: var(
+    --Neutral-Opacity-Black-10
+  );
+  --Component-Button-Brand-Secondary-Border-Hover: var(
+    --Signature-Marski-Elephant-80
+  );
+  --Component-Button-Brand-Secondary-Border-Inverted: var(
+    --Neutral-Opacity-White-100
+  );
+  --Component-Button-Brand-Secondary-Default: var(--Neutral-Opacity-White-0);
+  --Component-Button-Brand-Secondary-Disabled: var(--Neutral-Opacity-Black-10);
+  --Component-Button-Brand-Secondary-Hover-Inverted: var(
+    --Signature-Marski-Elephant-100
+  );
+  --Component-Button-Brand-Secondary-Hover: var(--Neutral-Opacity-White-0);
+  --Component-Button-Brand-Secondary-Inverted: var(--Neutral-Opacity-White-100);
+  --Component-Button-Brand-Secondary-On-fill-Default: var(
+    --Signature-Marski-Elephant-100
+  );
+  --Component-Button-Brand-Secondary-On-fill-Disabled: var(--Neutral-40);
+  --Component-Button-Brand-Secondary-On-fill-Hover: var(
+    --Signature-Marski-Elephant-80
+  );
+  --Component-Button-Brand-Secondary-On-fill-Inverted: var(
+    --Neutral-Opacity-White-100
+  );
+  --Component-Button-Brand-Tertiary-Border-Default: var(
+    --Neutral-Opacity-White-0
+  );
+  --Component-Button-Brand-Tertiary-Border-Disabled: var(
+    --Neutral-Opacity-White-0
+  );
+  --Component-Button-Brand-Tertiary-Border-Hover: var(
+    --Neutral-Opacity-White-0
+  );
+  --Component-Button-Brand-Tertiary-Default: var(
+    --Signature-Marski-Blue-ribbon-70
+  );
+  --Component-Button-Brand-Tertiary-Disabled: var(--Neutral-Opacity-Black-10);
+  --Component-Button-Brand-Tertiary-On-fill-Default: var(
+    --Neutral-Opacity-White-100
+  );
+  --Component-Button-Brand-Tertiary-On-fill-Disabled: var(--Neutral-40);
+  --Component-Button-Brand-Tertiary-On-fill-Hover: var(
+    --Neutral-Opacity-White-100
+  );
+  --Component-Button-Inverted-Border-Default: var(--Neutral-Opacity-White-0);
+  --Component-Button-Inverted-Border-Disable: var(--Neutral-Opacity-White-0);
+  --Component-Button-Inverted-Border-Hover: var(--Neutral-Opacity-White-0);
+  --Component-Button-Inverted-Default: var(--Neutral-Opacity-White-100);
+  --Component-Button-Inverted-Disabled: var(--Neutral-Opacity-Black-10);
+  --Component-Button-Inverted-Faded: var(--Neutral-Opacity-White-90);
+  --Component-Button-Inverted-Hover-Inverted: var(
+    --Signature-Marski-Elephant-100
+  );
+  --Component-Button-Inverted-On-fill-Default: var(
+    --Signature-Marski-Elephant-100
+  );
+  --Component-Button-Inverted-On-fill-Disabled: var(--Neutral-40);
+  --Component-Button-Inverted-On-fill-Hover-inverted: var(
+    --Neutral-Opacity-White-100
+  );
+  --Component-Button-Muted-Border-Default: var(--Neutral-Opacity-White-10);
+  --Component-Button-Muted-Border-Disable: var(--Neutral-Opacity-White-10);
+  --Component-Button-Muted-Default: var(--Neutral-Opacity-White-0);
+  --Component-Button-Muted-Disabled-inverted: var(--Neutral-20);
+  --Component-Button-Muted-Disabled: var(--Neutral-Opacity-White-100);
+  --Component-Button-Muted-Hover-inverted: var(--Neutral-Opacity-Black-5);
+  --Component-Button-Muted-Hover: var(--Neutral-Opacity-White-100);
+  --Component-Button-Muted-On-fill-Default: var(--Neutral-90);
+  --Component-Button-Muted-On-fill-Disabled: var(--Neutral-40);
+  --Component-Button-Muted-On-fill-Hover-Inverted: var(
+    --Signature-Marski-Elephant-80
+  );
+  --Component-Button-Muted-On-fill-Inverted: var(--Neutral-Opacity-White-100);
+  --Icon-Accent: var(--Signature-Marski-Blue-ribbon-80);
+  --Icon-Default: var(--Neutral-60);
+  --Icon-Feedback-Error: var(--Scandic-Red-70);
+  --Icon-Feedback-Information: var(--Scandic-Blue-70);
+  --Icon-Feedback-Neutral: var(--Neutral-60);
+  --Icon-Feedback-Success: var(--Scandic-Green-60);
+  --Icon-Feedback-Warning: var(--Scandic-Yellow-60);
+  --Icon-Intense: var(--Neutral-90);
+  --Icon-Interactive-Default: var(--Signature-Marski-Elephant-90);
+  --Icon-Interactive-Disabled: var(--Neutral-30);
+  --Icon-Interactive-Placeholder: var(--Neutral-50);
+  --Icon-Interactive-Secondary: var(--Signature-Marski-Blue-ribbon-70);
+  --Icon-Inverted: var(--Neutral-Opacity-White-100);
+  --Label-Font-family: var(--Font-family-Marski-Body);
+  --Label-Font-weight-2: var(--Font-weight-Medium);
+  --Label-Font-weight: var(--Font-weight-Regular);
+  --Label-Size: var(--Impl-Text-size-5xs);
+  --Link-md-Font-family: var(--Font-family-Marski-Body);
+  --Link-md-Font-weight: var(--Font-weight-Medium);
+  --Link-md-Size: var(--Impl-Text-size-3xs);
+  --Link-sm-Font-family: var(--Font-family-Marski-Body);
+  --Link-sm-Font-weight: var(--Font-weight-Medium);
+  --Link-sm-Size: var(--Impl-Text-size-4xs);
+  --Overlay-10: var(--Neutral-Opacity-Black-10);
+  --Overlay-20: var(--Neutral-Opacity-Black-20);
+  --Overlay-40: var(--Neutral-Opacity-Black-40);
+  --Overlay-60: var(--Neutral-Opacity-Black-60);
+  --Overlay-80: var(--Neutral-Opacity-Black-80);
+  --Overlay-90: var(--Neutral-Opacity-Black-90);
+  --Surface-Accent-1: var(--Signature-Marski-Torch-red-60);
+  --Surface-Accent-2: var(--Signature-Marski-Blue-ribbon-70);
+  --Surface-Accent-3: var(--Scandic-Green-70);
+  --Surface-Accent-4: var(--Signature-Marski-Elephant-100);
+  --Surface-Accent-5: var(--Signature-Marski-Blue-ribbon-90);
+  --Surface-Brand-Accent-Default: var(--Neutral-60);
+  --Surface-Brand-Primary-1-Default: var(--Signature-Marski-Elephant-100);
+  --Surface-Brand-Primary-2-Default: var(--Signature-Marski-Elephant-100);
+  --Surface-Brand-Primary-3-Default: var(--Signature-Marski-Aubergine-100);
+  --Surface-Feedback-Error-Accent: var(--Scandic-Red-70);
+  --Surface-Feedback-Error: var(--Scandic-Red-00);
+  --Surface-Feedback-Information-Accent: var(--Scandic-Blue-70);
+  --Surface-Feedback-Information: var(--Scandic-Blue-00);
+  --Surface-Feedback-Neutral-Accent: var(--Neutral-50);
+  --Surface-Feedback-Neutral: var(--Neutral-15);
+  --Surface-Feedback-Succes-Accent: var(--Scandic-Green-60);
+  --Surface-Feedback-Succes: var(--Scandic-Green-00);
+  --Surface-Feedback-Warning--Light: var(--Scandic-Yellow-00);
+  --Surface-Feedback-Warning-Accent: var(--Scandic-Yellow-60);
+  --Surface-Primary-Default: var(--Neutral-Opacity-White-100);
+  --Surface-Primary-Disabled: var(--Neutral-15);
+  --Surface-Primary-Hover-Accent: var(--Neutral-15);
+  --Surface-Primary-OnSurface-Default: var(--Signature-Marski-Elephant-0);
+  --Surface-Secondary-Default: var(--Signature-Marski-Elephant-10);
+  --Surface-Secondary-Secondary: var(--Signature-Marski-Elephant-10);
+  --Surface-UI-Fill-Active-Hover: var(--Neutral-Opacity-White-100);
+  --Surface-UI-Fill-Active: var(--Neutral-80);
+  --Surface-UI-Fill-Default: var(--Neutral-Opacity-White-100);
+  --Surface-UI-Fill-Disabled: var(--Neutral-15);
+  --Surface-UI-Fill-Intense: var(--Neutral-80);
+  --Tag-Font-family: var(--Font-family-Marski-Title);
+  --Tag-Font-weight: var(--Font-weight-Medium);
+  --Tag-Size: var(--Impl-Text-size-5xs);
+  --Text-Accent-Primary: var(--Neutral-50);
+  --Text-Accent-Secondary: var(--Neutral-50);
+  --Text-Brand-OnAccent-Accent: var(--Neutral-Opacity-White-100);
+  --Text-Brand-OnAccent-Default: var(--Neutral-Opacity-White-100);
+  --Text-Brand-OnAccent-Heading: var(--Neutral-Opacity-White-100);
+  --Text-Brand-OnPrimary-1-Accent: var(--Signature-Marski-Blue-ribbon-40);
+  --Text-Brand-OnPrimary-1-Default: var(--Neutral-Opacity-White-100);
+  --Text-Brand-OnPrimary-1-Heading: var(--Neutral-Opacity-White-100);
+  --Text-Brand-OnPrimary-2-Accent: var(--Signature-Marski-Torch-red-40);
+  --Text-Brand-OnPrimary-2-Default: var(--Neutral-Opacity-White-100);
+  --Text-Brand-OnPrimary-2-Heading: var(--Neutral-Opacity-White-100);
+  --Text-Brand-OnPrimary-3-Accent: var(--Signature-Marski-Torch-red-40);
+  --Text-Brand-OnPrimary-3-Default: var(--Neutral-Opacity-White-100);
+  --Text-Brand-OnPrimary-3-Heading: var(--Neutral-Opacity-White-100);
+  --Text-Default: var(--Neutral-90);
+  --Text-Heading: var(--Neutral-90);
+  --Text-Interactive-Default: var(--Signature-Marski-Elephant-100);
+  --Text-Interactive-Disabled: var(--Neutral-40);
+  --Text-Interactive-Error: var(--Scandic-Red-70);
+  --Text-Interactive-Focus: var(--Neutral-80);
+  --Text-Interactive-Hover-Secondary: var(--Signature-Marski-Blue-ribbon-90);
+  --Text-Interactive-Placeholder: var(--Neutral-50);
+  --Text-Interactive-Secondary: var(--Signature-Marski-Blue-ribbon-70);
+  --Text-Inverted: var(--Neutral-Opacity-White-100);
+  --Text-Secondary: var(--Neutral-60);
+  --Text-Tertiary: var(--Neutral-50);
+  --Title-Decorative-lg-Font-family: var(--Font-family-Marski-Decorative);
+  --Title-Decorative-lg-Font-weight: var(--Font-weight-Bold);
+  --Title-Decorative-lg-Size: var(--Impl-Text-size-xs);
+  --Title-Decorative-md-Font-family: var(--Font-family-Marski-Decorative);
+  --Title-Decorative-md-Font-weight: var(--Font-weight-Bold);
+  --Title-Decorative-md-Size: var(--Impl-Text-size-3xs);
+  --Title-Overline-sm-Font-family: var(--Font-family-Marski-Title);
+  --Title-Overline-sm-Font-weight: var(--Font-weight-Bold);
+  --Title-Overline-sm-Size: var(--Impl-Text-size-4xs);
+  --Title-Subtitle-lg-Font-family: var(--Font-family-Marski-Body);
+  --Title-Subtitle-lg-Font-weight: var(--Font-weight-Medium);
+  --Title-Subtitle-lg-Size: var(--Impl-Text-size-sm);
+  --Title-Subtitle-md-Font-family: var(--Font-family-Marski-Body);
+  --Title-Subtitle-md-Font-weight: var(--Font-weight-Medium);
+  --Title-Subtitle-md-Size: var(--Impl-Text-size-xs);
+  --Title-lg-Font-family: var(--Font-family-Marski-Title);
+  --Title-lg-Font-weight: var(--Font-weight-Medium);
+  --Title-lg-Size: var(--Impl-Text-size-4xl);
+  --Title-md-Font-family: var(--Font-family-Marski-Title);
+  --Title-md-Font-weight: var(--Font-weight-Medium);
+  --Title-md-LowCase-Font-family: var(--Font-family-Marski-Title);
+  --Title-md-LowCase-Font-weight: var(--Font-weight-Medium);
+  --Title-md-LowCase-Size: var(--Impl-Text-size-2xl);
+  --Title-md-Size: var(--Impl-Text-size-2xl);
+  --Title-sm-Font-family: var(--Font-family-Marski-Title);
+  --Title-sm-Font-weight: var(--Font-weight-Medium);
+  --Title-sm-LowCase-Font-family: var(--Font-family-Marski-Title);
+  --Title-sm-LowCase-Font-weight: var(--Font-weight-Medium);
+  --Title-sm-LowCase-Size: var(--Impl-Text-size-lg);
+  --Title-sm-Size: var(--Impl-Text-size-lg);
+  --Title-xs-Font-family: var(--Font-family-Marski-Title);
+  --Title-xs-Font-weight: var(--Font-weight-Medium);
+  --Title-xs-Size: var(--Impl-Text-size-sm);
+}
diff --git a/packages/design-system/lib/styles/marski.js b/packages/design-system/lib/styles/marski.js
new file mode 100644
index 000000000..669c691b6
--- /dev/null
+++ b/packages/design-system/lib/styles/marski.js
@@ -0,0 +1,303 @@
+/* This file is generated, do not edit manually! */
+export const theme = {
+  'Signature/Marski/Elephant/0': '#F6F6F7',
+  'Signature/Marski/Elephant/10': '#ECEEEF',
+  'Signature/Marski/Elephant/20': '#E0E3E5',
+  'Signature/Marski/Elephant/30': '#B6BDC1',
+  'Signature/Marski/Elephant/40': '#9BA5AB',
+  'Signature/Marski/Elephant/50': '#717F87',
+  'Signature/Marski/Elephant/60': '#576771',
+  'Signature/Marski/Elephant/70': '#495A65',
+  'Signature/Marski/Elephant/80': '#2C414D',
+  'Signature/Marski/Elephant/90': '#1E3441',
+  'Signature/Marski/Elephant/100': '#122937',
+  'Signature/Marski/Blue ribbon/0': '#EEF7FF',
+  'Signature/Marski/Blue ribbon/10': '#D8ECFF',
+  'Signature/Marski/Blue ribbon/20': '#B9DEFF',
+  'Signature/Marski/Blue ribbon/30': '#89CBFF',
+  'Signature/Marski/Blue ribbon/40': '#52AEFF',
+  'Signature/Marski/Blue ribbon/50': '#2A8BFF',
+  'Signature/Marski/Blue ribbon/60': '#136AFD',
+  'Signature/Marski/Blue ribbon/70': '#0D57F3',
+  'Signature/Marski/Blue ribbon/80': '#1043BD',
+  'Signature/Marski/Blue ribbon/90': '#143D94',
+  'Signature/Marski/Blue ribbon/100': '#11265A',
+  'Signature/Marski/Torch red/00': '#FFF0F1',
+  'Signature/Marski/Aubergine/00': '#F9F6F4',
+  'Signature/Marski/Aubergine/10': '#EBE8E6',
+  'Signature/Marski/Aubergine/20': '#CFC4C5',
+  'Signature/Marski/Aubergine/30': '#BAA9AC',
+  'Signature/Marski/Aubergine/40': '#A28D90',
+  'Signature/Marski/Aubergine/50': '#8B7074',
+  'Signature/Marski/Aubergine/60': '#806267',
+  'Signature/Marski/Aubergine/70': '#6A484D',
+  'Signature/Marski/Aubergine/80': '#5B353B',
+  'Signature/Marski/Aubergine/90': '#481D24',
+  'Signature/Marski/Aubergine/100': '#3E1118',
+  'Signature/Marski/Torch red/10': '#FFDDE0',
+  'Signature/Marski/Torch red/20': '#FFC1C7',
+  'Signature/Marski/Torch red/30': '#FF96A0',
+  'Signature/Marski/Torch red/40': '#FF5A6A',
+  'Signature/Marski/Torch red/50': '#FF273B',
+  'Signature/Marski/Torch red/60': '#FB1228',
+  'Signature/Marski/Torch red/70': '#D40115',
+  'Signature/Marski/Torch red/80': '#AE0616',
+  'Signature/Marski/Torch red/90': '#900C18',
+  'Signature/Marski/Torch red/100': '#4F0007',
+  'Title/lg/Letter spacing': 0.48,
+  'Title/lg/Font fallback': 'sans-serif',
+  'Title/lg/Text-Transform': 'unset',
+  'Title/md/Letter spacing': 0.09,
+  'Title/md/Font fallback': 'sans-serif',
+  'Title/sm/Letter spacing': 0.14,
+  'Title/sm/Font fallback': 'sans-serif',
+  'Title/sm/Text-Transform': 'unset',
+  'Title/Decorative/lg/Letter spacing': 0.1,
+  'Title/Decorative/lg/Font fallback': 'sans-serif',
+  'Title/Decorative/lg/Text-Transform': 'uppercase',
+  'Title/Decorative/md/Letter spacing': 0.32,
+  'Title/Decorative/md/Font fallback': 'sans-serif',
+  'Title/Decorative/md/Text-Transform': 'uppercase',
+  'Title/Subtitle/lg/Font fallback': 'sans-serif',
+  'Title/Subtitle/lg/Letter spacing': 0.24,
+  'Title/Subtitle/md/Font fallback': 'sans-serif',
+  'Title/Subtitle/md/Letter spacing': 0.2,
+  'Title/Overline/sm/Letter spacing': 0.21,
+  'Title/Overline/sm/Font fallback': 'sans-serif',
+  'Title/Overline/sm/Text-Transform': 'uppercase',
+  'Title/sm/LowCase/Letter spacing': 0.14,
+  'Title/sm/LowCase/Font fallback': 'sans-serif',
+  'Title/sm/LowCase/Text-Transform': 'unset',
+  'Title/xs/Letter spacing': 0.24,
+  'Title/xs/Font fallback': 'sans-serif',
+  'Title/xs/Text-Transform': 'unset',
+  'Title/md/Text-Transform': 'unset',
+  'Title/md/LowCase/Letter spacing': 0.09,
+  'Title/md/LowCase/Font fallback': 'sans-serif',
+  'Title/md/LowCase/Text-Transform': 'unset',
+  'Tag/Letter spacing': 0.18,
+  'Tag/Font fallback': 'sans-serif',
+  'Tag/Text-Transform': 'unset',
+  'Link/md/Font fallback': 'sans-serif',
+  'Link/md/Letter spacing': 0.19,
+  'Link/sm/Font fallback': 'sans-serif',
+  'Link/sm/Letter spacing': 0.2,
+  'Body/Lead text/Font fallback': 'sans-serif',
+  'Body/Paragraph/Font fallback': 'sans-serif',
+  'Body/Paragraph/Letter spacing': 0.19,
+  'Body/Supporting text/Font fallback': 'sans-serif',
+  'Body/Supporting text/Letter spacing': 0.2,
+  'Body/Lead text/Letter spacing': 0.2,
+  'Label/Font fallback': 'sans-serif',
+  'Label/Letter spacing': 0.17,
+  'Body/Underline/md/Font fallback': 'sans-serif',
+  'Body/Underline/md/Letter spacing': 0.19,
+  'Body/Underline/sm/Font fallback': 'sans-serif',
+  'Body/Underline/sm/Letter spacing': 0.2,
+  'Surface/Brand/Primary 1/OnSurface/Default': '#FFFFFF',
+  'Surface/Brand/Primary 1/OnSurface/Accent': '#FFFFFF',
+  'Surface/Brand/Primary 1/OnSurface/Accent Secondary': '#FFFFFF',
+  'Surface/Brand/Primary 2/OnSurface/Default': '#FFFFFF',
+  'Surface/Brand/Primary 2/OnSurface/Accent': '#FFFFFF',
+  'Surface/Brand/Primary 3/OnSurface/Default': '#FFFFFF',
+  'Surface/Brand/Primary 3/OnSurface/Accent': '#FFFFFF',
+  'Utilities/Gradients/10': '#3E11181A',
+  'Font family/Marski/Title': 'Helvetica Neue',
+  'Font family/Marski/Body': 'Fira sans',
+  'Font family/Marski/Decorative': 'Helvetica Neue',
+  'Title/lg/Font weight': 500,
+  'Title/lg/Font family': 'Helvetica Neue',
+  'Title/md/Font weight': 500,
+  'Title/md/Font family': 'Helvetica Neue',
+  'Title/sm/Font weight': 500,
+  'Title/sm/Font family': 'Helvetica Neue',
+  'Title/sm/LowCase/Font weight': 500,
+  'Title/sm/LowCase/Font family': 'Helvetica Neue',
+  'Title/Decorative/lg/Font weight': 700,
+  'Title/Decorative/lg/Font family': 'Helvetica Neue',
+  'Title/Decorative/md/Font weight': 700,
+  'Title/Decorative/md/Font family': 'Helvetica Neue',
+  'Title/Subtitle/lg/Font weight': 500,
+  'Title/Subtitle/lg/Font family': 'Fira sans',
+  'Title/Subtitle/md/Font weight': 500,
+  'Title/Subtitle/md/Font family': 'Fira sans',
+  'Title/Overline/sm/Font weight': 700,
+  'Title/Overline/sm/Font family': 'Helvetica Neue',
+  'Title/xs/Font weight': 500,
+  'Title/xs/Font family': 'Helvetica Neue',
+  'Title/md/LowCase/Font weight': 500,
+  'Title/md/LowCase/Font family': 'Helvetica Neue',
+  'Tag/Font weight': 500,
+  'Tag/Font family': 'Helvetica Neue',
+  'Link/md/Font weight': 500,
+  'Link/md/Font family': 'Fira sans',
+  'Link/sm/Font weight': 500,
+  'Link/sm/Font family': 'Fira sans',
+  'Body/Lead text/Font weight': 400,
+  'Body/Lead text/Font family': 'Fira sans',
+  'Body/Paragraph/Font weight': 400,
+  'Body/Paragraph/Font weight 2': 500,
+  'Body/Paragraph/Font family': 'Fira sans',
+  'Body/Supporting text/Font weight': 400,
+  'Body/Supporting text/Font weight 2': 500,
+  'Body/Supporting text/Font family': 'Fira sans',
+  'Label/Font weight': 400,
+  'Label/Font weight 2': 500,
+  'Label/Font family': 'Fira sans',
+  'Body/Underline/md/Font weight': 400,
+  'Body/Underline/md/Font family': 'Fira sans',
+  'Body/Underline/sm/Font weight': 400,
+  'Body/Underline/sm/Font family': 'Fira sans',
+  'Text/Heading': '#1F1F1F',
+  'Text/Default': '#1F1F1F',
+  'Text/Secondary': '#575757',
+  'Text/Tertiary': '#747474',
+  'Text/Accent Primary': '#747474',
+  'Text/Accent Secondary': '#747474',
+  'Text/Inverted': '#FFFFFF',
+  'Text/Interactive/Default': '#122937',
+  'Text/Interactive/Secondary': '#0D57F3',
+  'Text/Interactive/Hover Secondary': '#143D94',
+  'Text/Interactive/Disabled': '#8C8C8C',
+  'Text/Interactive/Focus': '#262626',
+  'Text/Interactive/Error': '#AD0015',
+  'Text/Interactive/Placeholder': '#747474',
+  'Text/Brand/OnAccent/Heading': '#FFFFFF',
+  'Text/Brand/OnAccent/Default': '#FFFFFF',
+  'Text/Brand/OnAccent/Accent': '#FFFFFF',
+  'Text/Brand/OnPrimary 1/Heading': '#FFFFFF',
+  'Text/Brand/OnPrimary 1/Default': '#FFFFFF',
+  'Text/Brand/OnPrimary 1/Accent': '#52AEFF',
+  'Text/Brand/OnPrimary 2/Heading': '#FFFFFF',
+  'Text/Brand/OnPrimary 2/Default': '#FFFFFF',
+  'Text/Brand/OnPrimary 2/Accent': '#FF5A6A',
+  'Text/Brand/OnPrimary 3/Heading': '#FFFFFF',
+  'Text/Brand/OnPrimary 3/Default': '#FFFFFF',
+  'Text/Brand/OnPrimary 3/Accent': '#FF5A6A',
+  'Background/Primary': '#FCFCFC',
+  'Background/Secondary': '#FFFFFF',
+  'Surface/Primary/Default': '#FFFFFF',
+  'Surface/Primary/Hover': '#f2f2f2',
+  'Surface/Primary/Hover Light': '#e6e5e5',
+  'Surface/Primary/Hover Accent': '#E9E9E9',
+  'Surface/Primary/OnSurface/Default': '#F6F6F7',
+  'Surface/Primary/Disabled': '#E9E9E9',
+  'Surface/Secondary/Default': '#ECEEEF',
+  'Surface/Secondary/Secondary': '#ECEEEF',
+  'Surface/Secondary/Hover': '#e0e2e3',
+  'Surface/Brand/Accent/Default': '#575757',
+  'Surface/Brand/Primary 1/Default': '#122937',
+  'Surface/Brand/Primary 2/Default': '#122937',
+  'Surface/Brand/Primary 3/Default': '#3E1118',
+  'Surface/UI Fill/Default': '#FFFFFF',
+  'Surface/UI Fill/Intense': '#262626',
+  'Surface/UI Fill/Active': '#262626',
+  'Surface/UI Fill/Active Hover': '#FFFFFF',
+  'Surface/UI Fill/Disabled': '#E9E9E9',
+  'Surface/Accent/1': '#FB1228',
+  'Surface/Accent/2': '#0D57F3',
+  'Surface/Accent/3': '#256931',
+  'Surface/Accent/4': '#122937',
+  'Surface/Accent/5': '#143D94',
+  'Surface/Feedback/Information Accent': '#284EA0',
+  'Surface/Feedback/Information': '#E8F6FF',
+  'Surface/Feedback/Succes Accent': '#348337',
+  'Surface/Feedback/Succes': '#F3FCE8',
+  'Surface/Feedback/Warning Accent': '#D17308',
+  'Surface/Feedback/Warning  Light': '#FFF8E3',
+  'Surface/Feedback/Error Accent': '#AD0015',
+  'Surface/Feedback/Error': '#FFEBEB',
+  'Surface/Feedback/Neutral Accent': '#747474',
+  'Surface/Feedback/Neutral': '#E9E9E9',
+  'Border/Default': '#D9D9D9',
+  'Border/Intense': '#BFBFBF',
+  'Border/Inverted': '#FFFFFF',
+  'Icon/Default': '#575757',
+  'Icon/Intense': '#1F1F1F',
+  'Icon/Accent': '#1043BD',
+  'Icon/Interactive/Default': '#1E3441',
+  'Icon/Interactive/Secondary': '#0D57F3',
+  'Icon/Interactive/Disabled': '#BFBFBF',
+  'Icon/Interactive/Placeholder': '#747474',
+  'Icon/Feedback/Information': '#284EA0',
+  'Icon/Feedback/Success': '#348337',
+  'Icon/Feedback/Warning': '#D17308',
+  'Icon/Feedback/Error': '#AD0015',
+  'Icon/Feedback/Neutral': '#575757',
+  'Icon/Inverted': '#FFFFFF',
+  'Overlay/10': '#1F1C1B1A',
+  'Overlay/20': '#1F1C1B33',
+  'Overlay/40': '#1F1C1B66',
+  'Overlay/60': '#1F1C1B99',
+  'Overlay/80': '#1F1C1BCC',
+  'Overlay/90': '#1F1C1BE6',
+  'Component/Button/Brand/Primary/Default': '#122937',
+  'Component/Button/Brand/Primary/Hover': '#283b48',
+  'Component/Button/Brand/Primary/Disabled': '#1F1C1B1A',
+  'Component/Button/Brand/Primary/On fill/Default': '#FFFFFF',
+  'Component/Button/Brand/Primary/On fill/Hover': '#FFFFFF',
+  'Component/Button/Brand/Primary/On fill/Disabled': '#8C8C8C',
+  'Component/Button/Brand/Primary/Border/Default': '#FFFFFF00',
+  'Component/Button/Brand/Primary/Border/Hover': '#FFFFFF00',
+  'Component/Button/Brand/Primary/Border/Disabled': '#FFFFFF00',
+  'Component/Button/Brand/Secondary/Default': '#FFFFFF00',
+  'Component/Button/Brand/Secondary/Hover': '#FFFFFF00',
+  'Component/Button/Brand/Secondary/Inverted': '#FFFFFF',
+  'Component/Button/Brand/Secondary/Hover Inverted': '#122937',
+  'Component/Button/Brand/Secondary/Disabled': '#1F1C1B1A',
+  'Component/Button/Brand/Secondary/On fill/Default': '#122937',
+  'Component/Button/Brand/Secondary/On fill/Hover': '#2C414D',
+  'Component/Button/Brand/Secondary/On fill/Inverted': '#FFFFFF',
+  'Component/Button/Brand/Secondary/On fill/Disabled': '#8C8C8C',
+  'Component/Button/Brand/Secondary/Border/Default': '#122937',
+  'Component/Button/Brand/Secondary/Border/Hover': '#2C414D',
+  'Component/Button/Brand/Secondary/Border/Inverted': '#FFFFFF',
+  'Component/Button/Brand/Secondary/Border/Hover inverted': '#e5e7e9',
+  'Component/Button/Brand/Secondary/Border/Disabled': '#1F1C1B1A',
+  'Component/Button/Brand/Tertiary/Default': '#0D57F3',
+  'Component/Button/Brand/Tertiary/Hover': '#1a54e7',
+  'Component/Button/Brand/Tertiary/Disabled': '#1F1C1B1A',
+  'Component/Button/Brand/Tertiary/On fill/Default': '#FFFFFF',
+  'Component/Button/Brand/Tertiary/On fill/Hover': '#FFFFFF',
+  'Component/Button/Brand/Tertiary/On fill/Disabled': '#8C8C8C',
+  'Component/Button/Brand/Tertiary/Border/Default': '#FFFFFF00',
+  'Component/Button/Brand/Tertiary/Border/Hover': '#FFFFFF00',
+  'Component/Button/Brand/Tertiary/Border/Disabled': '#FFFFFF00',
+  'Component/Button/Inverted/Default': '#FFFFFF',
+  'Component/Button/Inverted/Faded': '#FFFFFFE6',
+  'Component/Button/Inverted/Hover': '#f2f2f2',
+  'Component/Button/Inverted/Hover Inverted': '#122937',
+  'Component/Button/Inverted/Disabled': '#1F1C1B1A',
+  'Component/Button/Inverted/On fill/Default': '#122937',
+  'Component/Button/Inverted/On fill/Hover': '#283b48',
+  'Component/Button/Inverted/On fill/Hover inverted': '#FFFFFF',
+  'Component/Button/Inverted/On fill/Disabled': '#8C8C8C',
+  'Component/Button/Inverted/Border/Default': '#FFFFFF00',
+  'Component/Button/Inverted/Border/Hover': '#FFFFFF00',
+  'Component/Button/Inverted/Border/Disable': '#FFFFFF00',
+  'Border/Interactive/Default': '#BFBFBF',
+  'Border/Divider/Default': '#D9D9D9',
+  'Border/Divider/Subtle': '#E9E9E9',
+  'Border/Divider/Accent': '#BFBFBF',
+  'Border/Divider/Brand/OnPrimary 1/Default': '#FFFFFF',
+  'Border/Divider/Brand/OnPrimary 1/Secondary': '#FFFFFF',
+  'Border/Divider/Brand/OnPrimary 2/Default': '#FFFFFF',
+  'Border/Divider/Brand/OnPrimary 3/Default': '#FFFFFF',
+  'Border/Interactive/Selected': '#262626',
+  'Border/Interactive/Focus': '#262626',
+  'Border/Interactive/Disabled': '#BFBFBF',
+  'Border/Interactive/Error': '#AD0015',
+  'Border/Interactive/KeyboardFocus': '#5B8FD4',
+  'Component/Button/Muted/Default': '#FFFFFF00',
+  'Component/Button/Muted/Hover': '#FFFFFF',
+  'Component/Button/Muted/Disabled': '#FFFFFF',
+  'Component/Button/Muted/Hover inverted': '#1F1C1B0D',
+  'Component/Button/Muted/Disabled inverted': '#D9D9D9',
+  'Component/Button/Muted/On fill/Default': '#1F1F1F',
+  'Component/Button/Muted/On fill/Inverted': '#FFFFFF',
+  'Component/Button/Muted/On fill/Hover Inverted': '#2C414D',
+  'Component/Button/Muted/On fill/Disabled': '#8C8C8C',
+  'Component/Button/Muted/Border/Default': '#FFFFFF1A',
+  'Component/Button/Muted/Border/Hover': '#ffffff30',
+  'Component/Button/Muted/Border/Disable': '#FFFFFF1A',
+}
diff --git a/packages/design-system/lib/styles/modes.css b/packages/design-system/lib/styles/modes.css
deleted file mode 100644
index 6ed80cac9..000000000
--- a/packages/design-system/lib/styles/modes.css
+++ /dev/null
@@ -1,165 +0,0 @@
-/* This file is generated, do not edit manually! */
-:root {
-  --Go-Beige-00: #faf8f2;
-  --Go-Beige-10: #f0ede4;
-  --Go-Beige-20: #e0dcce;
-  --Go-Beige-30: #c8c4b6;
-  --Go-Beige-40: #b0aca0;
-  --Go-Beige-50: #918f83;
-  --Go-Beige-60: #78766d;
-  --Go-Beige-70: #63615a;
-  --Go-Beige-80: #4f4d49;
-  --Go-Beige-90: #373633;
-  --Go-Beige-100: #1f1e1d;
-  --Go-Brand-Aqua: #73fcee;
-  --Go-Brand-Chartreuse: #85ff52;
-  --Go-Brand-Coral: #fa3737;
-  --Go-Brand-Lavender: #dcd7ff;
-  --Go-Brand-Lemon: #f5ff73;
-  --Go-Brand-Linen: #e0dcce;
-  --Go-Brand-Obsidian: #2d163a;
-  --Go-Brand-Pine: #21331f;
-  --Go-Brand-Powder-rose: #ecc8c9;
-  --Go-Green-00: #edffe5;
-  --Go-Green-10: #cdffb8;
-  --Go-Green-20: #a7ff82;
-  --Go-Green-30: #85ff52;
-  --Go-Green-40: #66e03a;
-  --Go-Green-50: #45b222;
-  --Go-Green-60: #2e7f18;
-  --Go-Green-70: #2a601e;
-  --Go-Green-80: #26461f;
-  --Go-Green-90: #21331f;
-  --Go-Green-100: #162115;
-  --Go-Purple-00: #f4f2ff;
-  --Go-Purple-10: #dcd7ff;
-  --Go-Purple-20: #cabffc;
-  --Go-Purple-30: #baa7f7;
-  --Go-Purple-40: #ab8ef0;
-  --Go-Purple-50: #9c75e6;
-  --Go-Purple-60: #8c5bd5;
-  --Go-Purple-70: #733cb2;
-  --Go-Purple-80: #5e2a8c;
-  --Go-Purple-90: #451f61;
-  --Go-Purple-100: #2d163a;
-  --Go-Yellow-00: #fdffe8;
-  --Go-Yellow-10: #faffc4;
-  --Go-Yellow-20: #f8ff9c;
-  --Go-Yellow-30: #f5ff73;
-  --Go-Yellow-40: #edea39;
-  --Go-Yellow-50: #dec614;
-  --Go-Yellow-60: #ba8d07;
-  --Go-Yellow-70: #966400;
-  --Go-Yellow-80: #754403;
-  --Go-Yellow-90: #572701;
-  --Go-Yellow-100: #3b1300;
-  --Scandic-Beige-00: #faf6f2;
-  --Scandic-Beige-10: #f2ece6;
-  --Scandic-Beige-20: #e3d9d1;
-  --Scandic-Beige-30: #d1c4ba;
-  --Scandic-Beige-40: #b8a79a;
-  --Scandic-Beige-50: #9c8a7e;
-  --Scandic-Beige-60: #806e63;
-  --Scandic-Beige-70: #6b584d;
-  --Scandic-Beige-80: #533f35;
-  --Scandic-Beige-90: #3e2b23;
-  --Scandic-Beige-100: #291710;
-  --Scandic-Blue-00: #e8f6ff;
-  --Scandic-Blue-10: #cfebff;
-  --Scandic-Blue-20: #b5e0ff;
-  --Scandic-Blue-30: #93c9f5;
-  --Scandic-Blue-40: #79aee7;
-  --Scandic-Blue-50: #5b8fd4;
-  --Scandic-Blue-60: #3f6dbd;
-  --Scandic-Blue-70: #284ea0;
-  --Scandic-Blue-80: #18347f;
-  --Scandic-Blue-90: #0d1f5f;
-  --Scandic-Blue-100: #0d1440;
-  --Scandic-Brand-Burgundy: #4d001b;
-  --Scandic-Brand-Dark-Blue: #0d1440;
-  --Scandic-Brand-Dark-Green: #093021;
-  --Scandic-Brand-Dark-Grey: #291710;
-  --Scandic-Brand-Light-Blue: #b5e0ff;
-  --Scandic-Brand-Light-Green: #d2edaf;
-  --Scandic-Brand-Pale-Peach: #f7e1d5;
-  --Scandic-Brand-Pale-Yellow: #fff0c2;
-  --Scandic-Brand-Scandic-Red: #cd0921;
-  --Scandic-Brand-Warm-White: #faf6f2;
-  --Scandic-Green-00: #f3fce8;
-  --Scandic-Green-10: #e1f3ca;
-  --Scandic-Green-20: #d2edaf;
-  --Scandic-Green-30: #acdb8a;
-  --Scandic-Green-40: #7cb865;
-  --Scandic-Green-50: #539e49;
-  --Scandic-Green-60: #348337;
-  --Scandic-Green-70: #256931;
-  --Scandic-Green-80: #164e29;
-  --Scandic-Green-90: #093021;
-  --Scandic-Green-100: #091f16;
-  --Scandic-Peach-00: #fff3ed;
-  --Scandic-Peach-10: #f7e1d5;
-  --Scandic-Peach-20: #f4d5c8;
-  --Scandic-Peach-30: #f0c1b6;
-  --Scandic-Peach-40: #e9aba3;
-  --Scandic-Peach-50: #de9490;
-  --Scandic-Peach-60: #cd797c;
-  --Scandic-Peach-70: #b05b65;
-  --Scandic-Peach-80: #8f4350;
-  --Scandic-Peach-90: #642636;
-  --Scandic-Peach-100: #4d0f25;
-  --Scandic-Red-00: #ffebeb;
-  --Scandic-Red-10: #f7c1c2;
-  --Scandic-Red-20: #f79499;
-  --Scandic-Red-30: #f26b74;
-  --Scandic-Red-40: #ed4251;
-  --Scandic-Red-50: #e32034;
-  --Scandic-Red-60: #cd0921;
-  --Scandic-Red-70: #ad0015;
-  --Scandic-Red-80: #8d0011;
-  --Scandic-Red-90: #6d000d;
-  --Scandic-Red-100: #4d001b;
-  --Scandic-Yellow-00: #fff8e3;
-  --Scandic-Yellow-10: #fff0c2;
-  --Scandic-Yellow-20: #fade89;
-  --Scandic-Yellow-30: #f7ce52;
-  --Scandic-Yellow-40: #edb532;
-  --Scandic-Yellow-50: #e59515;
-  --Scandic-Yellow-60: #d17308;
-  --Scandic-Yellow-70: #a85211;
-  --Scandic-Yellow-80: #7d370f;
-  --Scandic-Yellow-90: #4f2313;
-  --Scandic-Yellow-100: #301508;
-  --UI-Grey-00: #f9f6f4;
-  --UI-Grey-10: #ebe8e6;
-  --UI-Grey-20: #d6d2d0;
-  --UI-Grey-30: #c2bdba;
-  --UI-Grey-40: #a8a4a2;
-  --UI-Grey-50: #8c8987;
-  --UI-Grey-60: #787472;
-  --UI-Grey-70: #635f5d;
-  --UI-Grey-80: #57514e;
-  --UI-Grey-90: #403937;
-  --UI-Grey-100: #26201e;
-  --UI-Opacity-Almost-Black-0: #1f1c1b00;
-  --UI-Opacity-Almost-Black-10: #1f1c1b1a;
-  --UI-Opacity-Almost-Black-20: #1f1c1b33;
-  --UI-Opacity-Almost-Black-30: #1f1c1b4d;
-  --UI-Opacity-Almost-Black-40: #1f1c1b66;
-  --UI-Opacity-Almost-Black-50: #1f1c1b80;
-  --UI-Opacity-Almost-Black-60: #1f1c1b99;
-  --UI-Opacity-Almost-Black-70: #1f1c1bb3;
-  --UI-Opacity-Almost-Black-80: #1f1c1bcc;
-  --UI-Opacity-Almost-Black-90: #1f1c1be6;
-  --UI-Opacity-Almost-Black-100: #1f1c1b;
-  --UI-Opacity-White-0: #ffffff00;
-  --UI-Opacity-White-10: #ffffff1a;
-  --UI-Opacity-White-20: #ffffff33;
-  --UI-Opacity-White-30: #ffffff4d;
-  --UI-Opacity-White-40: #ffffff66;
-  --UI-Opacity-White-50: #ffffff80;
-  --UI-Opacity-White-60: #ffffff99;
-  --UI-Opacity-White-70: #ffffffb3;
-  --UI-Opacity-White-80: #ffffffcc;
-  --UI-Opacity-White-90: #ffffffe6;
-  --UI-Opacity-White-100: #ffffff;
-}
diff --git a/packages/design-system/lib/styles/new.css b/packages/design-system/lib/styles/new.css
deleted file mode 100644
index a1ed16907..000000000
--- a/packages/design-system/lib/styles/new.css
+++ /dev/null
@@ -1,134 +0,0 @@
-/* This file is generated, do not edit manually! */
-:root {
-  --Go-Beige-00: #faf8f2;
-  --Go-Beige-10: #f0ede4;
-  --Go-Beige-20: #e0dcce;
-  --Go-Beige-30: #c8c4b6;
-  --Go-Beige-40: #b0aca0;
-  --Go-Beige-50: #918f83;
-  --Go-Beige-60: #78766d;
-  --Go-Beige-70: #63615a;
-  --Go-Beige-80: #4f4d49;
-  --Go-Beige-90: #373633;
-  --Go-Beige-100: #1f1e1d;
-  --Go-Brand-Aqua: #73fcee;
-  --Go-Brand-Chartreuse: #85ff52;
-  --Go-Brand-Coral: #fa3737;
-  --Go-Brand-Lavender: #dcd7ff;
-  --Go-Brand-Lemon: #f5ff73;
-  --Go-Brand-Linen: #e0dcce;
-  --Go-Brand-Obsidian: #2d163a;
-  --Go-Brand-Pine: #21331f;
-  --Go-Brand-Powderrose: #ecc8c9;
-  --Go-Green-00: #edffe5;
-  --Go-Green-10: #cdffb8;
-  --Go-Green-20: #a7ff82;
-  --Go-Green-30: #85ff52;
-  --Go-Green-40: #66e03a;
-  --Go-Green-50: #45b222;
-  --Go-Green-60: #2e7f18;
-  --Go-Green-70: #2a601e;
-  --Go-Green-80: #26461f;
-  --Go-Green-90: #21331f;
-  --Go-Green-100: #162115;
-  --Go-Purple-00: #f4f2ff;
-  --Go-Purple-10: #dcd7ff;
-  --Go-Purple-20: #cabffc;
-  --Go-Purple-30: #baa7f7;
-  --Go-Purple-40: #ab8ef0;
-  --Go-Purple-50: #9c75e6;
-  --Go-Purple-60: #8c5bd5;
-  --Go-Purple-70: #733cb2;
-  --Go-Purple-80: #5e2a8c;
-  --Go-Purple-90: #451f61;
-  --Go-Purple-100: #2d163a;
-  --Go-Yellow-00: #fdffe8;
-  --Go-Yellow-10: #faffc4;
-  --Go-Yellow-20: #f8ff9c;
-  --Go-Yellow-30: #f5ff73;
-  --Go-Yellow-40: #edea39;
-  --Go-Yellow-50: #dec614;
-  --Go-Yellow-60: #ba8d07;
-  --Go-Yellow-70: #966400;
-  --Go-Yellow-80: #754403;
-  --Go-Yellow-90: #572701;
-  --Go-Yellow-100: #3b1300;
-  --Main-Blue-00: #eaf2fc;
-  --Main-Blue-10: #c7d9f5;
-  --Main-Blue-20: #a5c2ee;
-  --Main-Blue-30: #84ace7;
-  --Main-Blue-40: #6697df;
-  --Main-Blue-50: #4983d8;
-  --Main-Blue-60: #2e70d1;
-  --Main-Blue-70: #1555b4;
-  --Main-Blue-80: #023d96;
-  --Main-Blue-90: #002a69;
-  --Main-Blue-100: #001b42;
-  --Main-Brand-Burgundy: #4d001b;
-  --Main-Brand-DarkBlue: #0d1440;
-  --Main-Brand-DarkGreen: #093021;
-  --Main-Brand-DarkGrey: #291710;
-  --Main-Brand-LightBlue: #b5e0ff;
-  --Main-Brand-LightGreen: #d2edaf;
-  --Main-Brand-PalePeach: #f7e1d5;
-  --Main-Brand-PaleYellow: #fff0c2;
-  --Main-Brand-ScandicRed: #cd0921;
-  --Main-Brand-WarmWhite: #faf6f2;
-  --Main-Green-00: #e7f5e1;
-  --Main-Green-10: #badda8;
-  --Main-Green-20: #99ca7e;
-  --Main-Green-30: #7ab859;
-  --Main-Green-40: #5fa53a;
-  --Main-Green-50: #47931f;
-  --Main-Green-60: #33800a;
-  --Main-Green-70: #286806;
-  --Main-Green-80: #1e4f03;
-  --Main-Green-90: #143701;
-  --Main-Green-100: #0e2600;
-  --Main-Grey-00: #f9f6f4;
-  --Main-Grey-10: #ebe8e6;
-  --Main-Grey-20: #d6d2d0;
-  --Main-Grey-30: #c2bdba;
-  --Main-Grey-40: #a8a4a2;
-  --Main-Grey-50: #8c8987;
-  --Main-Grey-60: #787472;
-  --Main-Grey-70: #635f5d;
-  --Main-Grey-80: #57514e;
-  --Main-Grey-90: #403937;
-  --Main-Grey-100: #26201e;
-  --Main-Grey-Almostblack: #1f1c1b;
-  --Main-Grey-White: #ffffff;
-  --Main-Red-00: #ffebeb;
-  --Main-Red-10: #f7c1c2;
-  --Main-Red-20: #f79499;
-  --Main-Red-30: #f26b74;
-  --Main-Red-40: #ed4251;
-  --Main-Red-50: #e32034;
-  --Main-Red-60: #cd0921;
-  --Main-Red-70: #ad0015;
-  --Main-Red-80: #8d0011;
-  --Main-Red-90: #6d000d;
-  --Main-Red-100: #4d001b;
-  --Main-Scandic-00: #ffebeb;
-  --Main-Scandic-10: #f7c1c2;
-  --Main-Scandic-20: #f79499;
-  --Main-Scandic-30: #f26b74;
-  --Main-Scandic-40: #ed4251;
-  --Main-Scandic-50: #e32034;
-  --Main-Scandic-60: #cd0921;
-  --Main-Scandic-70: #ad0015;
-  --Main-Scandic-80: #8d0011;
-  --Main-Scandic-90: #6d000d;
-  --Main-Scandic-100: #4d001b;
-  --Main-Yellow-00: #fff8e3;
-  --Main-Yellow-10: #fff0c2;
-  --Main-Yellow-20: #fade89;
-  --Main-Yellow-30: #f7ce52;
-  --Main-Yellow-40: #edb532;
-  --Main-Yellow-50: #e59515;
-  --Main-Yellow-60: #d17308;
-  --Main-Yellow-70: #a85211;
-  --Main-Yellow-80: #7d370f;
-  --Main-Yellow-90: #4f2313;
-  --Main-Yellow-100: #301508;
-}
diff --git a/packages/design-system/lib/styles/numberedTokens.css b/packages/design-system/lib/styles/numberedTokens.css
deleted file mode 100644
index 9f78a9939..000000000
--- a/packages/design-system/lib/styles/numberedTokens.css
+++ /dev/null
@@ -1,41 +0,0 @@
-/* This file is generated, do not edit manually! */
-:root {
-  --Corner-radius-Large: 12px;
-  --Corner-radius-Medium: 8px;
-  --Corner-radius-Rounded: 250px;
-  --Corner-radius-Small: 4px;
-  --Corner-radius-xLarge: 16px;
-  --Layout-Desktop-Breakpoints-max-width: 1920px;
-  --Layout-Desktop-Breakpoints-min-width: 1367px;
-  --Layout-Desktop-Columns-Column: 12px;
-  --Layout-Desktop-Gutter-max-width: 24px;
-  --Layout-Desktop-Gutter-min-width: 16px;
-  --Layout-Desktop-Margin-Margin-max: 72px;
-  --Layout-Desktop-Margin-Margin-min: 40px;
-  --Layout-Mobile-Breakpoints-max-width: 767px;
-  --Layout-Mobile-Breakpoints-min-width: 320px;
-  --Layout-Mobile-Columns-Column: 4px;
-  --Layout-Mobile-Gutter-max-width: 16px;
-  --Layout-Mobile-Gutter-min-width: 16px;
-  --Layout-Mobile-Margin-Margin-max: 16px;
-  --Layout-Mobile-Margin-Margin-min: 16px;
-  --Layout-Tablet-Breakpoints-max-width: 1366px;
-  --Layout-Tablet-Breakpoints-min-width: 768px;
-  --Layout-Tablet-Columns-Column: 8px;
-  --Layout-Tablet-Gutter-max-width: 16px;
-  --Layout-Tablet-Gutter-min-width: 16px;
-  --Layout-Tablet-Margin-Margin-max: 32px;
-  --Layout-Tablet-Margin-Margin-min: 24px;
-  --Spacing-x0: 0px;
-  --Spacing-x1: 8px;
-  --Spacing-x2: 16px;
-  --Spacing-x3: 24px;
-  --Spacing-x4: 32px;
-  --Spacing-x5: 40px;
-  --Spacing-x6: 48px;
-  --Spacing-x7: 56px;
-  --Spacing-x9: 72px;
-  --Spacing-x-half: 4px;
-  --Spacing-x-one-and-half: 12px;
-  --Spacing-x-quarter: 2px;
-}
diff --git a/packages/design-system/lib/styles/old.css b/packages/design-system/lib/styles/old.css
deleted file mode 100644
index 8dd7a8caa..000000000
--- a/packages/design-system/lib/styles/old.css
+++ /dev/null
@@ -1,134 +0,0 @@
-/* This file is generated, do not edit manually! */
-:root {
-  --Go-Beige-00: #faf8f2;
-  --Go-Beige-10: #f0ede4;
-  --Go-Beige-20: #e0dcce;
-  --Go-Beige-30: #c8c4b6;
-  --Go-Beige-40: #b0aca0;
-  --Go-Beige-50: #918f83;
-  --Go-Beige-60: #78766d;
-  --Go-Beige-70: #63615a;
-  --Go-Beige-80: #4f4d49;
-  --Go-Beige-90: #373633;
-  --Go-Beige-100: #1f1e1d;
-  --Go-Brand-Aqua: #73fcee;
-  --Go-Brand-Chartreuse: #85ff52;
-  --Go-Brand-Coral: #fa3737;
-  --Go-Brand-Lavender: #dcd7ff;
-  --Go-Brand-Lemon: #f5ff73;
-  --Go-Brand-Linen: #e0dcce;
-  --Go-Brand-Obsidian: #2d163a;
-  --Go-Brand-Pine: #21331f;
-  --Go-Brand-Powderrose: #ecc8c9;
-  --Go-Green-00: #edffe5;
-  --Go-Green-10: #cdffb8;
-  --Go-Green-20: #a7ff82;
-  --Go-Green-30: #85ff52;
-  --Go-Green-40: #66e03a;
-  --Go-Green-50: #45b222;
-  --Go-Green-60: #2e7f18;
-  --Go-Green-70: #2a601e;
-  --Go-Green-80: #26461f;
-  --Go-Green-90: #21331f;
-  --Go-Green-100: #162115;
-  --Go-Purple-00: #f4f2ff;
-  --Go-Purple-10: #dcd7ff;
-  --Go-Purple-20: #cabffc;
-  --Go-Purple-30: #baa7f7;
-  --Go-Purple-40: #ab8ef0;
-  --Go-Purple-50: #9c75e6;
-  --Go-Purple-60: #8c5bd5;
-  --Go-Purple-70: #733cb2;
-  --Go-Purple-80: #5e2a8c;
-  --Go-Purple-90: #451f61;
-  --Go-Purple-100: #2d163a;
-  --Go-Yellow-00: #fdffe8;
-  --Go-Yellow-10: #faffc4;
-  --Go-Yellow-20: #f8ff9c;
-  --Go-Yellow-30: #f5ff73;
-  --Go-Yellow-40: #edea39;
-  --Go-Yellow-50: #dec614;
-  --Go-Yellow-60: #ba8d07;
-  --Go-Yellow-70: #966400;
-  --Go-Yellow-80: #754403;
-  --Go-Yellow-90: #572701;
-  --Go-Yellow-100: #3b1300;
-  --Main-Blue-00: #eaf2fc;
-  --Main-Blue-10: #c7d9f5;
-  --Main-Blue-20: #a5c2ee;
-  --Main-Blue-30: #84ace7;
-  --Main-Blue-40: #6697df;
-  --Main-Blue-50: #4983d8;
-  --Main-Blue-60: #2e70d1;
-  --Main-Blue-70: #1555b4;
-  --Main-Blue-80: #023d96;
-  --Main-Blue-90: #002a69;
-  --Main-Blue-100: #001b42;
-  --Main-Brand-Burgundy: #4d001b;
-  --Main-Brand-DarkBlue: #0d1440;
-  --Main-Brand-DarkGreen: #093021;
-  --Main-Brand-DarkGrey: #291710;
-  --Main-Brand-LightBlue: #b5e0ff;
-  --Main-Brand-LightGreen: #d2edaf;
-  --Main-Brand-PalePeach: #f7e1d5;
-  --Main-Brand-PaleYellow: #fff0c2;
-  --Main-Brand-ScandicRed: #cd0921;
-  --Main-Brand-WarmWhite: #faf6f2;
-  --Main-Green-00: #e7f5e1;
-  --Main-Green-10: #badda8;
-  --Main-Green-20: #99ca7e;
-  --Main-Green-30: #7ab859;
-  --Main-Green-40: #5fa53a;
-  --Main-Green-50: #47931f;
-  --Main-Green-60: #33800a;
-  --Main-Green-70: #286806;
-  --Main-Green-80: #1e4f03;
-  --Main-Green-90: #143701;
-  --Main-Green-100: #0e2600;
-  --Main-Grey-00: #f2f2f2;
-  --Main-Grey-10: #e7e7e8;
-  --Main-Grey-20: #d8d8da;
-  --Main-Grey-30: #ceced2;
-  --Main-Grey-40: #c5c5ca;
-  --Main-Grey-50: #a7a7ad;
-  --Main-Grey-60: #7e7e84;
-  --Main-Grey-70: #535358;
-  --Main-Grey-80: #2f2f32;
-  --Main-Grey-90: #1b1b1c;
-  --Main-Grey-100: #111112;
-  --Main-Grey-Almostblack: #1f1c1b;
-  --Main-Grey-White: #ffffff;
-  --Main-Red-00: #ffebeb;
-  --Main-Red-10: #f7c1c2;
-  --Main-Red-20: #f79499;
-  --Main-Red-30: #f26b74;
-  --Main-Red-40: #ed4251;
-  --Main-Red-50: #e32034;
-  --Main-Red-60: #cd0921;
-  --Main-Red-70: #ad0015;
-  --Main-Red-80: #8d0011;
-  --Main-Red-90: #6d000d;
-  --Main-Red-100: #4d001b;
-  --Main-Scandic-00: #edf7f7;
-  --Main-Scandic-10: #c5e3e5;
-  --Main-Scandic-20: #97d3d9;
-  --Main-Scandic-30: #74cbd2;
-  --Main-Scandic-40: #53c3cc;
-  --Main-Scandic-50: #26a7b2;
-  --Main-Scandic-60: #00838e;
-  --Main-Scandic-70: #055b62;
-  --Main-Scandic-80: #08393d;
-  --Main-Scandic-90: #082022;
-  --Main-Scandic-100: #061112;
-  --Main-Yellow-00: #fff8e3;
-  --Main-Yellow-10: #fff0c2;
-  --Main-Yellow-20: #fade89;
-  --Main-Yellow-30: #f7ce52;
-  --Main-Yellow-40: #edb532;
-  --Main-Yellow-50: #e59515;
-  --Main-Yellow-60: #d17308;
-  --Main-Yellow-70: #a85211;
-  --Main-Yellow-80: #7d370f;
-  --Main-Yellow-90: #4f2313;
-  --Main-Yellow-100: #301508;
-}
diff --git a/packages/design-system/lib/styles/scandic-go.css b/packages/design-system/lib/styles/scandic-go.css
new file mode 100644
index 000000000..7eb60a75f
--- /dev/null
+++ b/packages/design-system/lib/styles/scandic-go.css
@@ -0,0 +1,364 @@
+/* This file is generated, do not edit manually! */
+.scandic-go {
+  /* Values */
+  --Body-Lead-text-Font-fallback: sans-serif;
+  --Body-Lead-text-Letter-spacing: 0.2px;
+  --Body-Paragraph-Font-fallback: sans-serif;
+  --Body-Paragraph-Letter-spacing: 0.19px;
+  --Body-Supporting-text-Font-fallback: sans-serif;
+  --Body-Supporting-text-Letter-spacing: 0.2px;
+  --Body-Underline-md-Font-fallback: sans-serif;
+  --Body-Underline-md-Letter-spacing: 0.19px;
+  --Body-Underline-sm-Font-fallback: sans-serif;
+  --Body-Underline-sm-Letter-spacing: 0.2px;
+  --Component-Button-Brand-Primary-Hover: #c7c2e5;
+  --Component-Button-Brand-Secondary-Border-Hover-inverted: #e8e5e9;
+  --Component-Button-Brand-Tertiary-Hover: #402a4b;
+  --Component-Button-Inverted-Hover: #f2f2f2;
+  --Component-Button-Inverted-On-fill-Hover: #402a4b;
+  --Component-Button-Muted-Hover-inverted: #f2f2f2;
+  --Font-family-Scandic-Go-Body: 'Fira sans';
+  --Font-family-Scandic-Go-Decorative: 'ITC Garamond Std';
+  --Font-family-Scandic-Go-Title: 'Neue Haas Grotesk Display Pro';
+  --Label-Font-fallback: sans-serif;
+  --Label-Letter-spacing: 0.17px;
+  --Link-md-Font-fallback: sans-serif;
+  --Link-md-Letter-spacing: 0.19px;
+  --Link-sm-Font-fallback: sans-serif;
+  --Link-sm-Letter-spacing: 0.2px;
+  --Scandic-Go-Beige-00: #fffefa;
+  --Scandic-Go-Beige-0: #faf8f2;
+  --Scandic-Go-Beige-100: #1f1e1d;
+  --Scandic-Go-Beige-10: #f0ede4;
+  --Scandic-Go-Beige-20: #e0dcce;
+  --Scandic-Go-Beige-30: #c8c4b6;
+  --Scandic-Go-Beige-40: #b0aca0;
+  --Scandic-Go-Beige-50: #918f83;
+  --Scandic-Go-Beige-60: #78766d;
+  --Scandic-Go-Beige-70: #63615a;
+  --Scandic-Go-Beige-80: #4f4d49;
+  --Scandic-Go-Beige-90: #373633;
+  --Scandic-Go-Coral-50: #fa3737;
+  --Scandic-Go-Cyan-20: #73fcee;
+  --Scandic-Go-Green-00: #edffe5;
+  --Scandic-Go-Green-100: #162115;
+  --Scandic-Go-Green-10: #cdffb8;
+  --Scandic-Go-Green-20: #a7ff82;
+  --Scandic-Go-Green-30: #85ff52;
+  --Scandic-Go-Green-40: #66e03a;
+  --Scandic-Go-Green-50: #45b222;
+  --Scandic-Go-Green-60: #2e7f18;
+  --Scandic-Go-Green-70: #2a601e;
+  --Scandic-Go-Green-80: #26461f;
+  --Scandic-Go-Green-90: #21331f;
+  --Scandic-Go-Powder-Rose-50: #ecc8c9;
+  --Scandic-Go-Purple-00: #f4f2ff;
+  --Scandic-Go-Purple-100: #2d163a;
+  --Scandic-Go-Purple-10: #dcd7ff;
+  --Scandic-Go-Purple-20: #cabffc;
+  --Scandic-Go-Purple-30: #baa7f7;
+  --Scandic-Go-Purple-40: #ab8ef0;
+  --Scandic-Go-Purple-50: #9c75e6;
+  --Scandic-Go-Purple-60: #8c5bd5;
+  --Scandic-Go-Purple-70: #733cb2;
+  --Scandic-Go-Purple-80: #5e2a8c;
+  --Scandic-Go-Purple-90: #451f61;
+  --Scandic-Go-Yellow-00: #fdffe8;
+  --Scandic-Go-Yellow-100: #3b1300;
+  --Scandic-Go-Yellow-10: #faffc4;
+  --Scandic-Go-Yellow-20: #f8ff9c;
+  --Scandic-Go-Yellow-30: #f5ff73;
+  --Scandic-Go-Yellow-40: #edea39;
+  --Scandic-Go-Yellow-50: #dec614;
+  --Scandic-Go-Yellow-60: #ba8d07;
+  --Scandic-Go-Yellow-70: #966400;
+  --Scandic-Go-Yellow-80: #754403;
+  --Scandic-Go-Yellow-90: #572701;
+  --Surface-Primary-Hover-Light: #e6e5e5;
+  --Surface-Primary-Hover: #f2f2f2;
+  --Surface-Secondary-Hover: #e4e1d9;
+  --Surface-UI-Fill-Active-Hover: #e6e5e5;
+  --Tag-Font-fallback: sans-serif;
+  --Tag-Letter-spacing: 0.24px;
+  --Tag-Text-Transform: unset;
+  --Title-Decorative-lg-Font-fallback: Serif;
+  --Title-Decorative-lg-Letter-spacing: 0.32px;
+  --Title-Decorative-lg-Text-Transform: unset;
+  --Title-Decorative-md-Font-fallback: Serif;
+  --Title-Decorative-md-Letter-spacing: 0.48px;
+  --Title-Decorative-md-Text-Transform: unset;
+  --Title-Overline-sm-Font-fallback: sans-serif;
+  --Title-Overline-sm-Letter-spacing: 0.21px;
+  --Title-Overline-sm-Text-Transform: unset;
+  --Title-Subtitle-lg-Font-fallback: sans-serif;
+  --Title-Subtitle-lg-Letter-spacing: 0.24px;
+  --Title-Subtitle-md-Font-fallback: sans-serif;
+  --Title-Subtitle-md-Letter-spacing: 0.2px;
+  --Title-lg-Font-fallback: sans-serif;
+  --Title-lg-Letter-spacing: 0.48px;
+  --Title-lg-Text-Transform: unset;
+  --Title-md-Font-fallback: sans-serif;
+  --Title-md-Letter-spacing: 0.36px;
+  --Title-md-LowCase-Font-fallback: sans-serif;
+  --Title-md-LowCase-Letter-spacing: 0.36px;
+  --Title-md-LowCase-Text-Transform: unset;
+  --Title-md-Text-Transform: unset;
+  --Title-sm-Font-fallback: sans-serif;
+  --Title-sm-Letter-spacing: 0.42px;
+  --Title-sm-LowCase-Font-fallback: sans-serif;
+  --Title-sm-LowCase-Letter-spacing: 0.42px;
+  --Title-sm-LowCase-Text-Transform: unset;
+  --Title-sm-Text-Transform: unset;
+  --Title-xs-Font-fallback: sans-serif;
+  --Title-xs-Letter-spacing: 0.36px;
+  --Title-xs-Text-Transform: unset;
+  --Utilities-Gradients-10: #2d163a1a;
+
+  /* Aliases */
+  --Background-Primary: var(--Scandic-Go-Beige-00);
+  --Background-Secondary: var(--Neutral-Opacity-White-100);
+  --Body-Lead-text-Font-family: var(--Font-family-Scandic-Go-Body);
+  --Body-Lead-text-Font-weight: var(--Font-weight-Regular);
+  --Body-Lead-text-Size: var(--Impl-Text-size-xs);
+  --Body-Paragraph-Font-family: var(--Font-family-Scandic-Go-Body);
+  --Body-Paragraph-Font-weight-2: var(--Font-weight-Medium);
+  --Body-Paragraph-Font-weight: var(--Font-weight-Regular);
+  --Body-Paragraph-Size: var(--Impl-Text-size-3xs);
+  --Body-Supporting-text-Font-family: var(--Font-family-Scandic-Go-Body);
+  --Body-Supporting-text-Font-weight-2: var(--Font-weight-Medium);
+  --Body-Supporting-text-Font-weight: var(--Font-weight-Regular);
+  --Body-Supporting-text-Size: var(--Impl-Text-size-4xs);
+  --Body-Underline-md-Font-family: var(--Font-family-Scandic-Go-Body);
+  --Body-Underline-md-Font-weight: var(--Font-weight-Regular);
+  --Body-Underline-md-Size: var(--Impl-Text-size-3xs);
+  --Body-Underline-sm-Font-family: var(--Font-family-Scandic-Go-Body);
+  --Body-Underline-sm-Font-weight: var(--Font-weight-Regular);
+  --Body-Underline-sm-Size: var(--Impl-Text-size-4xs);
+  --Border-Default: var(--Neutral-20);
+  --Border-Divider-Accent: var(--Neutral-30);
+  --Border-Divider-Brand-OnPrimary-1-Default: var(--Scandic-Go-Purple-100);
+  --Border-Divider-Brand-OnPrimary-1-Secondary: var(--Scandic-Go-Purple-100);
+  --Border-Divider-Brand-OnPrimary-2-Default: var(--Scandic-Go-Green-30);
+  --Border-Divider-Brand-OnPrimary-3-Default: var(--Scandic-Go-Purple-10);
+  --Border-Divider-Default: var(--Neutral-20);
+  --Border-Divider-Subtle: var(--Neutral-15);
+  --Border-Intense: var(--Neutral-30);
+  --Border-Interactive-Default: var(--Neutral-30);
+  --Border-Interactive-Disabled: var(--Neutral-40);
+  --Border-Interactive-Error: var(--Scandic-Red-70);
+  --Border-Interactive-Focus: var(--Neutral-80);
+  --Border-Interactive-KeyboardFocus: var(--Scandic-Blue-50);
+  --Border-Interactive-Selected: var(--Neutral-80);
+  --Border-Inverted: var(--Neutral-Opacity-White-100);
+  --Component-Button-Brand-Primary-Border-Default: var(
+    --Neutral-Opacity-White-0
+  );
+  --Component-Button-Brand-Primary-Border-Disabled: var(
+    --Neutral-Opacity-White-0
+  );
+  --Component-Button-Brand-Primary-Border-Hover: var(--Neutral-Opacity-White-0);
+  --Component-Button-Brand-Primary-Default: var(--Scandic-Go-Purple-10);
+  --Component-Button-Brand-Primary-Disabled: var(--Neutral-Opacity-Black-10);
+  --Component-Button-Brand-Primary-On-fill-Default: var(
+    --Scandic-Go-Purple-100
+  );
+  --Component-Button-Brand-Primary-On-fill-Disabled: var(--Neutral-40);
+  --Component-Button-Brand-Primary-On-fill-Hover: var(
+    --Neutral-Opacity-White-100
+  );
+  --Component-Button-Brand-Secondary-Border-Default: var(
+    --Scandic-Go-Purple-100
+  );
+  --Component-Button-Brand-Secondary-Border-Disabled: var(
+    --Neutral-Opacity-Black-10
+  );
+  --Component-Button-Brand-Secondary-Border-Hover: var(--Scandic-Go-Purple-80);
+  --Component-Button-Brand-Secondary-Border-Inverted: var(
+    --Neutral-Opacity-White-100
+  );
+  --Component-Button-Brand-Secondary-Default: var(--Neutral-Opacity-White-0);
+  --Component-Button-Brand-Secondary-Disabled: var(--Neutral-Opacity-Black-10);
+  --Component-Button-Brand-Secondary-Hover-Inverted: var(
+    --Scandic-Go-Purple-100
+  );
+  --Component-Button-Brand-Secondary-Hover: var(--Neutral-Opacity-White-0);
+  --Component-Button-Brand-Secondary-Inverted: var(--Neutral-Opacity-White-100);
+  --Component-Button-Brand-Secondary-On-fill-Default: var(
+    --Scandic-Go-Purple-100
+  );
+  --Component-Button-Brand-Secondary-On-fill-Disabled: var(--Neutral-40);
+  --Component-Button-Brand-Secondary-On-fill-Hover: var(--Scandic-Go-Purple-80);
+  --Component-Button-Brand-Secondary-On-fill-Inverted: var(
+    --Neutral-Opacity-White-100
+  );
+  --Component-Button-Brand-Tertiary-Border-Default: var(
+    --Neutral-Opacity-White-0
+  );
+  --Component-Button-Brand-Tertiary-Border-Disabled: var(
+    --Neutral-Opacity-White-0
+  );
+  --Component-Button-Brand-Tertiary-Border-Hover: var(
+    --Neutral-Opacity-White-0
+  );
+  --Component-Button-Brand-Tertiary-Default: var(--Scandic-Go-Purple-100);
+  --Component-Button-Brand-Tertiary-Disabled: var(--Neutral-Opacity-Black-10);
+  --Component-Button-Brand-Tertiary-On-fill-Default: var(
+    --Neutral-Opacity-White-100
+  );
+  --Component-Button-Brand-Tertiary-On-fill-Disabled: var(--Neutral-40);
+  --Component-Button-Brand-Tertiary-On-fill-Hover: var(
+    --Neutral-Opacity-White-100
+  );
+  --Component-Button-Inverted-Border-Default: var(--Neutral-Opacity-White-0);
+  --Component-Button-Inverted-Border-Disable: var(--Neutral-Opacity-White-0);
+  --Component-Button-Inverted-Border-Hover: var(--Neutral-Opacity-White-0);
+  --Component-Button-Inverted-Default: var(--Neutral-Opacity-White-100);
+  --Component-Button-Inverted-Disabled: var(--Neutral-Opacity-Black-10);
+  --Component-Button-Inverted-Faded: var(--Neutral-Opacity-White-90);
+  --Component-Button-Inverted-Hover-Inverted: var(--Scandic-Go-Purple-10);
+  --Component-Button-Inverted-On-fill-Default: var(--Scandic-Go-Purple-100);
+  --Component-Button-Inverted-On-fill-Disabled: var(--Neutral-40);
+  --Component-Button-Inverted-On-fill-Hover-inverted: var(
+    --Neutral-Opacity-White-100
+  );
+  --Component-Button-Muted-Border-Default: var(--Neutral-Opacity-White-0);
+  --Component-Button-Muted-Border-Disable: var(--Neutral-Opacity-White-0);
+  --Component-Button-Muted-Border-Hover: var(--Neutral-Opacity-White-0);
+  --Component-Button-Muted-Default: var(--Neutral-Opacity-White-100);
+  --Component-Button-Muted-Disabled-inverted: var(--Neutral-20);
+  --Component-Button-Muted-Disabled: var(--Neutral-Opacity-White-10);
+  --Component-Button-Muted-Hover: var(--Neutral-Opacity-White-5);
+  --Component-Button-Muted-On-fill-Default: var(--Neutral-90);
+  --Component-Button-Muted-On-fill-Disabled: var(--Neutral-40);
+  --Component-Button-Muted-On-fill-Hover-Inverted: var(--Scandic-Go-Purple-80);
+  --Component-Button-Muted-On-fill-Inverted: var(--Neutral-Opacity-White-100);
+  --Icon-Accent: var(--Scandic-Go-Coral-50);
+  --Icon-Default: var(--Neutral-60);
+  --Icon-Feedback-Error: var(--Scandic-Red-70);
+  --Icon-Feedback-Information: var(--Scandic-Blue-70);
+  --Icon-Feedback-Neutral: var(--Scandic-Grey-80);
+  --Icon-Feedback-Success: var(--Scandic-Green-60);
+  --Icon-Feedback-Warning: var(--Scandic-Yellow-60);
+  --Icon-Intense: var(--Neutral-90);
+  --Icon-Interactive-Default: var(--Scandic-Go-Purple-100);
+  --Icon-Interactive-Disabled: var(--Neutral-30);
+  --Icon-Interactive-Placeholder: var(--Neutral-50);
+  --Icon-Interactive-Secondary: var(--Scandic-Go-Purple-80);
+  --Icon-Inverted: var(--Neutral-Opacity-White-100);
+  --Label-Font-family: var(--Font-family-Scandic-Go-Body);
+  --Label-Font-weight-2: var(--Font-weight-Medium);
+  --Label-Font-weight: var(--Font-weight-Regular);
+  --Label-Size: var(--Impl-Text-size-5xs);
+  --Link-md-Font-family: var(--Font-family-Scandic-Go-Body);
+  --Link-md-Font-weight: var(--Font-weight-Medium);
+  --Link-md-Size: var(--Impl-Text-size-3xs);
+  --Link-sm-Font-family: var(--Font-family-Scandic-Go-Body);
+  --Link-sm-Font-weight: var(--Font-weight-Medium);
+  --Link-sm-Size: var(--Impl-Text-size-4xs);
+  --Overlay-10: var(--Neutral-Opacity-Black-10);
+  --Overlay-20: var(--Neutral-Opacity-Black-20);
+  --Overlay-40: var(--Neutral-Opacity-Black-40);
+  --Overlay-60: var(--Neutral-Opacity-Black-60);
+  --Overlay-80: var(--Neutral-Opacity-Black-80);
+  --Overlay-90: var(--Neutral-Opacity-Black-90);
+  --Surface-Accent-1: var(--Scandic-Go-Coral-50);
+  --Surface-Accent-2: var(--Scandic-Go-Cyan-20);
+  --Surface-Accent-3: var(--Scandic-Go-Green-30);
+  --Surface-Accent-4: var(--Scandic-Go-Purple-10);
+  --Surface-Accent-5: var(--Scandic-Go-Powder-Rose-50);
+  --Surface-Brand-Accent-Default: var(--Scandic-Go-Yellow-30);
+  --Surface-Brand-Primary-1-Default: var(--Scandic-Go-Purple-10);
+  --Surface-Brand-Primary-1-OnSurface-Accent-Secondary: var(
+    --Scandic-Go-Yellow-30
+  );
+  --Surface-Brand-Primary-1-OnSurface-Accent: var(--Scandic-Go-Coral-50);
+  --Surface-Brand-Primary-1-OnSurface-Default: var(--Scandic-Go-Purple-100);
+  --Surface-Brand-Primary-2-Default: var(--Scandic-Go-Green-90);
+  --Surface-Brand-Primary-2-OnSurface-Accent: var(--Scandic-Go-Green-30);
+  --Surface-Brand-Primary-2-OnSurface-Default: var(--Neutral-Opacity-White-100);
+  --Surface-Brand-Primary-3-Default: var(--Scandic-Go-Purple-100);
+  --Surface-Brand-Primary-3-OnSurface-Accent: var(--Scandic-Go-Cyan-20);
+  --Surface-Brand-Primary-3-OnSurface-Default: var(--Scandic-Go-Purple-10);
+  --Surface-Feedback-Error-Accent: var(--Scandic-Red-70);
+  --Surface-Feedback-Error: var(--Scandic-Red-00);
+  --Surface-Feedback-Information-Accent: var(--Scandic-Blue-70);
+  --Surface-Feedback-Information: var(--Scandic-Blue-00);
+  --Surface-Feedback-Neutral-Accent: var(--Neutral-50);
+  --Surface-Feedback-Neutral: var(--Neutral-15);
+  --Surface-Feedback-Succes-Accent: var(--Scandic-Green-60);
+  --Surface-Feedback-Succes: var(--Scandic-Green-00);
+  --Surface-Feedback-Warning--Light: var(--Scandic-Yellow-00);
+  --Surface-Feedback-Warning-Accent: var(--Scandic-Yellow-60);
+  --Surface-Primary-Default: var(--Neutral-Opacity-White-100);
+  --Surface-Primary-Disabled: var(--Neutral-15);
+  --Surface-Primary-Hover-Accent: var(--Scandic-Go-Purple-10);
+  --Surface-Primary-OnSurface-Default: var(--Scandic-Go-Beige-0);
+  --Surface-Secondary-Default: var(--Scandic-Go-Beige-10);
+  --Surface-Secondary-Secondary: var(--Scandic-Go-Beige-10);
+  --Surface-UI-Fill-Active: var(--Neutral-80);
+  --Surface-UI-Fill-Default: var(--Neutral-Opacity-White-100);
+  --Surface-UI-Fill-Disabled: var(--Neutral-15);
+  --Surface-UI-Fill-Intense: var(--Neutral-80);
+  --Tag-Font-family: var(--Font-family-Scandic-Go-Title);
+  --Tag-Font-weight: var(--Font-weight-Medium);
+  --Tag-Size: var(--Impl-Text-size-5xs);
+  --Text-Accent-Primary: var(--Scandic-Go-Purple-100);
+  --Text-Accent-Secondary: var(--Scandic-Go-Purple-80);
+  --Text-Brand-OnAccent-Accent: var(--Scandic-Go-Purple-100);
+  --Text-Brand-OnAccent-Default: var(--Scandic-Go-Purple-100);
+  --Text-Brand-OnAccent-Heading: var(--Scandic-Go-Purple-100);
+  --Text-Brand-OnPrimary-1-Accent: var(--Scandic-Go-Purple-100);
+  --Text-Brand-OnPrimary-1-Default: var(--Scandic-Go-Purple-100);
+  --Text-Brand-OnPrimary-1-Heading: var(--Scandic-Go-Purple-100);
+  --Text-Brand-OnPrimary-2-Accent: var(--Scandic-Go-Purple-10);
+  --Text-Brand-OnPrimary-2-Default: var(--Neutral-Opacity-White-100);
+  --Text-Brand-OnPrimary-2-Heading: var(--Neutral-Opacity-White-100);
+  --Text-Brand-OnPrimary-3-Accent: var(--Scandic-Go-Purple-10);
+  --Text-Brand-OnPrimary-3-Default: var(--Neutral-Opacity-White-100);
+  --Text-Brand-OnPrimary-3-Heading: var(--Neutral-Opacity-White-100);
+  --Text-Default: var(--Neutral-90);
+  --Text-Heading: var(--Scandic-Go-Purple-100);
+  --Text-Interactive-Default: var(--Scandic-Go-Purple-100);
+  --Text-Interactive-Disabled: var(--Neutral-40);
+  --Text-Interactive-Error: var(--Scandic-Red-70);
+  --Text-Interactive-Focus: var(--Neutral-80);
+  --Text-Interactive-Hover-Secondary: var(--Scandic-Go-Purple-100);
+  --Text-Interactive-Placeholder: var(--Neutral-50);
+  --Text-Interactive-Secondary: var(--Scandic-Go-Purple-80);
+  --Text-Inverted: var(--Neutral-Opacity-White-100);
+  --Text-Secondary: var(--Neutral-60);
+  --Text-Tertiary: var(--Neutral-50);
+  --Title-Decorative-lg-Font-family: var(--Font-family-Scandic-Go-Decorative);
+  --Title-Decorative-lg-Font-weight: var(--Font-weight-Medium);
+  --Title-Decorative-lg-Size: var(--Impl-Text-size-xl);
+  --Title-Decorative-md-Font-family: var(--Font-family-Scandic-Go-Decorative);
+  --Title-Decorative-md-Font-weight: var(--Font-weight-Medium);
+  --Title-Decorative-md-Size: var(--Impl-Text-size-sm);
+  --Title-Overline-sm-Font-family: var(--Font-family-Scandic-Go-Title);
+  --Title-Overline-sm-Font-weight: var(--Font-weight-Medium);
+  --Title-Overline-sm-Size: var(--Impl-Text-size-2xs);
+  --Title-Subtitle-lg-Font-family: var(--Font-family-Scandic-Go-Body);
+  --Title-Subtitle-lg-Font-weight: var(--Font-weight-Medium);
+  --Title-Subtitle-lg-Size: var(--Impl-Text-size-sm);
+  --Title-Subtitle-md-Font-family: var(--Font-family-Scandic-Go-Body);
+  --Title-Subtitle-md-Font-weight: var(--Font-weight-Medium);
+  --Title-Subtitle-md-Size: var(--Impl-Text-size-xs);
+  --Title-lg-Font-family: var(--Font-family-Scandic-Go-Title);
+  --Title-lg-Font-weight: var(--Font-weight-Medium);
+  --Title-lg-Size: var(--Impl-Text-size-4xl);
+  --Title-md-Font-family: var(--Font-family-Scandic-Go-Title);
+  --Title-md-Font-weight: var(--Font-weight-Medium);
+  --Title-md-LowCase-Font-family: var(--Font-family-Title);
+  --Title-md-LowCase-Font-weight: var(--Font-weight-Medium);
+  --Title-md-LowCase-Size: var(--Impl-Text-size-2xl);
+  --Title-md-Size: var(--Impl-Text-size-2xl);
+  --Title-sm-Font-family: var(--Font-family-Scandic-Go-Title);
+  --Title-sm-Font-weight: var(--Font-weight-Medium);
+  --Title-sm-LowCase-Font-family: var(--Font-family-Scandic-Go-Title);
+  --Title-sm-LowCase-Font-weight: var(--Font-weight-Medium);
+  --Title-sm-LowCase-Size: var(--Impl-Text-size-lg);
+  --Title-sm-Size: var(--Impl-Text-size-lg);
+  --Title-xs-Font-family: var(--Font-family-Scandic-Go-Title);
+  --Title-xs-Font-weight: var(--Font-weight-Medium);
+  --Title-xs-Size: var(--Impl-Text-size-sm);
+}
diff --git a/packages/design-system/lib/styles/scandic-go.js b/packages/design-system/lib/styles/scandic-go.js
new file mode 100644
index 000000000..104e64ccc
--- /dev/null
+++ b/packages/design-system/lib/styles/scandic-go.js
@@ -0,0 +1,307 @@
+/* This file is generated, do not edit manually! */
+export const theme = {
+  'Scandic Go/Beige/00': '#FFFEFA',
+  'Scandic Go/Beige/0': '#FAF8F2',
+  'Scandic Go/Beige/10': '#F0EDE4',
+  'Scandic Go/Beige/20': '#E0DCCE',
+  'Scandic Go/Beige/30': '#C8C4B6',
+  'Scandic Go/Beige/40': '#B0ACA0',
+  'Scandic Go/Beige/50': '#918F83',
+  'Scandic Go/Beige/60': '#78766D',
+  'Scandic Go/Beige/70': '#63615A',
+  'Scandic Go/Beige/80': '#4F4D49',
+  'Scandic Go/Beige/90': '#373633',
+  'Scandic Go/Beige/100': '#1F1E1D',
+  'Scandic Go/Purple/00': '#F4F2FF',
+  'Scandic Go/Purple/10': '#DCD7FF',
+  'Scandic Go/Purple/20': '#CABFFC',
+  'Scandic Go/Purple/30': '#BAA7F7',
+  'Scandic Go/Purple/40': '#AB8EF0',
+  'Scandic Go/Purple/50': '#9C75E6',
+  'Scandic Go/Purple/60': '#8C5BD5',
+  'Scandic Go/Purple/70': '#733CB2',
+  'Scandic Go/Purple/80': '#5E2A8C',
+  'Scandic Go/Purple/90': '#451F61',
+  'Scandic Go/Purple/100': '#2D163A',
+  'Scandic Go/Yellow/00': '#FDFFE8',
+  'Scandic Go/Yellow/10': '#FAFFC4',
+  'Scandic Go/Yellow/20': '#F8FF9C',
+  'Scandic Go/Yellow/30': '#F5FF73',
+  'Scandic Go/Yellow/40': '#EDEA39',
+  'Scandic Go/Yellow/50': '#DEC614',
+  'Scandic Go/Yellow/60': '#BA8D07',
+  'Scandic Go/Yellow/70': '#966400',
+  'Scandic Go/Yellow/80': '#754403',
+  'Scandic Go/Yellow/90': '#572701',
+  'Scandic Go/Yellow/100': '#3B1300',
+  'Scandic Go/Green/00': '#EDFFE5',
+  'Scandic Go/Green/10': '#CDFFB8',
+  'Scandic Go/Green/20': '#A7FF82',
+  'Scandic Go/Green/30': '#85FF52',
+  'Scandic Go/Green/40': '#66E03A',
+  'Scandic Go/Green/50': '#45B222',
+  'Scandic Go/Green/60': '#2E7F18',
+  'Scandic Go/Green/70': '#2A601E',
+  'Scandic Go/Green/80': '#26461F',
+  'Scandic Go/Green/90': '#21331F',
+  'Scandic Go/Green/100': '#162115',
+  'Scandic Go/Cyan/20': '#73FCEE',
+  'Scandic Go/Coral/50': '#FA3737',
+  'Scandic Go/Powder Rose/50': '#ECC8C9',
+  'Title/lg/Letter spacing': 0.48,
+  'Title/lg/Font fallback': 'sans-serif',
+  'Title/lg/Text-Transform': 'unset',
+  'Title/md/Letter spacing': 0.36,
+  'Title/md/Font fallback': 'sans-serif',
+  'Title/sm/Letter spacing': 0.42,
+  'Title/sm/Font fallback': 'sans-serif',
+  'Title/sm/Text-Transform': 'unset',
+  'Title/Decorative/lg/Letter spacing': 0.32,
+  'Title/Decorative/lg/Font fallback': 'Serif',
+  'Title/Decorative/lg/Text-Transform': 'unset',
+  'Title/Decorative/md/Letter spacing': 0.48,
+  'Title/Decorative/md/Font fallback': 'Serif',
+  'Title/Decorative/md/Text-Transform': 'unset',
+  'Title/Subtitle/lg/Font fallback': 'sans-serif',
+  'Title/Subtitle/lg/Letter spacing': 0.24,
+  'Title/Subtitle/md/Font fallback': 'sans-serif',
+  'Title/Subtitle/md/Letter spacing': 0.2,
+  'Title/Overline/sm/Letter spacing': 0.21,
+  'Title/Overline/sm/Font fallback': 'sans-serif',
+  'Title/Overline/sm/Text-Transform': 'unset',
+  'Title/sm/LowCase/Letter spacing': 0.42,
+  'Title/sm/LowCase/Font fallback': 'sans-serif',
+  'Title/sm/LowCase/Text-Transform': 'unset',
+  'Title/xs/Letter spacing': 0.36,
+  'Title/xs/Font fallback': 'sans-serif',
+  'Title/xs/Text-Transform': 'unset',
+  'Title/md/Text-Transform': 'unset',
+  'Title/md/LowCase/Letter spacing': 0.36,
+  'Title/md/LowCase/Font fallback': 'sans-serif',
+  'Title/md/LowCase/Text-Transform': 'unset',
+  'Tag/Letter spacing': 0.24,
+  'Tag/Font fallback': 'sans-serif',
+  'Tag/Text-Transform': 'unset',
+  'Link/md/Font fallback': 'sans-serif',
+  'Link/md/Letter spacing': 0.19,
+  'Link/sm/Font fallback': 'sans-serif',
+  'Link/sm/Letter spacing': 0.2,
+  'Body/Lead text/Font fallback': 'sans-serif',
+  'Body/Paragraph/Font fallback': 'sans-serif',
+  'Body/Paragraph/Letter spacing': 0.19,
+  'Body/Supporting text/Font fallback': 'sans-serif',
+  'Body/Supporting text/Letter spacing': 0.2,
+  'Body/Lead text/Letter spacing': 0.2,
+  'Label/Font fallback': 'sans-serif',
+  'Label/Letter spacing': 0.17,
+  'Body/Underline/md/Font fallback': 'sans-serif',
+  'Body/Underline/md/Letter spacing': 0.19,
+  'Body/Underline/sm/Font fallback': 'sans-serif',
+  'Body/Underline/sm/Letter spacing': 0.2,
+  'Utilities/Gradients/10': '#2D163A1A',
+  'Font family/Scandic Go/Title': 'Neue Haas Grotesk Display Pro',
+  'Font family/Scandic Go/Body': 'Fira sans',
+  'Font family/Scandic Go/Decorative': 'ITC Garamond Std',
+  'Title/lg/Font weight': 500,
+  'Title/lg/Font family': 'Neue Haas Grotesk Display Pro',
+  'Title/md/Font weight': 500,
+  'Title/md/Font family': 'Neue Haas Grotesk Display Pro',
+  'Title/sm/Font weight': 500,
+  'Title/sm/Font family': 'Neue Haas Grotesk Display Pro',
+  'Title/sm/LowCase/Font weight': 500,
+  'Title/sm/LowCase/Font family': 'Neue Haas Grotesk Display Pro',
+  'Title/Decorative/lg/Font weight': 500,
+  'Title/Decorative/lg/Font family': 'ITC Garamond Std',
+  'Title/Decorative/md/Font weight': 500,
+  'Title/Decorative/md/Font family': 'ITC Garamond Std',
+  'Title/Subtitle/lg/Font weight': 500,
+  'Title/Subtitle/lg/Font family': 'Fira sans',
+  'Title/Subtitle/md/Font weight': 500,
+  'Title/Subtitle/md/Font family': 'Fira sans',
+  'Title/Overline/sm/Font weight': 500,
+  'Title/Overline/sm/Font family': 'Neue Haas Grotesk Display Pro',
+  'Title/xs/Font weight': 500,
+  'Title/xs/Font family': 'Neue Haas Grotesk Display Pro',
+  'Title/md/LowCase/Font weight': 500,
+  'Title/md/LowCase/Font family': 'Brandon Text',
+  'Tag/Font weight': 500,
+  'Tag/Font family': 'Neue Haas Grotesk Display Pro',
+  'Link/md/Font weight': 500,
+  'Link/md/Font family': 'Fira sans',
+  'Link/sm/Font weight': 500,
+  'Link/sm/Font family': 'Fira sans',
+  'Body/Lead text/Font weight': 400,
+  'Body/Lead text/Font family': 'Fira sans',
+  'Body/Paragraph/Font weight': 400,
+  'Body/Paragraph/Font weight 2': 500,
+  'Body/Paragraph/Font family': 'Fira sans',
+  'Body/Supporting text/Font weight': 400,
+  'Body/Supporting text/Font weight 2': 500,
+  'Body/Supporting text/Font family': 'Fira sans',
+  'Label/Font weight': 400,
+  'Label/Font weight 2': 500,
+  'Label/Font family': 'Fira sans',
+  'Body/Underline/md/Font weight': 400,
+  'Body/Underline/md/Font family': 'Fira sans',
+  'Body/Underline/sm/Font weight': 400,
+  'Body/Underline/sm/Font family': 'Fira sans',
+  'Text/Heading': '#2D163A',
+  'Text/Default': '#1F1F1F',
+  'Text/Secondary': '#575757',
+  'Text/Tertiary': '#747474',
+  'Text/Accent Primary': '#2D163A',
+  'Text/Accent Secondary': '#5E2A8C',
+  'Text/Inverted': '#FFFFFF',
+  'Text/Interactive/Default': '#2D163A',
+  'Text/Interactive/Secondary': '#5E2A8C',
+  'Text/Interactive/Hover Secondary': '#2D163A',
+  'Text/Interactive/Disabled': '#8C8C8C',
+  'Text/Interactive/Focus': '#262626',
+  'Text/Interactive/Error': '#AD0015',
+  'Text/Interactive/Placeholder': '#747474',
+  'Text/Brand/OnAccent/Heading': '#2D163A',
+  'Text/Brand/OnAccent/Default': '#2D163A',
+  'Text/Brand/OnAccent/Accent': '#2D163A',
+  'Text/Brand/OnPrimary 1/Heading': '#2D163A',
+  'Text/Brand/OnPrimary 1/Default': '#2D163A',
+  'Text/Brand/OnPrimary 1/Accent': '#2D163A',
+  'Text/Brand/OnPrimary 2/Heading': '#FFFFFF',
+  'Text/Brand/OnPrimary 2/Default': '#FFFFFF',
+  'Text/Brand/OnPrimary 2/Accent': '#DCD7FF',
+  'Text/Brand/OnPrimary 3/Heading': '#FFFFFF',
+  'Text/Brand/OnPrimary 3/Default': '#FFFFFF',
+  'Text/Brand/OnPrimary 3/Accent': '#DCD7FF',
+  'Background/Primary': '#FFFEFA',
+  'Background/Secondary': '#FFFFFF',
+  'Surface/Primary/Default': '#FFFFFF',
+  'Surface/Primary/Hover': '#f2f2f2',
+  'Surface/Primary/Hover Light': '#e6e5e5',
+  'Surface/Primary/Hover Accent': '#DCD7FF',
+  'Surface/Primary/OnSurface/Default': '#FAF8F2',
+  'Surface/Primary/Disabled': '#E9E9E9',
+  'Surface/Secondary/Default': '#F0EDE4',
+  'Surface/Secondary/Secondary': '#F0EDE4',
+  'Surface/Secondary/Hover': '#e4e1d9',
+  'Surface/Brand/Accent/Default': '#F5FF73',
+  'Surface/Brand/Primary 1/Default': '#DCD7FF',
+  'Surface/Brand/Primary 1/OnSurface/Default': '#2D163A',
+  'Surface/Brand/Primary 1/OnSurface/Accent': '#FA3737',
+  'Surface/Brand/Primary 1/OnSurface/Accent Secondary': '#F5FF73',
+  'Surface/Brand/Primary 2/Default': '#21331F',
+  'Surface/Brand/Primary 2/OnSurface/Default': '#FFFFFF',
+  'Surface/Brand/Primary 2/OnSurface/Accent': '#85FF52',
+  'Surface/Brand/Primary 3/Default': '#2D163A',
+  'Surface/Brand/Primary 3/OnSurface/Default': '#DCD7FF',
+  'Surface/Brand/Primary 3/OnSurface/Accent': '#73FCEE',
+  'Surface/UI Fill/Default': '#FFFFFF',
+  'Surface/UI Fill/Intense': '#262626',
+  'Surface/UI Fill/Active': '#262626',
+  'Surface/UI Fill/Active Hover': '#e6e5e5',
+  'Surface/UI Fill/Disabled': '#E9E9E9',
+  'Surface/Accent/1': '#FA3737',
+  'Surface/Accent/2': '#73FCEE',
+  'Surface/Accent/3': '#85FF52',
+  'Surface/Accent/4': '#DCD7FF',
+  'Surface/Accent/5': '#ECC8C9',
+  'Surface/Feedback/Information Accent': '#284EA0',
+  'Surface/Feedback/Information': '#E8F6FF',
+  'Surface/Feedback/Succes Accent': '#348337',
+  'Surface/Feedback/Succes': '#F3FCE8',
+  'Surface/Feedback/Warning Accent': '#D17308',
+  'Surface/Feedback/Warning  Light': '#FFF8E3',
+  'Surface/Feedback/Error Accent': '#AD0015',
+  'Surface/Feedback/Error': '#FFEBEB',
+  'Surface/Feedback/Neutral Accent': '#747474',
+  'Surface/Feedback/Neutral': '#E9E9E9',
+  'Border/Default': '#D9D9D9',
+  'Border/Intense': '#BFBFBF',
+  'Border/Inverted': '#FFFFFF',
+  'Icon/Default': '#575757',
+  'Icon/Intense': '#1F1F1F',
+  'Icon/Accent': '#FA3737',
+  'Icon/Interactive/Default': '#2D163A',
+  'Icon/Interactive/Secondary': '#5E2A8C',
+  'Icon/Interactive/Disabled': '#BFBFBF',
+  'Icon/Interactive/Placeholder': '#747474',
+  'Icon/Feedback/Information': '#284EA0',
+  'Icon/Feedback/Success': '#348337',
+  'Icon/Feedback/Warning': '#D17308',
+  'Icon/Feedback/Error': '#AD0015',
+  'Icon/Feedback/Neutral': '#57514E',
+  'Icon/Inverted': '#FFFFFF',
+  'Overlay/10': '#1F1C1B1A',
+  'Overlay/20': '#1F1C1B33',
+  'Overlay/40': '#1F1C1B66',
+  'Overlay/60': '#1F1C1B99',
+  'Overlay/80': '#1F1C1BCC',
+  'Overlay/90': '#1F1C1BE6',
+  'Component/Button/Brand/Primary/Default': '#DCD7FF',
+  'Component/Button/Brand/Primary/Hover': '#c7c2e5',
+  'Component/Button/Brand/Primary/Disabled': '#1F1C1B1A',
+  'Component/Button/Brand/Primary/On fill/Default': '#2D163A',
+  'Component/Button/Brand/Primary/On fill/Hover': '#FFFFFF',
+  'Component/Button/Brand/Primary/On fill/Disabled': '#8C8C8C',
+  'Component/Button/Brand/Primary/Border/Default': '#FFFFFF00',
+  'Component/Button/Brand/Primary/Border/Hover': '#FFFFFF00',
+  'Component/Button/Brand/Primary/Border/Disabled': '#FFFFFF00',
+  'Component/Button/Brand/Secondary/Default': '#FFFFFF00',
+  'Component/Button/Brand/Secondary/Hover': '#FFFFFF00',
+  'Component/Button/Brand/Secondary/Inverted': '#FFFFFF',
+  'Component/Button/Brand/Secondary/Hover Inverted': '#2D163A',
+  'Component/Button/Brand/Secondary/Disabled': '#1F1C1B1A',
+  'Component/Button/Brand/Secondary/On fill/Default': '#2D163A',
+  'Component/Button/Brand/Secondary/On fill/Hover': '#5E2A8C',
+  'Component/Button/Brand/Secondary/On fill/Inverted': '#FFFFFF',
+  'Component/Button/Brand/Secondary/On fill/Disabled': '#8C8C8C',
+  'Component/Button/Brand/Secondary/Border/Default': '#2D163A',
+  'Component/Button/Brand/Secondary/Border/Hover': '#5E2A8C',
+  'Component/Button/Brand/Secondary/Border/Inverted': '#FFFFFF',
+  'Component/Button/Brand/Secondary/Border/Hover inverted': '#e8e5e9',
+  'Component/Button/Brand/Secondary/Border/Disabled': '#1F1C1B1A',
+  'Component/Button/Brand/Tertiary/Default': '#2D163A',
+  'Component/Button/Brand/Tertiary/Hover': '#402a4b',
+  'Component/Button/Brand/Tertiary/Disabled': '#1F1C1B1A',
+  'Component/Button/Brand/Tertiary/On fill/Default': '#FFFFFF',
+  'Component/Button/Brand/Tertiary/On fill/Hover': '#FFFFFF',
+  'Component/Button/Brand/Tertiary/On fill/Disabled': '#8C8C8C',
+  'Component/Button/Brand/Tertiary/Border/Default': '#FFFFFF00',
+  'Component/Button/Brand/Tertiary/Border/Hover': '#FFFFFF00',
+  'Component/Button/Brand/Tertiary/Border/Disabled': '#FFFFFF00',
+  'Component/Button/Inverted/Default': '#FFFFFF',
+  'Component/Button/Inverted/Faded': '#FFFFFFE6',
+  'Component/Button/Inverted/Hover': '#f2f2f2',
+  'Component/Button/Inverted/Hover Inverted': '#DCD7FF',
+  'Component/Button/Inverted/Disabled': '#1F1C1B1A',
+  'Component/Button/Inverted/On fill/Default': '#2D163A',
+  'Component/Button/Inverted/On fill/Hover': '#402a4b',
+  'Component/Button/Inverted/On fill/Hover inverted': '#FFFFFF',
+  'Component/Button/Inverted/On fill/Disabled': '#8C8C8C',
+  'Component/Button/Inverted/Border/Default': '#FFFFFF00',
+  'Component/Button/Inverted/Border/Hover': '#FFFFFF00',
+  'Component/Button/Inverted/Border/Disable': '#FFFFFF00',
+  'Border/Interactive/Default': '#BFBFBF',
+  'Border/Divider/Default': '#D9D9D9',
+  'Border/Divider/Subtle': '#E9E9E9',
+  'Border/Divider/Accent': '#BFBFBF',
+  'Border/Divider/Brand/OnPrimary 1/Default': '#2D163A',
+  'Border/Divider/Brand/OnPrimary 1/Secondary': '#2D163A',
+  'Border/Divider/Brand/OnPrimary 2/Default': '#85FF52',
+  'Border/Divider/Brand/OnPrimary 3/Default': '#DCD7FF',
+  'Border/Interactive/Selected': '#262626',
+  'Border/Interactive/Focus': '#262626',
+  'Border/Interactive/Disabled': '#8C8C8C',
+  'Border/Interactive/Error': '#AD0015',
+  'Border/Interactive/KeyboardFocus': '#5B8FD4',
+  'Component/Button/Muted/Default': '#FFFFFF',
+  'Component/Button/Muted/Hover': '#FFFFFF00',
+  'Component/Button/Muted/Disabled': '#FFFFFF1A',
+  'Component/Button/Muted/Hover inverted': '#f2f2f2',
+  'Component/Button/Muted/Disabled inverted': '#D9D9D9',
+  'Component/Button/Muted/On fill/Default': '#1F1F1F',
+  'Component/Button/Muted/On fill/Inverted': '#FFFFFF',
+  'Component/Button/Muted/On fill/Hover Inverted': '#5E2A8C',
+  'Component/Button/Muted/On fill/Disabled': '#8C8C8C',
+  'Component/Button/Muted/Border/Default': '#FFFFFF00',
+  'Component/Button/Muted/Border/Hover': '#FFFFFF00',
+  'Component/Button/Muted/Border/Disable': '#FFFFFF00',
+}
diff --git a/packages/design-system/lib/styles/scandic.css b/packages/design-system/lib/styles/scandic.css
new file mode 100644
index 000000000..d2d5ed80f
--- /dev/null
+++ b/packages/design-system/lib/styles/scandic.css
@@ -0,0 +1,382 @@
+/* This file is generated, do not edit manually! */
+.scandic {
+  /* Values */
+  --Body-Lead-text-Font-fallback: sans-serif;
+  --Body-Lead-text-Letter-spacing: 0.2px;
+  --Body-Paragraph-Font-fallback: sans-serif;
+  --Body-Paragraph-Letter-spacing: 0.19px;
+  --Body-Supporting-text-Font-fallback: sans-serif;
+  --Body-Supporting-text-Letter-spacing: 0.2px;
+  --Body-Underline-md-Font-fallback: sans-serif;
+  --Body-Underline-md-Letter-spacing: 0.19px;
+  --Body-Underline-sm-Font-fallback: sans-serif;
+  --Body-Underline-sm-Letter-spacing: 0.2px;
+  --Component-Button-Brand-Primary-Hover: #ba1721;
+  --Component-Button-Brand-Secondary-Border-Hover-inverted: #eee4e5;
+  --Component-Button-Brand-Tertiary-Hover: #601e2d;
+  --Component-Button-Inverted-Hover: #f2f2f2;
+  --Component-Button-Inverted-On-fill-Hover: #601e2d;
+  --Label-Font-fallback: sans-serif;
+  --Label-Letter-spacing: 0.17px;
+  --Link-md-Font-fallback: sans-serif;
+  --Link-md-Letter-spacing: 0.19px;
+  --Link-sm-Font-fallback: sans-serif;
+  --Link-sm-Letter-spacing: 0.2px;
+  --Scandic-Beige-00: #faf6f2;
+  --Scandic-Beige-100: #291710;
+  --Scandic-Beige-10: #f2ece6;
+  --Scandic-Beige-20: #e3d9d1;
+  --Scandic-Beige-30: #d1c4ba;
+  --Scandic-Beige-40: #b8a79a;
+  --Scandic-Beige-50: #9c8a7e;
+  --Scandic-Beige-60: #806e63;
+  --Scandic-Beige-70: #6b584d;
+  --Scandic-Beige-80: #533f35;
+  --Scandic-Beige-90: #3e2b23;
+  --Scandic-Blue-00: #e8f6ff;
+  --Scandic-Blue-100: #0d1440;
+  --Scandic-Blue-10: #cfebff;
+  --Scandic-Blue-20: #b5e0ff;
+  --Scandic-Blue-30: #93c9f5;
+  --Scandic-Blue-40: #79aee7;
+  --Scandic-Blue-50: #5b8fd4;
+  --Scandic-Blue-60: #3f6dbd;
+  --Scandic-Blue-70: #284ea0;
+  --Scandic-Blue-80: #18347f;
+  --Scandic-Blue-90: #0d1f5f;
+  --Scandic-Green-00: #f3fce8;
+  --Scandic-Green-100: #091f16;
+  --Scandic-Green-10: #e1f3ca;
+  --Scandic-Green-20: #d2edaf;
+  --Scandic-Green-30: #acdb8a;
+  --Scandic-Green-40: #7cb865;
+  --Scandic-Green-50: #539e49;
+  --Scandic-Green-60: #348337;
+  --Scandic-Green-70: #256931;
+  --Scandic-Green-80: #164e29;
+  --Scandic-Green-90: #093021;
+  --Scandic-Grey-00: #f9f6f4;
+  --Scandic-Grey-100: #26201e;
+  --Scandic-Grey-10: #ebe8e6;
+  --Scandic-Grey-20: #d6d2d0;
+  --Scandic-Grey-30: #c2bdba;
+  --Scandic-Grey-40: #a8a4a2;
+  --Scandic-Grey-50: #8c8987;
+  --Scandic-Grey-60: #787472;
+  --Scandic-Grey-70: #635f5d;
+  --Scandic-Grey-80: #57514e;
+  --Scandic-Grey-90: #403937;
+  --Scandic-Peach-00: #fff3ed;
+  --Scandic-Peach-100: #4d0f25;
+  --Scandic-Peach-10: #f7e1d5;
+  --Scandic-Peach-20: #f4d5c8;
+  --Scandic-Peach-30: #f0c1b6;
+  --Scandic-Peach-40: #e9aba3;
+  --Scandic-Peach-50: #de9490;
+  --Scandic-Peach-60: #cd797c;
+  --Scandic-Peach-70: #b05b65;
+  --Scandic-Peach-80: #8f4350;
+  --Scandic-Peach-90: #642636;
+  --Scandic-Red-00: #ffebeb;
+  --Scandic-Red-100: #4d001b;
+  --Scandic-Red-10: #f7c1c2;
+  --Scandic-Red-20: #f79499;
+  --Scandic-Red-30: #f26b74;
+  --Scandic-Red-40: #ed4251;
+  --Scandic-Red-50: #e32034;
+  --Scandic-Red-70: #ad0015;
+  --Scandic-Red-80: #8d0011;
+  --Scandic-Red-90: #6d000d;
+  --Scandic-Red-Default: #cd0921;
+  --Scandic-Yellow-00: #fff8e3;
+  --Scandic-Yellow-100: #301508;
+  --Scandic-Yellow-10: #fff0c2;
+  --Scandic-Yellow-20: #fade89;
+  --Scandic-Yellow-30: #f7ce52;
+  --Scandic-Yellow-40: #edb532;
+  --Scandic-Yellow-50: #e59515;
+  --Scandic-Yellow-60: #d17308;
+  --Scandic-Yellow-70: #a85211;
+  --Scandic-Yellow-80: #7d370f;
+  --Scandic-Yellow-90: #4f2313;
+  --Surface-Primary-Hover-Light: #e6e5e5;
+  --Surface-Primary-Hover: #f2f2f2;
+  --Surface-Secondary-Hover: #dad4cf;
+  --Surface-UI-Fill-Active-Hover: #ffffff;
+  --Tag-Font-fallback: sans-serif;
+  --Tag-Letter-spacing: 0.2px;
+  --Tag-Text-Transform: uppercase;
+  --Title-Decorative-lg-Font-fallback: sans-serif;
+  --Title-Decorative-lg-Letter-spacing: 0.64px;
+  --Title-Decorative-lg-Text-Transform: unset;
+  --Title-Decorative-md-Font-fallback: sans-serif;
+  --Title-Decorative-md-Letter-spacing: 0.48px;
+  --Title-Decorative-md-Text-Transform: unset;
+  --Title-Overline-sm-Font-fallback: sans-serif;
+  --Title-Overline-sm-Letter-spacing: 0.64px;
+  --Title-Overline-sm-Text-Transform: uppercase;
+  --Title-Subtitle-lg-Font-fallback: sans-serif;
+  --Title-Subtitle-lg-Letter-spacing: 0.24px;
+  --Title-Subtitle-md-Font-fallback: sans-serif;
+  --Title-Subtitle-md-Letter-spacing: 0.2px;
+  --Title-lg-Font-fallback: sans-serif;
+  --Title-lg-Letter-spacing: 0.12px;
+  --Title-lg-Text-Transform: uppercase;
+  --Title-md-Font-fallback: sans-serif;
+  --Title-md-Letter-spacing: 0.09px;
+  --Title-md-LowCase-Font-fallback: sans-serif;
+  --Title-md-LowCase-Letter-spacing: 0.09px;
+  --Title-md-LowCase-Text-Transform: unset;
+  --Title-md-Text-Transform: uppercase;
+  --Title-sm-Font-fallback: sans-serif;
+  --Title-sm-Letter-spacing: 0.07px;
+  --Title-sm-LowCase-Font-fallback: sans-serif;
+  --Title-sm-LowCase-Letter-spacing: 0.07px;
+  --Title-sm-LowCase-Text-Transform: unset;
+  --Title-sm-Text-Transform: uppercase;
+  --Title-xs-Font-fallback: sans-serif;
+  --Title-xs-Letter-spacing: 0.06px;
+  --Title-xs-Text-Transform: uppercase;
+  --Utilities-Gradients-10: #f2ece61a;
+
+  /* Aliases */
+  --Background-Primary: var(--Scandic-Beige-00);
+  --Background-Secondary: var(--Neutral-Opacity-White-100);
+  --Body-Lead-text-Font-family: var(--Font-family-Body);
+  --Body-Lead-text-Font-weight: var(--Font-weight-Regular);
+  --Body-Lead-text-Size: var(--Impl-Text-size-xs);
+  --Body-Paragraph-Font-family: var(--Font-family-Body);
+  --Body-Paragraph-Font-weight-2: var(--Font-weight-Medium);
+  --Body-Paragraph-Font-weight: var(--Font-weight-Regular);
+  --Body-Paragraph-Size: var(--Impl-Text-size-3xs);
+  --Body-Supporting-text-Font-family: var(--Font-family-Body);
+  --Body-Supporting-text-Font-weight-2: var(--Font-weight-Medium);
+  --Body-Supporting-text-Font-weight: var(--Font-weight-Regular);
+  --Body-Supporting-text-Size: var(--Impl-Text-size-4xs);
+  --Body-Underline-md-Font-family: var(--Font-family-Body);
+  --Body-Underline-md-Font-weight: var(--Font-weight-Regular);
+  --Body-Underline-md-Size: var(--Impl-Text-size-3xs);
+  --Body-Underline-sm-Font-family: var(--Font-family-Body);
+  --Body-Underline-sm-Font-weight: var(--Font-weight-Regular);
+  --Body-Underline-sm-Size: var(--Impl-Text-size-4xs);
+  --Border-Default: var(--Scandic-Beige-20);
+  --Border-Divider-Accent: var(--Scandic-Peach-30);
+  --Border-Divider-Brand-OnPrimary-1-Default: var(--Scandic-Peach-40);
+  --Border-Divider-Brand-OnPrimary-1-Secondary: var(--Scandic-Peach-90);
+  --Border-Divider-Brand-OnPrimary-2-Default: var(--Scandic-Red-70);
+  --Border-Divider-Brand-OnPrimary-3-Default: var(--Scandic-Peach-80);
+  --Border-Divider-Default: var(--Scandic-Beige-20);
+  --Border-Divider-Subtle: var(--Scandic-Beige-10);
+  --Border-Intense: var(--Scandic-Beige-40);
+  --Border-Interactive-Default: var(--Scandic-Beige-50);
+  --Border-Interactive-Disabled: var(--Scandic-Grey-40);
+  --Border-Interactive-Error: var(--Scandic-Red-70);
+  --Border-Interactive-Focus: var(--Scandic-Grey-100);
+  --Border-Interactive-KeyboardFocus: var(--Scandic-Blue-50);
+  --Border-Interactive-Selected: var(--Scandic-Beige-70);
+  --Border-Inverted: var(--Neutral-Opacity-White-100);
+  --Component-Button-Brand-Primary-Border-Default: var(
+    --Neutral-Opacity-White-0
+  );
+  --Component-Button-Brand-Primary-Border-Disabled: var(
+    --Neutral-Opacity-White-0
+  );
+  --Component-Button-Brand-Primary-Border-Hover: var(--Neutral-Opacity-White-0);
+  --Component-Button-Brand-Primary-Default: var(--Scandic-Red-Default);
+  --Component-Button-Brand-Primary-Disabled: var(--Neutral-Opacity-Black-10);
+  --Component-Button-Brand-Primary-On-fill-Default: var(
+    --Neutral-Opacity-White-100
+  );
+  --Component-Button-Brand-Primary-On-fill-Disabled: var(--Scandic-Grey-40);
+  --Component-Button-Brand-Primary-On-fill-Hover: var(
+    --Neutral-Opacity-White-100
+  );
+  --Component-Button-Brand-Secondary-Border-Default: var(--Scandic-Red-100);
+  --Component-Button-Brand-Secondary-Border-Disabled: var(
+    --Neutral-Opacity-Black-10
+  );
+  --Component-Button-Brand-Secondary-Border-Hover: var(--Scandic-Peach-80);
+  --Component-Button-Brand-Secondary-Border-Inverted: var(
+    --Neutral-Opacity-White-100
+  );
+  --Component-Button-Brand-Secondary-Default: var(--Neutral-Opacity-White-0);
+  --Component-Button-Brand-Secondary-Disabled: var(--Neutral-Opacity-Black-10);
+  --Component-Button-Brand-Secondary-Hover-Inverted: var(--Scandic-Red-100);
+  --Component-Button-Brand-Secondary-Hover: var(--Neutral-Opacity-White-0);
+  --Component-Button-Brand-Secondary-Inverted: var(--Neutral-Opacity-White-100);
+  --Component-Button-Brand-Secondary-On-fill-Default: var(--Scandic-Red-100);
+  --Component-Button-Brand-Secondary-On-fill-Disabled: var(--Scandic-Grey-40);
+  --Component-Button-Brand-Secondary-On-fill-Hover: var(--Scandic-Peach-80);
+  --Component-Button-Brand-Secondary-On-fill-Inverted: var(
+    --Neutral-Opacity-White-100
+  );
+  --Component-Button-Brand-Tertiary-Border-Default: var(
+    --Neutral-Opacity-White-0
+  );
+  --Component-Button-Brand-Tertiary-Border-Disabled: var(
+    --Neutral-Opacity-White-0
+  );
+  --Component-Button-Brand-Tertiary-Border-Hover: var(
+    --Neutral-Opacity-White-0
+  );
+  --Component-Button-Brand-Tertiary-Default: var(--Scandic-Red-100);
+  --Component-Button-Brand-Tertiary-Disabled: var(--Neutral-Opacity-Black-10);
+  --Component-Button-Brand-Tertiary-On-fill-Default: var(
+    --Neutral-Opacity-White-100
+  );
+  --Component-Button-Brand-Tertiary-On-fill-Disabled: var(--Scandic-Grey-40);
+  --Component-Button-Brand-Tertiary-On-fill-Hover: var(
+    --Neutral-Opacity-White-100
+  );
+  --Component-Button-Inverted-Border-Default: var(--Neutral-Opacity-White-0);
+  --Component-Button-Inverted-Border-Disable: var(--Neutral-Opacity-White-0);
+  --Component-Button-Inverted-Border-Hover: var(--Neutral-Opacity-White-0);
+  --Component-Button-Inverted-Default: var(--Neutral-Opacity-White-100);
+  --Component-Button-Inverted-Disabled: var(--Neutral-Opacity-Black-10);
+  --Component-Button-Inverted-Faded: var(--Neutral-Opacity-White-90);
+  --Component-Button-Inverted-Hover-Inverted: var(--Scandic-Red-100);
+  --Component-Button-Inverted-On-fill-Default: var(--Scandic-Red-100);
+  --Component-Button-Inverted-On-fill-Disabled: var(--Scandic-Grey-40);
+  --Component-Button-Inverted-On-fill-Hover-inverted: var(
+    --Neutral-Opacity-White-100
+  );
+  --Component-Button-Muted-Border-Default: var(--Neutral-Opacity-White-0);
+  --Component-Button-Muted-Border-Disable: var(--Neutral-Opacity-White-0);
+  --Component-Button-Muted-Border-Hover: var(--Neutral-Opacity-White-0);
+  --Component-Button-Muted-Default: var(--Neutral-Opacity-White-0);
+  --Component-Button-Muted-Disabled-inverted: var(--Neutral-Opacity-Black-10);
+  --Component-Button-Muted-Disabled: var(--Neutral-Opacity-White-10);
+  --Component-Button-Muted-Hover-inverted: var(--Neutral-Opacity-Black-5);
+  --Component-Button-Muted-Hover: var(--Neutral-Opacity-White-5);
+  --Component-Button-Muted-On-fill-Default: var(--Scandic-Grey-100);
+  --Component-Button-Muted-On-fill-Disabled: var(--Scandic-Grey-40);
+  --Component-Button-Muted-On-fill-Hover-Inverted: var(--Scandic-Red-90);
+  --Component-Button-Muted-On-fill-Inverted: var(--Neutral-Opacity-White-100);
+  --Icon-Accent: var(--Scandic-Peach-70);
+  --Icon-Default: var(--Scandic-Grey-80);
+  --Icon-Feedback-Error: var(--Scandic-Red-70);
+  --Icon-Feedback-Information: var(--Scandic-Blue-70);
+  --Icon-Feedback-Neutral: var(--Scandic-Grey-80);
+  --Icon-Feedback-Success: var(--Scandic-Green-60);
+  --Icon-Feedback-Warning: var(--Scandic-Yellow-60);
+  --Icon-Intense: var(--Scandic-Grey-100);
+  --Icon-Interactive-Default: var(--Scandic-Red-100);
+  --Icon-Interactive-Disabled: var(--Scandic-Grey-40);
+  --Icon-Interactive-Placeholder: var(--Scandic-Grey-60);
+  --Icon-Interactive-Secondary: var(--Scandic-Peach-80);
+  --Icon-Inverted: var(--Neutral-Opacity-White-100);
+  --Label-Font-family: var(--Font-family-Body);
+  --Label-Font-weight-2: var(--Font-weight-Medium);
+  --Label-Font-weight: var(--Font-weight-Regular);
+  --Label-Size: var(--Impl-Text-size-5xs);
+  --Link-md-Font-family: var(--Font-family-Body);
+  --Link-md-Font-weight: var(--Font-weight-Medium);
+  --Link-md-Size: var(--Impl-Text-size-3xs);
+  --Link-sm-Font-family: var(--Font-family-Body);
+  --Link-sm-Font-weight: var(--Font-weight-Medium);
+  --Link-sm-Size: var(--Impl-Text-size-4xs);
+  --Overlay-10: var(--Neutral-Opacity-Black-10);
+  --Overlay-20: var(--Neutral-Opacity-Black-20);
+  --Overlay-40: var(--Neutral-Opacity-Black-40);
+  --Overlay-60: var(--Neutral-Opacity-Black-60);
+  --Overlay-80: var(--Neutral-Opacity-Black-80);
+  --Overlay-90: var(--Neutral-Opacity-Black-90);
+  --Surface-Accent-1: var(--Scandic-Red-80);
+  --Surface-Accent-2: var(--Scandic-Blue-60);
+  --Surface-Accent-3: var(--Scandic-Green-70);
+  --Surface-Accent-4: var(--Scandic-Yellow-50);
+  --Surface-Accent-5: var(--Scandic-Blue-80);
+  --Surface-Brand-Accent-Default: var(--Scandic-Peach-30);
+  --Surface-Brand-Primary-1-Default: var(--Scandic-Peach-10);
+  --Surface-Brand-Primary-1-OnSurface-Accent-Secondary: var(--Scandic-Peach-80);
+  --Surface-Brand-Primary-1-OnSurface-Accent: var(--Scandic-Red-Default);
+  --Surface-Brand-Primary-1-OnSurface-Default: var(--Scandic-Red-100);
+  --Surface-Brand-Primary-2-Default: var(--Scandic-Red-Default);
+  --Surface-Brand-Primary-2-OnSurface-Accent: var(--Scandic-Peach-10);
+  --Surface-Brand-Primary-2-OnSurface-Default: var(--Scandic-Red-100);
+  --Surface-Brand-Primary-3-Default: var(--Scandic-Red-100);
+  --Surface-Brand-Primary-3-OnSurface-Accent: var(--Scandic-Red-Default);
+  --Surface-Brand-Primary-3-OnSurface-Default: var(--Scandic-Peach-10);
+  --Surface-Feedback-Error-Accent: var(--Scandic-Red-70);
+  --Surface-Feedback-Error: var(--Scandic-Red-00);
+  --Surface-Feedback-Information-Accent: var(--Scandic-Blue-70);
+  --Surface-Feedback-Information: var(--Scandic-Blue-00);
+  --Surface-Feedback-Neutral-Accent: var(--Scandic-Grey-60);
+  --Surface-Feedback-Neutral: var(--Scandic-Grey-10);
+  --Surface-Feedback-Succes-Accent: var(--Scandic-Green-60);
+  --Surface-Feedback-Succes: var(--Scandic-Green-00);
+  --Surface-Feedback-Warning--Light: var(--Scandic-Yellow-00);
+  --Surface-Feedback-Warning-Accent: var(--Scandic-Yellow-60);
+  --Surface-Primary-Default: var(--Neutral-Opacity-White-100);
+  --Surface-Primary-Disabled: var(--Scandic-Grey-10);
+  --Surface-Primary-Hover-Accent: var(--Scandic-Peach-10);
+  --Surface-Primary-OnSurface-Default: var(--Scandic-Beige-00);
+  --Surface-Secondary-Default: var(--Scandic-Beige-10);
+  --Surface-Secondary-Secondary: var(--Scandic-Beige-20);
+  --Surface-UI-Fill-Active: var(--Scandic-Peach-100);
+  --Surface-UI-Fill-Default: var(--Neutral-Opacity-White-100);
+  --Surface-UI-Fill-Disabled: var(--Scandic-Grey-10);
+  --Surface-UI-Fill-Intense: var(--Scandic-Grey-100);
+  --Tag-Font-family: var(--Font-family-Title);
+  --Tag-Font-weight: var(--Font-weight-Regular-bold);
+  --Tag-Size: var(--Impl-Text-size-5xs);
+  --Text-Accent-Primary: var(--Scandic-Red-Default);
+  --Text-Accent-Secondary: var(--Scandic-Peach-80);
+  --Text-Brand-OnAccent-Accent: var(--Scandic-Peach-80);
+  --Text-Brand-OnAccent-Default: var(--Scandic-Grey-100);
+  --Text-Brand-OnAccent-Heading: var(--Scandic-Red-100);
+  --Text-Brand-OnPrimary-1-Accent: var(--Scandic-Red-Default);
+  --Text-Brand-OnPrimary-1-Default: var(--Scandic-Grey-100);
+  --Text-Brand-OnPrimary-1-Heading: var(--Scandic-Red-100);
+  --Text-Brand-OnPrimary-2-Accent: var(--Scandic-Peach-10);
+  --Text-Brand-OnPrimary-2-Default: var(--Neutral-Opacity-White-100);
+  --Text-Brand-OnPrimary-2-Heading: var(--Neutral-Opacity-White-100);
+  --Text-Brand-OnPrimary-3-Accent: var(--Scandic-Peach-50);
+  --Text-Brand-OnPrimary-3-Default: var(--Neutral-Opacity-White-100);
+  --Text-Brand-OnPrimary-3-Heading: var(--Scandic-Peach-10);
+  --Text-Default: var(--Scandic-Grey-100);
+  --Text-Heading: var(--Scandic-Red-100);
+  --Text-Interactive-Default: var(--Scandic-Peach-100);
+  --Text-Interactive-Disabled: var(--Scandic-Grey-40);
+  --Text-Interactive-Error: var(--Scandic-Red-70);
+  --Text-Interactive-Focus: var(--Scandic-Grey-100);
+  --Text-Interactive-Hover-Secondary: var(--Scandic-Peach-100);
+  --Text-Interactive-Placeholder: var(--Scandic-Grey-60);
+  --Text-Interactive-Secondary: var(--Scandic-Peach-80);
+  --Text-Inverted: var(--Neutral-Opacity-White-100);
+  --Text-Secondary: var(--Scandic-Grey-80);
+  --Text-Tertiary: var(--Scandic-Grey-60);
+  --Title-Decorative-lg-Font-family: var(--Font-family-Decorative);
+  --Title-Decorative-lg-Font-weight: var(--Font-weight-Regular);
+  --Title-Decorative-lg-Size: var(--Impl-Text-size-xl);
+  --Title-Decorative-md-Font-family: var(--Font-family-Decorative);
+  --Title-Decorative-md-Font-weight: var(--Font-weight-Regular);
+  --Title-Decorative-md-Size: var(--Impl-Text-size-sm);
+  --Title-Overline-sm-Font-family: var(--Font-family-Title);
+  --Title-Overline-sm-Font-weight: var(--Font-weight-Regular-bold);
+  --Title-Overline-sm-Size: var(--Impl-Text-size-4xs);
+  --Title-Subtitle-lg-Font-family: var(--Font-family-Body);
+  --Title-Subtitle-lg-Font-weight: var(--Font-weight-Medium);
+  --Title-Subtitle-lg-Size: var(--Impl-Text-size-sm);
+  --Title-Subtitle-md-Font-family: var(--Font-family-Body);
+  --Title-Subtitle-md-Font-weight: var(--Font-weight-Medium);
+  --Title-Subtitle-md-Size: var(--Impl-Text-size-xs);
+  --Title-lg-Font-family: var(--Font-family-Title);
+  --Title-lg-Font-weight: var(--Font-weight-Black);
+  --Title-lg-Size: var(--Impl-Text-size-4xl);
+  --Title-md-Font-family: var(--Font-family-Title);
+  --Title-md-Font-weight: var(--Font-weight-Black);
+  --Title-md-LowCase-Font-family: var(--Font-family-Title);
+  --Title-md-LowCase-Font-weight: var(--Font-weight-Regular-bold);
+  --Title-md-LowCase-Size: var(--Impl-Text-size-2xl);
+  --Title-md-Size: var(--Impl-Text-size-2xl);
+  --Title-sm-Font-family: var(--Font-family-Title);
+  --Title-sm-Font-weight: var(--Font-weight-Black);
+  --Title-sm-LowCase-Font-family: var(--Font-family-Title);
+  --Title-sm-LowCase-Font-weight: var(--Font-weight-Regular-bold);
+  --Title-sm-LowCase-Size: var(--Impl-Text-size-lg);
+  --Title-sm-Size: var(--Impl-Text-size-lg);
+  --Title-xs-Font-family: var(--Font-family-Title);
+  --Title-xs-Font-weight: var(--Font-weight-Black);
+  --Title-xs-Size: var(--Impl-Text-size-sm);
+}
diff --git a/packages/design-system/lib/styles/scandic.js b/packages/design-system/lib/styles/scandic.js
new file mode 100644
index 000000000..843ec76df
--- /dev/null
+++ b/packages/design-system/lib/styles/scandic.js
@@ -0,0 +1,333 @@
+/* This file is generated, do not edit manually! */
+export const theme = {
+  'Scandic/Grey/00': '#F9F6F4',
+  'Scandic/Grey/10': '#EBE8E6',
+  'Scandic/Grey/20': '#D6D2D0',
+  'Scandic/Grey/30': '#C2BDBA',
+  'Scandic/Grey/40': '#A8A4A2',
+  'Scandic/Grey/50': '#8C8987',
+  'Scandic/Grey/60': '#787472',
+  'Scandic/Grey/70': '#635F5D',
+  'Scandic/Grey/80': '#57514E',
+  'Scandic/Grey/90': '#403937',
+  'Scandic/Grey/100': '#26201E',
+  'Scandic/Red/00': '#FFEBEB',
+  'Scandic/Red/10': '#F7C1C2',
+  'Scandic/Red/20': '#F79499',
+  'Scandic/Red/30': '#F26B74',
+  'Scandic/Red/40': '#ED4251',
+  'Scandic/Red/50': '#E32034',
+  'Scandic/Red/Default': '#CD0921',
+  'Scandic/Red/70': '#AD0015',
+  'Scandic/Red/80': '#8D0011',
+  'Scandic/Red/90': '#6D000D',
+  'Scandic/Red/100': '#4D001B',
+  'Scandic/Peach/00': '#FFF3ED',
+  'Scandic/Peach/10': '#F7E1D5',
+  'Scandic/Peach/20': '#F4D5C8',
+  'Scandic/Peach/30': '#F0C1B6',
+  'Scandic/Peach/40': '#E9ABA3',
+  'Scandic/Peach/50': '#DE9490',
+  'Scandic/Peach/60': '#CD797C',
+  'Scandic/Peach/70': '#B05B65',
+  'Scandic/Peach/80': '#8F4350',
+  'Scandic/Peach/90': '#642636',
+  'Scandic/Peach/100': '#4D0F25',
+  'Scandic/Beige/00': '#FAF6F2',
+  'Scandic/Beige/10': '#F2ECE6',
+  'Scandic/Beige/20': '#E3D9D1',
+  'Scandic/Beige/30': '#D1C4BA',
+  'Scandic/Beige/40': '#B8A79A',
+  'Scandic/Beige/50': '#9C8A7E',
+  'Scandic/Beige/60': '#806E63',
+  'Scandic/Beige/70': '#6B584D',
+  'Scandic/Beige/80': '#533F35',
+  'Scandic/Beige/90': '#3E2B23',
+  'Scandic/Beige/100': '#291710',
+  'Scandic/Green/00': '#F3FCE8',
+  'Scandic/Green/10': '#E1F3CA',
+  'Scandic/Green/20': '#D2EDAF',
+  'Scandic/Green/30': '#ACDB8A',
+  'Scandic/Green/40': '#7CB865',
+  'Scandic/Green/50': '#539E49',
+  'Scandic/Green/60': '#348337',
+  'Scandic/Green/70': '#256931',
+  'Scandic/Green/80': '#164E29',
+  'Scandic/Green/90': '#093021',
+  'Scandic/Green/100': '#091F16',
+  'Scandic/Blue/00': '#E8F6FF',
+  'Scandic/Blue/10': '#CFEBFF',
+  'Scandic/Blue/20': '#B5E0FF',
+  'Scandic/Blue/30': '#93C9F5',
+  'Scandic/Blue/40': '#79AEE7',
+  'Scandic/Blue/50': '#5B8FD4',
+  'Scandic/Blue/60': '#3F6DBD',
+  'Scandic/Blue/70': '#284EA0',
+  'Scandic/Blue/80': '#18347F',
+  'Scandic/Blue/90': '#0D1F5F',
+  'Scandic/Blue/100': '#0D1440',
+  'Scandic/Yellow/00': '#FFF8E3',
+  'Scandic/Yellow/10': '#FFF0C2',
+  'Scandic/Yellow/20': '#FADE89',
+  'Scandic/Yellow/30': '#F7CE52',
+  'Scandic/Yellow/40': '#EDB532',
+  'Scandic/Yellow/50': '#E59515',
+  'Scandic/Yellow/60': '#D17308',
+  'Scandic/Yellow/70': '#A85211',
+  'Scandic/Yellow/80': '#7D370F',
+  'Scandic/Yellow/90': '#4F2313',
+  'Scandic/Yellow/100': '#301508',
+  'Title/lg/Letter spacing': 0.12,
+  'Title/lg/Font fallback': 'sans-serif',
+  'Title/lg/Text-Transform': 'uppercase',
+  'Title/md/Letter spacing': 0.09,
+  'Title/md/Font fallback': 'sans-serif',
+  'Title/sm/Letter spacing': 0.07,
+  'Title/sm/Font fallback': 'sans-serif',
+  'Title/sm/Text-Transform': 'uppercase',
+  'Title/Decorative/lg/Letter spacing': 0.64,
+  'Title/Decorative/lg/Font fallback': 'sans-serif',
+  'Title/Decorative/lg/Text-Transform': 'unset',
+  'Title/Decorative/md/Letter spacing': 0.48,
+  'Title/Decorative/md/Font fallback': 'sans-serif',
+  'Title/Decorative/md/Text-Transform': 'unset',
+  'Title/Subtitle/lg/Font fallback': 'sans-serif',
+  'Title/Subtitle/lg/Letter spacing': 0.24,
+  'Title/Subtitle/md/Font fallback': 'sans-serif',
+  'Title/Subtitle/md/Letter spacing': 0.2,
+  'Title/Overline/sm/Letter spacing': 0.64,
+  'Title/Overline/sm/Font fallback': 'sans-serif',
+  'Title/Overline/sm/Text-Transform': 'uppercase',
+  'Title/sm/LowCase/Letter spacing': 0.07,
+  'Title/sm/LowCase/Font fallback': 'sans-serif',
+  'Title/sm/LowCase/Text-Transform': 'unset',
+  'Title/xs/Letter spacing': 0.06,
+  'Title/xs/Font fallback': 'sans-serif',
+  'Title/xs/Text-Transform': 'uppercase',
+  'Title/md/Text-Transform': 'uppercase',
+  'Title/md/LowCase/Letter spacing': 0.09,
+  'Title/md/LowCase/Font fallback': 'sans-serif',
+  'Title/md/LowCase/Text-Transform': 'unset',
+  'Tag/Letter spacing': 0.2,
+  'Tag/Font fallback': 'sans-serif',
+  'Tag/Text-Transform': 'uppercase',
+  'Link/md/Font fallback': 'sans-serif',
+  'Link/md/Letter spacing': 0.19,
+  'Link/sm/Font fallback': 'sans-serif',
+  'Link/sm/Letter spacing': 0.2,
+  'Body/Lead text/Font fallback': 'sans-serif',
+  'Body/Paragraph/Font fallback': 'sans-serif',
+  'Body/Paragraph/Letter spacing': 0.19,
+  'Body/Supporting text/Font fallback': 'sans-serif',
+  'Body/Supporting text/Letter spacing': 0.2,
+  'Body/Lead text/Letter spacing': 0.2,
+  'Label/Font fallback': 'sans-serif',
+  'Label/Letter spacing': 0.17,
+  'Body/Underline/md/Font fallback': 'sans-serif',
+  'Body/Underline/md/Letter spacing': 0.19,
+  'Body/Underline/sm/Font fallback': 'sans-serif',
+  'Body/Underline/sm/Letter spacing': 0.2,
+  'Utilities/Gradients/10': '#F2ECE61A',
+  'Title/lg/Font weight': 900,
+  'Title/lg/Font family': 'Brandon Text',
+  'Title/md/Font weight': 900,
+  'Title/md/Font family': 'Brandon Text',
+  'Title/sm/Font weight': 900,
+  'Title/sm/Font family': 'Brandon Text',
+  'Title/sm/LowCase/Font weight': 450,
+  'Title/sm/LowCase/Font family': 'Brandon Text',
+  'Title/Decorative/lg/Font weight': 400,
+  'Title/Decorative/lg/Font family': 'Biro Script Plus',
+  'Title/Decorative/md/Font weight': 400,
+  'Title/Decorative/md/Font family': 'Biro Script Plus',
+  'Title/Subtitle/lg/Font weight': 500,
+  'Title/Subtitle/lg/Font family': 'Fira sans',
+  'Title/Subtitle/md/Font weight': 500,
+  'Title/Subtitle/md/Font family': 'Fira sans',
+  'Title/Overline/sm/Font weight': 450,
+  'Title/Overline/sm/Font family': 'Brandon Text',
+  'Title/xs/Font weight': 900,
+  'Title/xs/Font family': 'Brandon Text',
+  'Title/md/LowCase/Font weight': 450,
+  'Title/md/LowCase/Font family': 'Brandon Text',
+  'Tag/Font weight': 450,
+  'Tag/Font family': 'Brandon Text',
+  'Link/md/Font weight': 500,
+  'Link/md/Font family': 'Fira sans',
+  'Link/sm/Font weight': 500,
+  'Link/sm/Font family': 'Fira sans',
+  'Body/Lead text/Font weight': 400,
+  'Body/Lead text/Font family': 'Fira sans',
+  'Body/Paragraph/Font weight': 400,
+  'Body/Paragraph/Font weight 2': 500,
+  'Body/Paragraph/Font family': 'Fira sans',
+  'Body/Supporting text/Font weight': 400,
+  'Body/Supporting text/Font weight 2': 500,
+  'Body/Supporting text/Font family': 'Fira sans',
+  'Label/Font weight': 400,
+  'Label/Font weight 2': 500,
+  'Label/Font family': 'Fira sans',
+  'Body/Underline/md/Font weight': 400,
+  'Body/Underline/md/Font family': 'Fira sans',
+  'Body/Underline/sm/Font weight': 400,
+  'Body/Underline/sm/Font family': 'Fira sans',
+  'Text/Heading': '#4D001B',
+  'Text/Default': '#26201E',
+  'Text/Secondary': '#57514E',
+  'Text/Tertiary': '#787472',
+  'Text/Accent Primary': '#CD0921',
+  'Text/Accent Secondary': '#8F4350',
+  'Text/Inverted': '#FFFFFF',
+  'Text/Interactive/Default': '#4D0F25',
+  'Text/Interactive/Secondary': '#8F4350',
+  'Text/Interactive/Hover Secondary': '#4D0F25',
+  'Text/Interactive/Disabled': '#A8A4A2',
+  'Text/Interactive/Focus': '#26201E',
+  'Text/Interactive/Error': '#AD0015',
+  'Text/Interactive/Placeholder': '#787472',
+  'Text/Brand/OnAccent/Heading': '#4D001B',
+  'Text/Brand/OnAccent/Default': '#26201E',
+  'Text/Brand/OnAccent/Accent': '#8F4350',
+  'Text/Brand/OnPrimary 1/Heading': '#4D001B',
+  'Text/Brand/OnPrimary 1/Default': '#26201E',
+  'Text/Brand/OnPrimary 1/Accent': '#CD0921',
+  'Text/Brand/OnPrimary 2/Heading': '#FFFFFF',
+  'Text/Brand/OnPrimary 2/Default': '#FFFFFF',
+  'Text/Brand/OnPrimary 2/Accent': '#F7E1D5',
+  'Text/Brand/OnPrimary 3/Heading': '#F7E1D5',
+  'Text/Brand/OnPrimary 3/Default': '#FFFFFF',
+  'Text/Brand/OnPrimary 3/Accent': '#DE9490',
+  'Background/Primary': '#FAF6F2',
+  'Background/Secondary': '#FFFFFF',
+  'Surface/Primary/Default': '#FFFFFF',
+  'Surface/Primary/Hover': '#f2f2f2',
+  'Surface/Primary/Hover Light': '#e6e5e5',
+  'Surface/Primary/Hover Accent': '#F7E1D5',
+  'Surface/Primary/OnSurface/Default': '#FAF6F2',
+  'Surface/Primary/Disabled': '#EBE8E6',
+  'Surface/Secondary/Default': '#F2ECE6',
+  'Surface/Secondary/Secondary': '#E3D9D1',
+  'Surface/Secondary/Hover': '#dad4cf',
+  'Surface/Brand/Accent/Default': '#F0C1B6',
+  'Surface/Brand/Primary 1/Default': '#F7E1D5',
+  'Surface/Brand/Primary 1/OnSurface/Default': '#4D001B',
+  'Surface/Brand/Primary 1/OnSurface/Accent': '#CD0921',
+  'Surface/Brand/Primary 1/OnSurface/Accent Secondary': '#8F4350',
+  'Surface/Brand/Primary 2/Default': '#CD0921',
+  'Surface/Brand/Primary 2/OnSurface/Default': '#4D001B',
+  'Surface/Brand/Primary 2/OnSurface/Accent': '#F7E1D5',
+  'Surface/Brand/Primary 3/Default': '#4D001B',
+  'Surface/Brand/Primary 3/OnSurface/Default': '#F7E1D5',
+  'Surface/Brand/Primary 3/OnSurface/Accent': '#CD0921',
+  'Surface/UI Fill/Default': '#FFFFFF',
+  'Surface/UI Fill/Intense': '#26201E',
+  'Surface/UI Fill/Active': '#4D0F25',
+  'Surface/UI Fill/Active Hover': '#ffffff',
+  'Surface/UI Fill/Disabled': '#EBE8E6',
+  'Surface/Accent/1': '#8D0011',
+  'Surface/Accent/2': '#3F6DBD',
+  'Surface/Accent/3': '#256931',
+  'Surface/Accent/4': '#E59515',
+  'Surface/Accent/5': '#18347F',
+  'Surface/Feedback/Information Accent': '#284EA0',
+  'Surface/Feedback/Information': '#E8F6FF',
+  'Surface/Feedback/Succes Accent': '#348337',
+  'Surface/Feedback/Succes': '#F3FCE8',
+  'Surface/Feedback/Warning Accent': '#D17308',
+  'Surface/Feedback/Warning  Light': '#FFF8E3',
+  'Surface/Feedback/Error Accent': '#AD0015',
+  'Surface/Feedback/Error': '#FFEBEB',
+  'Surface/Feedback/Neutral Accent': '#787472',
+  'Surface/Feedback/Neutral': '#EBE8E6',
+  'Border/Default': '#E3D9D1',
+  'Border/Intense': '#B8A79A',
+  'Border/Inverted': '#FFFFFF',
+  'Icon/Default': '#57514E',
+  'Icon/Intense': '#26201E',
+  'Icon/Accent': '#B05B65',
+  'Icon/Interactive/Default': '#4D001B',
+  'Icon/Interactive/Secondary': '#8F4350',
+  'Icon/Interactive/Disabled': '#A8A4A2',
+  'Icon/Interactive/Placeholder': '#787472',
+  'Icon/Feedback/Information': '#284EA0',
+  'Icon/Feedback/Success': '#348337',
+  'Icon/Feedback/Warning': '#D17308',
+  'Icon/Feedback/Error': '#AD0015',
+  'Icon/Feedback/Neutral': '#57514E',
+  'Icon/Inverted': '#FFFFFF',
+  'Overlay/10': '#1F1C1B1A',
+  'Overlay/20': '#1F1C1B33',
+  'Overlay/40': '#1F1C1B66',
+  'Overlay/60': '#1F1C1B99',
+  'Overlay/80': '#1F1C1BCC',
+  'Overlay/90': '#1F1C1BE6',
+  'Component/Button/Brand/Primary/Default': '#CD0921',
+  'Component/Button/Brand/Primary/Hover': '#ba1721',
+  'Component/Button/Brand/Primary/Disabled': '#1F1C1B1A',
+  'Component/Button/Brand/Primary/On fill/Default': '#FFFFFF',
+  'Component/Button/Brand/Primary/On fill/Hover': '#FFFFFF',
+  'Component/Button/Brand/Primary/On fill/Disabled': '#A8A4A2',
+  'Component/Button/Brand/Primary/Border/Default': '#FFFFFF00',
+  'Component/Button/Brand/Primary/Border/Hover': '#FFFFFF00',
+  'Component/Button/Brand/Primary/Border/Disabled': '#FFFFFF00',
+  'Component/Button/Brand/Secondary/Default': '#FFFFFF00',
+  'Component/Button/Brand/Secondary/Hover': '#FFFFFF00',
+  'Component/Button/Brand/Secondary/Inverted': '#FFFFFF',
+  'Component/Button/Brand/Secondary/Hover Inverted': '#4D001B',
+  'Component/Button/Brand/Secondary/Disabled': '#1F1C1B1A',
+  'Component/Button/Brand/Secondary/On fill/Default': '#4D001B',
+  'Component/Button/Brand/Secondary/On fill/Hover': '#8F4350',
+  'Component/Button/Brand/Secondary/On fill/Inverted': '#FFFFFF',
+  'Component/Button/Brand/Secondary/On fill/Disabled': '#A8A4A2',
+  'Component/Button/Brand/Secondary/Border/Default': '#4D001B',
+  'Component/Button/Brand/Secondary/Border/Hover': '#8F4350',
+  'Component/Button/Brand/Secondary/Border/Inverted': '#FFFFFF',
+  'Component/Button/Brand/Secondary/Border/Hover inverted': '#eee4e5',
+  'Component/Button/Brand/Secondary/Border/Disabled': '#1F1C1B1A',
+  'Component/Button/Brand/Tertiary/Default': '#4D001B',
+  'Component/Button/Brand/Tertiary/Hover': '#601e2d',
+  'Component/Button/Brand/Tertiary/Disabled': '#1F1C1B1A',
+  'Component/Button/Brand/Tertiary/On fill/Default': '#FFFFFF',
+  'Component/Button/Brand/Tertiary/On fill/Hover': '#FFFFFF',
+  'Component/Button/Brand/Tertiary/On fill/Disabled': '#A8A4A2',
+  'Component/Button/Brand/Tertiary/Border/Default': '#FFFFFF00',
+  'Component/Button/Brand/Tertiary/Border/Hover': '#FFFFFF00',
+  'Component/Button/Brand/Tertiary/Border/Disabled': '#FFFFFF00',
+  'Component/Button/Inverted/Default': '#FFFFFF',
+  'Component/Button/Inverted/Faded': '#FFFFFFE6',
+  'Component/Button/Inverted/Hover': '#f2f2f2',
+  'Component/Button/Inverted/Hover Inverted': '#4D001B',
+  'Component/Button/Inverted/Disabled': '#1F1C1B1A',
+  'Component/Button/Inverted/On fill/Default': '#4D001B',
+  'Component/Button/Inverted/On fill/Hover': '#601e2d',
+  'Component/Button/Inverted/On fill/Hover inverted': '#FFFFFF',
+  'Component/Button/Inverted/On fill/Disabled': '#A8A4A2',
+  'Component/Button/Inverted/Border/Default': '#FFFFFF00',
+  'Component/Button/Inverted/Border/Hover': '#FFFFFF00',
+  'Component/Button/Inverted/Border/Disable': '#FFFFFF00',
+  'Border/Interactive/Default': '#9C8A7E',
+  'Border/Divider/Default': '#E3D9D1',
+  'Border/Divider/Subtle': '#F2ECE6',
+  'Border/Divider/Accent': '#F0C1B6',
+  'Border/Divider/Brand/OnPrimary 1/Default': '#E9ABA3',
+  'Border/Divider/Brand/OnPrimary 1/Secondary': '#642636',
+  'Border/Divider/Brand/OnPrimary 2/Default': '#AD0015',
+  'Border/Divider/Brand/OnPrimary 3/Default': '#8F4350',
+  'Border/Interactive/Selected': '#6B584D',
+  'Border/Interactive/Focus': '#26201E',
+  'Border/Interactive/Disabled': '#A8A4A2',
+  'Border/Interactive/Error': '#AD0015',
+  'Border/Interactive/KeyboardFocus': '#5B8FD4',
+  'Component/Button/Muted/Default': '#FFFFFF00',
+  'Component/Button/Muted/Hover': '#FFFFFF00',
+  'Component/Button/Muted/Disabled': '#FFFFFF1A',
+  'Component/Button/Muted/Hover inverted': '#1F1C1B0D',
+  'Component/Button/Muted/Disabled inverted': '#1F1C1B1A',
+  'Component/Button/Muted/On fill/Default': '#26201E',
+  'Component/Button/Muted/On fill/Inverted': '#FFFFFF',
+  'Component/Button/Muted/On fill/Hover Inverted': '#6D000D',
+  'Component/Button/Muted/On fill/Disabled': '#A8A4A2',
+  'Component/Button/Muted/Border/Default': '#FFFFFF00',
+  'Component/Button/Muted/Border/Hover': '#FFFFFF00',
+  'Component/Button/Muted/Border/Disable': '#FFFFFF00',
+}
diff --git a/packages/design-system/lib/styles/tokens.css b/packages/design-system/lib/styles/tokens.css
deleted file mode 100644
index 53ffe89ef..000000000
--- a/packages/design-system/lib/styles/tokens.css
+++ /dev/null
@@ -1,318 +0,0 @@
-/* This file is generated, do not edit manually! */
-:root {
-  --Base-Background-Primary-Elevated: var(--Scandic-Beige-00);
-  --Base-Background-Primary-Normal: var(--Scandic-Beige-00);
-  --Base-Border-Hover: var(--Scandic-Peach-80);
-  --Base-Border-Inverted: var(--UI-Opacity-White-100);
-  --Base-Border-Normal: var(--Scandic-Beige-40);
-  --Base-Border-Subtle: var(--Scandic-Beige-20);
-  --Base-Button-Inverted-Border-Disabled: var(--UI-Opacity-White-0);
-  --Base-Button-Inverted-Border-Hover: var(--UI-Opacity-White-0);
-  --Base-Button-Inverted-Border-Normal: var(--UI-Opacity-White-0);
-  --Base-Button-Inverted-Fill-Disabled: var(--UI-Grey-20);
-  --Base-Button-Inverted-Fill-Hover: var(--Scandic-Beige-10);
-  --Base-Button-Inverted-Fill-Hover-alt: var(--Scandic-Peach-10);
-  --Base-Button-Inverted-Fill-Normal: var(--UI-Opacity-White-100);
-  --Base-Button-Inverted-On-Fill-Disabled: var(--UI-Grey-40);
-  --Base-Button-Inverted-On-Fill-Hover: var(--Scandic-Red-90);
-  --Base-Button-Inverted-On-Fill-Normal: var(--Scandic-Red-100);
-  --Base-Button-Primary-Border-Disabled: var(--UI-Opacity-White-0);
-  --Base-Button-Primary-Border-Hover: var(--UI-Opacity-White-0);
-  --Base-Button-Primary-Border-Normal: var(--UI-Opacity-White-0);
-  --Base-Button-Primary-Fill-Disabled: var(--UI-Grey-20);
-  --Base-Button-Primary-Fill-Hover: var(--Scandic-Red-70);
-  --Base-Button-Primary-Fill-Normal: var(--Scandic-Red-60);
-  --Base-Button-Primary-On-Fill-Disabled: var(--UI-Grey-40);
-  --Base-Button-Primary-On-Fill-Hover: var(--UI-Opacity-White-100);
-  --Base-Button-Primary-On-Fill-Normal: var(--UI-Opacity-White-100);
-  --Base-Button-Secondary-Border-Disabled: var(--UI-Grey-30);
-  --Base-Button-Secondary-Border-Hover: var(--Scandic-Peach-80);
-  --Base-Button-Secondary-Border-Normal: var(--Scandic-Red-100);
-  --Base-Button-Secondary-Fill-Disabled: var(--UI-Opacity-White-0);
-  --Base-Button-Secondary-Fill-Hover: var(--UI-Opacity-White-0);
-  --Base-Button-Secondary-Fill-Normal: var(--UI-Opacity-White-0);
-  --Base-Button-Secondary-On-Fill-Disabled: var(--UI-Grey-40);
-  --Base-Button-Secondary-On-Fill-Hover: var(--Scandic-Peach-80);
-  --Base-Button-Secondary-On-Fill-Normal: var(--Scandic-Red-100);
-  --Base-Button-Tertiary-Border-Disabled: var(--UI-Opacity-White-0);
-  --Base-Button-Tertiary-Border-Hover: var(--UI-Opacity-White-0);
-  --Base-Button-Tertiary-Border-Normal: var(--UI-Opacity-White-0);
-  --Base-Button-Tertiary-Fill-Disabled: var(--UI-Grey-20);
-  --Base-Button-Tertiary-Fill-Hover: var(--Scandic-Red-90);
-  --Base-Button-Tertiary-Fill-Normal: var(--Scandic-Red-100);
-  --Base-Button-Tertiary-On-Fill-Disabled: var(--UI-Grey-40);
-  --Base-Button-Tertiary-On-Fill-Hover: var(--UI-Opacity-White-100);
-  --Base-Button-Tertiary-On-Fill-Normal: var(--UI-Opacity-White-100);
-  --Base-Button-Text-Border-Disabled: var(--UI-Opacity-White-0);
-  --Base-Button-Text-Border-Hover: var(--UI-Opacity-White-0);
-  --Base-Button-Text-Border-Normal: var(--UI-Opacity-White-0);
-  --Base-Button-Text-Fill-Disabled: var(--UI-Opacity-White-0);
-  --Base-Button-Text-Fill-Hover: var(--UI-Opacity-White-0);
-  --Base-Button-Text-Fill-Normal: var(--UI-Opacity-White-0);
-  --Base-Button-Text-On-Fill-Disabled: var(--UI-Grey-40);
-  --Base-Button-Text-On-Fill-Hover: var(--Scandic-Peach-80);
-  --Base-Button-Text-On-Fill-Normal: var(--Scandic-Red-100);
-  --Base-Icon-Low-contrast: var(--Scandic-Peach-70);
-  --Base-Interactive-Surface-Primary-normal: var(--Scandic-Red-80);
-  --Base-Interactive-Surface-Secondary-normal: var(--Scandic-Green-70);
-  --Base-Interactive-Surface-Tertiary-normal: var(--Scandic-Blue-60);
-  --Base-Surface-Primary-dark-Hover: var(--Scandic-Peach-20);
-  --Base-Surface-Primary-dark-Normal: var(--Scandic-Peach-10);
-  --Base-Surface-Primary-light-Hover: var(--UI-Grey-00);
-  --Base-Surface-Primary-light-Hover-alt: var(--Scandic-Beige-10);
-  --Base-Surface-Primary-light-Normal: var(--UI-Opacity-White-100);
-  --Base-Surface-Secondary-light-Hover: var(--Scandic-Peach-10);
-  --Base-Surface-Secondary-light-Hover-alt: var(--Scandic-Peach-20);
-  --Base-Surface-Secondary-light-Normal: var(--Scandic-Beige-00);
-  --Base-Surface-Subtle-Hover: var(--Scandic-Beige-20);
-  --Base-Surface-Subtle-Normal: var(--Scandic-Beige-10);
-  --Base-Text-Accent: var(--Scandic-Red-60);
-  --Base-Text-Disabled: var(--UI-Grey-40);
-  --Base-Text-High-contrast: var(--Scandic-Red-100);
-  --Base-Text-Inverted: var(--UI-Opacity-White-100);
-  --Base-Text-Medium-contrast: var(--Scandic-Peach-80);
-  --Primary-Dark-Button-Primary-Border-Disabled: var(--UI-Opacity-White-0);
-  --Primary-Dark-Button-Primary-Border-Hover: var(--UI-Opacity-White-0);
-  --Primary-Dark-Button-Primary-Border-Normal: var(--UI-Opacity-White-0);
-  --Primary-Dark-Button-Primary-Fill-Disabled: var(--UI-Opacity-White-20);
-  --Primary-Dark-Button-Primary-Fill-Hover: var(--Scandic-Peach-20);
-  --Primary-Dark-Button-Primary-Fill-Normal: var(--Scandic-Peach-10);
-  --Primary-Dark-Button-Primary-On-Fill-Disabled: var(--UI-Opacity-White-30);
-  --Primary-Dark-Button-Primary-On-Fill-Hover: var(--Scandic-Red-80);
-  --Primary-Dark-Button-Primary-On-Fill-Normal: var(--Scandic-Red-100);
-  --Primary-Dark-Button-Secondary-Border-Disabled: var(--UI-Opacity-White-20);
-  --Primary-Dark-Button-Secondary-Border-Hover: var(--Scandic-Peach-30);
-  --Primary-Dark-Button-Secondary-Border-Normal: var(--Scandic-Peach-10);
-  --Primary-Dark-Button-Secondary-Fill-Disabled: var(--UI-Opacity-White-0);
-  --Primary-Dark-Button-Secondary-Fill-Hover: var(--UI-Opacity-White-0);
-  --Primary-Dark-Button-Secondary-Fill-Normal: var(--UI-Opacity-White-0);
-  --Primary-Dark-Button-Secondary-On-Fill-Disabled: var(--UI-Opacity-White-30);
-  --Primary-Dark-Button-Secondary-On-Fill-Hover: var(--Scandic-Peach-30);
-  --Primary-Dark-Button-Secondary-On-Fill-Normal: var(--Scandic-Peach-10);
-  --Primary-Dark-On-Surface-Accent: var(--Scandic-Peach-50);
-  --Primary-Dark-On-Surface-Divider: var(--Scandic-Peach-80);
-  --Primary-Dark-On-Surface-Text: var(--Scandic-Peach-10);
-  --Primary-Dark-Surface-Hover: var(--Scandic-Red-90);
-  --Primary-Dark-Surface-Normal: var(--Scandic-Red-100);
-  --Primary-Dim-Button-Primary-Border-Disabled: var(--UI-Opacity-White-0);
-  --Primary-Dim-Button-Primary-Border-Hover: var(--UI-Opacity-White-0);
-  --Primary-Dim-Button-Primary-Border-Normal: var(--UI-Opacity-White-0);
-  --Primary-Dim-Button-Primary-Fill-Disabled: var(--UI-Opacity-Almost-Black-10);
-  --Primary-Dim-Button-Primary-Fill-Hover: var(--Scandic-Red-80);
-  --Primary-Dim-Button-Primary-Fill-Normal: var(--Scandic-Red-100);
-  --Primary-Dim-Button-Primary-On-Fill-Disabled: var(
-    --UI-Opacity-Almost-Black-20
-  );
-  --Primary-Dim-Button-Primary-On-Fill-Hover: var(--Scandic-Peach-30);
-  --Primary-Dim-Button-Primary-On-Fill-Normal: var(--Scandic-Peach-10);
-  --Primary-Dim-Button-Secondary-Border-Disabled: var(
-    --UI-Opacity-Almost-Black-20
-  );
-  --Primary-Dim-Button-Secondary-Border-Hover: var(--Scandic-Red-80);
-  --Primary-Dim-Button-Secondary-Border-Normal: var(--Scandic-Red-100);
-  --Primary-Dim-Button-Secondary-Fill-Disabled: var(--UI-Opacity-White-0);
-  --Primary-Dim-Button-Secondary-Fill-Hover: var(--UI-Opacity-White-0);
-  --Primary-Dim-Button-Secondary-Fill-Normal: var(--UI-Opacity-White-0);
-  --Primary-Dim-Button-Secondary-On-Fill-Disabled: var(
-    --UI-Opacity-Almost-Black-20
-  );
-  --Primary-Dim-Button-Secondary-On-Fill-Hover: var(--Scandic-Red-80);
-  --Primary-Dim-Button-Secondary-On-Fill-Normal: var(--Scandic-Red-100);
-  --Primary-Dim-On-Surface-Accent: var(--Scandic-Peach-80);
-  --Primary-Dim-On-Surface-Divider: var(--Scandic-Peach-40);
-  --Primary-Dim-On-Surface-Text: var(--Scandic-Red-100);
-  --Primary-Dim-Surface-Hover: var(--Scandic-Peach-40);
-  --Primary-Dim-Surface-Normal: var(--Scandic-Peach-30);
-  --Primary-Light-Button-Primary-Border-Disabled: var(--UI-Opacity-White-0);
-  --Primary-Light-Button-Primary-Border-Hover: var(--UI-Opacity-White-0);
-  --Primary-Light-Button-Primary-Border-Normal: var(--UI-Opacity-White-0);
-  --Primary-Light-Button-Primary-Fill-Disabled: var(
-    --UI-Opacity-Almost-Black-10
-  );
-  --Primary-Light-Button-Primary-Fill-Hover: var(--Scandic-Red-80);
-  --Primary-Light-Button-Primary-Fill-Normal: var(--Scandic-Red-100);
-  --Primary-Light-Button-Primary-On-Fill-Disabled: var(
-    --UI-Opacity-Almost-Black-20
-  );
-  --Primary-Light-Button-Primary-On-Fill-Hover: var(--Scandic-Peach-30);
-  --Primary-Light-Button-Primary-On-Fill-Normal: var(--Scandic-Peach-10);
-  --Primary-Light-Button-Secondary-Border-Disabled: var(
-    --UI-Opacity-Almost-Black-20
-  );
-  --Primary-Light-Button-Secondary-Border-Hover: var(--Scandic-Red-80);
-  --Primary-Light-Button-Secondary-Border-Normal: var(--Scandic-Red-100);
-  --Primary-Light-Button-Secondary-Fill-Disabled: var(--UI-Opacity-White-0);
-  --Primary-Light-Button-Secondary-Fill-Hover: var(--UI-Opacity-White-0);
-  --Primary-Light-Button-Secondary-Fill-Normal: var(--UI-Opacity-White-0);
-  --Primary-Light-Button-Secondary-On-Fill-Disabled: var(
-    --UI-Opacity-Almost-Black-20
-  );
-  --Primary-Light-Button-Secondary-On-Fill-Hover: var(--Scandic-Red-80);
-  --Primary-Light-Button-Secondary-On-Fill-Normal: var(--Scandic-Red-100);
-  --Primary-Light-On-Surface-Accent: var(--Scandic-Red-60);
-  --Primary-Light-On-Surface-Divider: var(--Scandic-Peach-30);
-  --Primary-Light-On-Surface-Divider-subtle: var(--Scandic-Beige-10);
-  --Primary-Light-On-Surface-Text: var(--Scandic-Red-100);
-  --Primary-Light-Surface-Hover: var(--Scandic-Peach-20);
-  --Primary-Light-Surface-Normal: var(--Scandic-Peach-10);
-  --Primary-Strong-Button-Primary-Border-Disabled: var(--UI-Opacity-White-0);
-  --Primary-Strong-Button-Primary-Border-Hover: var(--UI-Opacity-White-0);
-  --Primary-Strong-Button-Primary-Border-Normal: var(--UI-Opacity-White-0);
-  --Primary-Strong-Button-Primary-Fill-Disabled: var(--UI-Opacity-White-20);
-  --Primary-Strong-Button-Primary-Fill-Hover: var(--Scandic-Red-00);
-  --Primary-Strong-Button-Primary-Fill-Normal: var(--UI-Opacity-White-100);
-  --Primary-Strong-Button-Primary-On-Fill-Disabled: var(--UI-Opacity-White-20);
-  --Primary-Strong-Button-Primary-On-Fill-Hover: var(--Scandic-Red-70);
-  --Primary-Strong-Button-Primary-On-Fill-Normal: var(--Scandic-Red-70);
-  --Primary-Strong-Button-Secondary-Border-Disabled: var(--UI-Opacity-White-20);
-  --Primary-Strong-Button-Secondary-Border-Hover: var(--Scandic-Peach-00);
-  --Primary-Strong-Button-Secondary-Border-Normal: var(--UI-Opacity-White-100);
-  --Primary-Strong-Button-Secondary-Fill-Disabled: var(--UI-Opacity-White-0);
-  --Primary-Strong-Button-Secondary-Fill-Hover: var(--UI-Opacity-White-0);
-  --Primary-Strong-Button-Secondary-Fill-Normal: var(--UI-Opacity-White-0);
-  --Primary-Strong-Button-Secondary-On-Fill-Disabled: var(
-    --UI-Opacity-White-20
-  );
-  --Primary-Strong-Button-Secondary-On-Fill-Hover: var(--Scandic-Red-00);
-  --Primary-Strong-Button-Secondary-On-Fill-Normal: var(--UI-Opacity-White-100);
-  --Primary-Strong-On-Surface-Accent: var(--Scandic-Peach-10);
-  --Primary-Strong-On-Surface-Divider: var(--Scandic-Red-70);
-  --Primary-Strong-On-Surface-Text: var(--UI-Opacity-White-100);
-  --Primary-Strong-Surface-Hover: var(--Scandic-Red-70);
-  --Primary-Strong-Surface-Normal: var(--Scandic-Red-60);
-  --Secondary-Dark-Button-Primary-Border-Disabled: var(--UI-Opacity-White-0);
-  --Secondary-Dark-Button-Primary-Border-Hover: var(--UI-Opacity-White-0);
-  --Secondary-Dark-Button-Primary-Border-Normal: var(--UI-Opacity-White-0);
-  --Secondary-Dark-Button-Primary-Fill-Disabled: var(--UI-Opacity-White-10);
-  --Secondary-Dark-Button-Primary-Fill-Hover: var(--Scandic-Green-30);
-  --Secondary-Dark-Button-Primary-Fill-Normal: var(--Scandic-Green-20);
-  --Secondary-Dark-Button-Primary-On-Fill-Disabled: var(--UI-Opacity-White-20);
-  --Secondary-Dark-Button-Primary-On-Fill-Hover: var(--Scandic-Green-80);
-  --Secondary-Dark-Button-Primary-On-Fill-Normal: var(--Scandic-Green-90);
-  --Secondary-Dark-Button-Secondary-Border-Disabled: var(--UI-Opacity-White-20);
-  --Secondary-Dark-Button-Secondary-Border-Hover: var(--Scandic-Green-30);
-  --Secondary-Dark-Button-Secondary-Border-Normal: var(--Scandic-Green-20);
-  --Secondary-Dark-Button-Secondary-Fill-Disabled: var(--UI-Opacity-White-0);
-  --Secondary-Dark-Button-Secondary-Fill-Hover: var(--UI-Opacity-White-0);
-  --Secondary-Dark-Button-Secondary-Fill-Normal: var(--UI-Opacity-White-0);
-  --Secondary-Dark-Button-Secondary-On-Fill-Disabled: var(
-    --UI-Opacity-White-20
-  );
-  --Secondary-Dark-Button-Secondary-On-Fill-Hover: var(--Scandic-Green-30);
-  --Secondary-Dark-Button-Secondary-On-Fill-Normal: var(--Scandic-Green-20);
-  --Secondary-Dark-On-Surface-Accent: var(--Scandic-Green-40);
-  --Secondary-Dark-On-Surface-Divider: var(--Scandic-Green-80);
-  --Secondary-Dark-On-Surface-Text: var(--Scandic-Green-20);
-  --Secondary-Dark-Surface-Hover: var(--Scandic-Green-80);
-  --Secondary-Dark-Surface-Normal: var(--Scandic-Green-90);
-  --Secondary-Light-Button-Primary-Border-Disabled: var(--UI-Opacity-White-0);
-  --Secondary-Light-Button-Primary-Border-Hover: var(--UI-Opacity-White-0);
-  --Secondary-Light-Button-Primary-Border-Normal: var(--UI-Opacity-White-0);
-  --Secondary-Light-Button-Primary-Fill-Disabled: var(
-    --UI-Opacity-Almost-Black-10
-  );
-  --Secondary-Light-Button-Primary-Fill-Hover: var(--Scandic-Green-80);
-  --Secondary-Light-Button-Primary-Fill-Normal: var(--Scandic-Green-90);
-  --Secondary-Light-Button-Primary-On-Fill-Disabled: var(
-    --UI-Opacity-Almost-Black-20
-  );
-  --Secondary-Light-Button-Primary-On-Fill-Hover: var(--Scandic-Green-30);
-  --Secondary-Light-Button-Primary-On-Fill-Normal: var(--Scandic-Green-20);
-  --Secondary-Light-Button-Secondary-Border-Disabled: var(
-    --UI-Opacity-Almost-Black-20
-  );
-  --Secondary-Light-Button-Secondary-Border-Hover: var(--Scandic-Green-80);
-  --Secondary-Light-Button-Secondary-Border-Normal: var(--Scandic-Green-90);
-  --Secondary-Light-Button-Secondary-Fill-Disabled: var(--UI-Opacity-White-0);
-  --Secondary-Light-Button-Secondary-Fill-Hover: var(--UI-Opacity-White-0);
-  --Secondary-Light-Button-Secondary-Fill-Normal: var(--UI-Opacity-White-0);
-  --Secondary-Light-Button-Secondary-On-Fill-Disabled: var(
-    --UI-Opacity-Almost-Black-20
-  );
-  --Secondary-Light-Button-Secondary-On-Fill-Hover: var(--Scandic-Green-80);
-  --Secondary-Light-Button-Secondary-On-Fill-Normal: var(--Scandic-Green-90);
-  --Secondary-Light-On-Surface-Accent: var(--Scandic-Green-50);
-  --Secondary-Light-On-Surface-Divider: var(--Scandic-Green-30);
-  --Secondary-Light-On-Surface-Text: var(--Scandic-Green-90);
-  --Secondary-Light-Surface-Hover: var(--Scandic-Green-20);
-  --Secondary-Light-Surface-Normal: var(--Scandic-Green-20);
-  --Tertiary-Dark-Button-Primary-Border-Disabled: var(--UI-Opacity-White-0);
-  --Tertiary-Dark-Button-Primary-Border-Hover: var(--UI-Opacity-White-0);
-  --Tertiary-Dark-Button-Primary-Border-Normal: var(--UI-Opacity-White-0);
-  --Tertiary-Dark-Button-Primary-Fill-Disabled: var(--UI-Opacity-White-10);
-  --Tertiary-Dark-Button-Primary-Fill-Hover: var(--Scandic-Yellow-20);
-  --Tertiary-Dark-Button-Primary-Fill-Normal: var(--Scandic-Yellow-10);
-  --Tertiary-Dark-Button-Primary-On-Fill-Disabled: var(--UI-Opacity-White-20);
-  --Tertiary-Dark-Button-Primary-On-Fill-Hover: var(--Scandic-Blue-80);
-  --Tertiary-Dark-Button-Primary-On-Fill-Normal: var(--Scandic-Blue-100);
-  --Tertiary-Dark-Button-Secondary-Border-Disabled: var(--UI-Opacity-White-20);
-  --Tertiary-Dark-Button-Secondary-Border-Hover: var(--Scandic-Yellow-20);
-  --Tertiary-Dark-Button-Secondary-Border-Normal: var(--Scandic-Yellow-10);
-  --Tertiary-Dark-Button-Secondary-Fill-Disabled: var(--UI-Opacity-White-0);
-  --Tertiary-Dark-Button-Secondary-Fill-Hover: var(--UI-Opacity-White-0);
-  --Tertiary-Dark-Button-Secondary-Fill-Normal: var(--UI-Opacity-White-0);
-  --Tertiary-Dark-Button-Secondary-On-Fill-Disabled: var(--UI-Opacity-White-20);
-  --Tertiary-Dark-Button-Secondary-On-Fill-Hover: var(--Scandic-Yellow-20);
-  --Tertiary-Dark-Button-Secondary-On-Fill-Normal: var(--Scandic-Yellow-10);
-  --Tertiary-Dark-On-Surface-Accent: var(--Scandic-Blue-40);
-  --Tertiary-Dark-On-Surface-Divider: var(--Scandic-Blue-80);
-  --Tertiary-Dark-On-Surface-Text: var(--Scandic-Yellow-10);
-  --Tertiary-Dark-Surface-Hover: var(--Scandic-Blue-90);
-  --Tertiary-Dark-Surface-Normal: var(--Scandic-Blue-100);
-  --Tertiary-Light-Button-Primary-Border-Disabled: var(
-    --UI-Opacity-Almost-Black-20
-  );
-  --Tertiary-Light-Button-Primary-Border-Hover: var(--Scandic-Yellow-00);
-  --Tertiary-Light-Button-Primary-Border-Normal: var(--Scandic-Yellow-10);
-  --Tertiary-Light-Button-Primary-Fill-Disabled: var(
-    --UI-Opacity-Almost-Black-10
-  );
-  --Tertiary-Light-Button-Primary-Fill-Hover: var(--Scandic-Blue-90);
-  --Tertiary-Light-Button-Primary-Fill-Normal: var(--Scandic-Blue-100);
-  --Tertiary-Light-Button-Primary-On-Fill-Disabled: var(
-    --UI-Opacity-Almost-Black-20
-  );
-  --Tertiary-Light-Button-Primary-On-Fill-Hover: var(--Scandic-Yellow-00);
-  --Tertiary-Light-Button-Primary-On-Fill-Normal: var(--Scandic-Yellow-10);
-  --Tertiary-Light-Button-Secondary-Border-Disabled: var(
-    --UI-Opacity-Almost-Black-20
-  );
-  --Tertiary-Light-Button-Secondary-Border-Hover: var(--Scandic-Blue-90);
-  --Tertiary-Light-Button-Secondary-Border-Normal: var(--Scandic-Blue-100);
-  --Tertiary-Light-Button-Secondary-Fill-Disabled: var(--UI-Opacity-White-0);
-  --Tertiary-Light-Button-Secondary-Fill-Hover: var(--UI-Opacity-White-0);
-  --Tertiary-Light-Button-Secondary-Fill-Normal: var(--UI-Opacity-White-0);
-  --Tertiary-Light-Button-Secondary-On-Fill-Disabled: var(
-    --UI-Opacity-Almost-Black-20
-  );
-  --Tertiary-Light-Button-Secondary-On-Fill-Hover: var(--Scandic-Blue-90);
-  --Tertiary-Light-Button-Secondary-On-Fill-Normal: var(--Scandic-Blue-100);
-  --Tertiary-Light-On-Surface-Accent: var(--Scandic-Yellow-50);
-  --Tertiary-Light-On-Surface-Divider: var(--Scandic-Yellow-20);
-  --Tertiary-Light-On-Surface-Text: var(--Scandic-Blue-100);
-  --Tertiary-Light-Surface-Hover: var(--Scandic-Yellow-00);
-  --Tertiary-Light-Surface-Normal: var(--Scandic-Yellow-10);
-  --UI-Input-Controls-Border-Disabled: var(--UI-Grey-40);
-  --UI-Input-Controls-Border-Error: var(--Scandic-Red-70);
-  --UI-Input-Controls-Border-Focus: var(--Scandic-Blue-80);
-  --UI-Input-Controls-Border-Hover: var(--Scandic-Beige-70);
-  --UI-Input-Controls-Border-KeyboardFocus: var(--Scandic-Blue-50);
-  --UI-Input-Controls-Border-Normal: var(--Scandic-Beige-50);
-  --UI-Input-Controls-Fill-Disabled: var(--UI-Grey-60);
-  --UI-Input-Controls-Fill-Normal: var(--UI-Opacity-White-100);
-  --UI-Input-Controls-Fill-Selected: var(--Scandic-Blue-80);
-  --UI-Input-Controls-Fill-Selected-hover: var(--Scandic-Blue-70);
-  --UI-Input-Controls-On-Fill-Normal: var(--UI-Opacity-White-100);
-  --UI-Input-Controls-Surface-Disabled: var(--UI-Grey-10);
-  --UI-Input-Controls-Surface-Hover: var(--Scandic-Beige-10);
-  --UI-Input-Controls-Surface-Normal: var(--UI-Opacity-White-100);
-  --UI-Semantic-Error: var(--Scandic-Red-70);
-  --UI-Semantic-Information: var(--Scandic-Blue-70);
-  --UI-Semantic-Success: var(--Scandic-Green-60);
-  --UI-Semantic-Warning: var(--Scandic-Yellow-60);
-  --UI-Text-Active: var(--Scandic-Blue-90);
-  --UI-Text-Error: var(--Scandic-Red-70);
-  --UI-Text-High-contrast: var(--UI-Grey-100);
-  --UI-Text-Medium-contrast: var(--UI-Grey-80);
-  --UI-Text-Placeholder: var(--UI-Grey-60);
-}
diff --git a/packages/design-system/lib/styles/typography.css b/packages/design-system/lib/styles/typography.css
deleted file mode 100644
index d811833af..000000000
--- a/packages/design-system/lib/styles/typography.css
+++ /dev/null
@@ -1,217 +0,0 @@
-/* This file is generated, do not edit manually! */
-:root {
-  --typography-Body-Bold-Desktop-fontSize: 16px;
-  --typography-Body-Bold-fontFamily: 'fira sans';
-  --typography-Body-Bold-fontSize: 16px;
-  --typography-Body-Bold-fontWeight: 'medium';
-  --typography-Body-Bold-letterSpacing: 1.2000000476837158%;
-  --typography-Body-Bold-lineHeight: 150%;
-  --typography-Body-Bold-Mobile-fontSize: 16px;
-  --typography-Body-Bold-Tablet-estimate-fontSize: 16px;
-  --typography-Body-Bold-textCase: 'original';
-  --typography-Body-Bold-textDecoration: 'none';
-  --typography-Body-Inline-Desktop-fontSize: 16px;
-  --typography-Body-Inline-fontFamily: 'fira sans';
-  --typography-Body-Inline-fontSize: 16px;
-  --typography-Body-Inline-fontWeight: 'regular';
-  --typography-Body-Inline-letterSpacing: 1.2000000476837158%;
-  --typography-Body-Inline-lineHeight: 150%;
-  --typography-Body-Inline-Mobile-fontSize: 16px;
-  --typography-Body-Inline-Tablet-estimate-fontSize: 16px;
-  --typography-Body-Inline-textCase: 'original';
-  --typography-Body-Inline-textDecoration: 'underline';
-  --typography-Body-Link-Desktop-fontSize: 16px;
-  --typography-Body-Link-Mobile-fontSize: 16px;
-  --typography-Body-Link-Tablet-estimate-fontSize: 16px;
-  --typography-Body-Regular-Desktop-fontSize: 16px;
-  --typography-Body-Regular-fontFamily: 'fira sans';
-  --typography-Body-Regular-fontSize: 16px;
-  --typography-Body-Regular-fontWeight: 'regular';
-  --typography-Body-Regular-letterSpacing: 1.2000000476837158%;
-  --typography-Body-Regular-lineHeight: 150%;
-  --typography-Body-Regular-Mobile-fontSize: 16px;
-  --typography-Body-Regular-Tablet-estimate-fontSize: 16px;
-  --typography-Body-Regular-textCase: 'original';
-  --typography-Body-Regular-textDecoration: 'none';
-  --typography-Body-Underline-fontFamily: 'fira sans';
-  --typography-Body-Underline-fontSize: 16px;
-  --typography-Body-Underline-fontWeight: 'medium';
-  --typography-Body-Underline-letterSpacing: 1.2000000476837158%;
-  --typography-Body-Underline-lineHeight: 150%;
-  --typography-Body-Underline-textCase: 'original';
-  --typography-Body-Underline-textDecoration: 'underline';
-  --typography-Caption-Bold-Desktop-fontSize: 14px;
-  --typography-Caption-Bold-fontFamily: 'fira sans';
-  --typography-Caption-Bold-fontSize: 14px;
-  --typography-Caption-Bold-fontWeight: 'medium';
-  --typography-Caption-Bold-letterSpacing: 1.399999976158142%;
-  --typography-Caption-Bold-lineHeight: 139.9999976158142%;
-  --typography-Caption-Bold-Mobile-fontSize: 14px;
-  --typography-Caption-Bold-Tablet-estimate-fontSize: 14px;
-  --typography-Caption-Bold-textCase: 'original';
-  --typography-Caption-Bold-textDecoration: 'none';
-  --typography-Caption-Inline-Desktop-fontSize: 14px;
-  --typography-Caption-Inline-fontFamily: 'fira sans';
-  --typography-Caption-Inline-fontSize: 14px;
-  --typography-Caption-Inline-fontWeight: 'regular';
-  --typography-Caption-Inline-letterSpacing: 1.399999976158142%;
-  --typography-Caption-Inline-lineHeight: 139.9999976158142%;
-  --typography-Caption-Inline-Mobile-fontSize: 14px;
-  --typography-Caption-Inline-Tablet-estimate-fontSize: 14px;
-  --typography-Caption-Inline-textCase: 'original';
-  --typography-Caption-Inline-textDecoration: 'underline';
-  --typography-Caption-Labels-fontFamily: 'brandon text';
-  --typography-Caption-Labels-fontSize: 14px;
-  --typography-Caption-Labels-fontWeight: 'bold';
-  --typography-Caption-Labels-letterSpacing: 1.399999976158142%;
-  --typography-Caption-Labels-lineHeight: 150%;
-  --typography-Caption-Labels-textCase: 'upper';
-  --typography-Caption-Labels-textDecoration: 'none';
-  --typography-Caption-Link-Desktop-fontSize: 14px;
-  --typography-Caption-Link-Mobile-fontSize: 14px;
-  --typography-Caption-Link-Tablet-estimate-fontSize: 14px;
-  --typography-Caption-Regular-Desktop-fontSize: 14px;
-  --typography-Caption-Regular-fontFamily: 'fira sans';
-  --typography-Caption-Regular-fontSize: 14px;
-  --typography-Caption-Regular-fontWeight: 'regular';
-  --typography-Caption-Regular-letterSpacing: 1.399999976158142%;
-  --typography-Caption-Regular-lineHeight: 139.9999976158142%;
-  --typography-Caption-Regular-Mobile-fontSize: 14px;
-  --typography-Caption-Regular-Tablet-estimate-fontSize: 14px;
-  --typography-Caption-Regular-textCase: 'original';
-  --typography-Caption-Regular-textDecoration: 'none';
-  --typography-Caption-Underline-fontFamily: 'fira sans';
-  --typography-Caption-Underline-fontSize: 14px;
-  --typography-Caption-Underline-fontWeight: 'medium';
-  --typography-Caption-Underline-letterSpacing: 1.399999976158142%;
-  --typography-Caption-Underline-lineHeight: 139.9999976158142%;
-  --typography-Caption-Underline-textCase: 'original';
-  --typography-Caption-Underline-textDecoration: 'underline';
-  --typography-Foot-note-Bold-Desktop-fontSize: 12px;
-  --typography-Foot-note-Bold-Mobile-fontSize: 12px;
-  --typography-Foot-note-Bold-Tablet-estimate-fontSize: 12px;
-  --typography-Foot-note-Regular-Desktop-fontSize: 12px;
-  --typography-Foot-note-Regular-Mobile-fontSize: 12px;
-  --typography-Foot-note-Regular-Tablet-estimate-fontSize: 12px;
-  --typography-Footnote-Bold-fontFamily: 'fira sans';
-  --typography-Footnote-Bold-fontSize: 12px;
-  --typography-Footnote-Bold-fontWeight: 'medium';
-  --typography-Footnote-Bold-letterSpacing: 1.399999976158142%;
-  --typography-Footnote-Bold-lineHeight: 150%;
-  --typography-Footnote-Bold-textCase: 'original';
-  --typography-Footnote-Bold-textDecoration: 'none';
-  --typography-Footnote-Labels-fontFamily: 'brandon text';
-  --typography-Footnote-Labels-fontSize: 12px;
-  --typography-Footnote-Labels-fontWeight: 'bold';
-  --typography-Footnote-Labels-letterSpacing: 1.399999976158142%;
-  --typography-Footnote-Labels-lineHeight: 150%;
-  --typography-Footnote-Labels-textCase: 'upper';
-  --typography-Footnote-Labels-textDecoration: 'none';
-  --typography-Footnote-Regular-fontFamily: 'fira sans';
-  --typography-Footnote-Regular-fontSize: 12px;
-  --typography-Footnote-Regular-fontWeight: 'regular';
-  --typography-Footnote-Regular-letterSpacing: 1.399999976158142%;
-  --typography-Footnote-Regular-lineHeight: 150%;
-  --typography-Footnote-Regular-textCase: 'original';
-  --typography-Footnote-Regular-textDecoration: 'none';
-  --typography-Preamble-Desktop-fontSize: 20px;
-  --typography-Preamble-fontFamily: 'fira sans';
-  --typography-Preamble-fontSize: 20px;
-  --typography-Preamble-fontWeight: 'regular';
-  --typography-Preamble-letterSpacing: 1%;
-  --typography-Preamble-lineHeight: 139.9999976158142%;
-  --typography-Preamble-Mobile-fontSize: 18px;
-  --typography-Preamble-Tablet-estimate-fontSize: 19px;
-  --typography-Preamble-textCase: 'original';
-  --typography-Preamble-textDecoration: 'none';
-  --typography-Script-1-Desktop-fontSize: 32px;
-  --typography-Script-1-fontFamily: 'biro script plus';
-  --typography-Script-1-fontSize: 32px;
-  --typography-Script-1-fontWeight: 'regular';
-  --typography-Script-1-letterSpacing: 2%;
-  --typography-Script-1-lineHeight: 110.00000238418579%;
-  --typography-Script-1-Mobile-fontSize: 24px;
-  --typography-Script-1-Tablet-estimate-fontSize: 29px;
-  --typography-Script-1-textCase: 'original';
-  --typography-Script-1-textDecoration: 'none';
-  --typography-Script-2-Desktop-fontSize: 24px;
-  --typography-Script-2-fontFamily: 'biro script plus';
-  --typography-Script-2-fontSize: 24px;
-  --typography-Script-2-fontWeight: 'regular';
-  --typography-Script-2-letterSpacing: 2%;
-  --typography-Script-2-lineHeight: 110.00000238418579%;
-  --typography-Script-2-Mobile-fontSize: 20px;
-  --typography-Script-2-Tablet-estimate-fontSize: 22px;
-  --typography-Script-2-textCase: 'original';
-  --typography-Script-2-textDecoration: 'none';
-  --typography-Subtitle-1-Desktop-fontSize: 24px;
-  --typography-Subtitle-1-fontFamily: 'fira sans';
-  --typography-Subtitle-1-fontSize: 24px;
-  --typography-Subtitle-1-fontWeight: 'medium';
-  --typography-Subtitle-1-letterSpacing: 1%;
-  --typography-Subtitle-1-lineHeight: 120.00000476837158%;
-  --typography-Subtitle-1-Mobile-fontSize: 20px;
-  --typography-Subtitle-1-Tablet-estimate-fontSize: 22px;
-  --typography-Subtitle-1-textCase: 'original';
-  --typography-Subtitle-1-textDecoration: 'none';
-  --typography-Subtitle-2-Desktop-fontSize: 20px;
-  --typography-Subtitle-2-fontFamily: 'fira sans';
-  --typography-Subtitle-2-fontSize: 20px;
-  --typography-Subtitle-2-fontWeight: 'medium';
-  --typography-Subtitle-2-letterSpacing: 1%;
-  --typography-Subtitle-2-lineHeight: 120.00000476837158%;
-  --typography-Subtitle-2-Mobile-fontSize: 18px;
-  --typography-Subtitle-2-Tablet-estimate-fontSize: 19px;
-  --typography-Subtitle-2-textCase: 'original';
-  --typography-Subtitle-2-textDecoration: 'none';
-  --typography-Title-1-Desktop-fontSize: 64px;
-  --typography-Title-1-fontFamily: 'brandon text';
-  --typography-Title-1-fontSize: 64px;
-  --typography-Title-1-fontWeight: 'black';
-  --typography-Title-1-letterSpacing: 0.25%;
-  --typography-Title-1-lineHeight: 110.00000238418579%;
-  --typography-Title-1-Mobile-fontSize: 48px;
-  --typography-Title-1-Tablet-estimate-fontSize: 60px;
-  --typography-Title-1-textCase: 'upper';
-  --typography-Title-1-textDecoration: 'none';
-  --typography-Title-2-Desktop-fontSize: 48px;
-  --typography-Title-2-fontFamily: 'brandon text';
-  --typography-Title-2-fontSize: 48px;
-  --typography-Title-2-fontWeight: 'black';
-  --typography-Title-2-letterSpacing: 0.25%;
-  --typography-Title-2-lineHeight: 110.00000238418579%;
-  --typography-Title-2-Mobile-fontSize: 36px;
-  --typography-Title-2-Tablet-estimate-fontSize: 44px;
-  --typography-Title-2-textCase: 'upper';
-  --typography-Title-2-textDecoration: 'none';
-  --typography-Title-3-Desktop-fontSize: 36px;
-  --typography-Title-3-fontFamily: 'brandon text';
-  --typography-Title-3-fontSize: 36px;
-  --typography-Title-3-fontWeight: 'black';
-  --typography-Title-3-letterSpacing: 0.25%;
-  --typography-Title-3-lineHeight: 110.00000238418579%;
-  --typography-Title-3-Mobile-fontSize: 30px;
-  --typography-Title-3-Tablet-estimate-fontSize: 34px;
-  --typography-Title-3-textCase: 'upper';
-  --typography-Title-3-textDecoration: 'none';
-  --typography-Title-4-Desktop-fontSize: 28px;
-  --typography-Title-4-fontFamily: 'brandon text';
-  --typography-Title-4-fontSize: 28px;
-  --typography-Title-4-fontWeight: 'bold';
-  --typography-Title-4-letterSpacing: 0.25%;
-  --typography-Title-4-lineHeight: 110.00000238418579%;
-  --typography-Title-4-Mobile-fontSize: 24px;
-  --typography-Title-4-Tablet-estimate-fontSize: 26px;
-  --typography-Title-4-textCase: 'original';
-  --typography-Title-4-textDecoration: 'none';
-  --typography-Title-5-Desktop-fontSize: 24px;
-  --typography-Title-5-fontFamily: 'brandon text';
-  --typography-Title-5-fontSize: 24px;
-  --typography-Title-5-fontWeight: 'black';
-  --typography-Title-5-letterSpacing: 0.25%;
-  --typography-Title-5-lineHeight: 110.00000238418579%;
-  --typography-Title-5-Mobile-fontSize: 20px;
-  --typography-Title-5-Tablet-estimate-fontSize: 21px;
-  --typography-Title-5-textCase: 'upper';
-  --typography-Title-5-textDecoration: 'none';
-}
diff --git a/packages/design-system/lib/tokens.ts b/packages/design-system/lib/tokens.ts
new file mode 100644
index 000000000..de5db9e6e
--- /dev/null
+++ b/packages/design-system/lib/tokens.ts
@@ -0,0 +1 @@
+export * from './tokens/index'
diff --git a/packages/design-system/lib/tokens/Colors.tsx b/packages/design-system/lib/tokens/Colors.tsx
new file mode 100644
index 000000000..4b47fd644
--- /dev/null
+++ b/packages/design-system/lib/tokens/Colors.tsx
@@ -0,0 +1,152 @@
+import copy from 'copy-to-clipboard'
+
+import { kebabify } from '../../generate/utils'
+
+export type ThemeValue = Record<'resolved' | 'alias', string | number>
+
+export type Theme = Record<string, ThemeValue>
+
+export type ColorsProps = {
+  theme: Theme
+}
+
+import styles from './colors.module.css'
+
+function getContrastColor(bgColor: string) {
+  const r = parseInt(bgColor.substring(1, 3), 16)
+  const g = parseInt(bgColor.substring(3, 5), 16)
+  const b = parseInt(bgColor.substring(5, 7), 16)
+  let a = parseInt(bgColor.substring(7, 9), 16)
+
+  if (isNaN(a)) {
+    a = 255
+  }
+
+  const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255
+  if (luminance > 0.5) {
+    return '#000'
+  } else {
+    if (a < 255 / 2) {
+      return '#000'
+    }
+    return '#fff'
+  }
+}
+
+export function Colors({ theme }: ColorsProps) {
+  const grouping: Record<string, Theme> = {}
+
+  for (const [k, v] of Object.entries(theme)) {
+    if (typeof v.resolved === 'string' && v.resolved.startsWith('#')) {
+      const key = k.replace(/\/[^/]+$/, '')
+      if (!grouping[key]) {
+        grouping[key] = {}
+      }
+
+      grouping[key][k] = v
+    }
+  }
+
+  return (
+    <div className={styles.container}>
+      <div className={styles.jumpTo}>
+        <label>
+          Jump to:
+          <select
+            onChange={(e) => {
+              const el = document.getElementById(e.target.value)
+              el?.scrollIntoView({
+                behavior: 'smooth',
+              })
+            }}
+          >
+            <option>- Select a grouping -</option>
+            {Object.keys(grouping)
+              .sort((a, b) => a.localeCompare(b))
+              .map((title) => {
+                return (
+                  <option key={title} value={kebabify(title)}>
+                    {title}
+                  </option>
+                )
+              })}
+          </select>
+        </label>
+        <span className={styles.tip}>
+          Click on any of the values to copy to clipboard!
+        </span>
+      </div>
+      <div className={styles.groups}>
+        {Object.entries(grouping)
+          .sort((a, b) => {
+            return a[0].localeCompare(b[0])
+          })
+          .map(([title, values]) => {
+            return (
+              <div className={styles.group} key={title}>
+                <h2 id={kebabify(title)} className={styles.title}>
+                  {title}
+                </h2>
+                <div className={styles.values}>
+                  {Object.entries(values).map(([k, v]) => {
+                    return (
+                      <div className={styles.value} key={k}>
+                        <div className={styles.colorContainer}>
+                          <div
+                            className={styles.color}
+                            style={{
+                              color: getContrastColor(v.resolved.toString()),
+                              backgroundColor: v.resolved.toString(),
+                            }}
+                            onClick={() => {
+                              copy(`var(--${kebabify(k)})`)
+                            }}
+                          >
+                            var(--{kebabify(k)})
+                          </div>
+                        </div>
+                        <div
+                          className={styles.tokenName}
+                          onClick={() => {
+                            copy(k)
+                          }}
+                        >
+                          Figma: {k}
+                        </div>
+                        <div
+                          className={styles.tokenName}
+                          onClick={() => {
+                            copy(kebabify(k))
+                          }}
+                        >
+                          CSS: {kebabify(k)}
+                        </div>
+                        {v.alias ? (
+                          <div
+                            className={styles.tokenAlias}
+                            onClick={() => {
+                              copy(v.alias.toString())
+                            }}
+                          >
+                            Alias: {v.alias}
+                          </div>
+                        ) : null}
+                        <div
+                          className={styles.tokenValue}
+                          onClick={() => {
+                            copy(v.resolved.toString())
+                          }}
+                        >
+                          Value: {v.resolved}
+                        </div>
+                      </div>
+                    )
+                  })}
+                </div>
+              </div>
+            )
+          })}
+      </div>
+    </div>
+  )
+}
diff --git a/packages/design-system/lib/tokens/base.mdx b/packages/design-system/lib/tokens/base.mdx
new file mode 100644
index 000000000..17a79b82e
--- /dev/null
+++ b/packages/design-system/lib/tokens/base.mdx
@@ -0,0 +1,11 @@
+import { Meta } from '@storybook/blocks'
+
+import { Colors } from './Colors'
+
+import { base } from '.'
+
+<Meta title="Global/Colors/Base" />
+
+# Colors: Base
+
+<Colors theme={base} />
diff --git a/packages/design-system/lib/tokens/colors.module.css b/packages/design-system/lib/tokens/colors.module.css
new file mode 100644
index 000000000..acdd85eaf
--- /dev/null
+++ b/packages/design-system/lib/tokens/colors.module.css
@@ -0,0 +1,130 @@
+.container {
+  display: grid;
+  gap: 2em;
+}
+
+.jumpTo {
+  position: sticky;
+  top: 0;
+  background: #fff;
+  padding: 0.5em;
+  z-index: 100;
+  border: solid 1px #ccc;
+  border-radius: 4px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  flex-direction: row;
+  flex-wrap: nowrap;
+}
+
+.jumpTo select {
+  margin-left: 1em;
+  padding: 0.3em;
+  border-radius: 3px;
+  border: solid 1px #ccc;
+  font-size: 14px;
+}
+
+.tip {
+  font-size: 12px !important;
+  background: #fffcdd;
+  padding: 0.5em;
+  border-radius: 4px;
+  border: solid 1px #e8db45;
+}
+
+.groups {
+  display: flex;
+  flex-direction: column;
+}
+
+.title {
+  font-weight: bold;
+  padding-top: 60px !important; /* jumpTo element height:ish */
+}
+
+.values {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.value {
+  box-sizing: border-box;
+  width: 50%;
+  min-width: 500px;
+  padding: 1em;
+}
+
+.colorContainer {
+  --opacity: 0.1;
+  background:
+    linear-gradient(
+      45deg,
+      rgba(0, 0, 0, var(--opacity)) 25%,
+      transparent 25%,
+      transparent 75%,
+      rgba(0, 0, 0, var(--opacity)) 75%,
+      rgba(0, 0, 0, var(--opacity)) 0
+    ),
+    linear-gradient(
+      45deg,
+      rgba(0, 0, 0, var(--opacity)) 25%,
+      transparent 25%,
+      transparent 75%,
+      rgba(0, 0, 0, var(--opacity)) 75%,
+      rgba(0, 0, 0, var(--opacity)) 0
+    ),
+    white;
+  background-position:
+    0px 0,
+    5px 5px;
+  background-size:
+    10px 10px,
+    10px 10px;
+  border-radius: 12px;
+  overflow: hidden;
+  will-change: transform;
+  transition: transform 0.2s ease-out;
+  margin-bottom: 1em;
+  cursor: pointer;
+  border: solid 1px #d9d9d9;
+}
+
+.color {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 4em;
+  width: 100%;
+}
+
+.colorContainer:hover {
+  transform: scale(1.02);
+}
+
+.colorContainer:active {
+  transform: scale(1.01);
+}
+
+.tokenName,
+.tokenValue,
+.tokenAlias {
+  cursor: pointer;
+  padding: 0.1em 0.5em;
+  white-space: nowrap;
+}
+
+.tokenName:hover,
+.tokenValue:hover,
+.tokenAlias:hover {
+  transform-origin: left;
+  font-weight: bold;
+  word-break: break-all;
+}
+
+.tokenName:active,
+.tokenValue:active,
+.tokenAlias:active {
+  transform: scale(0.98);
+}
diff --git a/packages/design-system/lib/tokens/downtownCamper.mdx b/packages/design-system/lib/tokens/downtownCamper.mdx
new file mode 100644
index 000000000..6b755abd5
--- /dev/null
+++ b/packages/design-system/lib/tokens/downtownCamper.mdx
@@ -0,0 +1,11 @@
+import { Meta } from '@storybook/blocks'
+
+import { Colors } from './Colors'
+
+import { downtownCamper } from '.'
+
+<Meta title="Global/Colors/Downtown Camper" />
+
+# Colors: Downtown Camper
+
+<Colors theme={downtownCamper} />
diff --git a/packages/design-system/lib/tokens/grandHotel.mdx b/packages/design-system/lib/tokens/grandHotel.mdx
new file mode 100644
index 000000000..6e3a4247b
--- /dev/null
+++ b/packages/design-system/lib/tokens/grandHotel.mdx
@@ -0,0 +1,11 @@
+import { Meta } from '@storybook/blocks'
+
+import { Colors } from './Colors'
+
+import { grandHotel } from '.'
+
+<Meta title="Global/Colors/Grand Hotel" />
+
+# Colors: Grand Hotel
+
+<Colors theme={grandHotel} />
diff --git a/packages/design-system/lib/tokens/haymarket.mdx b/packages/design-system/lib/tokens/haymarket.mdx
new file mode 100644
index 000000000..2d1e2dd48
--- /dev/null
+++ b/packages/design-system/lib/tokens/haymarket.mdx
@@ -0,0 +1,11 @@
+import { Meta } from '@storybook/blocks'
+
+import { Colors } from './Colors'
+
+import { haymarket } from '.'
+
+<Meta title="Global/Colors/Haymarket" />
+
+# Colors: Haymarket
+
+<Colors theme={haymarket} />
diff --git a/packages/design-system/lib/tokens/hotelNorge.mdx b/packages/design-system/lib/tokens/hotelNorge.mdx
new file mode 100644
index 000000000..0a3173259
--- /dev/null
+++ b/packages/design-system/lib/tokens/hotelNorge.mdx
@@ -0,0 +1,11 @@
+import { Meta } from '@storybook/blocks'
+
+import { Colors } from './Colors'
+
+import { hotelNorge } from '.'
+
+<Meta title="Global/Colors/Hotel Norge" />
+
+# Colors: Hotel Norge
+
+<Colors theme={hotelNorge} />
diff --git a/packages/design-system/lib/tokens/index.ts b/packages/design-system/lib/tokens/index.ts
new file mode 100644
index 000000000..58d392bb1
--- /dev/null
+++ b/packages/design-system/lib/tokens/index.ts
@@ -0,0 +1,5045 @@
+/* This file is generated, do not edit manually! */
+export const base = {
+  'Neutral/0': { resolved: '#FCFCFC' },
+  'Neutral/5': { resolved: '#F5F5F5' },
+  'Neutral/10': { resolved: '#F0F0F0' },
+  'Neutral/15': { resolved: '#E9E9E9' },
+  'Neutral/20': { resolved: '#D9D9D9' },
+  'Neutral/30': { resolved: '#BFBFBF' },
+  'Neutral/40': { resolved: '#8C8C8C' },
+  'Neutral/50': { resolved: '#747474' },
+  'Neutral/60': { resolved: '#575757' },
+  'Neutral/70': { resolved: '#454545' },
+  'Neutral/80': { resolved: '#262626' },
+  'Neutral/90': { resolved: '#1F1F1F' },
+  'Neutral/100': { resolved: '#141414' },
+  'Neutral/Opacity/White/100': { resolved: '#FFFFFF' },
+  'Neutral/Opacity/White/90': { resolved: '#FFFFFFE6' },
+  'Neutral/Opacity/White/80': { resolved: '#FFFFFFCC' },
+  'Neutral/Opacity/White/70': { resolved: '#FFFFFFB3' },
+  'Neutral/Opacity/White/60': { resolved: '#FFFFFF99' },
+  'Neutral/Opacity/White/50': { resolved: '#FFFFFF80' },
+  'Neutral/Opacity/White/40': { resolved: '#FFFFFF66' },
+  'Neutral/Opacity/White/30': { resolved: '#FFFFFF4D' },
+  'Neutral/Opacity/White/20': { resolved: '#FFFFFF33' },
+  'Neutral/Opacity/White/10': { resolved: '#FFFFFF1A' },
+  'Neutral/Opacity/White/5': { resolved: '#FFFFFF00' },
+  'Neutral/Opacity/White/0': { resolved: '#FFFFFF00' },
+  'Neutral/Opacity/Black/100': { resolved: '#1F1C1B' },
+  'Neutral/Opacity/Black/90': { resolved: '#1F1C1BE6' },
+  'Neutral/Opacity/Black/80': { resolved: '#1F1C1BCC' },
+  'Neutral/Opacity/Black/70': { resolved: '#1F1C1BB3' },
+  'Neutral/Opacity/Black/60': { resolved: '#1F1C1B99' },
+  'Neutral/Opacity/Black/50': { resolved: '#1F1C1B80' },
+  'Neutral/Opacity/Black/40': { resolved: '#1F1C1B66' },
+  'Neutral/Opacity/Black/30': { resolved: '#1F1C1B4D' },
+  'Neutral/Opacity/Black/20': { resolved: '#1F1C1B33' },
+  'Neutral/Opacity/Black/10': { resolved: '#1F1C1B1A' },
+  'Neutral/Opacity/Black/5': { resolved: '#1F1C1B0D' },
+  'Neutral/Opacity/Black/0': { resolved: '#1F1C1B00' },
+  'Margin/Margin-min': { resolved: 16 },
+  'Breakpoints/min-width': { resolved: 320 },
+  'Breakpoints/max-width': { resolved: 767 },
+  'Margin/Margin-max': { resolved: 16 },
+  'Columns/Column': { resolved: 4 },
+  'Gutter/min-width': { resolved: 16 },
+  'Gutter/max-width': { resolved: 16 },
+  'Text size/xs': { resolved: 18, alias: 'Size/350-18' },
+  'Text size/sm': { resolved: 20, alias: 'Size/400-20' },
+  'Text size/xl': { resolved: 24, alias: 'Size/500-24' },
+  'Text size/2xl': { resolved: 36, alias: 'Size/800-36' },
+  'Text size/3xl': { resolved: 32, alias: 'Size/700-32' },
+  'Text size/4xl': { resolved: 36, alias: 'Size/800-36' },
+  'Text size/5xl': { resolved: 56, alias: 'Size/1300-56' },
+  'Text size/md': { resolved: 24, alias: 'Size/500-24' },
+  'Font family/Title': { resolved: 'Brandon Text' },
+  'Font family/Body': { resolved: 'Fira sans' },
+  'Font family/Decorative': { resolved: 'Biro Script Plus' },
+  'Font weight/Regular': { resolved: 400 },
+  'Font weight/Regular bold': { resolved: 450 },
+  'Font weight/Medium': { resolved: 500 },
+  'Font weight/Semi Bold': { resolved: 600 },
+  'Font weight/Bold': { resolved: 700 },
+  'Font weight/Extra Bold': { resolved: 800 },
+  'Font weight/Black': { resolved: 900 },
+  'Size/200-12': { resolved: 12 },
+  'Size/250-14': { resolved: 14 },
+  'Size/300-16': { resolved: 16 },
+  'Size/350-18': { resolved: 18 },
+  'Size/400-20': { resolved: 20 },
+  'Size/500-24': { resolved: 24 },
+  'Size/550-26': { resolved: 26 },
+  'Size/600-28': { resolved: 28 },
+  'Size/700-32': { resolved: 32 },
+  'Size/800-36': { resolved: 36 },
+  'Size/900-40': { resolved: 40 },
+  'Size/1100-48': { resolved: 48 },
+  'Size/1300-56': { resolved: 56 },
+  'Size/1500-64': { resolved: 64 },
+  'Line height/xs': { resolved: 100 },
+  'Corner radius/sm': { resolved: 4 },
+  'Border width/none': { resolved: 0 },
+  'Border width/sm': { resolved: 1 },
+  'Border width/md': { resolved: 2 },
+  'Border width/lg': { resolved: 3 },
+  'Corner radius/md': { resolved: 8 },
+  'Corner radius/lg': { resolved: 12 },
+  'Corner radius/xl': { resolved: 16 },
+  'Corner radius/rounded': { resolved: 250 },
+  'Space/x0': { resolved: 0 },
+  'Space/x025': { resolved: 2 },
+  'Space/x05': { resolved: 4 },
+  'Space/x1': { resolved: 8 },
+  'Space/x15': { resolved: 12 },
+  'Space/x2': { resolved: 16 },
+  'Space/x3': { resolved: 24 },
+  'Space/x4': { resolved: 32 },
+  'Space/x5': { resolved: 40 },
+  'Space/x6': { resolved: 48 },
+  'Space/x7': { resolved: 56 },
+  'Space/x8': { resolved: 72 },
+  'Icon/2xs': { resolved: 16 },
+  'Icon/xs': { resolved: 20 },
+  'Icon/sm': { resolved: 24 },
+  'Icon/md': { resolved: 32 },
+  'Icon/lg': { resolved: 40 },
+  'Icon/xl': { resolved: 42 },
+  'Text size/5xs': { resolved: 12, alias: 'Size/200-12' },
+  'Text size/4xs': { resolved: 14, alias: 'Size/250-14' },
+  'Text size/3xs': { resolved: 16, alias: 'Size/300-16' },
+  'Text size/2xs': { resolved: 16, alias: 'Size/300-16' },
+  'Text size/lg': { resolved: 24, alias: 'Size/500-24' },
+  'BoxShadow-Level 1': { resolved: '0 0 2 1 rgba(0, 0, 0, 0.1)' },
+  'BoxShadow-Level 2': { resolved: '0 0 4 2 rgba(0, 0, 0, 0.1)' },
+  'BoxShadow-Level 3': { resolved: '0 0 8 3 rgba(0, 0, 0, 0.1)' },
+  'BoxShadow-Level 4': { resolved: '0 0 14 6 rgba(0, 0, 0, 0.1)' },
+} as const
+export const scandic = {
+  'Scandic/Grey/00': { resolved: '#F9F6F4' },
+  'Scandic/Grey/10': { resolved: '#EBE8E6' },
+  'Scandic/Grey/20': { resolved: '#D6D2D0' },
+  'Scandic/Grey/30': { resolved: '#C2BDBA' },
+  'Scandic/Grey/40': { resolved: '#A8A4A2' },
+  'Scandic/Grey/50': { resolved: '#8C8987' },
+  'Scandic/Grey/60': { resolved: '#787472' },
+  'Scandic/Grey/70': { resolved: '#635F5D' },
+  'Scandic/Grey/80': { resolved: '#57514E' },
+  'Scandic/Grey/90': { resolved: '#403937' },
+  'Scandic/Grey/100': { resolved: '#26201E' },
+  'Scandic/Red/00': { resolved: '#FFEBEB' },
+  'Scandic/Red/10': { resolved: '#F7C1C2' },
+  'Scandic/Red/20': { resolved: '#F79499' },
+  'Scandic/Red/30': { resolved: '#F26B74' },
+  'Scandic/Red/40': { resolved: '#ED4251' },
+  'Scandic/Red/50': { resolved: '#E32034' },
+  'Scandic/Red/Default': { resolved: '#CD0921' },
+  'Scandic/Red/70': { resolved: '#AD0015' },
+  'Scandic/Red/80': { resolved: '#8D0011' },
+  'Scandic/Red/90': { resolved: '#6D000D' },
+  'Scandic/Red/100': { resolved: '#4D001B' },
+  'Scandic/Peach/00': { resolved: '#FFF3ED' },
+  'Scandic/Peach/10': { resolved: '#F7E1D5' },
+  'Scandic/Peach/20': { resolved: '#F4D5C8' },
+  'Scandic/Peach/30': { resolved: '#F0C1B6' },
+  'Scandic/Peach/40': { resolved: '#E9ABA3' },
+  'Scandic/Peach/50': { resolved: '#DE9490' },
+  'Scandic/Peach/60': { resolved: '#CD797C' },
+  'Scandic/Peach/70': { resolved: '#B05B65' },
+  'Scandic/Peach/80': { resolved: '#8F4350' },
+  'Scandic/Peach/90': { resolved: '#642636' },
+  'Scandic/Peach/100': { resolved: '#4D0F25' },
+  'Scandic/Beige/00': { resolved: '#FAF6F2' },
+  'Scandic/Beige/10': { resolved: '#F2ECE6' },
+  'Scandic/Beige/20': { resolved: '#E3D9D1' },
+  'Scandic/Beige/30': { resolved: '#D1C4BA' },
+  'Scandic/Beige/40': { resolved: '#B8A79A' },
+  'Scandic/Beige/50': { resolved: '#9C8A7E' },
+  'Scandic/Beige/60': { resolved: '#806E63' },
+  'Scandic/Beige/70': { resolved: '#6B584D' },
+  'Scandic/Beige/80': { resolved: '#533F35' },
+  'Scandic/Beige/90': { resolved: '#3E2B23' },
+  'Scandic/Beige/100': { resolved: '#291710' },
+  'Scandic/Green/00': { resolved: '#F3FCE8' },
+  'Scandic/Green/10': { resolved: '#E1F3CA' },
+  'Scandic/Green/20': { resolved: '#D2EDAF' },
+  'Scandic/Green/30': { resolved: '#ACDB8A' },
+  'Scandic/Green/40': { resolved: '#7CB865' },
+  'Scandic/Green/50': { resolved: '#539E49' },
+  'Scandic/Green/60': { resolved: '#348337' },
+  'Scandic/Green/70': { resolved: '#256931' },
+  'Scandic/Green/80': { resolved: '#164E29' },
+  'Scandic/Green/90': { resolved: '#093021' },
+  'Scandic/Green/100': { resolved: '#091F16' },
+  'Scandic/Blue/00': { resolved: '#E8F6FF' },
+  'Scandic/Blue/10': { resolved: '#CFEBFF' },
+  'Scandic/Blue/20': { resolved: '#B5E0FF' },
+  'Scandic/Blue/30': { resolved: '#93C9F5' },
+  'Scandic/Blue/40': { resolved: '#79AEE7' },
+  'Scandic/Blue/50': { resolved: '#5B8FD4' },
+  'Scandic/Blue/60': { resolved: '#3F6DBD' },
+  'Scandic/Blue/70': { resolved: '#284EA0' },
+  'Scandic/Blue/80': { resolved: '#18347F' },
+  'Scandic/Blue/90': { resolved: '#0D1F5F' },
+  'Scandic/Blue/100': { resolved: '#0D1440' },
+  'Scandic/Yellow/00': { resolved: '#FFF8E3' },
+  'Scandic/Yellow/10': { resolved: '#FFF0C2' },
+  'Scandic/Yellow/20': { resolved: '#FADE89' },
+  'Scandic/Yellow/30': { resolved: '#F7CE52' },
+  'Scandic/Yellow/40': { resolved: '#EDB532' },
+  'Scandic/Yellow/50': { resolved: '#E59515' },
+  'Scandic/Yellow/60': { resolved: '#D17308' },
+  'Scandic/Yellow/70': { resolved: '#A85211' },
+  'Scandic/Yellow/80': { resolved: '#7D370F' },
+  'Scandic/Yellow/90': { resolved: '#4F2313' },
+  'Scandic/Yellow/100': { resolved: '#301508' },
+  'Title/lg/Letter spacing': { resolved: 0.12 },
+  'Title/lg/Font fallback': { resolved: 'sans-serif' },
+  'Title/lg/Text-Transform': { resolved: 'uppercase' },
+  'Title/md/Letter spacing': { resolved: 0.09 },
+  'Title/md/Font fallback': { resolved: 'sans-serif' },
+  'Title/sm/Letter spacing': { resolved: 0.07 },
+  'Title/sm/Font fallback': { resolved: 'sans-serif' },
+  'Title/sm/Text-Transform': { resolved: 'uppercase' },
+  'Title/Decorative/lg/Letter spacing': { resolved: 0.64 },
+  'Title/Decorative/lg/Font fallback': { resolved: 'sans-serif' },
+  'Title/Decorative/lg/Text-Transform': { resolved: 'unset' },
+  'Title/Decorative/md/Letter spacing': { resolved: 0.48 },
+  'Title/Decorative/md/Font fallback': { resolved: 'sans-serif' },
+  'Title/Decorative/md/Text-Transform': { resolved: 'unset' },
+  'Title/Subtitle/lg/Font fallback': { resolved: 'sans-serif' },
+  'Title/Subtitle/lg/Letter spacing': { resolved: 0.24 },
+  'Title/Subtitle/md/Font fallback': { resolved: 'sans-serif' },
+  'Title/Subtitle/md/Letter spacing': { resolved: 0.2 },
+  'Title/Overline/sm/Letter spacing': { resolved: 0.64 },
+  'Title/Overline/sm/Font fallback': { resolved: 'sans-serif' },
+  'Title/Overline/sm/Text-Transform': { resolved: 'uppercase' },
+  'Title/sm/LowCase/Letter spacing': { resolved: 0.07 },
+  'Title/sm/LowCase/Font fallback': { resolved: 'sans-serif' },
+  'Title/sm/LowCase/Text-Transform': { resolved: 'unset' },
+  'Title/xs/Letter spacing': { resolved: 0.06 },
+  'Title/xs/Font fallback': { resolved: 'sans-serif' },
+  'Title/xs/Text-Transform': { resolved: 'uppercase' },
+  'Title/md/Text-Transform': { resolved: 'uppercase' },
+  'Title/md/LowCase/Letter spacing': { resolved: 0.09 },
+  'Title/md/LowCase/Font fallback': { resolved: 'sans-serif' },
+  'Title/md/LowCase/Text-Transform': { resolved: 'unset' },
+  'Tag/Letter spacing': { resolved: 0.2 },
+  'Tag/Font fallback': { resolved: 'sans-serif' },
+  'Tag/Text-Transform': { resolved: 'uppercase' },
+  'Link/md/Font fallback': { resolved: 'sans-serif' },
+  'Link/md/Letter spacing': { resolved: 0.19 },
+  'Link/sm/Font fallback': { resolved: 'sans-serif' },
+  'Link/sm/Letter spacing': { resolved: 0.2 },
+  'Body/Lead text/Font fallback': { resolved: 'sans-serif' },
+  'Body/Paragraph/Font fallback': { resolved: 'sans-serif' },
+  'Body/Paragraph/Letter spacing': { resolved: 0.19 },
+  'Body/Supporting text/Font fallback': { resolved: 'sans-serif' },
+  'Body/Supporting text/Letter spacing': { resolved: 0.2 },
+  'Body/Lead text/Letter spacing': { resolved: 0.2 },
+  'Label/Font fallback': { resolved: 'sans-serif' },
+  'Label/Letter spacing': { resolved: 0.17 },
+  'Body/Underline/md/Font fallback': { resolved: 'sans-serif' },
+  'Body/Underline/md/Letter spacing': { resolved: 0.19 },
+  'Body/Underline/sm/Font fallback': { resolved: 'sans-serif' },
+  'Body/Underline/sm/Letter spacing': { resolved: 0.2 },
+  'Utilities/Gradients/10': { resolved: '#F2ECE61A' },
+  'Title/lg/Size': { resolved: '', alias: 'Impl-Text size/4xl' },
+  'Title/lg/Font weight': { resolved: 900, alias: 'Font weight/Black' },
+  'Title/lg/Font family': {
+    resolved: 'Brandon Text',
+    alias: 'Font family/Title',
+  },
+  'Title/md/Size': { resolved: '', alias: 'Impl-Text size/2xl' },
+  'Title/md/Font weight': { resolved: 900, alias: 'Font weight/Black' },
+  'Title/md/Font family': {
+    resolved: 'Brandon Text',
+    alias: 'Font family/Title',
+  },
+  'Title/sm/Size': { resolved: '', alias: 'Impl-Text size/lg' },
+  'Title/sm/Font weight': { resolved: 900, alias: 'Font weight/Black' },
+  'Title/sm/Font family': {
+    resolved: 'Brandon Text',
+    alias: 'Font family/Title',
+  },
+  'Title/sm/LowCase/Size': { resolved: '', alias: 'Impl-Text size/lg' },
+  'Title/sm/LowCase/Font weight': {
+    resolved: 450,
+    alias: 'Font weight/Regular bold',
+  },
+  'Title/xs/Size': { resolved: '', alias: 'Impl-Text size/sm' },
+  'Title/sm/LowCase/Font family': {
+    resolved: 'Brandon Text',
+    alias: 'Font family/Title',
+  },
+  'Title/Decorative/lg/Size': { resolved: '', alias: 'Impl-Text size/xl' },
+  'Title/Decorative/lg/Font weight': {
+    resolved: 400,
+    alias: 'Font weight/Regular',
+  },
+  'Title/Decorative/lg/Font family': {
+    resolved: 'Biro Script Plus',
+    alias: 'Font family/Decorative',
+  },
+  'Title/Decorative/md/Size': { resolved: '', alias: 'Impl-Text size/sm' },
+  'Title/Decorative/md/Font weight': {
+    resolved: 400,
+    alias: 'Font weight/Regular',
+  },
+  'Title/Decorative/md/Font family': {
+    resolved: 'Biro Script Plus',
+    alias: 'Font family/Decorative',
+  },
+  'Title/Subtitle/lg/Size': { resolved: '', alias: 'Impl-Text size/sm' },
+  'Title/Subtitle/lg/Font weight': {
+    resolved: 500,
+    alias: 'Font weight/Medium',
+  },
+  'Title/Subtitle/lg/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Body',
+  },
+  'Title/Subtitle/md/Size': { resolved: '', alias: 'Impl-Text size/xs' },
+  'Title/Subtitle/md/Font weight': {
+    resolved: 500,
+    alias: 'Font weight/Medium',
+  },
+  'Title/Subtitle/md/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Body',
+  },
+  'Title/Overline/sm/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
+  'Title/Overline/sm/Font weight': {
+    resolved: 450,
+    alias: 'Font weight/Regular bold',
+  },
+  'Title/Overline/sm/Font family': {
+    resolved: 'Brandon Text',
+    alias: 'Font family/Title',
+  },
+  'Title/xs/Font weight': { resolved: 900, alias: 'Font weight/Black' },
+  'Title/xs/Font family': {
+    resolved: 'Brandon Text',
+    alias: 'Font family/Title',
+  },
+  'Title/md/LowCase/Size': { resolved: '', alias: 'Impl-Text size/2xl' },
+  'Title/md/LowCase/Font weight': {
+    resolved: 450,
+    alias: 'Font weight/Regular bold',
+  },
+  'Title/md/LowCase/Font family': {
+    resolved: 'Brandon Text',
+    alias: 'Font family/Title',
+  },
+  'Body/Lead text/Size': { resolved: '', alias: 'Impl-Text size/xs' },
+  'Tag/Size': { resolved: '', alias: 'Impl-Text size/5xs' },
+  'Tag/Font weight': { resolved: 450, alias: 'Font weight/Regular bold' },
+  'Tag/Font family': { resolved: 'Brandon Text', alias: 'Font family/Title' },
+  'Link/md/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
+  'Link/md/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
+  'Link/md/Font family': { resolved: 'Fira sans', alias: 'Font family/Body' },
+  'Link/sm/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
+  'Link/sm/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
+  'Link/sm/Font family': { resolved: 'Fira sans', alias: 'Font family/Body' },
+  'Body/Lead text/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
+  'Body/Lead text/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Body',
+  },
+  'Body/Paragraph/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
+  'Body/Paragraph/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
+  'Body/Paragraph/Font weight 2': {
+    resolved: 500,
+    alias: 'Font weight/Medium',
+  },
+  'Body/Paragraph/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Body',
+  },
+  'Body/Supporting text/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
+  'Body/Supporting text/Font weight': {
+    resolved: 400,
+    alias: 'Font weight/Regular',
+  },
+  'Body/Supporting text/Font weight 2': {
+    resolved: 500,
+    alias: 'Font weight/Medium',
+  },
+  'Body/Supporting text/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Body',
+  },
+  'Label/Size': { resolved: '', alias: 'Impl-Text size/5xs' },
+  'Label/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
+  'Label/Font weight 2': { resolved: 500, alias: 'Font weight/Medium' },
+  'Label/Font family': { resolved: 'Fira sans', alias: 'Font family/Body' },
+  'Body/Underline/md/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
+  'Body/Underline/md/Font weight': {
+    resolved: 400,
+    alias: 'Font weight/Regular',
+  },
+  'Body/Underline/md/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Body',
+  },
+  'Body/Underline/sm/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
+  'Body/Underline/sm/Font weight': {
+    resolved: 400,
+    alias: 'Font weight/Regular',
+  },
+  'Body/Underline/sm/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Body',
+  },
+  'Text/Heading': { resolved: '#4D001B', alias: 'Scandic/Red/100' },
+  'Text/Default': { resolved: '#26201E', alias: 'Scandic/Grey/100' },
+  'Text/Secondary': { resolved: '#57514E', alias: 'Scandic/Grey/80' },
+  'Text/Tertiary': { resolved: '#787472', alias: 'Scandic/Grey/60' },
+  'Text/Accent Primary': { resolved: '#CD0921', alias: 'Scandic/Red/Default' },
+  'Text/Accent Secondary': { resolved: '#8F4350', alias: 'Scandic/Peach/80' },
+  'Text/Inverted': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100' },
+  'Text/Interactive/Default': {
+    resolved: '#4D0F25',
+    alias: 'Scandic/Peach/100',
+  },
+  'Text/Interactive/Secondary': {
+    resolved: '#8F4350',
+    alias: 'Scandic/Peach/80',
+  },
+  'Text/Interactive/Hover Secondary': {
+    resolved: '#4D0F25',
+    alias: 'Scandic/Peach/100',
+  },
+  'Text/Interactive/Disabled': {
+    resolved: '#A8A4A2',
+    alias: 'Scandic/Grey/40',
+  },
+  'Text/Interactive/Focus': { resolved: '#26201E', alias: 'Scandic/Grey/100' },
+  'Text/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
+  'Text/Interactive/Placeholder': {
+    resolved: '#787472',
+    alias: 'Scandic/Grey/60',
+  },
+  'Text/Brand/OnAccent/Heading': {
+    resolved: '#4D001B',
+    alias: 'Scandic/Red/100',
+  },
+  'Text/Brand/OnAccent/Default': {
+    resolved: '#26201E',
+    alias: 'Scandic/Grey/100',
+  },
+  'Text/Brand/OnAccent/Accent': {
+    resolved: '#8F4350',
+    alias: 'Scandic/Peach/80',
+  },
+  'Text/Brand/OnPrimary 1/Heading': {
+    resolved: '#4D001B',
+    alias: 'Scandic/Red/100',
+  },
+  'Text/Brand/OnPrimary 1/Default': {
+    resolved: '#26201E',
+    alias: 'Scandic/Grey/100',
+  },
+  'Text/Brand/OnPrimary 1/Accent': {
+    resolved: '#CD0921',
+    alias: 'Scandic/Red/Default',
+  },
+  'Text/Brand/OnPrimary 2/Heading': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Text/Brand/OnPrimary 2/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Text/Brand/OnPrimary 2/Accent': {
+    resolved: '#F7E1D5',
+    alias: 'Scandic/Peach/10',
+  },
+  'Text/Brand/OnPrimary 3/Heading': {
+    resolved: '#F7E1D5',
+    alias: 'Scandic/Peach/10',
+  },
+  'Text/Brand/OnPrimary 3/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Text/Brand/OnPrimary 3/Accent': {
+    resolved: '#DE9490',
+    alias: 'Scandic/Peach/50',
+  },
+  'Background/Primary': { resolved: '#FAF6F2', alias: 'Scandic/Beige/00' },
+  'Background/Secondary': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Surface/Primary/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Surface/Primary/Hover': { resolved: '#f2f2f2' },
+  'Surface/Primary/Hover Light': { resolved: '#e6e5e5' },
+  'Surface/Primary/Hover Accent': {
+    resolved: '#F7E1D5',
+    alias: 'Scandic/Peach/10',
+  },
+  'Surface/Primary/OnSurface/Default': {
+    resolved: '#FAF6F2',
+    alias: 'Scandic/Beige/00',
+  },
+  'Surface/Primary/Disabled': { resolved: '#EBE8E6', alias: 'Scandic/Grey/10' },
+  'Surface/Secondary/Default': {
+    resolved: '#F2ECE6',
+    alias: 'Scandic/Beige/10',
+  },
+  'Surface/Secondary/Secondary': {
+    resolved: '#E3D9D1',
+    alias: 'Scandic/Beige/20',
+  },
+  'Surface/Secondary/Hover': { resolved: '#dad4cf' },
+  'Surface/Brand/Accent/Default': {
+    resolved: '#F0C1B6',
+    alias: 'Scandic/Peach/30',
+  },
+  'Surface/Brand/Primary 1/Default': {
+    resolved: '#F7E1D5',
+    alias: 'Scandic/Peach/10',
+  },
+  'Surface/Brand/Primary 1/OnSurface/Default': {
+    resolved: '#4D001B',
+    alias: 'Scandic/Red/100',
+  },
+  'Surface/Brand/Primary 1/OnSurface/Accent': {
+    resolved: '#CD0921',
+    alias: 'Scandic/Red/Default',
+  },
+  'Surface/Brand/Primary 1/OnSurface/Accent Secondary': {
+    resolved: '#8F4350',
+    alias: 'Scandic/Peach/80',
+  },
+  'Surface/Brand/Primary 2/Default': {
+    resolved: '#CD0921',
+    alias: 'Scandic/Red/Default',
+  },
+  'Surface/Brand/Primary 2/OnSurface/Default': {
+    resolved: '#4D001B',
+    alias: 'Scandic/Red/100',
+  },
+  'Surface/Brand/Primary 2/OnSurface/Accent': {
+    resolved: '#F7E1D5',
+    alias: 'Scandic/Peach/10',
+  },
+  'Surface/Brand/Primary 3/Default': {
+    resolved: '#4D001B',
+    alias: 'Scandic/Red/100',
+  },
+  'Surface/Brand/Primary 3/OnSurface/Default': {
+    resolved: '#F7E1D5',
+    alias: 'Scandic/Peach/10',
+  },
+  'Surface/Brand/Primary 3/OnSurface/Accent': {
+    resolved: '#CD0921',
+    alias: 'Scandic/Red/Default',
+  },
+  'Surface/UI Fill/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Surface/UI Fill/Intense': { resolved: '#26201E', alias: 'Scandic/Grey/100' },
+  'Surface/UI Fill/Active': { resolved: '#4D0F25', alias: 'Scandic/Peach/100' },
+  'Surface/UI Fill/Active Hover': { resolved: '#ffffff' },
+  'Surface/UI Fill/Disabled': { resolved: '#EBE8E6', alias: 'Scandic/Grey/10' },
+  'Surface/Accent/1': { resolved: '#8D0011', alias: 'Scandic/Red/80' },
+  'Surface/Accent/2': { resolved: '#3F6DBD', alias: 'Scandic/Blue/60' },
+  'Surface/Accent/3': { resolved: '#256931', alias: 'Scandic/Green/70' },
+  'Surface/Accent/4': { resolved: '#E59515', alias: 'Scandic/Yellow/50' },
+  'Surface/Accent/5': { resolved: '#18347F', alias: 'Scandic/Blue/80' },
+  'Surface/Feedback/Information Accent': {
+    resolved: '#284EA0',
+    alias: 'Scandic/Blue/70',
+  },
+  'Surface/Feedback/Information': {
+    resolved: '#E8F6FF',
+    alias: 'Scandic/Blue/00',
+  },
+  'Surface/Feedback/Succes Accent': {
+    resolved: '#348337',
+    alias: 'Scandic/Green/60',
+  },
+  'Surface/Feedback/Succes': { resolved: '#F3FCE8', alias: 'Scandic/Green/00' },
+  'Surface/Feedback/Warning Accent': {
+    resolved: '#D17308',
+    alias: 'Scandic/Yellow/60',
+  },
+  'Surface/Feedback/Warning  Light': {
+    resolved: '#FFF8E3',
+    alias: 'Scandic/Yellow/00',
+  },
+  'Surface/Feedback/Error Accent': {
+    resolved: '#AD0015',
+    alias: 'Scandic/Red/70',
+  },
+  'Surface/Feedback/Error': { resolved: '#FFEBEB', alias: 'Scandic/Red/00' },
+  'Surface/Feedback/Neutral Accent': {
+    resolved: '#787472',
+    alias: 'Scandic/Grey/60',
+  },
+  'Surface/Feedback/Neutral': { resolved: '#EBE8E6', alias: 'Scandic/Grey/10' },
+  'Border/Default': { resolved: '#E3D9D1', alias: 'Scandic/Beige/20' },
+  'Border/Intense': { resolved: '#B8A79A', alias: 'Scandic/Beige/40' },
+  'Border/Inverted': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Icon/Default': { resolved: '#57514E', alias: 'Scandic/Grey/80' },
+  'Icon/Intense': { resolved: '#26201E', alias: 'Scandic/Grey/100' },
+  'Icon/Accent': { resolved: '#B05B65', alias: 'Scandic/Peach/70' },
+  'Icon/Interactive/Default': { resolved: '#4D001B', alias: 'Scandic/Red/100' },
+  'Icon/Interactive/Secondary': {
+    resolved: '#8F4350',
+    alias: 'Scandic/Peach/80',
+  },
+  'Icon/Interactive/Disabled': {
+    resolved: '#A8A4A2',
+    alias: 'Scandic/Grey/40',
+  },
+  'Icon/Interactive/Placeholder': {
+    resolved: '#787472',
+    alias: 'Scandic/Grey/60',
+  },
+  'Icon/Feedback/Information': {
+    resolved: '#284EA0',
+    alias: 'Scandic/Blue/70',
+  },
+  'Icon/Feedback/Success': { resolved: '#348337', alias: 'Scandic/Green/60' },
+  'Icon/Feedback/Warning': { resolved: '#D17308', alias: 'Scandic/Yellow/60' },
+  'Icon/Feedback/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
+  'Icon/Feedback/Neutral': { resolved: '#57514E', alias: 'Scandic/Grey/80' },
+  'Icon/Inverted': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100' },
+  'Overlay/10': { resolved: '#1F1C1B1A', alias: 'Neutral/Opacity/Black/10' },
+  'Overlay/20': { resolved: '#1F1C1B33', alias: 'Neutral/Opacity/Black/20' },
+  'Overlay/40': { resolved: '#1F1C1B66', alias: 'Neutral/Opacity/Black/40' },
+  'Overlay/60': { resolved: '#1F1C1B99', alias: 'Neutral/Opacity/Black/60' },
+  'Overlay/80': { resolved: '#1F1C1BCC', alias: 'Neutral/Opacity/Black/80' },
+  'Overlay/90': { resolved: '#1F1C1BE6', alias: 'Neutral/Opacity/Black/90' },
+  'Component/Button/Brand/Primary/Default': {
+    resolved: '#CD0921',
+    alias: 'Scandic/Red/Default',
+  },
+  'Component/Button/Brand/Primary/Hover': { resolved: '#ba1721' },
+  'Component/Button/Brand/Primary/Disabled': {
+    resolved: '#1F1C1B1A',
+    alias: 'Neutral/Opacity/Black/10',
+  },
+  'Component/Button/Brand/Primary/On fill/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Brand/Primary/On fill/Hover': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Brand/Primary/On fill/Disabled': {
+    resolved: '#A8A4A2',
+    alias: 'Scandic/Grey/40',
+  },
+  'Component/Button/Brand/Primary/Border/Default': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Brand/Primary/Border/Hover': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Brand/Primary/Border/Disabled': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Brand/Secondary/Default': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Brand/Secondary/Hover': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Brand/Secondary/Inverted': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Brand/Secondary/Hover Inverted': {
+    resolved: '#4D001B',
+    alias: 'Scandic/Red/100',
+  },
+  'Component/Button/Brand/Secondary/Disabled': {
+    resolved: '#1F1C1B1A',
+    alias: 'Neutral/Opacity/Black/10',
+  },
+  'Component/Button/Brand/Secondary/On fill/Default': {
+    resolved: '#4D001B',
+    alias: 'Scandic/Red/100',
+  },
+  'Component/Button/Brand/Secondary/On fill/Hover': {
+    resolved: '#8F4350',
+    alias: 'Scandic/Peach/80',
+  },
+  'Component/Button/Brand/Secondary/On fill/Inverted': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Brand/Secondary/On fill/Disabled': {
+    resolved: '#A8A4A2',
+    alias: 'Scandic/Grey/40',
+  },
+  'Component/Button/Brand/Secondary/Border/Default': {
+    resolved: '#4D001B',
+    alias: 'Scandic/Red/100',
+  },
+  'Component/Button/Brand/Secondary/Border/Hover': {
+    resolved: '#8F4350',
+    alias: 'Scandic/Peach/80',
+  },
+  'Component/Button/Brand/Secondary/Border/Inverted': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Brand/Secondary/Border/Hover inverted': {
+    resolved: '#eee4e5',
+  },
+  'Component/Button/Brand/Secondary/Border/Disabled': {
+    resolved: '#1F1C1B1A',
+    alias: 'Neutral/Opacity/Black/10',
+  },
+  'Component/Button/Brand/Tertiary/Default': {
+    resolved: '#4D001B',
+    alias: 'Scandic/Red/100',
+  },
+  'Component/Button/Brand/Tertiary/Hover': { resolved: '#601e2d' },
+  'Component/Button/Brand/Tertiary/Disabled': {
+    resolved: '#1F1C1B1A',
+    alias: 'Neutral/Opacity/Black/10',
+  },
+  'Component/Button/Brand/Tertiary/On fill/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Brand/Tertiary/On fill/Hover': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Brand/Tertiary/On fill/Disabled': {
+    resolved: '#A8A4A2',
+    alias: 'Scandic/Grey/40',
+  },
+  'Component/Button/Brand/Tertiary/Border/Default': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Brand/Tertiary/Border/Hover': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Brand/Tertiary/Border/Disabled': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Inverted/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Inverted/Faded': {
+    resolved: '#FFFFFFE6',
+    alias: 'Neutral/Opacity/White/90',
+  },
+  'Component/Button/Inverted/Hover': { resolved: '#f2f2f2' },
+  'Component/Button/Inverted/Hover Inverted': {
+    resolved: '#4D001B',
+    alias: 'Scandic/Red/100',
+  },
+  'Component/Button/Inverted/Disabled': {
+    resolved: '#1F1C1B1A',
+    alias: 'Neutral/Opacity/Black/10',
+  },
+  'Component/Button/Inverted/On fill/Default': {
+    resolved: '#4D001B',
+    alias: 'Scandic/Red/100',
+  },
+  'Component/Button/Inverted/On fill/Hover': { resolved: '#601e2d' },
+  'Component/Button/Inverted/On fill/Hover inverted': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Inverted/On fill/Disabled': {
+    resolved: '#A8A4A2',
+    alias: 'Scandic/Grey/40',
+  },
+  'Component/Button/Inverted/Border/Default': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Inverted/Border/Hover': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Inverted/Border/Disable': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Border/Interactive/Default': {
+    resolved: '#9C8A7E',
+    alias: 'Scandic/Beige/50',
+  },
+  'Border/Divider/Default': { resolved: '#E3D9D1', alias: 'Scandic/Beige/20' },
+  'Border/Divider/Subtle': { resolved: '#F2ECE6', alias: 'Scandic/Beige/10' },
+  'Border/Divider/Accent': { resolved: '#F0C1B6', alias: 'Scandic/Peach/30' },
+  'Border/Divider/Brand/OnPrimary 1/Default': {
+    resolved: '#E9ABA3',
+    alias: 'Scandic/Peach/40',
+  },
+  'Border/Divider/Brand/OnPrimary 1/Secondary': {
+    resolved: '#642636',
+    alias: 'Scandic/Peach/90',
+  },
+  'Border/Divider/Brand/OnPrimary 2/Default': {
+    resolved: '#AD0015',
+    alias: 'Scandic/Red/70',
+  },
+  'Border/Divider/Brand/OnPrimary 3/Default': {
+    resolved: '#8F4350',
+    alias: 'Scandic/Peach/80',
+  },
+  'Border/Interactive/Selected': {
+    resolved: '#6B584D',
+    alias: 'Scandic/Beige/70',
+  },
+  'Border/Interactive/Focus': {
+    resolved: '#26201E',
+    alias: 'Scandic/Grey/100',
+  },
+  'Border/Interactive/Disabled': {
+    resolved: '#A8A4A2',
+    alias: 'Scandic/Grey/40',
+  },
+  'Border/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
+  'Border/Interactive/KeyboardFocus': {
+    resolved: '#5B8FD4',
+    alias: 'Scandic/Blue/50',
+  },
+  'Component/Button/Muted/Default': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Muted/Hover': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/5',
+  },
+  'Component/Button/Muted/Disabled': {
+    resolved: '#FFFFFF1A',
+    alias: 'Neutral/Opacity/White/10',
+  },
+  'Component/Button/Muted/Hover inverted': {
+    resolved: '#1F1C1B0D',
+    alias: 'Neutral/Opacity/Black/5',
+  },
+  'Component/Button/Muted/Disabled inverted': {
+    resolved: '#1F1C1B1A',
+    alias: 'Neutral/Opacity/Black/10',
+  },
+  'Component/Button/Muted/On fill/Default': {
+    resolved: '#26201E',
+    alias: 'Scandic/Grey/100',
+  },
+  'Component/Button/Muted/On fill/Inverted': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Muted/On fill/Hover Inverted': {
+    resolved: '#6D000D',
+    alias: 'Scandic/Red/90',
+  },
+  'Component/Button/Muted/On fill/Disabled': {
+    resolved: '#A8A4A2',
+    alias: 'Scandic/Grey/40',
+  },
+  'Component/Button/Muted/Border/Default': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Muted/Border/Hover': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Muted/Border/Disable': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+} as const
+export const scandicGo = {
+  'Scandic Go/Beige/00': { resolved: '#FFFEFA' },
+  'Scandic Go/Beige/0': { resolved: '#FAF8F2' },
+  'Scandic Go/Beige/10': { resolved: '#F0EDE4' },
+  'Scandic Go/Beige/20': { resolved: '#E0DCCE' },
+  'Scandic Go/Beige/30': { resolved: '#C8C4B6' },
+  'Scandic Go/Beige/40': { resolved: '#B0ACA0' },
+  'Scandic Go/Beige/50': { resolved: '#918F83' },
+  'Scandic Go/Beige/60': { resolved: '#78766D' },
+  'Scandic Go/Beige/70': { resolved: '#63615A' },
+  'Scandic Go/Beige/80': { resolved: '#4F4D49' },
+  'Scandic Go/Beige/90': { resolved: '#373633' },
+  'Scandic Go/Beige/100': { resolved: '#1F1E1D' },
+  'Scandic Go/Purple/00': { resolved: '#F4F2FF' },
+  'Scandic Go/Purple/10': { resolved: '#DCD7FF' },
+  'Scandic Go/Purple/20': { resolved: '#CABFFC' },
+  'Scandic Go/Purple/30': { resolved: '#BAA7F7' },
+  'Scandic Go/Purple/40': { resolved: '#AB8EF0' },
+  'Scandic Go/Purple/50': { resolved: '#9C75E6' },
+  'Scandic Go/Purple/60': { resolved: '#8C5BD5' },
+  'Scandic Go/Purple/70': { resolved: '#733CB2' },
+  'Scandic Go/Purple/80': { resolved: '#5E2A8C' },
+  'Scandic Go/Purple/90': { resolved: '#451F61' },
+  'Scandic Go/Purple/100': { resolved: '#2D163A' },
+  'Scandic Go/Yellow/00': { resolved: '#FDFFE8' },
+  'Scandic Go/Yellow/10': { resolved: '#FAFFC4' },
+  'Scandic Go/Yellow/20': { resolved: '#F8FF9C' },
+  'Scandic Go/Yellow/30': { resolved: '#F5FF73' },
+  'Scandic Go/Yellow/40': { resolved: '#EDEA39' },
+  'Scandic Go/Yellow/50': { resolved: '#DEC614' },
+  'Scandic Go/Yellow/60': { resolved: '#BA8D07' },
+  'Scandic Go/Yellow/70': { resolved: '#966400' },
+  'Scandic Go/Yellow/80': { resolved: '#754403' },
+  'Scandic Go/Yellow/90': { resolved: '#572701' },
+  'Scandic Go/Yellow/100': { resolved: '#3B1300' },
+  'Scandic Go/Green/00': { resolved: '#EDFFE5' },
+  'Scandic Go/Green/10': { resolved: '#CDFFB8' },
+  'Scandic Go/Green/20': { resolved: '#A7FF82' },
+  'Scandic Go/Green/30': { resolved: '#85FF52' },
+  'Scandic Go/Green/40': { resolved: '#66E03A' },
+  'Scandic Go/Green/50': { resolved: '#45B222' },
+  'Scandic Go/Green/60': { resolved: '#2E7F18' },
+  'Scandic Go/Green/70': { resolved: '#2A601E' },
+  'Scandic Go/Green/80': { resolved: '#26461F' },
+  'Scandic Go/Green/90': { resolved: '#21331F' },
+  'Scandic Go/Green/100': { resolved: '#162115' },
+  'Scandic Go/Cyan/20': { resolved: '#73FCEE' },
+  'Scandic Go/Coral/50': { resolved: '#FA3737' },
+  'Scandic Go/Powder Rose/50': { resolved: '#ECC8C9' },
+  'Title/lg/Letter spacing': { resolved: 0.48 },
+  'Title/lg/Font fallback': { resolved: 'sans-serif' },
+  'Title/lg/Text-Transform': { resolved: 'unset' },
+  'Title/md/Letter spacing': { resolved: 0.36 },
+  'Title/md/Font fallback': { resolved: 'sans-serif' },
+  'Title/sm/Letter spacing': { resolved: 0.42 },
+  'Title/sm/Font fallback': { resolved: 'sans-serif' },
+  'Title/sm/Text-Transform': { resolved: 'unset' },
+  'Title/Decorative/lg/Letter spacing': { resolved: 0.32 },
+  'Title/Decorative/lg/Font fallback': { resolved: 'Serif' },
+  'Title/Decorative/lg/Text-Transform': { resolved: 'unset' },
+  'Title/Decorative/md/Letter spacing': { resolved: 0.48 },
+  'Title/Decorative/md/Font fallback': { resolved: 'Serif' },
+  'Title/Decorative/md/Text-Transform': { resolved: 'unset' },
+  'Title/Subtitle/lg/Font fallback': { resolved: 'sans-serif' },
+  'Title/Subtitle/lg/Letter spacing': { resolved: 0.24 },
+  'Title/Subtitle/md/Font fallback': { resolved: 'sans-serif' },
+  'Title/Subtitle/md/Letter spacing': { resolved: 0.2 },
+  'Title/Overline/sm/Letter spacing': { resolved: 0.21 },
+  'Title/Overline/sm/Font fallback': { resolved: 'sans-serif' },
+  'Title/Overline/sm/Text-Transform': { resolved: 'unset' },
+  'Title/sm/LowCase/Letter spacing': { resolved: 0.42 },
+  'Title/sm/LowCase/Font fallback': { resolved: 'sans-serif' },
+  'Title/sm/LowCase/Text-Transform': { resolved: 'unset' },
+  'Title/xs/Letter spacing': { resolved: 0.36 },
+  'Title/xs/Font fallback': { resolved: 'sans-serif' },
+  'Title/xs/Text-Transform': { resolved: 'unset' },
+  'Title/md/Text-Transform': { resolved: 'unset' },
+  'Title/md/LowCase/Letter spacing': { resolved: 0.36 },
+  'Title/md/LowCase/Font fallback': { resolved: 'sans-serif' },
+  'Title/md/LowCase/Text-Transform': { resolved: 'unset' },
+  'Tag/Letter spacing': { resolved: 0.24 },
+  'Tag/Font fallback': { resolved: 'sans-serif' },
+  'Tag/Text-Transform': { resolved: 'unset' },
+  'Link/md/Font fallback': { resolved: 'sans-serif' },
+  'Link/md/Letter spacing': { resolved: 0.19 },
+  'Link/sm/Font fallback': { resolved: 'sans-serif' },
+  'Link/sm/Letter spacing': { resolved: 0.2 },
+  'Body/Lead text/Font fallback': { resolved: 'sans-serif' },
+  'Body/Paragraph/Font fallback': { resolved: 'sans-serif' },
+  'Body/Paragraph/Letter spacing': { resolved: 0.19 },
+  'Body/Supporting text/Font fallback': { resolved: 'sans-serif' },
+  'Body/Supporting text/Letter spacing': { resolved: 0.2 },
+  'Body/Lead text/Letter spacing': { resolved: 0.2 },
+  'Label/Font fallback': { resolved: 'sans-serif' },
+  'Label/Letter spacing': { resolved: 0.17 },
+  'Body/Underline/md/Font fallback': { resolved: 'sans-serif' },
+  'Body/Underline/md/Letter spacing': { resolved: 0.19 },
+  'Body/Underline/sm/Font fallback': { resolved: 'sans-serif' },
+  'Body/Underline/sm/Letter spacing': { resolved: 0.2 },
+  'Utilities/Gradients/10': { resolved: '#2D163A1A' },
+  'Font family/Scandic Go/Title': { resolved: 'Neue Haas Grotesk Display Pro' },
+  'Font family/Scandic Go/Body': { resolved: 'Fira sans' },
+  'Font family/Scandic Go/Decorative': { resolved: 'ITC Garamond Std' },
+  'Title/lg/Size': { resolved: '', alias: 'Impl-Text size/4xl' },
+  'Title/lg/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
+  'Title/lg/Font family': {
+    resolved: 'Neue Haas Grotesk Display Pro',
+    alias: 'Font family/Scandic Go/Title',
+  },
+  'Title/md/Size': { resolved: '', alias: 'Impl-Text size/2xl' },
+  'Title/md/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
+  'Title/md/Font family': {
+    resolved: 'Neue Haas Grotesk Display Pro',
+    alias: 'Font family/Scandic Go/Title',
+  },
+  'Title/sm/Size': { resolved: '', alias: 'Impl-Text size/lg' },
+  'Title/sm/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
+  'Title/sm/Font family': {
+    resolved: 'Neue Haas Grotesk Display Pro',
+    alias: 'Font family/Scandic Go/Title',
+  },
+  'Title/sm/LowCase/Size': { resolved: '', alias: 'Impl-Text size/lg' },
+  'Title/sm/LowCase/Font weight': {
+    resolved: 500,
+    alias: 'Font weight/Medium',
+  },
+  'Title/xs/Size': { resolved: '', alias: 'Impl-Text size/sm' },
+  'Title/sm/LowCase/Font family': {
+    resolved: 'Neue Haas Grotesk Display Pro',
+    alias: 'Font family/Scandic Go/Title',
+  },
+  'Title/Decorative/lg/Size': { resolved: '', alias: 'Impl-Text size/xl' },
+  'Title/Decorative/lg/Font weight': {
+    resolved: 500,
+    alias: 'Font weight/Medium',
+  },
+  'Title/Decorative/lg/Font family': {
+    resolved: 'ITC Garamond Std',
+    alias: 'Font family/Scandic Go/Decorative',
+  },
+  'Title/Decorative/md/Size': { resolved: '', alias: 'Impl-Text size/sm' },
+  'Title/Decorative/md/Font weight': {
+    resolved: 500,
+    alias: 'Font weight/Medium',
+  },
+  'Title/Decorative/md/Font family': {
+    resolved: 'ITC Garamond Std',
+    alias: 'Font family/Scandic Go/Decorative',
+  },
+  'Title/Subtitle/lg/Size': { resolved: '', alias: 'Impl-Text size/sm' },
+  'Title/Subtitle/lg/Font weight': {
+    resolved: 500,
+    alias: 'Font weight/Medium',
+  },
+  'Title/Subtitle/lg/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Scandic Go/Body',
+  },
+  'Title/Subtitle/md/Size': { resolved: '', alias: 'Impl-Text size/xs' },
+  'Title/Subtitle/md/Font weight': {
+    resolved: 500,
+    alias: 'Font weight/Medium',
+  },
+  'Title/Subtitle/md/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Scandic Go/Body',
+  },
+  'Title/Overline/sm/Size': { resolved: '', alias: 'Impl-Text size/2xs' },
+  'Title/Overline/sm/Font weight': {
+    resolved: 500,
+    alias: 'Font weight/Medium',
+  },
+  'Title/Overline/sm/Font family': {
+    resolved: 'Neue Haas Grotesk Display Pro',
+    alias: 'Font family/Scandic Go/Title',
+  },
+  'Title/xs/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
+  'Title/xs/Font family': {
+    resolved: 'Neue Haas Grotesk Display Pro',
+    alias: 'Font family/Scandic Go/Title',
+  },
+  'Title/md/LowCase/Size': { resolved: '', alias: 'Impl-Text size/2xl' },
+  'Title/md/LowCase/Font weight': {
+    resolved: 500,
+    alias: 'Font weight/Medium',
+  },
+  'Title/md/LowCase/Font family': {
+    resolved: 'Brandon Text',
+    alias: 'Font family/Title',
+  },
+  'Body/Lead text/Size': { resolved: '', alias: 'Impl-Text size/xs' },
+  'Tag/Size': { resolved: '', alias: 'Impl-Text size/5xs' },
+  'Tag/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
+  'Tag/Font family': {
+    resolved: 'Neue Haas Grotesk Display Pro',
+    alias: 'Font family/Scandic Go/Title',
+  },
+  'Link/md/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
+  'Link/md/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
+  'Link/md/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Scandic Go/Body',
+  },
+  'Link/sm/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
+  'Link/sm/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
+  'Link/sm/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Scandic Go/Body',
+  },
+  'Body/Lead text/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
+  'Body/Lead text/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Scandic Go/Body',
+  },
+  'Body/Paragraph/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
+  'Body/Paragraph/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
+  'Body/Paragraph/Font weight 2': {
+    resolved: 500,
+    alias: 'Font weight/Medium',
+  },
+  'Body/Paragraph/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Scandic Go/Body',
+  },
+  'Body/Supporting text/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
+  'Body/Supporting text/Font weight': {
+    resolved: 400,
+    alias: 'Font weight/Regular',
+  },
+  'Body/Supporting text/Font weight 2': {
+    resolved: 500,
+    alias: 'Font weight/Medium',
+  },
+  'Body/Supporting text/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Scandic Go/Body',
+  },
+  'Label/Size': { resolved: '', alias: 'Impl-Text size/5xs' },
+  'Label/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
+  'Label/Font weight 2': { resolved: 500, alias: 'Font weight/Medium' },
+  'Label/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Scandic Go/Body',
+  },
+  'Body/Underline/md/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
+  'Body/Underline/md/Font weight': {
+    resolved: 400,
+    alias: 'Font weight/Regular',
+  },
+  'Body/Underline/md/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Scandic Go/Body',
+  },
+  'Body/Underline/sm/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
+  'Body/Underline/sm/Font weight': {
+    resolved: 400,
+    alias: 'Font weight/Regular',
+  },
+  'Body/Underline/sm/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Scandic Go/Body',
+  },
+  'Text/Heading': { resolved: '#2D163A', alias: 'Scandic Go/Purple/100' },
+  'Text/Default': { resolved: '#1F1F1F', alias: 'Neutral/90' },
+  'Text/Secondary': { resolved: '#575757', alias: 'Neutral/60' },
+  'Text/Tertiary': { resolved: '#747474', alias: 'Neutral/50' },
+  'Text/Accent Primary': {
+    resolved: '#2D163A',
+    alias: 'Scandic Go/Purple/100',
+  },
+  'Text/Accent Secondary': {
+    resolved: '#5E2A8C',
+    alias: 'Scandic Go/Purple/80',
+  },
+  'Text/Inverted': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100' },
+  'Text/Interactive/Default': {
+    resolved: '#2D163A',
+    alias: 'Scandic Go/Purple/100',
+  },
+  'Text/Interactive/Secondary': {
+    resolved: '#5E2A8C',
+    alias: 'Scandic Go/Purple/80',
+  },
+  'Text/Interactive/Hover Secondary': {
+    resolved: '#2D163A',
+    alias: 'Scandic Go/Purple/100',
+  },
+  'Text/Interactive/Disabled': { resolved: '#8C8C8C', alias: 'Neutral/40' },
+  'Text/Interactive/Focus': { resolved: '#262626', alias: 'Neutral/80' },
+  'Text/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
+  'Text/Interactive/Placeholder': { resolved: '#747474', alias: 'Neutral/50' },
+  'Text/Brand/OnAccent/Heading': {
+    resolved: '#2D163A',
+    alias: 'Scandic Go/Purple/100',
+  },
+  'Text/Brand/OnAccent/Default': {
+    resolved: '#2D163A',
+    alias: 'Scandic Go/Purple/100',
+  },
+  'Text/Brand/OnAccent/Accent': {
+    resolved: '#2D163A',
+    alias: 'Scandic Go/Purple/100',
+  },
+  'Text/Brand/OnPrimary 1/Heading': {
+    resolved: '#2D163A',
+    alias: 'Scandic Go/Purple/100',
+  },
+  'Text/Brand/OnPrimary 1/Default': {
+    resolved: '#2D163A',
+    alias: 'Scandic Go/Purple/100',
+  },
+  'Text/Brand/OnPrimary 1/Accent': {
+    resolved: '#2D163A',
+    alias: 'Scandic Go/Purple/100',
+  },
+  'Text/Brand/OnPrimary 2/Heading': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Text/Brand/OnPrimary 2/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Text/Brand/OnPrimary 2/Accent': {
+    resolved: '#DCD7FF',
+    alias: 'Scandic Go/Purple/10',
+  },
+  'Text/Brand/OnPrimary 3/Heading': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Text/Brand/OnPrimary 3/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Text/Brand/OnPrimary 3/Accent': {
+    resolved: '#DCD7FF',
+    alias: 'Scandic Go/Purple/10',
+  },
+  'Background/Primary': { resolved: '#FFFEFA', alias: 'Scandic Go/Beige/00' },
+  'Background/Secondary': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Surface/Primary/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Surface/Primary/Hover': { resolved: '#f2f2f2' },
+  'Surface/Primary/Hover Light': { resolved: '#e6e5e5' },
+  'Surface/Primary/Hover Accent': {
+    resolved: '#DCD7FF',
+    alias: 'Scandic Go/Purple/10',
+  },
+  'Surface/Primary/OnSurface/Default': {
+    resolved: '#FAF8F2',
+    alias: 'Scandic Go/Beige/0',
+  },
+  'Surface/Primary/Disabled': { resolved: '#E9E9E9', alias: 'Neutral/15' },
+  'Surface/Secondary/Default': {
+    resolved: '#F0EDE4',
+    alias: 'Scandic Go/Beige/10',
+  },
+  'Surface/Secondary/Secondary': {
+    resolved: '#F0EDE4',
+    alias: 'Scandic Go/Beige/10',
+  },
+  'Surface/Secondary/Hover': { resolved: '#e4e1d9' },
+  'Surface/Brand/Accent/Default': {
+    resolved: '#F5FF73',
+    alias: 'Scandic Go/Yellow/30',
+  },
+  'Surface/Brand/Primary 1/Default': {
+    resolved: '#DCD7FF',
+    alias: 'Scandic Go/Purple/10',
+  },
+  'Surface/Brand/Primary 1/OnSurface/Default': {
+    resolved: '#2D163A',
+    alias: 'Scandic Go/Purple/100',
+  },
+  'Surface/Brand/Primary 1/OnSurface/Accent': {
+    resolved: '#FA3737',
+    alias: 'Scandic Go/Coral/50',
+  },
+  'Surface/Brand/Primary 1/OnSurface/Accent Secondary': {
+    resolved: '#F5FF73',
+    alias: 'Scandic Go/Yellow/30',
+  },
+  'Surface/Brand/Primary 2/Default': {
+    resolved: '#21331F',
+    alias: 'Scandic Go/Green/90',
+  },
+  'Surface/Brand/Primary 2/OnSurface/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Surface/Brand/Primary 2/OnSurface/Accent': {
+    resolved: '#85FF52',
+    alias: 'Scandic Go/Green/30',
+  },
+  'Surface/Brand/Primary 3/Default': {
+    resolved: '#2D163A',
+    alias: 'Scandic Go/Purple/100',
+  },
+  'Surface/Brand/Primary 3/OnSurface/Default': {
+    resolved: '#DCD7FF',
+    alias: 'Scandic Go/Purple/10',
+  },
+  'Surface/Brand/Primary 3/OnSurface/Accent': {
+    resolved: '#73FCEE',
+    alias: 'Scandic Go/Cyan/20',
+  },
+  'Surface/UI Fill/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Surface/UI Fill/Intense': { resolved: '#262626', alias: 'Neutral/80' },
+  'Surface/UI Fill/Active': { resolved: '#262626', alias: 'Neutral/80' },
+  'Surface/UI Fill/Active Hover': { resolved: '#e6e5e5' },
+  'Surface/UI Fill/Disabled': { resolved: '#E9E9E9', alias: 'Neutral/15' },
+  'Surface/Accent/1': { resolved: '#FA3737', alias: 'Scandic Go/Coral/50' },
+  'Surface/Accent/2': { resolved: '#73FCEE', alias: 'Scandic Go/Cyan/20' },
+  'Surface/Accent/3': { resolved: '#85FF52', alias: 'Scandic Go/Green/30' },
+  'Surface/Accent/4': { resolved: '#DCD7FF', alias: 'Scandic Go/Purple/10' },
+  'Surface/Accent/5': {
+    resolved: '#ECC8C9',
+    alias: 'Scandic Go/Powder Rose/50',
+  },
+  'Surface/Feedback/Information Accent': {
+    resolved: '#284EA0',
+    alias: 'Scandic/Blue/70',
+  },
+  'Surface/Feedback/Information': {
+    resolved: '#E8F6FF',
+    alias: 'Scandic/Blue/00',
+  },
+  'Surface/Feedback/Succes Accent': {
+    resolved: '#348337',
+    alias: 'Scandic/Green/60',
+  },
+  'Surface/Feedback/Succes': { resolved: '#F3FCE8', alias: 'Scandic/Green/00' },
+  'Surface/Feedback/Warning Accent': {
+    resolved: '#D17308',
+    alias: 'Scandic/Yellow/60',
+  },
+  'Surface/Feedback/Warning  Light': {
+    resolved: '#FFF8E3',
+    alias: 'Scandic/Yellow/00',
+  },
+  'Surface/Feedback/Error Accent': {
+    resolved: '#AD0015',
+    alias: 'Scandic/Red/70',
+  },
+  'Surface/Feedback/Error': { resolved: '#FFEBEB', alias: 'Scandic/Red/00' },
+  'Surface/Feedback/Neutral Accent': {
+    resolved: '#747474',
+    alias: 'Neutral/50',
+  },
+  'Surface/Feedback/Neutral': { resolved: '#E9E9E9', alias: 'Neutral/15' },
+  'Border/Default': { resolved: '#D9D9D9', alias: 'Neutral/20' },
+  'Border/Intense': { resolved: '#BFBFBF', alias: 'Neutral/30' },
+  'Border/Inverted': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Icon/Default': { resolved: '#575757', alias: 'Neutral/60' },
+  'Icon/Intense': { resolved: '#1F1F1F', alias: 'Neutral/90' },
+  'Icon/Accent': { resolved: '#FA3737', alias: 'Scandic Go/Coral/50' },
+  'Icon/Interactive/Default': {
+    resolved: '#2D163A',
+    alias: 'Scandic Go/Purple/100',
+  },
+  'Icon/Interactive/Secondary': {
+    resolved: '#5E2A8C',
+    alias: 'Scandic Go/Purple/80',
+  },
+  'Icon/Interactive/Disabled': { resolved: '#BFBFBF', alias: 'Neutral/30' },
+  'Icon/Interactive/Placeholder': { resolved: '#747474', alias: 'Neutral/50' },
+  'Icon/Feedback/Information': {
+    resolved: '#284EA0',
+    alias: 'Scandic/Blue/70',
+  },
+  'Icon/Feedback/Success': { resolved: '#348337', alias: 'Scandic/Green/60' },
+  'Icon/Feedback/Warning': { resolved: '#D17308', alias: 'Scandic/Yellow/60' },
+  'Icon/Feedback/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
+  'Icon/Feedback/Neutral': { resolved: '#57514E', alias: 'Scandic/Grey/80' },
+  'Icon/Inverted': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100' },
+  'Overlay/10': { resolved: '#1F1C1B1A', alias: 'Neutral/Opacity/Black/10' },
+  'Overlay/20': { resolved: '#1F1C1B33', alias: 'Neutral/Opacity/Black/20' },
+  'Overlay/40': { resolved: '#1F1C1B66', alias: 'Neutral/Opacity/Black/40' },
+  'Overlay/60': { resolved: '#1F1C1B99', alias: 'Neutral/Opacity/Black/60' },
+  'Overlay/80': { resolved: '#1F1C1BCC', alias: 'Neutral/Opacity/Black/80' },
+  'Overlay/90': { resolved: '#1F1C1BE6', alias: 'Neutral/Opacity/Black/90' },
+  'Component/Button/Brand/Primary/Default': {
+    resolved: '#DCD7FF',
+    alias: 'Scandic Go/Purple/10',
+  },
+  'Component/Button/Brand/Primary/Hover': { resolved: '#c7c2e5' },
+  'Component/Button/Brand/Primary/Disabled': {
+    resolved: '#1F1C1B1A',
+    alias: 'Neutral/Opacity/Black/10',
+  },
+  'Component/Button/Brand/Primary/On fill/Default': {
+    resolved: '#2D163A',
+    alias: 'Scandic Go/Purple/100',
+  },
+  'Component/Button/Brand/Primary/On fill/Hover': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Brand/Primary/On fill/Disabled': {
+    resolved: '#8C8C8C',
+    alias: 'Neutral/40',
+  },
+  'Component/Button/Brand/Primary/Border/Default': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Brand/Primary/Border/Hover': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Brand/Primary/Border/Disabled': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Brand/Secondary/Default': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Brand/Secondary/Hover': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Brand/Secondary/Inverted': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Brand/Secondary/Hover Inverted': {
+    resolved: '#2D163A',
+    alias: 'Scandic Go/Purple/100',
+  },
+  'Component/Button/Brand/Secondary/Disabled': {
+    resolved: '#1F1C1B1A',
+    alias: 'Neutral/Opacity/Black/10',
+  },
+  'Component/Button/Brand/Secondary/On fill/Default': {
+    resolved: '#2D163A',
+    alias: 'Scandic Go/Purple/100',
+  },
+  'Component/Button/Brand/Secondary/On fill/Hover': {
+    resolved: '#5E2A8C',
+    alias: 'Scandic Go/Purple/80',
+  },
+  'Component/Button/Brand/Secondary/On fill/Inverted': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Brand/Secondary/On fill/Disabled': {
+    resolved: '#8C8C8C',
+    alias: 'Neutral/40',
+  },
+  'Component/Button/Brand/Secondary/Border/Default': {
+    resolved: '#2D163A',
+    alias: 'Scandic Go/Purple/100',
+  },
+  'Component/Button/Brand/Secondary/Border/Hover': {
+    resolved: '#5E2A8C',
+    alias: 'Scandic Go/Purple/80',
+  },
+  'Component/Button/Brand/Secondary/Border/Inverted': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Brand/Secondary/Border/Hover inverted': {
+    resolved: '#e8e5e9',
+  },
+  'Component/Button/Brand/Secondary/Border/Disabled': {
+    resolved: '#1F1C1B1A',
+    alias: 'Neutral/Opacity/Black/10',
+  },
+  'Component/Button/Brand/Tertiary/Default': {
+    resolved: '#2D163A',
+    alias: 'Scandic Go/Purple/100',
+  },
+  'Component/Button/Brand/Tertiary/Hover': { resolved: '#402a4b' },
+  'Component/Button/Brand/Tertiary/Disabled': {
+    resolved: '#1F1C1B1A',
+    alias: 'Neutral/Opacity/Black/10',
+  },
+  'Component/Button/Brand/Tertiary/On fill/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Brand/Tertiary/On fill/Hover': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Brand/Tertiary/On fill/Disabled': {
+    resolved: '#8C8C8C',
+    alias: 'Neutral/40',
+  },
+  'Component/Button/Brand/Tertiary/Border/Default': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Brand/Tertiary/Border/Hover': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Brand/Tertiary/Border/Disabled': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Inverted/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Inverted/Faded': {
+    resolved: '#FFFFFFE6',
+    alias: 'Neutral/Opacity/White/90',
+  },
+  'Component/Button/Inverted/Hover': { resolved: '#f2f2f2' },
+  'Component/Button/Inverted/Hover Inverted': {
+    resolved: '#DCD7FF',
+    alias: 'Scandic Go/Purple/10',
+  },
+  'Component/Button/Inverted/Disabled': {
+    resolved: '#1F1C1B1A',
+    alias: 'Neutral/Opacity/Black/10',
+  },
+  'Component/Button/Inverted/On fill/Default': {
+    resolved: '#2D163A',
+    alias: 'Scandic Go/Purple/100',
+  },
+  'Component/Button/Inverted/On fill/Hover': { resolved: '#402a4b' },
+  'Component/Button/Inverted/On fill/Hover inverted': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Inverted/On fill/Disabled': {
+    resolved: '#8C8C8C',
+    alias: 'Neutral/40',
+  },
+  'Component/Button/Inverted/Border/Default': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Inverted/Border/Hover': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Inverted/Border/Disable': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Border/Interactive/Default': { resolved: '#BFBFBF', alias: 'Neutral/30' },
+  'Border/Divider/Default': { resolved: '#D9D9D9', alias: 'Neutral/20' },
+  'Border/Divider/Subtle': { resolved: '#E9E9E9', alias: 'Neutral/15' },
+  'Border/Divider/Accent': { resolved: '#BFBFBF', alias: 'Neutral/30' },
+  'Border/Divider/Brand/OnPrimary 1/Default': {
+    resolved: '#2D163A',
+    alias: 'Scandic Go/Purple/100',
+  },
+  'Border/Divider/Brand/OnPrimary 1/Secondary': {
+    resolved: '#2D163A',
+    alias: 'Scandic Go/Purple/100',
+  },
+  'Border/Divider/Brand/OnPrimary 2/Default': {
+    resolved: '#85FF52',
+    alias: 'Scandic Go/Green/30',
+  },
+  'Border/Divider/Brand/OnPrimary 3/Default': {
+    resolved: '#DCD7FF',
+    alias: 'Scandic Go/Purple/10',
+  },
+  'Border/Interactive/Selected': { resolved: '#262626', alias: 'Neutral/80' },
+  'Border/Interactive/Focus': { resolved: '#262626', alias: 'Neutral/80' },
+  'Border/Interactive/Disabled': { resolved: '#8C8C8C', alias: 'Neutral/40' },
+  'Border/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
+  'Border/Interactive/KeyboardFocus': {
+    resolved: '#5B8FD4',
+    alias: 'Scandic/Blue/50',
+  },
+  'Component/Button/Muted/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Muted/Hover': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/5',
+  },
+  'Component/Button/Muted/Disabled': {
+    resolved: '#FFFFFF1A',
+    alias: 'Neutral/Opacity/White/10',
+  },
+  'Component/Button/Muted/Hover inverted': { resolved: '#f2f2f2' },
+  'Component/Button/Muted/Disabled inverted': {
+    resolved: '#D9D9D9',
+    alias: 'Neutral/20',
+  },
+  'Component/Button/Muted/On fill/Default': {
+    resolved: '#1F1F1F',
+    alias: 'Neutral/90',
+  },
+  'Component/Button/Muted/On fill/Inverted': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Muted/On fill/Hover Inverted': {
+    resolved: '#5E2A8C',
+    alias: 'Scandic Go/Purple/80',
+  },
+  'Component/Button/Muted/On fill/Disabled': {
+    resolved: '#8C8C8C',
+    alias: 'Neutral/40',
+  },
+  'Component/Button/Muted/Border/Default': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Muted/Border/Hover': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Muted/Border/Disable': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+} as const
+export const downtownCamper = {
+  'Signature/Downtown Camper/Lunar green/0': { resolved: '#F3F4F1' },
+  'Signature/Downtown Camper/Lunar green/10': { resolved: '#E4E7E0' },
+  'Signature/Downtown Camper/Lunar green/20': { resolved: '#CCD2C4' },
+  'Signature/Downtown Camper/Lunar green/30': { resolved: '#ACB6A0' },
+  'Signature/Downtown Camper/Lunar green/40': { resolved: '#8E9B80' },
+  'Signature/Downtown Camper/Lunar green/50': { resolved: '#717F63' },
+  'Signature/Downtown Camper/Lunar green/60': { resolved: '#58644C' },
+  'Signature/Downtown Camper/Lunar green/70': { resolved: '#454E3D' },
+  'Signature/Downtown Camper/Lunar green/80': { resolved: '#3C4336' },
+  'Signature/Downtown Camper/Lunar green/90': { resolved: '#33382F' },
+  'Signature/Downtown Camper/Lunar green/100': { resolved: '#191D16' },
+  'Signature/Downtown Camper/Russet/0': { resolved: '#FCF9EE' },
+  'Signature/Downtown Camper/Russet/10': { resolved: '#F6EECF' },
+  'Signature/Downtown Camper/Russet/20': { resolved: '#ECDC9B' },
+  'Signature/Downtown Camper/Russet/30': { resolved: '#E3C666' },
+  'Signature/Downtown Camper/Russet/40': { resolved: '#DCB143' },
+  'Signature/Downtown Camper/Russet/50': { resolved: '#D3952D' },
+  'Signature/Downtown Camper/Russet/60': { resolved: '#BB7524' },
+  'Signature/Downtown Camper/Russet/70': { resolved: '#9B5622' },
+  'Signature/Downtown Camper/Russet/80': { resolved: '#834722' },
+  'Signature/Downtown Camper/Russet/90': { resolved: '#69391E' },
+  'Signature/Downtown Camper/Russet/100': { resolved: '#3C1D0C' },
+  'Signature/Downtown Camper/Quicksand/0': { resolved: '#FBF7F5' },
+  'Signature/Downtown Camper/Quicksand/10': { resolved: '#F6EDEA' },
+  'Signature/Downtown Camper/Quicksand/20': { resolved: '#F0DED8' },
+  'Signature/Downtown Camper/Quicksand/30': { resolved: '#E4C7BD' },
+  'Signature/Downtown Camper/Quicksand/40': { resolved: '#D2A697' },
+  'Signature/Downtown Camper/Quicksand/50': { resolved: '#C69382' },
+  'Signature/Downtown Camper/Quicksand/60': { resolved: '#A96D59' },
+  'Signature/Downtown Camper/Quicksand/70': { resolved: '#8D5948' },
+  'Signature/Downtown Camper/Quicksand/80': { resolved: '#764C3E' },
+  'Signature/Downtown Camper/Quicksand/90': { resolved: '#644338' },
+  'Signature/Downtown Camper/Quicksand/100': { resolved: '#35211A' },
+  'Title/lg/Letter spacing': { resolved: 0.12 },
+  'Title/lg/Font fallback': { resolved: 'sans-serif' },
+  'Title/lg/Text-Transform': { resolved: 'unset' },
+  'Title/md/Letter spacing': { resolved: 0.09 },
+  'Title/md/Font fallback': { resolved: 'sans-serif' },
+  'Title/sm/Letter spacing': { resolved: 0.07 },
+  'Title/sm/Font fallback': { resolved: 'sans-serif' },
+  'Title/sm/Text-Transform': { resolved: 'unset' },
+  'Title/Decorative/lg/Letter spacing': { resolved: 0.05 },
+  'Title/Decorative/lg/Font fallback': { resolved: 'sans-serif' },
+  'Title/Decorative/lg/Text-Transform': { resolved: 'uppercase' },
+  'Title/Decorative/md/Letter spacing': { resolved: 0.19 },
+  'Title/Decorative/md/Font fallback': { resolved: 'sans-serif' },
+  'Title/Decorative/md/Text-Transform': { resolved: 'uppercase' },
+  'Title/Subtitle/lg/Font fallback': { resolved: 'sans-serif' },
+  'Title/Subtitle/lg/Letter spacing': { resolved: 0.24 },
+  'Title/Subtitle/md/Font fallback': { resolved: 'sans-serif' },
+  'Title/Subtitle/md/Letter spacing': { resolved: 0.2 },
+  'Title/Overline/sm/Letter spacing': { resolved: 0.21 },
+  'Title/Overline/sm/Font fallback': { resolved: 'sans-serif' },
+  'Title/Overline/sm/Text-Transform': { resolved: 'uppercase' },
+  'Title/sm/LowCase/Letter spacing': { resolved: 0.07 },
+  'Title/sm/LowCase/Font fallback': { resolved: 'sans-serif' },
+  'Title/sm/LowCase/Text-Transform': { resolved: 'unset' },
+  'Title/xs/Letter spacing': { resolved: 0.12 },
+  'Title/xs/Font fallback': { resolved: 'sans-serif' },
+  'Title/xs/Text-Transform': { resolved: 'unset' },
+  'Title/md/Text-Transform': { resolved: 'unset' },
+  'Title/md/LowCase/Letter spacing': { resolved: 0.09 },
+  'Title/md/LowCase/Font fallback': { resolved: 'sans-serif' },
+  'Title/md/LowCase/Text-Transform': { resolved: 'unset' },
+  'Tag/Letter spacing': { resolved: 0.06 },
+  'Tag/Font fallback': { resolved: 'sans-serif' },
+  'Tag/Text-Transform': { resolved: 'unset' },
+  'Link/md/Font fallback': { resolved: 'sans-serif' },
+  'Link/md/Letter spacing': { resolved: 0.19 },
+  'Link/sm/Font fallback': { resolved: 'sans-serif' },
+  'Link/sm/Letter spacing': { resolved: 0.2 },
+  'Body/Lead text/Font fallback': { resolved: 'sans-serif' },
+  'Body/Paragraph/Font fallback': { resolved: 'sans-serif' },
+  'Body/Paragraph/Letter spacing': { resolved: 0.19 },
+  'Body/Supporting text/Font fallback': { resolved: 'sans-serif' },
+  'Body/Supporting text/Letter spacing': { resolved: 0.2 },
+  'Body/Lead text/Letter spacing': { resolved: 0.2 },
+  'Label/Font fallback': { resolved: 'sans-serif' },
+  'Label/Letter spacing': { resolved: 0.17 },
+  'Body/Underline/md/Font fallback': { resolved: 'sans-serif' },
+  'Body/Underline/md/Letter spacing': { resolved: 0.19 },
+  'Body/Underline/sm/Font fallback': { resolved: 'sans-serif' },
+  'Body/Underline/sm/Letter spacing': { resolved: 0.2 },
+  'Surface/Brand/Primary 1/OnSurface/Default': { resolved: '#FFFFFF' },
+  'Surface/Brand/Primary 1/OnSurface/Accent': { resolved: '#FFFFFF' },
+  'Surface/Brand/Primary 1/OnSurface/Accent Secondary': { resolved: '#FFFFFF' },
+  'Surface/Brand/Primary 2/OnSurface/Default': { resolved: '#FFFFFF' },
+  'Surface/Brand/Primary 2/OnSurface/Accent': { resolved: '#FFFFFF' },
+  'Surface/Brand/Primary 3/OnSurface/Default': { resolved: '#FFFFFF' },
+  'Surface/Brand/Primary 3/OnSurface/Accent': { resolved: '#FFFFFF' },
+  'Utilities/Gradients/10': { resolved: '#3C43361A' },
+  'Font family/Downtown Camper/Title': { resolved: 'Gotham' },
+  'Font family/Downtown Camper/Body': { resolved: 'Fira sans' },
+  'Font family/Downtown Camper/Decorative': { resolved: 'Gotham' },
+  'Title/lg/Size': { resolved: '', alias: 'Impl-Text size/4xl' },
+  'Title/lg/Font weight': { resolved: 900, alias: 'Font weight/Black' },
+  'Title/lg/Font family': {
+    resolved: 'Gotham',
+    alias: 'Font family/Downtown Camper/Title',
+  },
+  'Title/md/Size': { resolved: '', alias: 'Impl-Text size/2xl' },
+  'Title/md/Font weight': { resolved: 900, alias: 'Font weight/Black' },
+  'Title/md/Font family': {
+    resolved: 'Gotham',
+    alias: 'Font family/Downtown Camper/Title',
+  },
+  'Title/sm/Size': { resolved: '', alias: 'Impl-Text size/lg' },
+  'Title/sm/Font weight': { resolved: 900, alias: 'Font weight/Black' },
+  'Title/sm/Font family': {
+    resolved: 'Gotham',
+    alias: 'Font family/Downtown Camper/Title',
+  },
+  'Title/sm/LowCase/Size': { resolved: '', alias: 'Impl-Text size/lg' },
+  'Title/sm/LowCase/Font weight': {
+    resolved: 400,
+    alias: 'Font weight/Regular',
+  },
+  'Title/xs/Size': { resolved: '', alias: 'Impl-Text size/sm' },
+  'Title/sm/LowCase/Font family': {
+    resolved: 'Gotham',
+    alias: 'Font family/Downtown Camper/Title',
+  },
+  'Title/Decorative/lg/Size': { resolved: '', alias: 'Impl-Text size/xs' },
+  'Title/Decorative/lg/Font weight': {
+    resolved: 400,
+    alias: 'Font weight/Regular',
+  },
+  'Title/Decorative/lg/Font family': {
+    resolved: 'Gotham',
+    alias: 'Font family/Downtown Camper/Decorative',
+  },
+  'Title/Decorative/md/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
+  'Title/Decorative/md/Font weight': {
+    resolved: 400,
+    alias: 'Font weight/Regular',
+  },
+  'Title/Decorative/md/Font family': {
+    resolved: 'Gotham',
+    alias: 'Font family/Downtown Camper/Decorative',
+  },
+  'Title/Subtitle/lg/Size': { resolved: '', alias: 'Impl-Text size/sm' },
+  'Title/Subtitle/lg/Font weight': {
+    resolved: 500,
+    alias: 'Font weight/Medium',
+  },
+  'Title/Subtitle/lg/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Downtown Camper/Body',
+  },
+  'Title/Subtitle/md/Size': { resolved: '', alias: 'Impl-Text size/xs' },
+  'Title/Subtitle/md/Font weight': {
+    resolved: 500,
+    alias: 'Font weight/Medium',
+  },
+  'Title/Subtitle/md/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Downtown Camper/Body',
+  },
+  'Title/Overline/sm/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
+  'Title/Overline/sm/Font weight': {
+    resolved: 400,
+    alias: 'Font weight/Regular',
+  },
+  'Title/Overline/sm/Font family': {
+    resolved: 'Gotham',
+    alias: 'Font family/Downtown Camper/Title',
+  },
+  'Title/xs/Font weight': { resolved: 900, alias: 'Font weight/Black' },
+  'Title/xs/Font family': {
+    resolved: 'Gotham',
+    alias: 'Font family/Downtown Camper/Title',
+  },
+  'Title/md/LowCase/Size': { resolved: '', alias: 'Impl-Text size/2xl' },
+  'Title/md/LowCase/Font weight': {
+    resolved: 400,
+    alias: 'Font weight/Regular',
+  },
+  'Title/md/LowCase/Font family': {
+    resolved: 'Gotham',
+    alias: 'Font family/Downtown Camper/Title',
+  },
+  'Body/Lead text/Size': { resolved: '', alias: 'Impl-Text size/xs' },
+  'Tag/Size': { resolved: '', alias: 'Impl-Text size/5xs' },
+  'Tag/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
+  'Tag/Font family': {
+    resolved: 'Gotham',
+    alias: 'Font family/Downtown Camper/Title',
+  },
+  'Link/md/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
+  'Link/md/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
+  'Link/md/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Downtown Camper/Body',
+  },
+  'Link/sm/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
+  'Link/sm/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
+  'Link/sm/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Downtown Camper/Body',
+  },
+  'Body/Lead text/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
+  'Body/Lead text/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Downtown Camper/Body',
+  },
+  'Body/Paragraph/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
+  'Body/Paragraph/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
+  'Body/Paragraph/Font weight 2': {
+    resolved: 500,
+    alias: 'Font weight/Medium',
+  },
+  'Body/Paragraph/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Downtown Camper/Body',
+  },
+  'Body/Supporting text/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
+  'Body/Supporting text/Font weight': {
+    resolved: 400,
+    alias: 'Font weight/Regular',
+  },
+  'Body/Supporting text/Font weight 2': {
+    resolved: 500,
+    alias: 'Font weight/Medium',
+  },
+  'Body/Supporting text/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Downtown Camper/Body',
+  },
+  'Label/Size': { resolved: '', alias: 'Impl-Text size/5xs' },
+  'Label/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
+  'Label/Font weight 2': { resolved: 500, alias: 'Font weight/Medium' },
+  'Label/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Downtown Camper/Body',
+  },
+  'Body/Underline/md/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
+  'Body/Underline/md/Font weight': {
+    resolved: 400,
+    alias: 'Font weight/Regular',
+  },
+  'Body/Underline/md/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Downtown Camper/Body',
+  },
+  'Body/Underline/sm/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
+  'Body/Underline/sm/Font weight': {
+    resolved: 400,
+    alias: 'Font weight/Regular',
+  },
+  'Body/Underline/sm/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Downtown Camper/Body',
+  },
+  'Text/Heading': { resolved: '#1F1F1F', alias: 'Neutral/90' },
+  'Text/Default': { resolved: '#1F1F1F', alias: 'Neutral/90' },
+  'Text/Secondary': { resolved: '#575757', alias: 'Neutral/60' },
+  'Text/Tertiary': { resolved: '#747474', alias: 'Neutral/50' },
+  'Text/Accent Primary': {
+    resolved: '#834722',
+    alias: 'Signature/Downtown Camper/Russet/80',
+  },
+  'Text/Accent Secondary': { resolved: '#747474', alias: 'Neutral/50' },
+  'Text/Inverted': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100' },
+  'Text/Interactive/Default': { resolved: '#1F1F1F', alias: 'Neutral/90' },
+  'Text/Interactive/Secondary': {
+    resolved: '#834722',
+    alias: 'Signature/Downtown Camper/Russet/80',
+  },
+  'Text/Interactive/Hover Secondary': {
+    resolved: '#BB7524',
+    alias: 'Signature/Downtown Camper/Russet/60',
+  },
+  'Text/Interactive/Disabled': { resolved: '#8C8C8C', alias: 'Neutral/40' },
+  'Text/Interactive/Focus': { resolved: '#262626', alias: 'Neutral/80' },
+  'Text/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
+  'Text/Interactive/Placeholder': { resolved: '#747474', alias: 'Neutral/50' },
+  'Text/Brand/OnAccent/Heading': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Text/Brand/OnAccent/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Text/Brand/OnAccent/Accent': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Text/Brand/OnPrimary 1/Heading': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Text/Brand/OnPrimary 1/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Text/Brand/OnPrimary 1/Accent': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Text/Brand/OnPrimary 2/Heading': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Text/Brand/OnPrimary 2/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Text/Brand/OnPrimary 2/Accent': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Text/Brand/OnPrimary 3/Heading': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Text/Brand/OnPrimary 3/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Text/Brand/OnPrimary 3/Accent': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Background/Primary': { resolved: '#FCFCFC', alias: 'Neutral/0' },
+  'Background/Secondary': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Surface/Primary/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Surface/Primary/Hover': { resolved: '#f2f2f2' },
+  'Surface/Primary/Hover Light': { resolved: '#e6e5e5' },
+  'Surface/Primary/Hover Accent': { resolved: '#E9E9E9', alias: 'Neutral/15' },
+  'Surface/Primary/OnSurface/Default': {
+    resolved: '#F5F5F5',
+    alias: 'Neutral/5',
+  },
+  'Surface/Primary/Disabled': { resolved: '#E9E9E9', alias: 'Neutral/15' },
+  'Surface/Secondary/Default': { resolved: '#F0F0F0', alias: 'Neutral/10' },
+  'Surface/Secondary/Secondary': { resolved: '#F0F0F0', alias: 'Neutral/10' },
+  'Surface/Secondary/Hover': { resolved: '#e4e4e4' },
+  'Surface/Brand/Accent/Default': {
+    resolved: '#D3952D',
+    alias: 'Signature/Downtown Camper/Russet/50',
+  },
+  'Surface/Brand/Primary 1/Default': {
+    resolved: '#834722',
+    alias: 'Signature/Downtown Camper/Russet/80',
+  },
+  'Surface/Brand/Primary 2/Default': {
+    resolved: '#834722',
+    alias: 'Signature/Downtown Camper/Russet/80',
+  },
+  'Surface/Brand/Primary 3/Default': {
+    resolved: '#3C4336',
+    alias: 'Signature/Downtown Camper/Lunar green/80',
+  },
+  'Surface/UI Fill/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Surface/UI Fill/Intense': { resolved: '#262626', alias: 'Neutral/80' },
+  'Surface/UI Fill/Active': { resolved: '#262626', alias: 'Neutral/80' },
+  'Surface/UI Fill/Active Hover': { resolved: '#ffffff' },
+  'Surface/UI Fill/Disabled': { resolved: '#E9E9E9', alias: 'Neutral/15' },
+  'Surface/Accent/1': {
+    resolved: '#A96D59',
+    alias: 'Signature/Downtown Camper/Quicksand/60',
+  },
+  'Surface/Accent/2': { resolved: '#3F6DBD', alias: 'Scandic/Blue/60' },
+  'Surface/Accent/3': {
+    resolved: '#454E3D',
+    alias: 'Signature/Downtown Camper/Lunar green/70',
+  },
+  'Surface/Accent/4': {
+    resolved: '#D3952D',
+    alias: 'Signature/Downtown Camper/Russet/50',
+  },
+  'Surface/Accent/5': { resolved: '#18347F', alias: 'Scandic/Blue/80' },
+  'Surface/Feedback/Information Accent': {
+    resolved: '#284EA0',
+    alias: 'Scandic/Blue/70',
+  },
+  'Surface/Feedback/Information': {
+    resolved: '#E8F6FF',
+    alias: 'Scandic/Blue/00',
+  },
+  'Surface/Feedback/Succes Accent': {
+    resolved: '#348337',
+    alias: 'Scandic/Green/60',
+  },
+  'Surface/Feedback/Succes': { resolved: '#F3FCE8', alias: 'Scandic/Green/00' },
+  'Surface/Feedback/Warning Accent': {
+    resolved: '#D17308',
+    alias: 'Scandic/Yellow/60',
+  },
+  'Surface/Feedback/Warning  Light': {
+    resolved: '#FFF8E3',
+    alias: 'Scandic/Yellow/00',
+  },
+  'Surface/Feedback/Error Accent': {
+    resolved: '#AD0015',
+    alias: 'Scandic/Red/70',
+  },
+  'Surface/Feedback/Error': { resolved: '#FFEBEB', alias: 'Scandic/Red/00' },
+  'Surface/Feedback/Neutral Accent': {
+    resolved: '#747474',
+    alias: 'Neutral/50',
+  },
+  'Surface/Feedback/Neutral': { resolved: '#E9E9E9', alias: 'Neutral/15' },
+  'Border/Default': { resolved: '#D9D9D9', alias: 'Neutral/20' },
+  'Border/Intense': { resolved: '#BFBFBF', alias: 'Neutral/30' },
+  'Border/Inverted': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Icon/Default': { resolved: '#575757', alias: 'Neutral/60' },
+  'Icon/Intense': { resolved: '#1F1F1F', alias: 'Neutral/90' },
+  'Icon/Accent': {
+    resolved: '#717F63',
+    alias: 'Signature/Downtown Camper/Lunar green/50',
+  },
+  'Icon/Interactive/Default': { resolved: '#1F1F1F', alias: 'Neutral/90' },
+  'Icon/Interactive/Secondary': {
+    resolved: '#834722',
+    alias: 'Signature/Downtown Camper/Russet/80',
+  },
+  'Icon/Interactive/Disabled': { resolved: '#BFBFBF', alias: 'Neutral/30' },
+  'Icon/Interactive/Placeholder': { resolved: '#747474', alias: 'Neutral/50' },
+  'Icon/Feedback/Information': {
+    resolved: '#284EA0',
+    alias: 'Scandic/Blue/70',
+  },
+  'Icon/Feedback/Success': { resolved: '#348337', alias: 'Scandic/Green/60' },
+  'Icon/Feedback/Warning': { resolved: '#D17308', alias: 'Scandic/Yellow/60' },
+  'Icon/Feedback/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
+  'Icon/Feedback/Neutral': { resolved: '#575757', alias: 'Neutral/60' },
+  'Icon/Inverted': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100' },
+  'Overlay/10': { resolved: '#1F1C1B1A', alias: 'Neutral/Opacity/Black/10' },
+  'Overlay/20': { resolved: '#1F1C1B33', alias: 'Neutral/Opacity/Black/20' },
+  'Overlay/40': { resolved: '#1F1C1B66', alias: 'Neutral/Opacity/Black/40' },
+  'Overlay/60': { resolved: '#1F1C1B99', alias: 'Neutral/Opacity/Black/60' },
+  'Overlay/80': { resolved: '#1F1C1BCC', alias: 'Neutral/Opacity/Black/80' },
+  'Overlay/90': { resolved: '#1F1C1BE6', alias: 'Neutral/Opacity/Black/90' },
+  'Component/Button/Brand/Primary/Default': {
+    resolved: '#834722',
+    alias: 'Signature/Downtown Camper/Russet/80',
+  },
+  'Component/Button/Brand/Primary/Hover': { resolved: '#915836' },
+  'Component/Button/Brand/Primary/Disabled': {
+    resolved: '#1F1C1B1A',
+    alias: 'Neutral/Opacity/Black/10',
+  },
+  'Component/Button/Brand/Primary/On fill/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Brand/Primary/On fill/Hover': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Brand/Primary/On fill/Disabled': {
+    resolved: '#8C8C8C',
+    alias: 'Neutral/40',
+  },
+  'Component/Button/Brand/Primary/Border/Default': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Brand/Primary/Border/Hover': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Brand/Primary/Border/Disabled': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Brand/Secondary/Default': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Brand/Secondary/Hover': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Brand/Secondary/Inverted': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Brand/Secondary/Hover Inverted': {
+    resolved: '#3C4336',
+    alias: 'Signature/Downtown Camper/Lunar green/80',
+  },
+  'Component/Button/Brand/Secondary/Disabled': {
+    resolved: '#1F1C1B1A',
+    alias: 'Neutral/Opacity/Black/10',
+  },
+  'Component/Button/Brand/Secondary/On fill/Default': {
+    resolved: '#834722',
+    alias: 'Signature/Downtown Camper/Russet/80',
+  },
+  'Component/Button/Brand/Secondary/On fill/Hover': {
+    resolved: '#9B5622',
+    alias: 'Signature/Downtown Camper/Russet/70',
+  },
+  'Component/Button/Brand/Secondary/On fill/Inverted': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Brand/Secondary/On fill/Disabled': {
+    resolved: '#8C8C8C',
+    alias: 'Neutral/40',
+  },
+  'Component/Button/Brand/Secondary/Border/Default': {
+    resolved: '#834722',
+    alias: 'Signature/Downtown Camper/Russet/80',
+  },
+  'Component/Button/Brand/Secondary/Border/Hover': {
+    resolved: '#9B5622',
+    alias: 'Signature/Downtown Camper/Russet/70',
+  },
+  'Component/Button/Brand/Secondary/Border/Inverted': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Brand/Secondary/Border/Hover inverted': {
+    resolved: '#f4ebe7',
+  },
+  'Component/Button/Brand/Secondary/Border/Disabled': {
+    resolved: '#1F1C1B1A',
+    alias: 'Neutral/Opacity/Black/10',
+  },
+  'Component/Button/Brand/Tertiary/Default': {
+    resolved: '#3C4336',
+    alias: 'Signature/Downtown Camper/Lunar green/80',
+  },
+  'Component/Button/Brand/Tertiary/Hover': { resolved: '#4d5448' },
+  'Component/Button/Brand/Tertiary/Disabled': {
+    resolved: '#1F1C1B1A',
+    alias: 'Neutral/Opacity/Black/10',
+  },
+  'Component/Button/Brand/Tertiary/On fill/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Brand/Tertiary/On fill/Hover': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Brand/Tertiary/On fill/Disabled': {
+    resolved: '#8C8C8C',
+    alias: 'Neutral/40',
+  },
+  'Component/Button/Brand/Tertiary/Border/Default': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Brand/Tertiary/Border/Hover': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Brand/Tertiary/Border/Disabled': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Inverted/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Inverted/Faded': {
+    resolved: '#FFFFFFE6',
+    alias: 'Neutral/Opacity/White/90',
+  },
+  'Component/Button/Inverted/Hover': { resolved: '#f2f2f2' },
+  'Component/Button/Inverted/Hover Inverted': {
+    resolved: '#3C4336',
+    alias: 'Signature/Downtown Camper/Lunar green/80',
+  },
+  'Component/Button/Inverted/Disabled': {
+    resolved: '#1F1C1B1A',
+    alias: 'Neutral/Opacity/Black/10',
+  },
+  'Component/Button/Inverted/On fill/Default': {
+    resolved: '#834722',
+    alias: 'Signature/Downtown Camper/Russet/80',
+  },
+  'Component/Button/Inverted/On fill/Hover': { resolved: '#915836' },
+  'Component/Button/Inverted/On fill/Hover inverted': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Inverted/On fill/Disabled': {
+    resolved: '#8C8C8C',
+    alias: 'Neutral/40',
+  },
+  'Component/Button/Inverted/Border/Default': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Inverted/Border/Hover': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Inverted/Border/Disable': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Border/Interactive/Default': { resolved: '#BFBFBF', alias: 'Neutral/30' },
+  'Border/Divider/Default': { resolved: '#D9D9D9', alias: 'Neutral/20' },
+  'Border/Divider/Subtle': { resolved: '#E9E9E9', alias: 'Neutral/15' },
+  'Border/Divider/Accent': { resolved: '#BFBFBF', alias: 'Neutral/30' },
+  'Border/Divider/Brand/OnPrimary 1/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Border/Divider/Brand/OnPrimary 1/Secondary': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Border/Divider/Brand/OnPrimary 2/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Border/Divider/Brand/OnPrimary 3/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Border/Interactive/Selected': { resolved: '#262626', alias: 'Neutral/80' },
+  'Border/Interactive/Focus': { resolved: '#262626', alias: 'Neutral/80' },
+  'Border/Interactive/Disabled': { resolved: '#BFBFBF', alias: 'Neutral/30' },
+  'Border/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
+  'Border/Interactive/KeyboardFocus': {
+    resolved: '#5B8FD4',
+    alias: 'Scandic/Blue/50',
+  },
+  'Component/Button/Muted/Default': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Muted/Hover': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/5',
+  },
+  'Component/Button/Muted/Disabled': {
+    resolved: '#FFFFFF1A',
+    alias: 'Neutral/Opacity/White/10',
+  },
+  'Component/Button/Muted/Hover inverted': {
+    resolved: '#1F1C1B0D',
+    alias: 'Neutral/Opacity/Black/5',
+  },
+  'Component/Button/Muted/Disabled inverted': {
+    resolved: '#D9D9D9',
+    alias: 'Neutral/20',
+  },
+  'Component/Button/Muted/On fill/Default': {
+    resolved: '#1F1F1F',
+    alias: 'Neutral/90',
+  },
+  'Component/Button/Muted/On fill/Inverted': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Muted/On fill/Hover Inverted': {
+    resolved: '#9B5622',
+    alias: 'Signature/Downtown Camper/Russet/70',
+  },
+  'Component/Button/Muted/On fill/Disabled': {
+    resolved: '#8C8C8C',
+    alias: 'Neutral/40',
+  },
+  'Component/Button/Muted/Border/Default': {
+    resolved: '#FFFFFF1A',
+    alias: 'Neutral/Opacity/White/10',
+  },
+  'Component/Button/Muted/Border/Hover': { resolved: '#ffffff30' },
+  'Component/Button/Muted/Border/Disable': {
+    resolved: '#FFFFFF1A',
+    alias: 'Neutral/Opacity/White/10',
+  },
+} as const
+export const haymarket = {
+  'Signature/Haymarket/Antique Brass/0': { resolved: '#F9F5F1' },
+  'Signature/Haymarket/Antique Brass/10': { resolved: '#EDE3D8' },
+  'Signature/Haymarket/Antique Brass/20': { resolved: '#D9C3AE' },
+  'Signature/Haymarket/Antique Brass/30': { resolved: '#C5A384' },
+  'Signature/Haymarket/Antique Brass/40': { resolved: '#BA8E6E' },
+  'Signature/Haymarket/Antique Brass/50': { resolved: '#946F54' },
+  'Signature/Haymarket/Antique Brass/60': { resolved: '#805E45' },
+  'Signature/Haymarket/Antique Brass/70': { resolved: '#634732' },
+  'Signature/Haymarket/Antique Brass/80': { resolved: '#5D4330' },
+  'Signature/Haymarket/Antique Brass/90': { resolved: '#483425' },
+  'Signature/Haymarket/Antique Brass/100': { resolved: '#37271C' },
+  'Signature/Haymarket/Vista White/0': { resolved: '#FBF7F6' },
+  'Signature/Haymarket/Vista White/10': { resolved: '#F6ECEA' },
+  'Signature/Haymarket/Vista White/20': { resolved: '#F0DDD8' },
+  'Signature/Haymarket/Vista White/30': { resolved: '#E4C5BD' },
+  'Signature/Haymarket/Vista White/40': { resolved: '#D3A296' },
+  'Signature/Haymarket/Vista White/50': { resolved: '#C08273' },
+  'Signature/Haymarket/Vista White/60': { resolved: '#AA6858' },
+  'Signature/Haymarket/Vista White/70': { resolved: '#8E5547' },
+  'Signature/Haymarket/Vista White/80': { resolved: '#76493E' },
+  'Signature/Haymarket/Vista White/90': { resolved: '#644138' },
+  'Signature/Haymarket/Vista White/100': { resolved: '#351F1A' },
+  'Signature/Haymarket/Bismark/0': { resolved: '#F3F8F8' },
+  'Signature/Haymarket/Bismark/10': { resolved: '#E0EBED' },
+  'Signature/Haymarket/Bismark/20': { resolved: '#C5D7DC' },
+  'Signature/Haymarket/Bismark/30': { resolved: '#9DBCC3' },
+  'Signature/Haymarket/Bismark/40': { resolved: '#6E98A2' },
+  'Signature/Haymarket/Bismark/50': { resolved: '#527C88' },
+  'Signature/Haymarket/Bismark/60': { resolved: '#4A6C78' },
+  'Signature/Haymarket/Bismark/70': { resolved: '#3E5760' },
+  'Signature/Haymarket/Bismark/80': { resolved: '#394951' },
+  'Signature/Haymarket/Bismark/90': { resolved: '#334046' },
+  'Signature/Haymarket/Bismark/100': { resolved: '#1E282E' },
+  'Title/lg/Letter spacing': { resolved: 1.44 },
+  'Title/lg/Font fallback': { resolved: 'Serif' },
+  'Title/lg/Text-Transform': { resolved: 'unset' },
+  'Title/md/Letter spacing': { resolved: 0.36 },
+  'Title/md/Font fallback': { resolved: 'Serif' },
+  'Title/sm/Letter spacing': { resolved: 0.56 },
+  'Title/sm/Font fallback': { resolved: 'Serif' },
+  'Title/sm/Text-Transform': { resolved: 'unset' },
+  'Title/Decorative/lg/Letter spacing': { resolved: 0.6 },
+  'Title/Decorative/lg/Font fallback': { resolved: 'Serif' },
+  'Title/Decorative/lg/Text-Transform': { resolved: 'uppercase' },
+  'Title/Decorative/md/Letter spacing': { resolved: 0.64 },
+  'Title/Decorative/md/Font fallback': { resolved: 'Serif' },
+  'Title/Decorative/md/Text-Transform': { resolved: 'uppercase' },
+  'Title/Subtitle/lg/Font fallback': { resolved: 'sans-serif' },
+  'Title/Subtitle/lg/Letter spacing': { resolved: 0.24 },
+  'Title/Subtitle/md/Font fallback': { resolved: 'sans-serif' },
+  'Title/Subtitle/md/Letter spacing': { resolved: 0.2 },
+  'Title/Overline/sm/Letter spacing': { resolved: 0.21 },
+  'Title/Overline/sm/Font fallback': { resolved: 'sans-serif' },
+  'Title/Overline/sm/Text-Transform': { resolved: 'uppercase' },
+  'Title/sm/LowCase/Letter spacing': { resolved: 0.56 },
+  'Title/sm/LowCase/Font fallback': { resolved: 'Serif' },
+  'Title/sm/LowCase/Text-Transform': { resolved: 'unset' },
+  'Title/xs/Letter spacing': { resolved: 0.24 },
+  'Title/xs/Font fallback': { resolved: 'Serif' },
+  'Title/xs/Text-Transform': { resolved: 'unset' },
+  'Title/md/Text-Transform': { resolved: 'unset' },
+  'Title/md/LowCase/Letter spacing': { resolved: 0.36 },
+  'Title/md/LowCase/Font fallback': { resolved: 'Serif' },
+  'Title/md/LowCase/Text-Transform': { resolved: 'unset' },
+  'Tag/Letter spacing': { resolved: 0.24 },
+  'Tag/Font fallback': { resolved: 'sans-serif' },
+  'Tag/Text-Transform': { resolved: 'uppercase' },
+  'Link/md/Font fallback': { resolved: 'sans-serif' },
+  'Link/md/Letter spacing': { resolved: 0.19 },
+  'Link/sm/Font fallback': { resolved: 'sans-serif' },
+  'Link/sm/Letter spacing': { resolved: 0.2 },
+  'Body/Lead text/Font fallback': { resolved: 'sans-serif' },
+  'Body/Paragraph/Font fallback': { resolved: 'sans-serif' },
+  'Body/Paragraph/Letter spacing': { resolved: 0.19 },
+  'Body/Supporting text/Font fallback': { resolved: 'sans-serif' },
+  'Body/Supporting text/Letter spacing': { resolved: 0.2 },
+  'Body/Lead text/Letter spacing': { resolved: 0.2 },
+  'Label/Font fallback': { resolved: 'sans-serif' },
+  'Label/Letter spacing': { resolved: 0.17 },
+  'Body/Underline/md/Font fallback': { resolved: 'sans-serif' },
+  'Body/Underline/md/Letter spacing': { resolved: 0.19 },
+  'Body/Underline/sm/Font fallback': { resolved: 'sans-serif' },
+  'Body/Underline/sm/Letter spacing': { resolved: 0.2 },
+  'Surface/Brand/Primary 1/OnSurface/Default': { resolved: '#FFFFFF' },
+  'Surface/Brand/Primary 1/OnSurface/Accent': { resolved: '#FFFFFF' },
+  'Surface/Brand/Primary 1/OnSurface/Accent Secondary': { resolved: '#FFFFFF' },
+  'Surface/Brand/Primary 2/OnSurface/Default': { resolved: '#FFFFFF' },
+  'Surface/Brand/Primary 2/OnSurface/Accent': { resolved: '#FFFFFF' },
+  'Surface/Brand/Primary 3/OnSurface/Default': { resolved: '#FFFFFF' },
+  'Surface/Brand/Primary 3/OnSurface/Accent': { resolved: '#FFFFFF' },
+  'Utilities/Gradients/10': { resolved: '#F0DDD81A' },
+  'Font family/Haymarket/Title': { resolved: 'Prumo text' },
+  'Font family/Haymarket/Body': { resolved: 'Fira sans' },
+  'Font family/Haymarket/Decorative': { resolved: 'Prumo text' },
+  'Title/lg/Size': { resolved: '', alias: 'Impl-Text size/4xl' },
+  'Title/lg/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
+  'Title/lg/Font family': {
+    resolved: 'Prumo text',
+    alias: 'Font family/Haymarket/Title',
+  },
+  'Title/md/Size': { resolved: '', alias: 'Impl-Text size/2xl' },
+  'Title/md/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
+  'Title/md/Font family': {
+    resolved: 'Prumo text',
+    alias: 'Font family/Haymarket/Title',
+  },
+  'Title/sm/Size': { resolved: '', alias: 'Impl-Text size/lg' },
+  'Title/sm/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
+  'Title/sm/Font family': {
+    resolved: 'Prumo text',
+    alias: 'Font family/Haymarket/Title',
+  },
+  'Title/sm/LowCase/Size': { resolved: '', alias: 'Impl-Text size/lg' },
+  'Title/sm/LowCase/Font weight': {
+    resolved: 400,
+    alias: 'Font weight/Regular',
+  },
+  'Title/xs/Size': { resolved: '', alias: 'Impl-Text size/sm' },
+  'Title/sm/LowCase/Font family': {
+    resolved: 'Prumo text',
+    alias: 'Font family/Haymarket/Title',
+  },
+  'Title/Decorative/lg/Size': { resolved: '', alias: 'Impl-Text size/xs' },
+  'Title/Decorative/lg/Font weight': {
+    resolved: 400,
+    alias: 'Font weight/Regular',
+  },
+  'Title/Decorative/lg/Font family': {
+    resolved: 'Prumo text',
+    alias: 'Font family/Haymarket/Decorative',
+  },
+  'Title/Decorative/md/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
+  'Title/Decorative/md/Font weight': {
+    resolved: 400,
+    alias: 'Font weight/Regular',
+  },
+  'Title/Decorative/md/Font family': {
+    resolved: 'Prumo text',
+    alias: 'Font family/Haymarket/Decorative',
+  },
+  'Title/Subtitle/lg/Size': { resolved: '', alias: 'Impl-Text size/sm' },
+  'Title/Subtitle/lg/Font weight': {
+    resolved: 500,
+    alias: 'Font weight/Medium',
+  },
+  'Title/Subtitle/lg/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Haymarket/Body',
+  },
+  'Title/Subtitle/md/Size': { resolved: '', alias: 'Impl-Text size/xs' },
+  'Title/Subtitle/md/Font weight': {
+    resolved: 500,
+    alias: 'Font weight/Medium',
+  },
+  'Title/Subtitle/md/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Haymarket/Body',
+  },
+  'Title/Overline/sm/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
+  'Title/Overline/sm/Font weight': {
+    resolved: 500,
+    alias: 'Font weight/Medium',
+  },
+  'Title/Overline/sm/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Haymarket/Body',
+  },
+  'Title/xs/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
+  'Title/xs/Font family': {
+    resolved: 'Prumo text',
+    alias: 'Font family/Haymarket/Title',
+  },
+  'Title/md/LowCase/Size': { resolved: '', alias: 'Impl-Text size/2xl' },
+  'Title/md/LowCase/Font weight': {
+    resolved: 400,
+    alias: 'Font weight/Regular',
+  },
+  'Title/md/LowCase/Font family': {
+    resolved: 'Prumo text',
+    alias: 'Font family/Haymarket/Title',
+  },
+  'Body/Lead text/Size': { resolved: '', alias: 'Impl-Text size/xs' },
+  'Tag/Size': { resolved: '', alias: 'Impl-Text size/5xs' },
+  'Tag/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
+  'Tag/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Haymarket/Body',
+  },
+  'Link/md/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
+  'Link/md/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
+  'Link/md/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Haymarket/Body',
+  },
+  'Link/sm/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
+  'Link/sm/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
+  'Link/sm/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Haymarket/Body',
+  },
+  'Body/Lead text/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
+  'Body/Lead text/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Haymarket/Body',
+  },
+  'Body/Paragraph/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
+  'Body/Paragraph/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
+  'Body/Paragraph/Font weight 2': {
+    resolved: 500,
+    alias: 'Font weight/Medium',
+  },
+  'Body/Paragraph/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Haymarket/Body',
+  },
+  'Body/Supporting text/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
+  'Body/Supporting text/Font weight': {
+    resolved: 400,
+    alias: 'Font weight/Regular',
+  },
+  'Body/Supporting text/Font weight 2': {
+    resolved: 500,
+    alias: 'Font weight/Medium',
+  },
+  'Body/Supporting text/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Haymarket/Body',
+  },
+  'Label/Size': { resolved: '', alias: 'Impl-Text size/5xs' },
+  'Label/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
+  'Label/Font weight 2': { resolved: 500, alias: 'Font weight/Medium' },
+  'Label/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Haymarket/Body',
+  },
+  'Body/Underline/md/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
+  'Body/Underline/md/Font weight': {
+    resolved: 400,
+    alias: 'Font weight/Regular',
+  },
+  'Body/Underline/md/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Haymarket/Body',
+  },
+  'Body/Underline/sm/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
+  'Body/Underline/sm/Font weight': {
+    resolved: 400,
+    alias: 'Font weight/Regular',
+  },
+  'Body/Underline/sm/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Haymarket/Body',
+  },
+  'Text/Heading': { resolved: '#1F1F1F', alias: 'Neutral/90' },
+  'Text/Default': { resolved: '#1F1F1F', alias: 'Neutral/90' },
+  'Text/Secondary': { resolved: '#575757', alias: 'Neutral/60' },
+  'Text/Tertiary': { resolved: '#747474', alias: 'Neutral/50' },
+  'Text/Accent Primary': {
+    resolved: '#805E45',
+    alias: 'Signature/Haymarket/Antique Brass/60',
+  },
+  'Text/Accent Secondary': {
+    resolved: '#805E45',
+    alias: 'Signature/Haymarket/Antique Brass/60',
+  },
+  'Text/Inverted': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100' },
+  'Text/Interactive/Default': { resolved: '#1F1F1F', alias: 'Neutral/90' },
+  'Text/Interactive/Secondary': {
+    resolved: '#805E45',
+    alias: 'Signature/Haymarket/Antique Brass/60',
+  },
+  'Text/Interactive/Hover Secondary': {
+    resolved: '#BA8E6E',
+    alias: 'Signature/Haymarket/Antique Brass/40',
+  },
+  'Text/Interactive/Disabled': { resolved: '#8C8C8C', alias: 'Neutral/40' },
+  'Text/Interactive/Focus': { resolved: '#262626', alias: 'Neutral/80' },
+  'Text/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
+  'Text/Interactive/Placeholder': { resolved: '#747474', alias: 'Neutral/50' },
+  'Text/Brand/OnAccent/Heading': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Text/Brand/OnAccent/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Text/Brand/OnAccent/Accent': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Text/Brand/OnPrimary 1/Heading': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Text/Brand/OnPrimary 1/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Text/Brand/OnPrimary 1/Accent': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Text/Brand/OnPrimary 2/Heading': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Text/Brand/OnPrimary 2/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Text/Brand/OnPrimary 2/Accent': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Text/Brand/OnPrimary 3/Heading': {
+    resolved: '#1F1F1F',
+    alias: 'Neutral/90',
+  },
+  'Text/Brand/OnPrimary 3/Default': {
+    resolved: '#1F1F1F',
+    alias: 'Neutral/90',
+  },
+  'Text/Brand/OnPrimary 3/Accent': { resolved: '#1F1F1F', alias: 'Neutral/90' },
+  'Background/Primary': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Background/Secondary': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Surface/Primary/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Surface/Primary/Hover': { resolved: '#f2f2f2' },
+  'Surface/Primary/Hover Light': { resolved: '#e6e5e5' },
+  'Surface/Primary/Hover Accent': { resolved: '#E9E9E9', alias: 'Neutral/15' },
+  'Surface/Primary/OnSurface/Default': {
+    resolved: '#FBF7F6',
+    alias: 'Signature/Haymarket/Vista White/0',
+  },
+  'Surface/Primary/Disabled': { resolved: '#E9E9E9', alias: 'Neutral/15' },
+  'Surface/Secondary/Default': {
+    resolved: '#FBF7F6',
+    alias: 'Signature/Haymarket/Vista White/0',
+  },
+  'Surface/Secondary/Secondary': {
+    resolved: '#FBF7F6',
+    alias: 'Signature/Haymarket/Vista White/0',
+  },
+  'Surface/Secondary/Hover': { resolved: '#efebea' },
+  'Surface/Brand/Accent/Default': {
+    resolved: '#946F54',
+    alias: 'Signature/Haymarket/Antique Brass/50',
+  },
+  'Surface/Brand/Primary 1/Default': {
+    resolved: '#4A6C78',
+    alias: 'Signature/Haymarket/Bismark/60',
+  },
+  'Surface/Brand/Primary 2/Default': {
+    resolved: '#946F54',
+    alias: 'Signature/Haymarket/Antique Brass/50',
+  },
+  'Surface/Brand/Primary 3/Default': {
+    resolved: '#F0DDD8',
+    alias: 'Signature/Haymarket/Vista White/20',
+  },
+  'Surface/UI Fill/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Surface/UI Fill/Intense': { resolved: '#262626', alias: 'Neutral/80' },
+  'Surface/UI Fill/Active': { resolved: '#262626', alias: 'Neutral/80' },
+  'Surface/UI Fill/Active Hover': { resolved: '#ffffff' },
+  'Surface/UI Fill/Disabled': { resolved: '#E9E9E9', alias: 'Neutral/15' },
+  'Surface/Accent/1': {
+    resolved: '#AA6858',
+    alias: 'Signature/Haymarket/Vista White/60',
+  },
+  'Surface/Accent/2': {
+    resolved: '#6E98A2',
+    alias: 'Signature/Haymarket/Bismark/40',
+  },
+  'Surface/Accent/3': {
+    resolved: '#483425',
+    alias: 'Signature/Haymarket/Antique Brass/90',
+  },
+  'Surface/Accent/4': {
+    resolved: '#BA8E6E',
+    alias: 'Signature/Haymarket/Antique Brass/40',
+  },
+  'Surface/Accent/5': {
+    resolved: '#334046',
+    alias: 'Signature/Haymarket/Bismark/90',
+  },
+  'Surface/Feedback/Information Accent': {
+    resolved: '#284EA0',
+    alias: 'Scandic/Blue/70',
+  },
+  'Surface/Feedback/Information': {
+    resolved: '#E8F6FF',
+    alias: 'Scandic/Blue/00',
+  },
+  'Surface/Feedback/Succes Accent': {
+    resolved: '#348337',
+    alias: 'Scandic/Green/60',
+  },
+  'Surface/Feedback/Succes': { resolved: '#F3FCE8', alias: 'Scandic/Green/00' },
+  'Surface/Feedback/Warning Accent': {
+    resolved: '#D17308',
+    alias: 'Scandic/Yellow/60',
+  },
+  'Surface/Feedback/Warning  Light': {
+    resolved: '#FFF8E3',
+    alias: 'Scandic/Yellow/00',
+  },
+  'Surface/Feedback/Error Accent': {
+    resolved: '#AD0015',
+    alias: 'Scandic/Red/70',
+  },
+  'Surface/Feedback/Error': { resolved: '#FFEBEB', alias: 'Scandic/Red/00' },
+  'Surface/Feedback/Neutral Accent': {
+    resolved: '#747474',
+    alias: 'Neutral/50',
+  },
+  'Surface/Feedback/Neutral': { resolved: '#E9E9E9', alias: 'Neutral/15' },
+  'Border/Default': { resolved: '#D9D9D9', alias: 'Neutral/20' },
+  'Border/Intense': { resolved: '#BFBFBF', alias: 'Neutral/30' },
+  'Border/Inverted': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Icon/Default': { resolved: '#575757', alias: 'Neutral/60' },
+  'Icon/Intense': { resolved: '#1F1F1F', alias: 'Neutral/90' },
+  'Icon/Accent': {
+    resolved: '#C08273',
+    alias: 'Signature/Haymarket/Vista White/50',
+  },
+  'Icon/Interactive/Default': { resolved: '#1F1F1F', alias: 'Neutral/90' },
+  'Icon/Interactive/Secondary': {
+    resolved: '#805E45',
+    alias: 'Signature/Haymarket/Antique Brass/60',
+  },
+  'Icon/Interactive/Disabled': { resolved: '#BFBFBF', alias: 'Neutral/30' },
+  'Icon/Interactive/Placeholder': { resolved: '#747474', alias: 'Neutral/50' },
+  'Icon/Feedback/Information': {
+    resolved: '#284EA0',
+    alias: 'Scandic/Blue/70',
+  },
+  'Icon/Feedback/Success': { resolved: '#348337', alias: 'Scandic/Green/60' },
+  'Icon/Feedback/Warning': { resolved: '#D17308', alias: 'Scandic/Yellow/60' },
+  'Icon/Feedback/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
+  'Icon/Feedback/Neutral': { resolved: '#575757', alias: 'Neutral/60' },
+  'Icon/Inverted': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100' },
+  'Overlay/10': { resolved: '#1F1C1B1A', alias: 'Neutral/Opacity/Black/10' },
+  'Overlay/20': { resolved: '#1F1C1B33', alias: 'Neutral/Opacity/Black/20' },
+  'Overlay/40': { resolved: '#1F1C1B66', alias: 'Neutral/Opacity/Black/40' },
+  'Overlay/60': { resolved: '#1F1C1B99', alias: 'Neutral/Opacity/Black/60' },
+  'Overlay/80': { resolved: '#1F1C1BCC', alias: 'Neutral/Opacity/Black/80' },
+  'Overlay/90': { resolved: '#1F1C1BE6', alias: 'Neutral/Opacity/Black/90' },
+  'Component/Button/Brand/Primary/Default': {
+    resolved: '#1F1F1F',
+    alias: 'Neutral/90',
+  },
+  'Component/Button/Brand/Primary/Hover': { resolved: '#323232' },
+  'Component/Button/Brand/Primary/Disabled': {
+    resolved: '#1F1C1B1A',
+    alias: 'Neutral/Opacity/Black/10',
+  },
+  'Component/Button/Brand/Primary/On fill/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Brand/Primary/On fill/Hover': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Brand/Primary/On fill/Disabled': {
+    resolved: '#8C8C8C',
+    alias: 'Neutral/40',
+  },
+  'Component/Button/Brand/Primary/Border/Default': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Brand/Primary/Border/Hover': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Brand/Primary/Border/Disabled': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Brand/Secondary/Default': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Brand/Secondary/Hover': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Brand/Secondary/Inverted': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Brand/Secondary/Hover Inverted': {
+    resolved: '#946F54',
+    alias: 'Signature/Haymarket/Antique Brass/50',
+  },
+  'Component/Button/Brand/Secondary/Disabled': {
+    resolved: '#1F1C1B1A',
+    alias: 'Neutral/Opacity/Black/10',
+  },
+  'Component/Button/Brand/Secondary/On fill/Default': {
+    resolved: '#1F1F1F',
+    alias: 'Neutral/90',
+  },
+  'Component/Button/Brand/Secondary/On fill/Hover': {
+    resolved: '#454545',
+    alias: 'Neutral/70',
+  },
+  'Component/Button/Brand/Secondary/On fill/Inverted': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Brand/Secondary/On fill/Disabled': {
+    resolved: '#8C8C8C',
+    alias: 'Neutral/40',
+  },
+  'Component/Button/Brand/Secondary/Border/Default': {
+    resolved: '#1F1F1F',
+    alias: 'Neutral/90',
+  },
+  'Component/Button/Brand/Secondary/Border/Hover': {
+    resolved: '#454545',
+    alias: 'Neutral/70',
+  },
+  'Component/Button/Brand/Secondary/Border/Inverted': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Brand/Secondary/Border/Hover inverted': {
+    resolved: '#e6e6e6',
+  },
+  'Component/Button/Brand/Secondary/Border/Disabled': {
+    resolved: '#1F1C1B1A',
+    alias: 'Neutral/Opacity/Black/10',
+  },
+  'Component/Button/Brand/Tertiary/Default': {
+    resolved: '#946F54',
+    alias: 'Signature/Haymarket/Antique Brass/50',
+  },
+  'Component/Button/Brand/Tertiary/Hover': { resolved: '#87664e' },
+  'Component/Button/Brand/Tertiary/Disabled': {
+    resolved: '#1F1C1B1A',
+    alias: 'Neutral/Opacity/Black/10',
+  },
+  'Component/Button/Brand/Tertiary/On fill/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Brand/Tertiary/On fill/Hover': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Brand/Tertiary/On fill/Disabled': {
+    resolved: '#8C8C8C',
+    alias: 'Neutral/40',
+  },
+  'Component/Button/Brand/Tertiary/Border/Default': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Brand/Tertiary/Border/Hover': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Brand/Tertiary/Border/Disabled': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Inverted/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Inverted/Faded': {
+    resolved: '#FFFFFFE6',
+    alias: 'Neutral/Opacity/White/90',
+  },
+  'Component/Button/Inverted/Hover': { resolved: '#f2f2f2' },
+  'Component/Button/Inverted/Hover Inverted': {
+    resolved: '#946F54',
+    alias: 'Signature/Haymarket/Antique Brass/50',
+  },
+  'Component/Button/Inverted/Disabled': {
+    resolved: '#1F1C1B1A',
+    alias: 'Neutral/Opacity/Black/10',
+  },
+  'Component/Button/Inverted/On fill/Default': {
+    resolved: '#1F1F1F',
+    alias: 'Neutral/90',
+  },
+  'Component/Button/Inverted/On fill/Hover': { resolved: '#323232' },
+  'Component/Button/Inverted/On fill/Hover inverted': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Inverted/On fill/Disabled': {
+    resolved: '#8C8C8C',
+    alias: 'Neutral/40',
+  },
+  'Component/Button/Inverted/Border/Default': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Inverted/Border/Hover': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Inverted/Border/Disable': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Border/Interactive/Default': { resolved: '#BFBFBF', alias: 'Neutral/30' },
+  'Border/Divider/Default': { resolved: '#D9D9D9', alias: 'Neutral/20' },
+  'Border/Divider/Subtle': { resolved: '#E9E9E9', alias: 'Neutral/15' },
+  'Border/Divider/Accent': { resolved: '#BFBFBF', alias: 'Neutral/30' },
+  'Border/Divider/Brand/OnPrimary 1/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Border/Divider/Brand/OnPrimary 1/Secondary': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Border/Divider/Brand/OnPrimary 2/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Border/Divider/Brand/OnPrimary 3/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Border/Interactive/Selected': { resolved: '#262626', alias: 'Neutral/80' },
+  'Border/Interactive/Focus': { resolved: '#262626', alias: 'Neutral/80' },
+  'Border/Interactive/Disabled': { resolved: '#BFBFBF', alias: 'Neutral/30' },
+  'Border/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
+  'Border/Interactive/KeyboardFocus': {
+    resolved: '#5B8FD4',
+    alias: 'Scandic/Blue/50',
+  },
+  'Component/Button/Muted/Default': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Muted/Hover': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/5',
+  },
+  'Component/Button/Muted/Disabled': {
+    resolved: '#FFFFFF1A',
+    alias: 'Neutral/Opacity/White/10',
+  },
+  'Component/Button/Muted/Hover inverted': {
+    resolved: '#1F1C1B0D',
+    alias: 'Neutral/Opacity/Black/5',
+  },
+  'Component/Button/Muted/Disabled inverted': {
+    resolved: '#D9D9D9',
+    alias: 'Neutral/20',
+  },
+  'Component/Button/Muted/On fill/Default': {
+    resolved: '#1F1F1F',
+    alias: 'Neutral/90',
+  },
+  'Component/Button/Muted/On fill/Inverted': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Muted/On fill/Hover Inverted': {
+    resolved: '#454545',
+    alias: 'Neutral/70',
+  },
+  'Component/Button/Muted/On fill/Disabled': {
+    resolved: '#8C8C8C',
+    alias: 'Neutral/40',
+  },
+  'Component/Button/Muted/Border/Default': {
+    resolved: '#FFFFFF1A',
+    alias: 'Neutral/Opacity/White/10',
+  },
+  'Component/Button/Muted/Border/Hover': { resolved: '#ffffff30' },
+  'Component/Button/Muted/Border/Disable': {
+    resolved: '#FFFFFF1A',
+    alias: 'Neutral/Opacity/White/10',
+  },
+} as const
+export const marski = {
+  'Signature/Marski/Elephant/0': { resolved: '#F6F6F7' },
+  'Signature/Marski/Elephant/10': { resolved: '#ECEEEF' },
+  'Signature/Marski/Elephant/20': { resolved: '#E0E3E5' },
+  'Signature/Marski/Elephant/30': { resolved: '#B6BDC1' },
+  'Signature/Marski/Elephant/40': { resolved: '#9BA5AB' },
+  'Signature/Marski/Elephant/50': { resolved: '#717F87' },
+  'Signature/Marski/Elephant/60': { resolved: '#576771' },
+  'Signature/Marski/Elephant/70': { resolved: '#495A65' },
+  'Signature/Marski/Elephant/80': { resolved: '#2C414D' },
+  'Signature/Marski/Elephant/90': { resolved: '#1E3441' },
+  'Signature/Marski/Elephant/100': { resolved: '#122937' },
+  'Signature/Marski/Blue ribbon/0': { resolved: '#EEF7FF' },
+  'Signature/Marski/Blue ribbon/10': { resolved: '#D8ECFF' },
+  'Signature/Marski/Blue ribbon/20': { resolved: '#B9DEFF' },
+  'Signature/Marski/Blue ribbon/30': { resolved: '#89CBFF' },
+  'Signature/Marski/Blue ribbon/40': { resolved: '#52AEFF' },
+  'Signature/Marski/Blue ribbon/50': { resolved: '#2A8BFF' },
+  'Signature/Marski/Blue ribbon/60': { resolved: '#136AFD' },
+  'Signature/Marski/Blue ribbon/70': { resolved: '#0D57F3' },
+  'Signature/Marski/Blue ribbon/80': { resolved: '#1043BD' },
+  'Signature/Marski/Blue ribbon/90': { resolved: '#143D94' },
+  'Signature/Marski/Blue ribbon/100': { resolved: '#11265A' },
+  'Signature/Marski/Torch red/00': { resolved: '#FFF0F1' },
+  'Signature/Marski/Aubergine/00': { resolved: '#F9F6F4' },
+  'Signature/Marski/Aubergine/10': { resolved: '#EBE8E6' },
+  'Signature/Marski/Aubergine/20': { resolved: '#CFC4C5' },
+  'Signature/Marski/Aubergine/30': { resolved: '#BAA9AC' },
+  'Signature/Marski/Aubergine/40': { resolved: '#A28D90' },
+  'Signature/Marski/Aubergine/50': { resolved: '#8B7074' },
+  'Signature/Marski/Aubergine/60': { resolved: '#806267' },
+  'Signature/Marski/Aubergine/70': { resolved: '#6A484D' },
+  'Signature/Marski/Aubergine/80': { resolved: '#5B353B' },
+  'Signature/Marski/Aubergine/90': { resolved: '#481D24' },
+  'Signature/Marski/Aubergine/100': { resolved: '#3E1118' },
+  'Signature/Marski/Torch red/10': { resolved: '#FFDDE0' },
+  'Signature/Marski/Torch red/20': { resolved: '#FFC1C7' },
+  'Signature/Marski/Torch red/30': { resolved: '#FF96A0' },
+  'Signature/Marski/Torch red/40': { resolved: '#FF5A6A' },
+  'Signature/Marski/Torch red/50': { resolved: '#FF273B' },
+  'Signature/Marski/Torch red/60': { resolved: '#FB1228' },
+  'Signature/Marski/Torch red/70': { resolved: '#D40115' },
+  'Signature/Marski/Torch red/80': { resolved: '#AE0616' },
+  'Signature/Marski/Torch red/90': { resolved: '#900C18' },
+  'Signature/Marski/Torch red/100': { resolved: '#4F0007' },
+  'Title/lg/Letter spacing': { resolved: 0.48 },
+  'Title/lg/Font fallback': { resolved: 'sans-serif' },
+  'Title/lg/Text-Transform': { resolved: 'unset' },
+  'Title/md/Letter spacing': { resolved: 0.09 },
+  'Title/md/Font fallback': { resolved: 'sans-serif' },
+  'Title/sm/Letter spacing': { resolved: 0.14 },
+  'Title/sm/Font fallback': { resolved: 'sans-serif' },
+  'Title/sm/Text-Transform': { resolved: 'unset' },
+  'Title/Decorative/lg/Letter spacing': { resolved: 0.1 },
+  'Title/Decorative/lg/Font fallback': { resolved: 'sans-serif' },
+  'Title/Decorative/lg/Text-Transform': { resolved: 'uppercase' },
+  'Title/Decorative/md/Letter spacing': { resolved: 0.32 },
+  'Title/Decorative/md/Font fallback': { resolved: 'sans-serif' },
+  'Title/Decorative/md/Text-Transform': { resolved: 'uppercase' },
+  'Title/Subtitle/lg/Font fallback': { resolved: 'sans-serif' },
+  'Title/Subtitle/lg/Letter spacing': { resolved: 0.24 },
+  'Title/Subtitle/md/Font fallback': { resolved: 'sans-serif' },
+  'Title/Subtitle/md/Letter spacing': { resolved: 0.2 },
+  'Title/Overline/sm/Letter spacing': { resolved: 0.21 },
+  'Title/Overline/sm/Font fallback': { resolved: 'sans-serif' },
+  'Title/Overline/sm/Text-Transform': { resolved: 'uppercase' },
+  'Title/sm/LowCase/Letter spacing': { resolved: 0.14 },
+  'Title/sm/LowCase/Font fallback': { resolved: 'sans-serif' },
+  'Title/sm/LowCase/Text-Transform': { resolved: 'unset' },
+  'Title/xs/Letter spacing': { resolved: 0.24 },
+  'Title/xs/Font fallback': { resolved: 'sans-serif' },
+  'Title/xs/Text-Transform': { resolved: 'unset' },
+  'Title/md/Text-Transform': { resolved: 'unset' },
+  'Title/md/LowCase/Letter spacing': { resolved: 0.09 },
+  'Title/md/LowCase/Font fallback': { resolved: 'sans-serif' },
+  'Title/md/LowCase/Text-Transform': { resolved: 'unset' },
+  'Tag/Letter spacing': { resolved: 0.18 },
+  'Tag/Font fallback': { resolved: 'sans-serif' },
+  'Tag/Text-Transform': { resolved: 'unset' },
+  'Link/md/Font fallback': { resolved: 'sans-serif' },
+  'Link/md/Letter spacing': { resolved: 0.19 },
+  'Link/sm/Font fallback': { resolved: 'sans-serif' },
+  'Link/sm/Letter spacing': { resolved: 0.2 },
+  'Body/Lead text/Font fallback': { resolved: 'sans-serif' },
+  'Body/Paragraph/Font fallback': { resolved: 'sans-serif' },
+  'Body/Paragraph/Letter spacing': { resolved: 0.19 },
+  'Body/Supporting text/Font fallback': { resolved: 'sans-serif' },
+  'Body/Supporting text/Letter spacing': { resolved: 0.2 },
+  'Body/Lead text/Letter spacing': { resolved: 0.2 },
+  'Label/Font fallback': { resolved: 'sans-serif' },
+  'Label/Letter spacing': { resolved: 0.17 },
+  'Body/Underline/md/Font fallback': { resolved: 'sans-serif' },
+  'Body/Underline/md/Letter spacing': { resolved: 0.19 },
+  'Body/Underline/sm/Font fallback': { resolved: 'sans-serif' },
+  'Body/Underline/sm/Letter spacing': { resolved: 0.2 },
+  'Surface/Brand/Primary 1/OnSurface/Default': { resolved: '#FFFFFF' },
+  'Surface/Brand/Primary 1/OnSurface/Accent': { resolved: '#FFFFFF' },
+  'Surface/Brand/Primary 1/OnSurface/Accent Secondary': { resolved: '#FFFFFF' },
+  'Surface/Brand/Primary 2/OnSurface/Default': { resolved: '#FFFFFF' },
+  'Surface/Brand/Primary 2/OnSurface/Accent': { resolved: '#FFFFFF' },
+  'Surface/Brand/Primary 3/OnSurface/Default': { resolved: '#FFFFFF' },
+  'Surface/Brand/Primary 3/OnSurface/Accent': { resolved: '#FFFFFF' },
+  'Utilities/Gradients/10': { resolved: '#3E11181A' },
+  'Font family/Marski/Title': { resolved: 'Helvetica Neue' },
+  'Font family/Marski/Body': { resolved: 'Fira sans' },
+  'Font family/Marski/Decorative': { resolved: 'Helvetica Neue' },
+  'Title/lg/Size': { resolved: '', alias: 'Impl-Text size/4xl' },
+  'Title/lg/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
+  'Title/lg/Font family': {
+    resolved: 'Helvetica Neue',
+    alias: 'Font family/Marski/Title',
+  },
+  'Title/md/Size': { resolved: '', alias: 'Impl-Text size/2xl' },
+  'Title/md/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
+  'Title/md/Font family': {
+    resolved: 'Helvetica Neue',
+    alias: 'Font family/Marski/Title',
+  },
+  'Title/sm/Size': { resolved: '', alias: 'Impl-Text size/lg' },
+  'Title/sm/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
+  'Title/sm/Font family': {
+    resolved: 'Helvetica Neue',
+    alias: 'Font family/Marski/Title',
+  },
+  'Title/sm/LowCase/Size': { resolved: '', alias: 'Impl-Text size/lg' },
+  'Title/sm/LowCase/Font weight': {
+    resolved: 500,
+    alias: 'Font weight/Medium',
+  },
+  'Title/xs/Size': { resolved: '', alias: 'Impl-Text size/sm' },
+  'Title/sm/LowCase/Font family': {
+    resolved: 'Helvetica Neue',
+    alias: 'Font family/Marski/Title',
+  },
+  'Title/Decorative/lg/Size': { resolved: '', alias: 'Impl-Text size/xs' },
+  'Title/Decorative/lg/Font weight': {
+    resolved: 700,
+    alias: 'Font weight/Bold',
+  },
+  'Title/Decorative/lg/Font family': {
+    resolved: 'Helvetica Neue',
+    alias: 'Font family/Marski/Decorative',
+  },
+  'Title/Decorative/md/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
+  'Title/Decorative/md/Font weight': {
+    resolved: 700,
+    alias: 'Font weight/Bold',
+  },
+  'Title/Decorative/md/Font family': {
+    resolved: 'Helvetica Neue',
+    alias: 'Font family/Marski/Decorative',
+  },
+  'Title/Subtitle/lg/Size': { resolved: '', alias: 'Impl-Text size/sm' },
+  'Title/Subtitle/lg/Font weight': {
+    resolved: 500,
+    alias: 'Font weight/Medium',
+  },
+  'Title/Subtitle/lg/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Marski/Body',
+  },
+  'Title/Subtitle/md/Size': { resolved: '', alias: 'Impl-Text size/xs' },
+  'Title/Subtitle/md/Font weight': {
+    resolved: 500,
+    alias: 'Font weight/Medium',
+  },
+  'Title/Subtitle/md/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Marski/Body',
+  },
+  'Title/Overline/sm/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
+  'Title/Overline/sm/Font weight': { resolved: 700, alias: 'Font weight/Bold' },
+  'Title/Overline/sm/Font family': {
+    resolved: 'Helvetica Neue',
+    alias: 'Font family/Marski/Title',
+  },
+  'Title/xs/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
+  'Title/xs/Font family': {
+    resolved: 'Helvetica Neue',
+    alias: 'Font family/Marski/Title',
+  },
+  'Title/md/LowCase/Size': { resolved: '', alias: 'Impl-Text size/2xl' },
+  'Title/md/LowCase/Font weight': {
+    resolved: 500,
+    alias: 'Font weight/Medium',
+  },
+  'Title/md/LowCase/Font family': {
+    resolved: 'Helvetica Neue',
+    alias: 'Font family/Marski/Title',
+  },
+  'Body/Lead text/Size': { resolved: '', alias: 'Impl-Text size/xs' },
+  'Tag/Size': { resolved: '', alias: 'Impl-Text size/5xs' },
+  'Tag/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
+  'Tag/Font family': {
+    resolved: 'Helvetica Neue',
+    alias: 'Font family/Marski/Title',
+  },
+  'Link/md/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
+  'Link/md/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
+  'Link/md/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Marski/Body',
+  },
+  'Link/sm/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
+  'Link/sm/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
+  'Link/sm/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Marski/Body',
+  },
+  'Body/Lead text/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
+  'Body/Lead text/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Marski/Body',
+  },
+  'Body/Paragraph/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
+  'Body/Paragraph/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
+  'Body/Paragraph/Font weight 2': {
+    resolved: 500,
+    alias: 'Font weight/Medium',
+  },
+  'Body/Paragraph/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Marski/Body',
+  },
+  'Body/Supporting text/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
+  'Body/Supporting text/Font weight': {
+    resolved: 400,
+    alias: 'Font weight/Regular',
+  },
+  'Body/Supporting text/Font weight 2': {
+    resolved: 500,
+    alias: 'Font weight/Medium',
+  },
+  'Body/Supporting text/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Marski/Body',
+  },
+  'Label/Size': { resolved: '', alias: 'Impl-Text size/5xs' },
+  'Label/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
+  'Label/Font weight 2': { resolved: 500, alias: 'Font weight/Medium' },
+  'Label/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Marski/Body',
+  },
+  'Body/Underline/md/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
+  'Body/Underline/md/Font weight': {
+    resolved: 400,
+    alias: 'Font weight/Regular',
+  },
+  'Body/Underline/md/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Marski/Body',
+  },
+  'Body/Underline/sm/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
+  'Body/Underline/sm/Font weight': {
+    resolved: 400,
+    alias: 'Font weight/Regular',
+  },
+  'Body/Underline/sm/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Marski/Body',
+  },
+  'Text/Heading': { resolved: '#1F1F1F', alias: 'Neutral/90' },
+  'Text/Default': { resolved: '#1F1F1F', alias: 'Neutral/90' },
+  'Text/Secondary': { resolved: '#575757', alias: 'Neutral/60' },
+  'Text/Tertiary': { resolved: '#747474', alias: 'Neutral/50' },
+  'Text/Accent Primary': { resolved: '#747474', alias: 'Neutral/50' },
+  'Text/Accent Secondary': { resolved: '#747474', alias: 'Neutral/50' },
+  'Text/Inverted': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100' },
+  'Text/Interactive/Default': {
+    resolved: '#122937',
+    alias: 'Signature/Marski/Elephant/100',
+  },
+  'Text/Interactive/Secondary': {
+    resolved: '#0D57F3',
+    alias: 'Signature/Marski/Blue ribbon/70',
+  },
+  'Text/Interactive/Hover Secondary': {
+    resolved: '#143D94',
+    alias: 'Signature/Marski/Blue ribbon/90',
+  },
+  'Text/Interactive/Disabled': { resolved: '#8C8C8C', alias: 'Neutral/40' },
+  'Text/Interactive/Focus': { resolved: '#262626', alias: 'Neutral/80' },
+  'Text/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
+  'Text/Interactive/Placeholder': { resolved: '#747474', alias: 'Neutral/50' },
+  'Text/Brand/OnAccent/Heading': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Text/Brand/OnAccent/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Text/Brand/OnAccent/Accent': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Text/Brand/OnPrimary 1/Heading': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Text/Brand/OnPrimary 1/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Text/Brand/OnPrimary 1/Accent': {
+    resolved: '#52AEFF',
+    alias: 'Signature/Marski/Blue ribbon/40',
+  },
+  'Text/Brand/OnPrimary 2/Heading': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Text/Brand/OnPrimary 2/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Text/Brand/OnPrimary 2/Accent': {
+    resolved: '#FF5A6A',
+    alias: 'Signature/Marski/Torch red/40',
+  },
+  'Text/Brand/OnPrimary 3/Heading': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Text/Brand/OnPrimary 3/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Text/Brand/OnPrimary 3/Accent': {
+    resolved: '#FF5A6A',
+    alias: 'Signature/Marski/Torch red/40',
+  },
+  'Background/Primary': { resolved: '#FCFCFC', alias: 'Neutral/0' },
+  'Background/Secondary': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Surface/Primary/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Surface/Primary/Hover': { resolved: '#f2f2f2' },
+  'Surface/Primary/Hover Light': { resolved: '#e6e5e5' },
+  'Surface/Primary/Hover Accent': { resolved: '#E9E9E9', alias: 'Neutral/15' },
+  'Surface/Primary/OnSurface/Default': {
+    resolved: '#F6F6F7',
+    alias: 'Signature/Marski/Elephant/0',
+  },
+  'Surface/Primary/Disabled': { resolved: '#E9E9E9', alias: 'Neutral/15' },
+  'Surface/Secondary/Default': {
+    resolved: '#ECEEEF',
+    alias: 'Signature/Marski/Elephant/10',
+  },
+  'Surface/Secondary/Secondary': {
+    resolved: '#ECEEEF',
+    alias: 'Signature/Marski/Elephant/10',
+  },
+  'Surface/Secondary/Hover': { resolved: '#e0e2e3' },
+  'Surface/Brand/Accent/Default': { resolved: '#575757', alias: 'Neutral/60' },
+  'Surface/Brand/Primary 1/Default': {
+    resolved: '#122937',
+    alias: 'Signature/Marski/Elephant/100',
+  },
+  'Surface/Brand/Primary 2/Default': {
+    resolved: '#122937',
+    alias: 'Signature/Marski/Elephant/100',
+  },
+  'Surface/Brand/Primary 3/Default': {
+    resolved: '#3E1118',
+    alias: 'Signature/Marski/Aubergine/100',
+  },
+  'Surface/UI Fill/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Surface/UI Fill/Intense': { resolved: '#262626', alias: 'Neutral/80' },
+  'Surface/UI Fill/Active': { resolved: '#262626', alias: 'Neutral/80' },
+  'Surface/UI Fill/Active Hover': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Surface/UI Fill/Disabled': { resolved: '#E9E9E9', alias: 'Neutral/15' },
+  'Surface/Accent/1': {
+    resolved: '#FB1228',
+    alias: 'Signature/Marski/Torch red/60',
+  },
+  'Surface/Accent/2': {
+    resolved: '#0D57F3',
+    alias: 'Signature/Marski/Blue ribbon/70',
+  },
+  'Surface/Accent/3': { resolved: '#256931', alias: 'Scandic/Green/70' },
+  'Surface/Accent/4': {
+    resolved: '#122937',
+    alias: 'Signature/Marski/Elephant/100',
+  },
+  'Surface/Accent/5': {
+    resolved: '#143D94',
+    alias: 'Signature/Marski/Blue ribbon/90',
+  },
+  'Surface/Feedback/Information Accent': {
+    resolved: '#284EA0',
+    alias: 'Scandic/Blue/70',
+  },
+  'Surface/Feedback/Information': {
+    resolved: '#E8F6FF',
+    alias: 'Scandic/Blue/00',
+  },
+  'Surface/Feedback/Succes Accent': {
+    resolved: '#348337',
+    alias: 'Scandic/Green/60',
+  },
+  'Surface/Feedback/Succes': { resolved: '#F3FCE8', alias: 'Scandic/Green/00' },
+  'Surface/Feedback/Warning Accent': {
+    resolved: '#D17308',
+    alias: 'Scandic/Yellow/60',
+  },
+  'Surface/Feedback/Warning  Light': {
+    resolved: '#FFF8E3',
+    alias: 'Scandic/Yellow/00',
+  },
+  'Surface/Feedback/Error Accent': {
+    resolved: '#AD0015',
+    alias: 'Scandic/Red/70',
+  },
+  'Surface/Feedback/Error': { resolved: '#FFEBEB', alias: 'Scandic/Red/00' },
+  'Surface/Feedback/Neutral Accent': {
+    resolved: '#747474',
+    alias: 'Neutral/50',
+  },
+  'Surface/Feedback/Neutral': { resolved: '#E9E9E9', alias: 'Neutral/15' },
+  'Border/Default': { resolved: '#D9D9D9', alias: 'Neutral/20' },
+  'Border/Intense': { resolved: '#BFBFBF', alias: 'Neutral/30' },
+  'Border/Inverted': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Icon/Default': { resolved: '#575757', alias: 'Neutral/60' },
+  'Icon/Intense': { resolved: '#1F1F1F', alias: 'Neutral/90' },
+  'Icon/Accent': {
+    resolved: '#1043BD',
+    alias: 'Signature/Marski/Blue ribbon/80',
+  },
+  'Icon/Interactive/Default': {
+    resolved: '#1E3441',
+    alias: 'Signature/Marski/Elephant/90',
+  },
+  'Icon/Interactive/Secondary': {
+    resolved: '#0D57F3',
+    alias: 'Signature/Marski/Blue ribbon/70',
+  },
+  'Icon/Interactive/Disabled': { resolved: '#BFBFBF', alias: 'Neutral/30' },
+  'Icon/Interactive/Placeholder': { resolved: '#747474', alias: 'Neutral/50' },
+  'Icon/Feedback/Information': {
+    resolved: '#284EA0',
+    alias: 'Scandic/Blue/70',
+  },
+  'Icon/Feedback/Success': { resolved: '#348337', alias: 'Scandic/Green/60' },
+  'Icon/Feedback/Warning': { resolved: '#D17308', alias: 'Scandic/Yellow/60' },
+  'Icon/Feedback/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
+  'Icon/Feedback/Neutral': { resolved: '#575757', alias: 'Neutral/60' },
+  'Icon/Inverted': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100' },
+  'Overlay/10': { resolved: '#1F1C1B1A', alias: 'Neutral/Opacity/Black/10' },
+  'Overlay/20': { resolved: '#1F1C1B33', alias: 'Neutral/Opacity/Black/20' },
+  'Overlay/40': { resolved: '#1F1C1B66', alias: 'Neutral/Opacity/Black/40' },
+  'Overlay/60': { resolved: '#1F1C1B99', alias: 'Neutral/Opacity/Black/60' },
+  'Overlay/80': { resolved: '#1F1C1BCC', alias: 'Neutral/Opacity/Black/80' },
+  'Overlay/90': { resolved: '#1F1C1BE6', alias: 'Neutral/Opacity/Black/90' },
+  'Component/Button/Brand/Primary/Default': {
+    resolved: '#122937',
+    alias: 'Signature/Marski/Elephant/100',
+  },
+  'Component/Button/Brand/Primary/Hover': { resolved: '#283b48' },
+  'Component/Button/Brand/Primary/Disabled': {
+    resolved: '#1F1C1B1A',
+    alias: 'Neutral/Opacity/Black/10',
+  },
+  'Component/Button/Brand/Primary/On fill/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Brand/Primary/On fill/Hover': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Brand/Primary/On fill/Disabled': {
+    resolved: '#8C8C8C',
+    alias: 'Neutral/40',
+  },
+  'Component/Button/Brand/Primary/Border/Default': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Brand/Primary/Border/Hover': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Brand/Primary/Border/Disabled': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Brand/Secondary/Default': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Brand/Secondary/Hover': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Brand/Secondary/Inverted': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Brand/Secondary/Hover Inverted': {
+    resolved: '#122937',
+    alias: 'Signature/Marski/Elephant/100',
+  },
+  'Component/Button/Brand/Secondary/Disabled': {
+    resolved: '#1F1C1B1A',
+    alias: 'Neutral/Opacity/Black/10',
+  },
+  'Component/Button/Brand/Secondary/On fill/Default': {
+    resolved: '#122937',
+    alias: 'Signature/Marski/Elephant/100',
+  },
+  'Component/Button/Brand/Secondary/On fill/Hover': {
+    resolved: '#2C414D',
+    alias: 'Signature/Marski/Elephant/80',
+  },
+  'Component/Button/Brand/Secondary/On fill/Inverted': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Brand/Secondary/On fill/Disabled': {
+    resolved: '#8C8C8C',
+    alias: 'Neutral/40',
+  },
+  'Component/Button/Brand/Secondary/Border/Default': {
+    resolved: '#122937',
+    alias: 'Signature/Marski/Elephant/100',
+  },
+  'Component/Button/Brand/Secondary/Border/Hover': {
+    resolved: '#2C414D',
+    alias: 'Signature/Marski/Elephant/80',
+  },
+  'Component/Button/Brand/Secondary/Border/Inverted': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Brand/Secondary/Border/Hover inverted': {
+    resolved: '#e5e7e9',
+  },
+  'Component/Button/Brand/Secondary/Border/Disabled': {
+    resolved: '#1F1C1B1A',
+    alias: 'Neutral/Opacity/Black/10',
+  },
+  'Component/Button/Brand/Tertiary/Default': {
+    resolved: '#0D57F3',
+    alias: 'Signature/Marski/Blue ribbon/70',
+  },
+  'Component/Button/Brand/Tertiary/Hover': { resolved: '#1a54e7' },
+  'Component/Button/Brand/Tertiary/Disabled': {
+    resolved: '#1F1C1B1A',
+    alias: 'Neutral/Opacity/Black/10',
+  },
+  'Component/Button/Brand/Tertiary/On fill/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Brand/Tertiary/On fill/Hover': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Brand/Tertiary/On fill/Disabled': {
+    resolved: '#8C8C8C',
+    alias: 'Neutral/40',
+  },
+  'Component/Button/Brand/Tertiary/Border/Default': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Brand/Tertiary/Border/Hover': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Brand/Tertiary/Border/Disabled': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Inverted/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Inverted/Faded': {
+    resolved: '#FFFFFFE6',
+    alias: 'Neutral/Opacity/White/90',
+  },
+  'Component/Button/Inverted/Hover': { resolved: '#f2f2f2' },
+  'Component/Button/Inverted/Hover Inverted': {
+    resolved: '#122937',
+    alias: 'Signature/Marski/Elephant/100',
+  },
+  'Component/Button/Inverted/Disabled': {
+    resolved: '#1F1C1B1A',
+    alias: 'Neutral/Opacity/Black/10',
+  },
+  'Component/Button/Inverted/On fill/Default': {
+    resolved: '#122937',
+    alias: 'Signature/Marski/Elephant/100',
+  },
+  'Component/Button/Inverted/On fill/Hover': { resolved: '#283b48' },
+  'Component/Button/Inverted/On fill/Hover inverted': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Inverted/On fill/Disabled': {
+    resolved: '#8C8C8C',
+    alias: 'Neutral/40',
+  },
+  'Component/Button/Inverted/Border/Default': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Inverted/Border/Hover': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Inverted/Border/Disable': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Border/Interactive/Default': { resolved: '#BFBFBF', alias: 'Neutral/30' },
+  'Border/Divider/Default': { resolved: '#D9D9D9', alias: 'Neutral/20' },
+  'Border/Divider/Subtle': { resolved: '#E9E9E9', alias: 'Neutral/15' },
+  'Border/Divider/Accent': { resolved: '#BFBFBF', alias: 'Neutral/30' },
+  'Border/Divider/Brand/OnPrimary 1/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Border/Divider/Brand/OnPrimary 1/Secondary': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Border/Divider/Brand/OnPrimary 2/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Border/Divider/Brand/OnPrimary 3/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Border/Interactive/Selected': { resolved: '#262626', alias: 'Neutral/80' },
+  'Border/Interactive/Focus': { resolved: '#262626', alias: 'Neutral/80' },
+  'Border/Interactive/Disabled': { resolved: '#BFBFBF', alias: 'Neutral/30' },
+  'Border/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
+  'Border/Interactive/KeyboardFocus': {
+    resolved: '#5B8FD4',
+    alias: 'Scandic/Blue/50',
+  },
+  'Component/Button/Muted/Default': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Muted/Hover': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Muted/Disabled': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Muted/Hover inverted': {
+    resolved: '#1F1C1B0D',
+    alias: 'Neutral/Opacity/Black/5',
+  },
+  'Component/Button/Muted/Disabled inverted': {
+    resolved: '#D9D9D9',
+    alias: 'Neutral/20',
+  },
+  'Component/Button/Muted/On fill/Default': {
+    resolved: '#1F1F1F',
+    alias: 'Neutral/90',
+  },
+  'Component/Button/Muted/On fill/Inverted': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Muted/On fill/Hover Inverted': {
+    resolved: '#2C414D',
+    alias: 'Signature/Marski/Elephant/80',
+  },
+  'Component/Button/Muted/On fill/Disabled': {
+    resolved: '#8C8C8C',
+    alias: 'Neutral/40',
+  },
+  'Component/Button/Muted/Border/Default': {
+    resolved: '#FFFFFF1A',
+    alias: 'Neutral/Opacity/White/10',
+  },
+  'Component/Button/Muted/Border/Hover': { resolved: '#ffffff30' },
+  'Component/Button/Muted/Border/Disable': {
+    resolved: '#FFFFFF1A',
+    alias: 'Neutral/Opacity/White/10',
+  },
+} as const
+export const hotelNorge = {
+  'Signature/Hotel Norge/Off White/0': { resolved: '#FDFEFD' },
+  'Signature/Hotel Norge/Off White/10': { resolved: '#FAFAF9' },
+  'Signature/Hotel Norge/Off White/20': { resolved: '#F8F8F6' },
+  'Signature/Hotel Norge/Off White/30': { resolved: '#F4F5F2' },
+  'Signature/Hotel Norge/Off White/40': { resolved: '#F2F3EF' },
+  'Signature/Hotel Norge/Off White/50': { resolved: '#EFF0EB' },
+  'Signature/Hotel Norge/Off White/60': { resolved: '#D9DAD6' },
+  'Signature/Hotel Norge/Off White/70': { resolved: '#AAAAA7' },
+  'Signature/Hotel Norge/Emerald/0': { resolved: '#C7DDD5' },
+  'Signature/Hotel Norge/Emerald/80': { resolved: '#3A655C' },
+  'Signature/Hotel Norge/Off White/80': { resolved: '#838481' },
+  'Signature/Hotel Norge/Off White/90': { resolved: '#6F716F' },
+  'Signature/Hotel Norge/Emerald/90': { resolved: '#26544A' },
+  'Signature/Hotel Norge/Off White/100': { resolved: '#646563' },
+  'Signature/Hotel Norge/Emerald/100': { resolved: '#004337' },
+  'Signature/Hotel Norge/Dark blue/0': { resolved: '#B7C5C8' },
+  'Signature/Hotel Norge/Dark blue/30': { resolved: '#858F97' },
+  'Signature/Hotel Norge/Dark blue/80': { resolved: '#404655' },
+  'Signature/Hotel Norge/Dark blue/90': { resolved: '#181E34' },
+  'Signature/Hotel Norge/Dark blue/100': { resolved: '#2F3445' },
+  'Signature/Hotel Norge/Salmon/50': { resolved: '#EC615B' },
+  'Title/lg/Letter spacing': { resolved: 0 },
+  'Title/lg/Font fallback': { resolved: 'sans-serif' },
+  'Title/lg/Text-Transform': { resolved: 'unset' },
+  'Title/md/Letter spacing': { resolved: 0.36 },
+  'Title/md/Font fallback': { resolved: 'sans-serif' },
+  'Title/sm/Letter spacing': { resolved: 0 },
+  'Title/sm/Font fallback': { resolved: 'sans-serif' },
+  'Title/sm/Text-Transform': { resolved: 'unset' },
+  'Title/Decorative/lg/Letter spacing': { resolved: 0.24 },
+  'Title/Decorative/lg/Font fallback': { resolved: 'sans-serif' },
+  'Title/Decorative/lg/Text-Transform': { resolved: 'uppercase' },
+  'Title/Decorative/md/Letter spacing': { resolved: 0.32 },
+  'Title/Decorative/md/Font fallback': { resolved: 'sans-serif' },
+  'Title/Decorative/md/Text-Transform': { resolved: 'uppercase' },
+  'Title/Subtitle/lg/Font fallback': { resolved: 'sans-serif' },
+  'Title/Subtitle/lg/Letter spacing': { resolved: 0.24 },
+  'Title/Subtitle/md/Font fallback': { resolved: 'sans-serif' },
+  'Title/Subtitle/md/Letter spacing': { resolved: 0.2 },
+  'Title/Overline/sm/Letter spacing': { resolved: 0.21 },
+  'Title/Overline/sm/Font fallback': { resolved: 'sans-serif' },
+  'Title/Overline/sm/Text-Transform': { resolved: 'uppercase' },
+  'Title/sm/LowCase/Letter spacing': { resolved: 0 },
+  'Title/sm/LowCase/Font fallback': { resolved: 'sans-serif' },
+  'Title/sm/LowCase/Text-Transform': { resolved: 'unset' },
+  'Title/xs/Letter spacing': { resolved: -0.05 },
+  'Title/xs/Font fallback': { resolved: 'sans-serif' },
+  'Title/xs/Text-Transform': { resolved: 'unset' },
+  'Title/md/Text-Transform': { resolved: 'unset' },
+  'Title/md/LowCase/Letter spacing': { resolved: 0.36 },
+  'Title/md/LowCase/Font fallback': { resolved: 'sans-serif' },
+  'Title/md/LowCase/Text-Transform': { resolved: 'unset' },
+  'Tag/Letter spacing': { resolved: 0.18 },
+  'Tag/Font fallback': { resolved: 'sans-serif' },
+  'Tag/Text-Transform': { resolved: 'uppercase' },
+  'Link/md/Font fallback': { resolved: 'sans-serif' },
+  'Link/md/Letter spacing': { resolved: 0.19 },
+  'Link/sm/Font fallback': { resolved: 'sans-serif' },
+  'Link/sm/Letter spacing': { resolved: 0.2 },
+  'Body/Lead text/Font fallback': { resolved: 'sans-serif' },
+  'Body/Paragraph/Font fallback': { resolved: 'sans-serif' },
+  'Body/Paragraph/Letter spacing': { resolved: 0.19 },
+  'Body/Supporting text/Font fallback': { resolved: 'sans-serif' },
+  'Body/Supporting text/Letter spacing': { resolved: 0.2 },
+  'Body/Lead text/Letter spacing': { resolved: 0.2 },
+  'Label/Font fallback': { resolved: 'sans-serif' },
+  'Label/Letter spacing': { resolved: 0.17 },
+  'Body/Underline/md/Font fallback': { resolved: 'sans-serif' },
+  'Body/Underline/md/Letter spacing': { resolved: 0.19 },
+  'Body/Underline/sm/Font fallback': { resolved: 'sans-serif' },
+  'Body/Underline/sm/Letter spacing': { resolved: 0.2 },
+  'Surface/Brand/Primary 1/OnSurface/Default': { resolved: '#FFFFFF' },
+  'Surface/Brand/Primary 1/OnSurface/Accent': { resolved: '#FFFFFF' },
+  'Surface/Brand/Primary 1/OnSurface/Accent Secondary': { resolved: '#FFFFFF' },
+  'Surface/Brand/Primary 2/OnSurface/Default': { resolved: '#FFFFFF' },
+  'Surface/Brand/Primary 2/OnSurface/Accent': { resolved: '#FFFFFF' },
+  'Surface/Brand/Primary 3/OnSurface/Default': { resolved: '#FFFFFF' },
+  'Surface/Brand/Primary 3/OnSurface/Accent': { resolved: '#FFFFFF' },
+  'Utilities/Gradients/10': { resolved: '#3C43361A' },
+  'Font family/Hotel Norge/Title': { resolved: 'Domaine Sans Text' },
+  'Font family/Hotel Norge/Body': { resolved: 'Fira sans' },
+  'Font family/Hotel Norge/Decorative': { resolved: 'Domaine Sans Text' },
+  'Title/lg/Size': { resolved: '', alias: 'Impl-Text size/4xl' },
+  'Title/lg/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
+  'Title/lg/Font family': {
+    resolved: 'Domaine Sans Text',
+    alias: 'Font family/Hotel Norge/Title',
+  },
+  'Title/md/Size': { resolved: '', alias: 'Impl-Text size/2xl' },
+  'Title/md/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
+  'Title/md/Font family': {
+    resolved: 'Domaine Sans Text',
+    alias: 'Font family/Hotel Norge/Title',
+  },
+  'Title/sm/Size': { resolved: '', alias: 'Impl-Text size/lg' },
+  'Title/sm/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
+  'Title/sm/Font family': {
+    resolved: 'Domaine Sans Text',
+    alias: 'Font family/Hotel Norge/Title',
+  },
+  'Title/sm/LowCase/Size': { resolved: '', alias: 'Impl-Text size/lg' },
+  'Title/sm/LowCase/Font weight': {
+    resolved: 400,
+    alias: 'Font weight/Regular',
+  },
+  'Title/xs/Size': { resolved: '', alias: 'Impl-Text size/sm' },
+  'Title/sm/LowCase/Font family': {
+    resolved: 'Domaine Sans Text',
+    alias: 'Font family/Hotel Norge/Title',
+  },
+  'Title/Decorative/lg/Size': { resolved: '', alias: 'Impl-Text size/sm' },
+  'Title/Decorative/lg/Font weight': {
+    resolved: 400,
+    alias: 'Font weight/Regular',
+  },
+  'Title/Decorative/lg/Font family': {
+    resolved: 'Domaine Sans Text',
+    alias: 'Font family/Hotel Norge/Decorative',
+  },
+  'Title/Decorative/md/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
+  'Title/Decorative/md/Font weight': {
+    resolved: 400,
+    alias: 'Font weight/Regular',
+  },
+  'Title/Decorative/md/Font family': {
+    resolved: 'Domaine Sans Text',
+    alias: 'Font family/Hotel Norge/Title',
+  },
+  'Title/Subtitle/lg/Size': { resolved: '', alias: 'Impl-Text size/sm' },
+  'Title/Subtitle/lg/Font weight': {
+    resolved: 500,
+    alias: 'Font weight/Medium',
+  },
+  'Title/Subtitle/lg/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Hotel Norge/Body',
+  },
+  'Title/Subtitle/md/Size': { resolved: '', alias: 'Impl-Text size/xs' },
+  'Title/Subtitle/md/Font weight': {
+    resolved: 500,
+    alias: 'Font weight/Medium',
+  },
+  'Title/Subtitle/md/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Hotel Norge/Body',
+  },
+  'Title/Overline/sm/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
+  'Title/Overline/sm/Font weight': {
+    resolved: 500,
+    alias: 'Font weight/Medium',
+  },
+  'Title/Overline/sm/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Hotel Norge/Body',
+  },
+  'Title/xs/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
+  'Title/xs/Font family': {
+    resolved: 'Domaine Sans Text',
+    alias: 'Font family/Hotel Norge/Title',
+  },
+  'Title/md/LowCase/Size': { resolved: '', alias: 'Impl-Text size/2xl' },
+  'Title/md/LowCase/Font weight': {
+    resolved: 400,
+    alias: 'Font weight/Regular',
+  },
+  'Title/md/LowCase/Font family': {
+    resolved: 'Domaine Sans Text',
+    alias: 'Font family/Hotel Norge/Title',
+  },
+  'Body/Lead text/Size': { resolved: '', alias: 'Impl-Text size/xs' },
+  'Tag/Size': { resolved: '', alias: 'Impl-Text size/5xs' },
+  'Tag/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
+  'Tag/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Hotel Norge/Body',
+  },
+  'Link/md/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
+  'Link/md/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
+  'Link/md/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Hotel Norge/Body',
+  },
+  'Link/sm/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
+  'Link/sm/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
+  'Link/sm/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Hotel Norge/Body',
+  },
+  'Body/Lead text/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
+  'Body/Lead text/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Hotel Norge/Body',
+  },
+  'Body/Paragraph/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
+  'Body/Paragraph/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
+  'Body/Paragraph/Font weight 2': {
+    resolved: 500,
+    alias: 'Font weight/Medium',
+  },
+  'Body/Paragraph/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Hotel Norge/Body',
+  },
+  'Body/Supporting text/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
+  'Body/Supporting text/Font weight': {
+    resolved: 400,
+    alias: 'Font weight/Regular',
+  },
+  'Body/Supporting text/Font weight 2': {
+    resolved: 500,
+    alias: 'Font weight/Medium',
+  },
+  'Body/Supporting text/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Hotel Norge/Body',
+  },
+  'Label/Size': { resolved: '', alias: 'Impl-Text size/5xs' },
+  'Label/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
+  'Label/Font weight 2': { resolved: 500, alias: 'Font weight/Medium' },
+  'Label/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Hotel Norge/Body',
+  },
+  'Body/Underline/md/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
+  'Body/Underline/md/Font weight': {
+    resolved: 400,
+    alias: 'Font weight/Regular',
+  },
+  'Body/Underline/md/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Hotel Norge/Body',
+  },
+  'Body/Underline/sm/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
+  'Body/Underline/sm/Font weight': {
+    resolved: 400,
+    alias: 'Font weight/Regular',
+  },
+  'Body/Underline/sm/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Hotel Norge/Body',
+  },
+  'Text/Heading': { resolved: '#1F1F1F', alias: 'Neutral/90' },
+  'Text/Default': { resolved: '#1F1F1F', alias: 'Neutral/90' },
+  'Text/Secondary': { resolved: '#575757', alias: 'Neutral/60' },
+  'Text/Tertiary': { resolved: '#747474', alias: 'Neutral/50' },
+  'Text/Accent Primary': { resolved: '#747474', alias: 'Neutral/50' },
+  'Text/Accent Secondary': { resolved: '#747474', alias: 'Neutral/50' },
+  'Text/Inverted': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100' },
+  'Text/Interactive/Default': {
+    resolved: '#181E34',
+    alias: 'Signature/Hotel Norge/Dark blue/90',
+  },
+  'Text/Interactive/Secondary': {
+    resolved: '#26544A',
+    alias: 'Signature/Hotel Norge/Emerald/90',
+  },
+  'Text/Interactive/Hover Secondary': {
+    resolved: '#3A655C',
+    alias: 'Signature/Hotel Norge/Emerald/80',
+  },
+  'Text/Interactive/Disabled': { resolved: '#8C8C8C', alias: 'Neutral/40' },
+  'Text/Interactive/Focus': { resolved: '#262626', alias: 'Neutral/80' },
+  'Text/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
+  'Text/Interactive/Placeholder': { resolved: '#747474', alias: 'Neutral/50' },
+  'Text/Brand/OnAccent/Heading': { resolved: '#1F1F1F', alias: 'Neutral/90' },
+  'Text/Brand/OnAccent/Default': { resolved: '#1F1F1F', alias: 'Neutral/90' },
+  'Text/Brand/OnAccent/Accent': {
+    resolved: '#004337',
+    alias: 'Signature/Hotel Norge/Emerald/100',
+  },
+  'Text/Brand/OnPrimary 1/Heading': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Text/Brand/OnPrimary 1/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Text/Brand/OnPrimary 1/Accent': {
+    resolved: '#B7C5C8',
+    alias: 'Signature/Hotel Norge/Dark blue/0',
+  },
+  'Text/Brand/OnPrimary 2/Heading': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Text/Brand/OnPrimary 2/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Text/Brand/OnPrimary 2/Accent': {
+    resolved: '#C7DDD5',
+    alias: 'Signature/Hotel Norge/Emerald/0',
+  },
+  'Text/Brand/OnPrimary 3/Heading': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Text/Brand/OnPrimary 3/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Text/Brand/OnPrimary 3/Accent': {
+    resolved: '#C7DDD5',
+    alias: 'Signature/Hotel Norge/Emerald/0',
+  },
+  'Background/Primary': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Background/Secondary': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Surface/Primary/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Surface/Primary/Hover': { resolved: '#f2f2f2' },
+  'Surface/Primary/Hover Light': { resolved: '#e6e5e5' },
+  'Surface/Primary/Hover Accent': { resolved: '#E9E9E9', alias: 'Neutral/15' },
+  'Surface/Primary/OnSurface/Default': {
+    resolved: '#F4F5F2',
+    alias: 'Signature/Hotel Norge/Off White/30',
+  },
+  'Surface/Primary/Disabled': { resolved: '#E9E9E9', alias: 'Neutral/15' },
+  'Surface/Secondary/Default': {
+    resolved: '#EFF0EB',
+    alias: 'Signature/Hotel Norge/Off White/50',
+  },
+  'Surface/Secondary/Secondary': {
+    resolved: '#EFF0EB',
+    alias: 'Signature/Hotel Norge/Off White/50',
+  },
+  'Surface/Secondary/Hover': { resolved: '#e3e4df' },
+  'Surface/Brand/Accent/Default': {
+    resolved: '#C7DDD5',
+    alias: 'Signature/Hotel Norge/Emerald/0',
+  },
+  'Surface/Brand/Primary 1/Default': {
+    resolved: '#181E34',
+    alias: 'Signature/Hotel Norge/Dark blue/90',
+  },
+  'Surface/Brand/Primary 2/Default': {
+    resolved: '#181E34',
+    alias: 'Signature/Hotel Norge/Dark blue/90',
+  },
+  'Surface/Brand/Primary 3/Default': {
+    resolved: '#004337',
+    alias: 'Signature/Hotel Norge/Emerald/100',
+  },
+  'Surface/UI Fill/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Surface/UI Fill/Intense': { resolved: '#262626', alias: 'Neutral/80' },
+  'Surface/UI Fill/Active': { resolved: '#262626', alias: 'Neutral/80' },
+  'Surface/UI Fill/Active Hover': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Surface/UI Fill/Disabled': { resolved: '#E9E9E9', alias: 'Neutral/15' },
+  'Surface/Accent/1': {
+    resolved: '#EC615B',
+    alias: 'Signature/Hotel Norge/Salmon/50',
+  },
+  'Surface/Accent/2': { resolved: '#284EA0', alias: 'Scandic/Blue/70' },
+  'Surface/Accent/3': {
+    resolved: '#004337',
+    alias: 'Signature/Hotel Norge/Emerald/100',
+  },
+  'Surface/Accent/4': {
+    resolved: '#858F97',
+    alias: 'Signature/Hotel Norge/Dark blue/30',
+  },
+  'Surface/Accent/5': {
+    resolved: '#404655',
+    alias: 'Signature/Hotel Norge/Dark blue/80',
+  },
+  'Surface/Feedback/Information Accent': {
+    resolved: '#284EA0',
+    alias: 'Scandic/Blue/70',
+  },
+  'Surface/Feedback/Information': {
+    resolved: '#E8F6FF',
+    alias: 'Scandic/Blue/00',
+  },
+  'Surface/Feedback/Succes Accent': {
+    resolved: '#348337',
+    alias: 'Scandic/Green/60',
+  },
+  'Surface/Feedback/Succes': { resolved: '#F3FCE8', alias: 'Scandic/Green/00' },
+  'Surface/Feedback/Warning Accent': {
+    resolved: '#D17308',
+    alias: 'Scandic/Yellow/60',
+  },
+  'Surface/Feedback/Warning  Light': {
+    resolved: '#FFF8E3',
+    alias: 'Scandic/Yellow/00',
+  },
+  'Surface/Feedback/Error Accent': {
+    resolved: '#AD0015',
+    alias: 'Scandic/Red/70',
+  },
+  'Surface/Feedback/Error': { resolved: '#FFEBEB', alias: 'Scandic/Red/00' },
+  'Surface/Feedback/Neutral Accent': {
+    resolved: '#747474',
+    alias: 'Neutral/50',
+  },
+  'Surface/Feedback/Neutral': { resolved: '#E9E9E9', alias: 'Neutral/15' },
+  'Border/Default': { resolved: '#D9D9D9', alias: 'Neutral/20' },
+  'Border/Intense': { resolved: '#BFBFBF', alias: 'Neutral/30' },
+  'Border/Inverted': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Icon/Default': { resolved: '#575757', alias: 'Neutral/60' },
+  'Icon/Intense': { resolved: '#1F1F1F', alias: 'Neutral/90' },
+  'Icon/Accent': {
+    resolved: '#EC615B',
+    alias: 'Signature/Hotel Norge/Salmon/50',
+  },
+  'Icon/Interactive/Default': {
+    resolved: '#181E34',
+    alias: 'Signature/Hotel Norge/Dark blue/90',
+  },
+  'Icon/Interactive/Secondary': {
+    resolved: '#26544A',
+    alias: 'Signature/Hotel Norge/Emerald/90',
+  },
+  'Icon/Interactive/Disabled': { resolved: '#BFBFBF', alias: 'Neutral/30' },
+  'Icon/Interactive/Placeholder': { resolved: '#747474', alias: 'Neutral/50' },
+  'Icon/Feedback/Information': {
+    resolved: '#284EA0',
+    alias: 'Scandic/Blue/70',
+  },
+  'Icon/Feedback/Success': { resolved: '#348337', alias: 'Scandic/Green/60' },
+  'Icon/Feedback/Warning': { resolved: '#D17308', alias: 'Scandic/Yellow/60' },
+  'Icon/Feedback/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
+  'Icon/Feedback/Neutral': { resolved: '#575757', alias: 'Neutral/60' },
+  'Icon/Inverted': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100' },
+  'Overlay/10': { resolved: '#1F1C1B1A', alias: 'Neutral/Opacity/Black/10' },
+  'Overlay/20': { resolved: '#1F1C1B33', alias: 'Neutral/Opacity/Black/20' },
+  'Overlay/40': { resolved: '#1F1C1B66', alias: 'Neutral/Opacity/Black/40' },
+  'Overlay/60': { resolved: '#1F1C1B99', alias: 'Neutral/Opacity/Black/60' },
+  'Overlay/80': { resolved: '#1F1C1BCC', alias: 'Neutral/Opacity/Black/80' },
+  'Overlay/90': { resolved: '#1F1C1BE6', alias: 'Neutral/Opacity/Black/90' },
+  'Component/Button/Brand/Primary/Default': {
+    resolved: '#181E34',
+    alias: 'Signature/Hotel Norge/Dark blue/90',
+  },
+  'Component/Button/Brand/Primary/Hover': { resolved: '#2c3146' },
+  'Component/Button/Brand/Primary/Disabled': {
+    resolved: '#1F1C1B1A',
+    alias: 'Neutral/Opacity/Black/10',
+  },
+  'Component/Button/Brand/Primary/On fill/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Brand/Primary/On fill/Hover': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Brand/Primary/On fill/Disabled': {
+    resolved: '#8C8C8C',
+    alias: 'Neutral/40',
+  },
+  'Component/Button/Brand/Primary/Border/Default': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Brand/Primary/Border/Hover': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Brand/Primary/Border/Disabled': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Brand/Secondary/Default': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Brand/Secondary/Hover': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Brand/Secondary/Inverted': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Brand/Secondary/Hover Inverted': {
+    resolved: '#004337',
+    alias: 'Signature/Hotel Norge/Emerald/100',
+  },
+  'Component/Button/Brand/Secondary/Disabled': {
+    resolved: '#1F1C1B1A',
+    alias: 'Neutral/Opacity/Black/10',
+  },
+  'Component/Button/Brand/Secondary/On fill/Default': {
+    resolved: '#181E34',
+    alias: 'Signature/Hotel Norge/Dark blue/90',
+  },
+  'Component/Button/Brand/Secondary/On fill/Hover': {
+    resolved: '#404655',
+    alias: 'Signature/Hotel Norge/Dark blue/80',
+  },
+  'Component/Button/Brand/Secondary/On fill/Inverted': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Brand/Secondary/On fill/Disabled': {
+    resolved: '#8C8C8C',
+    alias: 'Neutral/40',
+  },
+  'Component/Button/Brand/Secondary/Border/Default': {
+    resolved: '#181E34',
+    alias: 'Signature/Hotel Norge/Dark blue/90',
+  },
+  'Component/Button/Brand/Secondary/Border/Hover': {
+    resolved: '#404655',
+    alias: 'Signature/Hotel Norge/Dark blue/80',
+  },
+  'Component/Button/Brand/Secondary/Border/Inverted': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Brand/Secondary/Border/Hover inverted': {
+    resolved: '#e5e6e9',
+  },
+  'Component/Button/Brand/Secondary/Border/Disabled': {
+    resolved: '#1F1C1B1A',
+    alias: 'Neutral/Opacity/Black/10',
+  },
+  'Component/Button/Brand/Tertiary/Default': {
+    resolved: '#004337',
+    alias: 'Signature/Hotel Norge/Emerald/100',
+  },
+  'Component/Button/Brand/Tertiary/Hover': { resolved: '#215448' },
+  'Component/Button/Brand/Tertiary/Disabled': {
+    resolved: '#1F1C1B1A',
+    alias: 'Neutral/Opacity/Black/10',
+  },
+  'Component/Button/Brand/Tertiary/On fill/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Brand/Tertiary/On fill/Hover': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Brand/Tertiary/On fill/Disabled': {
+    resolved: '#8C8C8C',
+    alias: 'Neutral/40',
+  },
+  'Component/Button/Brand/Tertiary/Border/Default': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Brand/Tertiary/Border/Hover': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Brand/Tertiary/Border/Disabled': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Inverted/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Inverted/Faded': {
+    resolved: '#FFFFFFE6',
+    alias: 'Neutral/Opacity/White/90',
+  },
+  'Component/Button/Inverted/Hover': { resolved: '#f2f2f2' },
+  'Component/Button/Inverted/Hover Inverted': {
+    resolved: '#004337',
+    alias: 'Signature/Hotel Norge/Emerald/100',
+  },
+  'Component/Button/Inverted/Disabled': {
+    resolved: '#1F1C1B1A',
+    alias: 'Neutral/Opacity/Black/10',
+  },
+  'Component/Button/Inverted/On fill/Default': {
+    resolved: '#181E34',
+    alias: 'Signature/Hotel Norge/Dark blue/90',
+  },
+  'Component/Button/Inverted/On fill/Hover': { resolved: '#2c3146' },
+  'Component/Button/Inverted/On fill/Hover inverted': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Inverted/On fill/Disabled': {
+    resolved: '#8C8C8C',
+    alias: 'Neutral/40',
+  },
+  'Component/Button/Inverted/Border/Default': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Inverted/Border/Hover': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Inverted/Border/Disable': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Border/Interactive/Default': { resolved: '#BFBFBF', alias: 'Neutral/30' },
+  'Border/Divider/Default': { resolved: '#D9D9D9', alias: 'Neutral/20' },
+  'Border/Divider/Subtle': { resolved: '#E9E9E9', alias: 'Neutral/15' },
+  'Border/Divider/Accent': { resolved: '#BFBFBF', alias: 'Neutral/30' },
+  'Border/Divider/Brand/OnPrimary 1/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Border/Divider/Brand/OnPrimary 1/Secondary': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Border/Divider/Brand/OnPrimary 2/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Border/Divider/Brand/OnPrimary 3/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Border/Interactive/Selected': { resolved: '#262626', alias: 'Neutral/80' },
+  'Border/Interactive/Focus': { resolved: '#262626', alias: 'Neutral/80' },
+  'Border/Interactive/Disabled': { resolved: '#BFBFBF', alias: 'Neutral/30' },
+  'Border/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
+  'Border/Interactive/KeyboardFocus': {
+    resolved: '#5B8FD4',
+    alias: 'Scandic/Blue/50',
+  },
+  'Component/Button/Muted/Default': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Muted/Hover': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Muted/Disabled': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Muted/Hover inverted': {
+    resolved: '#1F1C1B0D',
+    alias: 'Neutral/Opacity/Black/5',
+  },
+  'Component/Button/Muted/Disabled inverted': {
+    resolved: '#D9D9D9',
+    alias: 'Neutral/20',
+  },
+  'Component/Button/Muted/On fill/Default': {
+    resolved: '#1F1F1F',
+    alias: 'Neutral/90',
+  },
+  'Component/Button/Muted/On fill/Inverted': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Muted/On fill/Hover Inverted': {
+    resolved: '#404655',
+    alias: 'Signature/Hotel Norge/Dark blue/80',
+  },
+  'Component/Button/Muted/On fill/Disabled': {
+    resolved: '#8C8C8C',
+    alias: 'Neutral/40',
+  },
+  'Component/Button/Muted/Border/Default': {
+    resolved: '#FFFFFF1A',
+    alias: 'Neutral/Opacity/White/10',
+  },
+  'Component/Button/Muted/Border/Hover': { resolved: '#ffffff30' },
+  'Component/Button/Muted/Border/Disable': {
+    resolved: '#FFFFFF1A',
+    alias: 'Neutral/Opacity/White/10',
+  },
+} as const
+export const grandHotel = {
+  'Signature/Grand Hotel/Careys Pink/40': { resolved: '#DBA7B1' },
+  'Signature/Grand Hotel/Careys Pink/50': { resolved: '#C27183' },
+  'Signature/Grand Hotel/Careys Pink/60': { resolved: '#AA546B' },
+  'Signature/Grand Hotel/Careys Pink/70': { resolved: '#8E4258' },
+  'Signature/Grand Hotel/Cloudy/0': { resolved: '#F7F6F5' },
+  'Signature/Grand Hotel/Cloudy/10': { resolved: '#EBEAE9' },
+  'Signature/Grand Hotel/Cloudy/20': { resolved: '#D7D7D1' },
+  'Signature/Grand Hotel/Blue Bayoux/50': { resolved: '#5B6E7F' },
+  'Signature/Grand Hotel/Blue Bayoux/80': { resolved: '#3D444D' },
+  'Signature/Grand Hotel/Blue Bayoux/90': { resolved: '#363C43' },
+  'Signature/Grand Hotel/Blue Bayoux/100': { resolved: '#21252B' },
+  'Signature/Grand Hotel/Cloudy/30': { resolved: '#B2ADA7' },
+  'Signature/Grand Hotel/Submarine/30': { resolved: '#B0C4CB' },
+  'Title/lg/Letter spacing': { resolved: 0.12 },
+  'Title/lg/Font fallback': { resolved: 'Serif' },
+  'Title/lg/Text-Transform': { resolved: 'unset' },
+  'Title/md/Letter spacing': { resolved: 0.18 },
+  'Title/md/Font fallback': { resolved: 'Serif' },
+  'Title/sm/Letter spacing': { resolved: 0.28 },
+  'Title/sm/Font fallback': { resolved: 'Serif' },
+  'Title/sm/Text-Transform': { resolved: 'unset' },
+  'Title/Decorative/lg/Letter spacing': { resolved: 0.3 },
+  'Title/Decorative/lg/Font fallback': { resolved: 'Serif' },
+  'Title/Decorative/lg/Text-Transform': { resolved: 'uppercase' },
+  'Title/Decorative/md/Letter spacing': { resolved: 0.24 },
+  'Title/Decorative/md/Font fallback': { resolved: 'Serif' },
+  'Title/Decorative/md/Text-Transform': { resolved: 'uppercase' },
+  'Title/Subtitle/lg/Font fallback': { resolved: 'sans-serif' },
+  'Title/Subtitle/lg/Letter spacing': { resolved: 0.24 },
+  'Title/Subtitle/md/Font fallback': { resolved: 'sans-serif' },
+  'Title/Subtitle/md/Letter spacing': { resolved: 0.2 },
+  'Title/Overline/sm/Letter spacing': { resolved: 0.21 },
+  'Title/Overline/sm/Font fallback': { resolved: 'sans-serif' },
+  'Title/Overline/sm/Text-Transform': { resolved: 'uppercase' },
+  'Title/sm/LowCase/Letter spacing': { resolved: 0.28 },
+  'Title/sm/LowCase/Font fallback': { resolved: 'Serif' },
+  'Title/sm/LowCase/Text-Transform': { resolved: 'unset' },
+  'Title/xs/Letter spacing': { resolved: 0.24 },
+  'Title/xs/Font fallback': { resolved: 'Serif' },
+  'Title/xs/Text-Transform': { resolved: 'unset' },
+  'Title/md/Text-Transform': { resolved: 'unset' },
+  'Title/md/LowCase/Letter spacing': { resolved: 0.18 },
+  'Title/md/LowCase/Font fallback': { resolved: 'Serif' },
+  'Title/md/LowCase/Text-Transform': { resolved: 'unset' },
+  'Tag/Letter spacing': { resolved: 0.24 },
+  'Tag/Font fallback': { resolved: 'sans-serif' },
+  'Tag/Text-Transform': { resolved: 'uppercase' },
+  'Link/md/Font fallback': { resolved: 'sans-serif' },
+  'Link/md/Letter spacing': { resolved: 0.19 },
+  'Link/sm/Font fallback': { resolved: 'sans-serif' },
+  'Link/sm/Letter spacing': { resolved: 0.2 },
+  'Body/Lead text/Font fallback': { resolved: 'sans-serif' },
+  'Body/Paragraph/Font fallback': { resolved: 'sans-serif' },
+  'Body/Paragraph/Letter spacing': { resolved: 0.19 },
+  'Body/Supporting text/Font fallback': { resolved: 'sans-serif' },
+  'Body/Supporting text/Letter spacing': { resolved: 0.2 },
+  'Body/Lead text/Letter spacing': { resolved: 0.2 },
+  'Label/Font fallback': { resolved: 'sans-serif' },
+  'Label/Letter spacing': { resolved: 0.17 },
+  'Body/Underline/md/Font fallback': { resolved: 'sans-serif' },
+  'Body/Underline/md/Letter spacing': { resolved: 0.19 },
+  'Body/Underline/sm/Font fallback': { resolved: 'sans-serif' },
+  'Body/Underline/sm/Letter spacing': { resolved: 0.2 },
+  'Surface/Brand/Primary 1/OnSurface/Default': { resolved: '#FFFFFF' },
+  'Surface/Brand/Primary 1/OnSurface/Accent': { resolved: '#FFFFFF' },
+  'Surface/Brand/Primary 1/OnSurface/Accent Secondary': { resolved: '#FFFFFF' },
+  'Surface/Brand/Primary 2/OnSurface/Default': { resolved: '#FFFFFF' },
+  'Surface/Brand/Primary 2/OnSurface/Accent': { resolved: '#FFFFFF' },
+  'Surface/Brand/Primary 3/OnSurface/Default': { resolved: '#FFFFFF' },
+  'Surface/Brand/Primary 3/OnSurface/Accent': { resolved: '#FFFFFF' },
+  'Utilities/Gradients/10': { resolved: '#5B6E7F1A' },
+  'Font family/Grand Hotel/Title': { resolved: 'Canela Deck' },
+  'Font family/Grand Hotel/Body': { resolved: 'Fira sans' },
+  'Font family/Grand Hotel/Decorative': { resolved: 'Canela Deck' },
+  'Title/lg/Size': { resolved: '', alias: 'Impl-Text size/4xl' },
+  'Title/lg/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
+  'Title/lg/Font family': {
+    resolved: 'Canela Deck',
+    alias: 'Font family/Grand Hotel/Title',
+  },
+  'Title/md/Size': { resolved: '', alias: 'Impl-Text size/2xl' },
+  'Title/md/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
+  'Title/md/Font family': {
+    resolved: 'Canela Deck',
+    alias: 'Font family/Grand Hotel/Title',
+  },
+  'Title/sm/Size': { resolved: '', alias: 'Impl-Text size/lg' },
+  'Title/sm/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
+  'Title/sm/Font family': {
+    resolved: 'Canela Deck',
+    alias: 'Font family/Grand Hotel/Title',
+  },
+  'Title/sm/LowCase/Size': { resolved: '', alias: 'Impl-Text size/lg' },
+  'Title/sm/LowCase/Font weight': {
+    resolved: 400,
+    alias: 'Font weight/Regular',
+  },
+  'Title/xs/Size': { resolved: '', alias: 'Impl-Text size/sm' },
+  'Title/sm/LowCase/Font family': {
+    resolved: 'Canela Deck',
+    alias: 'Font family/Grand Hotel/Title',
+  },
+  'Title/Decorative/lg/Size': { resolved: '', alias: 'Impl-Text size/xs' },
+  'Title/Decorative/lg/Font weight': {
+    resolved: 400,
+    alias: 'Font weight/Regular',
+  },
+  'Title/Decorative/lg/Font family': {
+    resolved: 'Canela Deck',
+    alias: 'Font family/Grand Hotel/Decorative',
+  },
+  'Title/Decorative/md/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
+  'Title/Decorative/md/Font weight': {
+    resolved: 400,
+    alias: 'Font weight/Regular',
+  },
+  'Title/Decorative/md/Font family': {
+    resolved: 'Canela Deck',
+    alias: 'Font family/Grand Hotel/Title',
+  },
+  'Title/Subtitle/lg/Size': { resolved: '', alias: 'Impl-Text size/sm' },
+  'Title/Subtitle/lg/Font weight': {
+    resolved: 500,
+    alias: 'Font weight/Medium',
+  },
+  'Title/Subtitle/lg/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Grand Hotel/Body',
+  },
+  'Title/Subtitle/md/Size': { resolved: '', alias: 'Impl-Text size/xs' },
+  'Title/Subtitle/md/Font weight': {
+    resolved: 500,
+    alias: 'Font weight/Medium',
+  },
+  'Title/Subtitle/md/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Grand Hotel/Body',
+  },
+  'Title/Overline/sm/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
+  'Title/Overline/sm/Font weight': {
+    resolved: 500,
+    alias: 'Font weight/Medium',
+  },
+  'Title/Overline/sm/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Grand Hotel/Body',
+  },
+  'Title/xs/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
+  'Title/xs/Font family': {
+    resolved: 'Canela Deck',
+    alias: 'Font family/Grand Hotel/Title',
+  },
+  'Title/md/LowCase/Size': { resolved: '', alias: 'Impl-Text size/2xl' },
+  'Title/md/LowCase/Font weight': {
+    resolved: 400,
+    alias: 'Font weight/Regular',
+  },
+  'Title/md/LowCase/Font family': {
+    resolved: 'Canela Deck',
+    alias: 'Font family/Grand Hotel/Title',
+  },
+  'Body/Lead text/Size': { resolved: '', alias: 'Impl-Text size/xs' },
+  'Tag/Size': { resolved: '', alias: 'Impl-Text size/5xs' },
+  'Tag/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
+  'Tag/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Grand Hotel/Body',
+  },
+  'Link/md/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
+  'Link/md/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
+  'Link/md/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Grand Hotel/Body',
+  },
+  'Link/sm/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
+  'Link/sm/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
+  'Link/sm/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Grand Hotel/Body',
+  },
+  'Body/Lead text/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
+  'Body/Lead text/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Grand Hotel/Body',
+  },
+  'Body/Paragraph/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
+  'Body/Paragraph/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
+  'Body/Paragraph/Font weight 2': {
+    resolved: 500,
+    alias: 'Font weight/Medium',
+  },
+  'Body/Paragraph/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Grand Hotel/Body',
+  },
+  'Body/Supporting text/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
+  'Body/Supporting text/Font weight': {
+    resolved: 400,
+    alias: 'Font weight/Regular',
+  },
+  'Body/Supporting text/Font weight 2': {
+    resolved: 500,
+    alias: 'Font weight/Medium',
+  },
+  'Body/Supporting text/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Grand Hotel/Body',
+  },
+  'Label/Size': { resolved: '', alias: 'Impl-Text size/5xs' },
+  'Label/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
+  'Label/Font weight 2': { resolved: 500, alias: 'Font weight/Medium' },
+  'Label/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Grand Hotel/Body',
+  },
+  'Body/Underline/md/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
+  'Body/Underline/md/Font weight': {
+    resolved: 400,
+    alias: 'Font weight/Regular',
+  },
+  'Body/Underline/md/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Grand Hotel/Body',
+  },
+  'Body/Underline/sm/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
+  'Body/Underline/sm/Font weight': {
+    resolved: 400,
+    alias: 'Font weight/Regular',
+  },
+  'Body/Underline/sm/Font family': {
+    resolved: 'Fira sans',
+    alias: 'Font family/Grand Hotel/Body',
+  },
+  'Text/Heading': { resolved: '#1F1F1F', alias: 'Neutral/90' },
+  'Text/Default': { resolved: '#1F1F1F', alias: 'Neutral/90' },
+  'Text/Secondary': { resolved: '#575757', alias: 'Neutral/60' },
+  'Text/Tertiary': { resolved: '#747474', alias: 'Neutral/50' },
+  'Text/Accent Primary': {
+    resolved: '#AA546B',
+    alias: 'Signature/Grand Hotel/Careys Pink/60',
+  },
+  'Text/Accent Secondary': { resolved: '#747474', alias: 'Neutral/50' },
+  'Text/Inverted': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100' },
+  'Text/Interactive/Default': {
+    resolved: '#21252B',
+    alias: 'Signature/Grand Hotel/Blue Bayoux/100',
+  },
+  'Text/Interactive/Secondary': {
+    resolved: '#AA546B',
+    alias: 'Signature/Grand Hotel/Careys Pink/60',
+  },
+  'Text/Interactive/Hover Secondary': {
+    resolved: '#C27183',
+    alias: 'Signature/Grand Hotel/Careys Pink/50',
+  },
+  'Text/Interactive/Disabled': { resolved: '#8C8C8C', alias: 'Neutral/40' },
+  'Text/Interactive/Focus': { resolved: '#262626', alias: 'Neutral/80' },
+  'Text/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
+  'Text/Interactive/Placeholder': { resolved: '#747474', alias: 'Neutral/50' },
+  'Text/Brand/OnAccent/Heading': { resolved: '#1F1F1F', alias: 'Neutral/90' },
+  'Text/Brand/OnAccent/Default': { resolved: '#1F1F1F', alias: 'Neutral/90' },
+  'Text/Brand/OnAccent/Accent': { resolved: '#1F1F1F', alias: 'Neutral/90' },
+  'Text/Brand/OnPrimary 1/Heading': {
+    resolved: '#1F1F1F',
+    alias: 'Neutral/90',
+  },
+  'Text/Brand/OnPrimary 1/Default': {
+    resolved: '#1F1F1F',
+    alias: 'Neutral/90',
+  },
+  'Text/Brand/OnPrimary 1/Accent': { resolved: '#1F1F1F', alias: 'Neutral/90' },
+  'Text/Brand/OnPrimary 2/Heading': {
+    resolved: '#1F1F1F',
+    alias: 'Neutral/90',
+  },
+  'Text/Brand/OnPrimary 2/Default': {
+    resolved: '#1F1F1F',
+    alias: 'Neutral/90',
+  },
+  'Text/Brand/OnPrimary 2/Accent': { resolved: '#1F1F1F', alias: 'Neutral/90' },
+  'Text/Brand/OnPrimary 3/Heading': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Text/Brand/OnPrimary 3/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Text/Brand/OnPrimary 3/Accent': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Background/Primary': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Background/Secondary': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Surface/Primary/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Surface/Primary/Hover': { resolved: '#f2f2f2' },
+  'Surface/Primary/Hover Light': { resolved: '#e6e5e5' },
+  'Surface/Primary/Hover Accent': { resolved: '#E9E9E9', alias: 'Neutral/15' },
+  'Surface/Primary/OnSurface/Default': {
+    resolved: '#F7F6F5',
+    alias: 'Signature/Grand Hotel/Cloudy/0',
+  },
+  'Surface/Primary/Disabled': { resolved: '#E9E9E9', alias: 'Neutral/15' },
+  'Surface/Secondary/Default': {
+    resolved: '#F7F6F5',
+    alias: 'Signature/Grand Hotel/Cloudy/0',
+  },
+  'Surface/Secondary/Secondary': {
+    resolved: '#F7F6F5',
+    alias: 'Signature/Grand Hotel/Cloudy/0',
+  },
+  'Surface/Secondary/Hover': { resolved: '#ebeae9' },
+  'Surface/Brand/Accent/Default': {
+    resolved: '#B2ADA7',
+    alias: 'Signature/Grand Hotel/Cloudy/30',
+  },
+  'Surface/Brand/Primary 1/Default': {
+    resolved: '#DBA7B1',
+    alias: 'Signature/Grand Hotel/Careys Pink/40',
+  },
+  'Surface/Brand/Primary 2/Default': {
+    resolved: '#DBA7B1',
+    alias: 'Signature/Grand Hotel/Careys Pink/40',
+  },
+  'Surface/Brand/Primary 3/Default': {
+    resolved: '#5B6E7F',
+    alias: 'Signature/Grand Hotel/Blue Bayoux/50',
+  },
+  'Surface/UI Fill/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Surface/UI Fill/Intense': { resolved: '#262626', alias: 'Neutral/80' },
+  'Surface/UI Fill/Active': { resolved: '#262626', alias: 'Neutral/80' },
+  'Surface/UI Fill/Active Hover': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Surface/UI Fill/Disabled': { resolved: '#E9E9E9', alias: 'Neutral/15' },
+  'Surface/Accent/1': {
+    resolved: '#8E4258',
+    alias: 'Signature/Grand Hotel/Careys Pink/70',
+  },
+  'Surface/Accent/2': { resolved: '#284EA0', alias: 'Scandic/Blue/70' },
+  'Surface/Accent/3': {
+    resolved: '#C27183',
+    alias: 'Signature/Grand Hotel/Careys Pink/50',
+  },
+  'Surface/Accent/4': {
+    resolved: '#5B6E7F',
+    alias: 'Signature/Grand Hotel/Blue Bayoux/50',
+  },
+  'Surface/Accent/5': {
+    resolved: '#363C43',
+    alias: 'Signature/Grand Hotel/Blue Bayoux/90',
+  },
+  'Surface/Feedback/Information Accent': {
+    resolved: '#284EA0',
+    alias: 'Scandic/Blue/70',
+  },
+  'Surface/Feedback/Information': {
+    resolved: '#E8F6FF',
+    alias: 'Scandic/Blue/00',
+  },
+  'Surface/Feedback/Succes Accent': {
+    resolved: '#348337',
+    alias: 'Scandic/Green/60',
+  },
+  'Surface/Feedback/Succes': { resolved: '#F3FCE8', alias: 'Scandic/Green/00' },
+  'Surface/Feedback/Warning Accent': {
+    resolved: '#D17308',
+    alias: 'Scandic/Yellow/60',
+  },
+  'Surface/Feedback/Warning  Light': {
+    resolved: '#FFF8E3',
+    alias: 'Scandic/Yellow/00',
+  },
+  'Surface/Feedback/Error Accent': {
+    resolved: '#AD0015',
+    alias: 'Scandic/Red/70',
+  },
+  'Surface/Feedback/Error': { resolved: '#FFEBEB', alias: 'Scandic/Red/00' },
+  'Surface/Feedback/Neutral Accent': {
+    resolved: '#747474',
+    alias: 'Neutral/50',
+  },
+  'Surface/Feedback/Neutral': { resolved: '#E9E9E9', alias: 'Neutral/15' },
+  'Border/Default': { resolved: '#D9D9D9', alias: 'Neutral/20' },
+  'Border/Intense': { resolved: '#BFBFBF', alias: 'Neutral/30' },
+  'Border/Inverted': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Icon/Default': { resolved: '#575757', alias: 'Neutral/60' },
+  'Icon/Intense': { resolved: '#1F1F1F', alias: 'Neutral/90' },
+  'Icon/Accent': {
+    resolved: '#DBA7B1',
+    alias: 'Signature/Grand Hotel/Careys Pink/40',
+  },
+  'Icon/Interactive/Default': {
+    resolved: '#21252B',
+    alias: 'Signature/Grand Hotel/Blue Bayoux/100',
+  },
+  'Icon/Interactive/Secondary': {
+    resolved: '#AA546B',
+    alias: 'Signature/Grand Hotel/Careys Pink/60',
+  },
+  'Icon/Interactive/Disabled': { resolved: '#BFBFBF', alias: 'Neutral/30' },
+  'Icon/Interactive/Placeholder': { resolved: '#747474', alias: 'Neutral/50' },
+  'Icon/Feedback/Information': {
+    resolved: '#284EA0',
+    alias: 'Scandic/Blue/70',
+  },
+  'Icon/Feedback/Success': { resolved: '#348337', alias: 'Scandic/Green/60' },
+  'Icon/Feedback/Warning': { resolved: '#D17308', alias: 'Scandic/Yellow/60' },
+  'Icon/Feedback/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
+  'Icon/Feedback/Neutral': { resolved: '#575757', alias: 'Neutral/60' },
+  'Icon/Inverted': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100' },
+  'Overlay/10': { resolved: '#1F1C1B1A', alias: 'Neutral/Opacity/Black/10' },
+  'Overlay/20': { resolved: '#1F1C1B33', alias: 'Neutral/Opacity/Black/20' },
+  'Overlay/40': { resolved: '#1F1C1B66', alias: 'Neutral/Opacity/Black/40' },
+  'Overlay/60': { resolved: '#1F1C1B99', alias: 'Neutral/Opacity/Black/60' },
+  'Overlay/80': { resolved: '#1F1C1BCC', alias: 'Neutral/Opacity/Black/80' },
+  'Overlay/90': { resolved: '#1F1C1BE6', alias: 'Neutral/Opacity/Black/90' },
+  'Component/Button/Brand/Primary/Default': {
+    resolved: '#21252B',
+    alias: 'Signature/Grand Hotel/Blue Bayoux/100',
+  },
+  'Component/Button/Brand/Primary/Hover': { resolved: '#34373d' },
+  'Component/Button/Brand/Primary/Disabled': {
+    resolved: '#1F1C1B1A',
+    alias: 'Neutral/Opacity/Black/10',
+  },
+  'Component/Button/Brand/Primary/On fill/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Brand/Primary/On fill/Hover': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Brand/Primary/On fill/Disabled': {
+    resolved: '#8C8C8C',
+    alias: 'Neutral/40',
+  },
+  'Component/Button/Brand/Primary/Border/Default': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Brand/Primary/Border/Hover': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Brand/Primary/Border/Disabled': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Brand/Secondary/Default': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Brand/Secondary/Hover': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Brand/Secondary/Inverted': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Brand/Secondary/Hover Inverted': {
+    resolved: '#B0C4CB',
+    alias: 'Signature/Grand Hotel/Submarine/30',
+  },
+  'Component/Button/Brand/Secondary/Disabled': {
+    resolved: '#1F1C1B1A',
+    alias: 'Neutral/Opacity/Black/10',
+  },
+  'Component/Button/Brand/Secondary/On fill/Default': {
+    resolved: '#21252B',
+    alias: 'Signature/Grand Hotel/Blue Bayoux/100',
+  },
+  'Component/Button/Brand/Secondary/On fill/Hover': {
+    resolved: '#3D444D',
+    alias: 'Signature/Grand Hotel/Blue Bayoux/80',
+  },
+  'Component/Button/Brand/Secondary/On fill/Inverted': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Brand/Secondary/On fill/Disabled': {
+    resolved: '#8C8C8C',
+    alias: 'Neutral/40',
+  },
+  'Component/Button/Brand/Secondary/Border/Default': {
+    resolved: '#21252B',
+    alias: 'Signature/Grand Hotel/Blue Bayoux/100',
+  },
+  'Component/Button/Brand/Secondary/Border/Hover': {
+    resolved: '#3D444D',
+    alias: 'Signature/Grand Hotel/Blue Bayoux/80',
+  },
+  'Component/Button/Brand/Secondary/Border/Inverted': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Brand/Secondary/Border/Hover inverted': {
+    resolved: '#e6e6e7',
+  },
+  'Component/Button/Brand/Secondary/Border/Disabled': {
+    resolved: '#1F1C1B1A',
+    alias: 'Neutral/Opacity/Black/10',
+  },
+  'Component/Button/Brand/Tertiary/Default': {
+    resolved: '#B0C4CB',
+    alias: 'Signature/Grand Hotel/Submarine/30',
+  },
+  'Component/Button/Brand/Tertiary/Hover': { resolved: '#b8cad0' },
+  'Component/Button/Brand/Tertiary/Disabled': {
+    resolved: '#1F1C1B1A',
+    alias: 'Neutral/Opacity/Black/10',
+  },
+  'Component/Button/Brand/Tertiary/On fill/Default': {
+    resolved: '#21252B',
+    alias: 'Signature/Grand Hotel/Blue Bayoux/100',
+  },
+  'Component/Button/Brand/Tertiary/On fill/Hover': { resolved: '#34373d' },
+  'Component/Button/Brand/Tertiary/On fill/Disabled': {
+    resolved: '#8C8C8C',
+    alias: 'Neutral/40',
+  },
+  'Component/Button/Brand/Tertiary/Border/Default': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Brand/Tertiary/Border/Hover': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Brand/Tertiary/Border/Disabled': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Inverted/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Inverted/Faded': {
+    resolved: '#FFFFFFE6',
+    alias: 'Neutral/Opacity/White/90',
+  },
+  'Component/Button/Inverted/Hover': { resolved: '#f2f2f2' },
+  'Component/Button/Inverted/Hover Inverted': {
+    resolved: '#B0C4CB',
+    alias: 'Signature/Grand Hotel/Submarine/30',
+  },
+  'Component/Button/Inverted/Disabled': {
+    resolved: '#1F1C1B1A',
+    alias: 'Neutral/Opacity/Black/10',
+  },
+  'Component/Button/Inverted/On fill/Default': {
+    resolved: '#21252B',
+    alias: 'Signature/Grand Hotel/Blue Bayoux/100',
+  },
+  'Component/Button/Inverted/On fill/Hover': { resolved: '#34373d' },
+  'Component/Button/Inverted/On fill/Hover inverted': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Inverted/On fill/Disabled': {
+    resolved: '#8C8C8C',
+    alias: 'Neutral/40',
+  },
+  'Component/Button/Inverted/Border/Default': {
+    resolved: '#FFFFFF00',
+    alias: 'Neutral/Opacity/White/0',
+  },
+  'Component/Button/Inverted/Border/Hover': {
+    resolved: '#FFFFFF1A',
+    alias: 'Neutral/Opacity/White/10',
+  },
+  'Component/Button/Inverted/Border/Disable': {
+    resolved: '#FFFFFF1A',
+    alias: 'Neutral/Opacity/White/10',
+  },
+  'Border/Interactive/Default': { resolved: '#BFBFBF', alias: 'Neutral/30' },
+  'Border/Divider/Default': { resolved: '#D9D9D9', alias: 'Neutral/20' },
+  'Border/Divider/Subtle': { resolved: '#E9E9E9', alias: 'Neutral/15' },
+  'Border/Divider/Accent': { resolved: '#BFBFBF', alias: 'Neutral/30' },
+  'Border/Divider/Brand/OnPrimary 1/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Border/Divider/Brand/OnPrimary 1/Secondary': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Border/Divider/Brand/OnPrimary 2/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Border/Divider/Brand/OnPrimary 3/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Border/Interactive/Selected': { resolved: '#262626', alias: 'Neutral/80' },
+  'Border/Interactive/Focus': { resolved: '#262626', alias: 'Neutral/80' },
+  'Border/Interactive/Disabled': { resolved: '#BFBFBF', alias: 'Neutral/30' },
+  'Border/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
+  'Border/Interactive/KeyboardFocus': {
+    resolved: '#5B8FD4',
+    alias: 'Scandic/Blue/50',
+  },
+  'Component/Button/Muted/Default': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Muted/Hover': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Muted/Disabled': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Muted/Hover inverted': { resolved: '#f2f2f2' },
+  'Component/Button/Muted/Disabled inverted': {
+    resolved: '#D9D9D9',
+    alias: 'Neutral/20',
+  },
+  'Component/Button/Muted/On fill/Default': {
+    resolved: '#1F1F1F',
+    alias: 'Neutral/90',
+  },
+  'Component/Button/Muted/On fill/Inverted': {
+    resolved: '#FFFFFF',
+    alias: 'Neutral/Opacity/White/100',
+  },
+  'Component/Button/Muted/On fill/Hover Inverted': {
+    resolved: '#3D444D',
+    alias: 'Signature/Grand Hotel/Blue Bayoux/80',
+  },
+  'Component/Button/Muted/On fill/Disabled': {
+    resolved: '#8C8C8C',
+    alias: 'Neutral/40',
+  },
+  'Component/Button/Muted/Border/Default': {
+    resolved: '#FFFFFF1A',
+    alias: 'Neutral/Opacity/White/10',
+  },
+  'Component/Button/Muted/Border/Hover': { resolved: '#ffffff30' },
+  'Component/Button/Muted/Border/Disable': {
+    resolved: '#FFFFFF1A',
+    alias: 'Neutral/Opacity/White/10',
+  },
+} as const
diff --git a/packages/design-system/lib/tokens/marski.mdx b/packages/design-system/lib/tokens/marski.mdx
new file mode 100644
index 000000000..2b2f382d7
--- /dev/null
+++ b/packages/design-system/lib/tokens/marski.mdx
@@ -0,0 +1,11 @@
+import { Meta } from '@storybook/blocks'
+
+import { Colors } from './Colors'
+
+import { marski } from '.'
+
+<Meta title="Global/Colors/Marski" />
+
+# Colors: Marski
+
+<Colors theme={marski} />
diff --git a/packages/design-system/lib/tokens/scandic.mdx b/packages/design-system/lib/tokens/scandic.mdx
new file mode 100644
index 000000000..17ff9d8ab
--- /dev/null
+++ b/packages/design-system/lib/tokens/scandic.mdx
@@ -0,0 +1,11 @@
+import { Meta } from '@storybook/blocks'
+
+import { Colors } from './Colors'
+
+import { scandic } from '.'
+
+<Meta title="Global/Colors/Scandic" />
+
+# Colors: Scandic
+
+<Colors theme={scandic} />
diff --git a/packages/design-system/lib/tokens/scandicGo.mdx b/packages/design-system/lib/tokens/scandicGo.mdx
new file mode 100644
index 000000000..cc4cb8c3d
--- /dev/null
+++ b/packages/design-system/lib/tokens/scandicGo.mdx
@@ -0,0 +1,11 @@
+import { Meta } from '@storybook/blocks'
+
+import { Colors } from './Colors'
+
+import { scandicGo } from '.'
+
+<Meta title="Global/Colors/Scandic Go" />
+
+# Colors: Scandic Go
+
+<Colors theme={scandicGo} />
diff --git a/packages/design-system/lib/types/index.ts b/packages/design-system/lib/types/index.ts
deleted file mode 100644
index f2a68d864..000000000
--- a/packages/design-system/lib/types/index.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import { VariantProps } from 'class-variance-authority'
-
-// This will exclude null as values for the given keys
-export type NoNullVariant<Variant, Keys extends keyof Variant> = Omit<
-  Variant,
-  Keys
-> & {
-  [Property in Keys]: Exclude<Variant[Property], null>
-}
-
-// This is NoNullVariant but also requiring given keys in the variant
-// It will exclude null and require the given keys
-export type RequireVariant<Variant, Keys extends keyof Variant> = Omit<
-  Variant,
-  Keys
-> &
-  Required<{
-    [Property in Keys]: Exclude<Variant[Property], null>
-  }>
-
-export type ComponentProps<
-  BaseProps,
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  Variants extends (...args: any) => any,
-  RequiredKeys extends keyof VariantProps<Variants> = never,
-  NoNullKeys extends Exclude<
-    keyof VariantProps<Variants>,
-    RequiredKeys
-  > = never,
-> = BaseProps &
-  RequireVariant<VariantProps<Variants>, RequiredKeys> &
-  NoNullVariant<VariantProps<Variants>, NoNullKeys>
diff --git a/packages/design-system/lib/utils.test.ts b/packages/design-system/lib/utils.test.ts
deleted file mode 100644
index e7b6ad40a..000000000
--- a/packages/design-system/lib/utils.test.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-import { describe, test, expect } from 'vitest'
-
-import { capitalizeFirstLetter, sortObjectByKey } from './utils'
-
-describe('sortObjectByKey', () => {
-  test('sorts object keys alphabetically', () => {
-    const obj = { b: 2, a: 1, c: 3 }
-    const sortedObj = sortObjectByKey(obj)
-    expect(sortedObj).toEqual({ a: 1, b: 2, c: 3 })
-  })
-
-  test('handles empty object', () => {
-    const obj = {}
-    const sortedObj = sortObjectByKey(obj)
-    expect(sortedObj).toEqual({})
-  })
-
-  test('keeps object keys in original order if already sorted', () => {
-    const obj = { a: 1, b: 2, c: 3 }
-    const sortedObj = sortObjectByKey(obj)
-    expect(sortedObj).toEqual({ a: 1, b: 2, c: 3 })
-  })
-
-  test('sorts object keys in reverse alphabetical order', () => {
-    const obj = { z: 1, b: 2, a: 3 }
-    const sortedObj = sortObjectByKey(obj)
-    expect(sortedObj).toEqual({ a: 3, b: 2, z: 1 })
-  })
-
-  test('sorts object keys in natural order', () => {
-    const sortedObj1 = sortObjectByKey({
-      'ScandicRed-100': 1,
-      'ScandicRed-20': 1,
-      'ScandicRed-40': 1,
-      'ScandicRed-10': 1,
-      'Grey-80': 1,
-    })
-
-    expect(Object.keys(sortedObj1)).toEqual([
-      'Grey-80',
-      'ScandicRed-10',
-      'ScandicRed-20',
-      'ScandicRed-40',
-      'ScandicRed-100',
-    ])
-  })
-})
-
-describe('capitalizeFirstLetter function', () => {
-  test('capitalizes the first letter of a string', () => {
-    expect(capitalizeFirstLetter('hello')).toBe('Hello')
-  })
-
-  test('does not change an empty string', () => {
-    expect(capitalizeFirstLetter('')).toBe('')
-  })
-
-  test('does not change a string already starting with an uppercase letter', () => {
-    expect(capitalizeFirstLetter('World')).toBe('World')
-  })
-})
diff --git a/packages/design-system/lib/utils.ts b/packages/design-system/lib/utils.ts
deleted file mode 100644
index bcd5db169..000000000
--- a/packages/design-system/lib/utils.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { orderBy } from 'natural-orderby'
-
-export function sortObjectByKey<T = unknown>(
-  obj: Record<string, T>,
-): Record<string, T> {
-  const sortedKeys = orderBy(Object.keys(obj))
-
-  const sortedObj: Record<string, T> = {}
-
-  sortedKeys.forEach((key) => {
-    sortedObj[key] = obj[key]
-  })
-
-  return sortedObj
-}
-
-export function capitalizeFirstLetter(str: string): string {
-  return str.charAt(0).toUpperCase() + str.slice(1)
-}
diff --git a/packages/design-system/lib/variables.json b/packages/design-system/lib/variables.json
deleted file mode 100644
index a7b99bc2c..000000000
--- a/packages/design-system/lib/variables.json
+++ /dev/null
@@ -1,5271 +0,0 @@
-{
-  "version": "1.0.4",
-  "metadata": {},
-  "collections": [
-    {
-      "name": "Spacing",
-      "modes": [
-        {
-          "name": "Mode 1",
-          "variables": [
-            {
-              "name": "x0",
-              "type": "number",
-              "isAlias": false,
-              "value": 0
-            },
-            {
-              "name": "x025",
-              "type": "number",
-              "isAlias": false,
-              "value": 2
-            },
-            {
-              "name": "x05",
-              "type": "number",
-              "isAlias": false,
-              "value": 4
-            },
-            {
-              "name": "x1",
-              "type": "number",
-              "isAlias": false,
-              "value": 8
-            },
-            {
-              "name": "x15",
-              "type": "number",
-              "isAlias": false,
-              "value": 12
-            },
-            {
-              "name": "x2",
-              "type": "number",
-              "isAlias": false,
-              "value": 16
-            },
-            {
-              "name": "x3",
-              "type": "number",
-              "isAlias": false,
-              "value": 24
-            },
-            {
-              "name": "x4",
-              "type": "number",
-              "isAlias": false,
-              "value": 32
-            },
-            {
-              "name": "x5",
-              "type": "number",
-              "isAlias": false,
-              "value": 40
-            },
-            {
-              "name": "x6",
-              "type": "number",
-              "isAlias": false,
-              "value": 48
-            },
-            {
-              "name": "x7",
-              "type": "number",
-              "isAlias": false,
-              "value": 56
-            },
-            {
-              "name": "x9",
-              "type": "number",
-              "isAlias": false,
-              "value": 72
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "name": "Corner radius",
-      "modes": [
-        {
-          "name": "Mode 1",
-          "variables": [
-            {
-              "name": "Small",
-              "type": "number",
-              "isAlias": false,
-              "value": 4
-            },
-            {
-              "name": "Medium",
-              "type": "number",
-              "isAlias": false,
-              "value": 8
-            },
-            {
-              "name": "Large",
-              "type": "number",
-              "isAlias": false,
-              "value": 12
-            },
-            {
-              "name": "xLarge",
-              "type": "number",
-              "isAlias": false,
-              "value": 16
-            },
-            {
-              "name": "Rounded",
-              "type": "number",
-              "isAlias": false,
-              "value": 250
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "name": "Color tokens",
-      "modes": [
-        {
-          "name": "Scandic",
-          "variables": [
-            {
-              "name": "Base/Background/Primary/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Beige/00"
-              }
-            },
-            {
-              "name": "Base/Background/Primary/Elevated",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Beige/00"
-              }
-            },
-            {
-              "name": "Base/Surface/Primary light/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/100"
-              }
-            },
-            {
-              "name": "Base/Surface/Primary dark/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Peach/10"
-              }
-            },
-            {
-              "name": "Base/Surface/Secondary light/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Beige/00"
-              }
-            },
-            {
-              "name": "Base/Surface/Secondary light/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Peach/10"
-              }
-            },
-            {
-              "name": "Base/Surface/Secondary light/Hover-alt",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Peach/20"
-              }
-            },
-            {
-              "name": "Base/Surface/Primary dark/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Peach/20"
-              }
-            },
-            {
-              "name": "Base/Surface/Primary light/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Grey/00"
-              }
-            },
-            {
-              "name": "Base/Surface/Primary light/Hover-alt",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Beige/10"
-              }
-            },
-            {
-              "name": "Base/Surface/Subtle/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Beige/10"
-              }
-            },
-            {
-              "name": "Base/Surface/Subtle/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Beige/20"
-              }
-            },
-            {
-              "name": "Base/Text/High-contrast",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Red/100"
-              }
-            },
-            {
-              "name": "Base/Icon/Low-contrast",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Peach/70"
-              }
-            },
-            {
-              "name": "Base/Text/Medium-contrast",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Peach/80"
-              }
-            },
-            {
-              "name": "Base/Text/Accent",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Red/60"
-              }
-            },
-            {
-              "name": "Base/Text/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Grey/40"
-              }
-            },
-            {
-              "name": "Base/Text/Inverted",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/100"
-              }
-            },
-            {
-              "name": "Base/Border/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Beige/40"
-              }
-            },
-            {
-              "name": "Base/Border/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Peach/80"
-              }
-            },
-            {
-              "name": "Base/Border/Subtle",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Beige/20"
-              }
-            },
-            {
-              "name": "Base/Border/Inverted",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/100"
-              }
-            },
-            {
-              "name": "Base/Button/Primary/Fill/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Red/60"
-              }
-            },
-            {
-              "name": "Base/Interactive/Surface/Primary/normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Red/80"
-              }
-            },
-            {
-              "name": "Base/Interactive/Surface/Secondary/normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Green/70"
-              }
-            },
-            {
-              "name": "Base/Interactive/Surface/Tertiary/normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Blue/60"
-              }
-            },
-            {
-              "name": "Base/Button/Primary/Fill/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Red/70"
-              }
-            },
-            {
-              "name": "Base/Button/Primary/Fill/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Grey/20"
-              }
-            },
-            {
-              "name": "Base/Button/Primary/On Fill/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/100"
-              }
-            },
-            {
-              "name": "Base/Button/Primary/On Fill/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/100"
-              }
-            },
-            {
-              "name": "Base/Button/Primary/On Fill/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Grey/40"
-              }
-            },
-            {
-              "name": "Base/Button/Primary/Border/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Base/Button/Primary/Border/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Base/Button/Primary/Border/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Base/Button/Secondary/Fill/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Base/Button/Secondary/Fill/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Base/Button/Secondary/Fill/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Base/Button/Secondary/On Fill/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Red/100"
-              }
-            },
-            {
-              "name": "Base/Button/Secondary/On Fill/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Peach/80"
-              }
-            },
-            {
-              "name": "Base/Button/Secondary/On Fill/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Grey/40"
-              }
-            },
-            {
-              "name": "Base/Button/Secondary/Border/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Red/100"
-              }
-            },
-            {
-              "name": "Base/Button/Secondary/Border/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Peach/80"
-              }
-            },
-            {
-              "name": "Base/Button/Secondary/Border/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Grey/30"
-              }
-            },
-            {
-              "name": "Base/Button/Tertiary/Fill/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Red/100"
-              }
-            },
-            {
-              "name": "Base/Button/Tertiary/Fill/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Red/90"
-              }
-            },
-            {
-              "name": "Base/Button/Tertiary/Fill/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Grey/20"
-              }
-            },
-            {
-              "name": "Base/Button/Tertiary/On Fill/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/100"
-              }
-            },
-            {
-              "name": "Base/Button/Tertiary/On Fill/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/100"
-              }
-            },
-            {
-              "name": "Base/Button/Tertiary/On Fill/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Grey/40"
-              }
-            },
-            {
-              "name": "Base/Button/Tertiary/Border/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Base/Button/Tertiary/Border/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Base/Button/Tertiary/Border/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Base/Button/Inverted/Fill/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/100"
-              }
-            },
-            {
-              "name": "Base/Button/Inverted/Fill/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Beige/10"
-              }
-            },
-            {
-              "name": "Base/Button/Inverted/Fill/Hover-alt",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Peach/10"
-              }
-            },
-            {
-              "name": "Base/Button/Inverted/Fill/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Grey/20"
-              }
-            },
-            {
-              "name": "Base/Button/Inverted/On Fill/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Red/100"
-              }
-            },
-            {
-              "name": "Base/Button/Inverted/On Fill/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Red/90"
-              }
-            },
-            {
-              "name": "Base/Button/Inverted/On Fill/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Grey/40"
-              }
-            },
-            {
-              "name": "Base/Button/Inverted/Border/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Base/Button/Inverted/Border/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Base/Button/Inverted/Border/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "UI/Text/High-contrast",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Grey/100"
-              }
-            },
-            {
-              "name": "UI/Input Controls/Surface/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/100"
-              }
-            },
-            {
-              "name": "UI/Semantic/Information",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Blue/70"
-              }
-            },
-            {
-              "name": "UI/Semantic/Success",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Green/60"
-              }
-            },
-            {
-              "name": "UI/Semantic/Warning",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Yellow/60"
-              }
-            },
-            {
-              "name": "UI/Semantic/Error",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Red/70"
-              }
-            },
-            {
-              "name": "UI/Input Controls/Surface/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Beige/10"
-              }
-            },
-            {
-              "name": "UI/Input Controls/Surface/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Grey/10"
-              }
-            },
-            {
-              "name": "UI/Input Controls/Fill/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/100"
-              }
-            },
-            {
-              "name": "UI/Input Controls/Fill/Selected",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Blue/80"
-              }
-            },
-            {
-              "name": "UI/Input Controls/Fill/Selected-hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Blue/70"
-              }
-            },
-            {
-              "name": "UI/Input Controls/Fill/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Grey/60"
-              }
-            },
-            {
-              "name": "UI/Input Controls/On Fill/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/100"
-              }
-            },
-            {
-              "name": "UI/Input Controls/Border/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Beige/50"
-              }
-            },
-            {
-              "name": "UI/Input Controls/Border/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Beige/70"
-              }
-            },
-            {
-              "name": "UI/Input Controls/Border/Focus",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Blue/80"
-              }
-            },
-            {
-              "name": "UI/Input Controls/Border/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Grey/40"
-              }
-            },
-            {
-              "name": "UI/Input Controls/Border/Error",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Red/70"
-              }
-            },
-            {
-              "name": "UI/Input Controls/Border/KeyboardFocus",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Blue/50"
-              }
-            },
-            {
-              "name": "UI/Text/Medium-contrast",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Grey/80"
-              }
-            },
-            {
-              "name": "UI/Text/Active",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Blue/90"
-              }
-            },
-            {
-              "name": "UI/Text/Error",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Red/70"
-              }
-            },
-            {
-              "name": "UI/Text/Placeholder",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Grey/60"
-              }
-            },
-            {
-              "name": "Primary Light/Surface/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Peach/10"
-              }
-            },
-            {
-              "name": "Primary Light/Surface/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Peach/20"
-              }
-            },
-            {
-              "name": "Primary Light/On Surface/Text",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Red/100"
-              }
-            },
-            {
-              "name": "Primary Light/On Surface/Accent",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Red/60"
-              }
-            },
-            {
-              "name": "Primary Light/On Surface/Divider",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Peach/30"
-              }
-            },
-            {
-              "name": "Primary Light/On Surface/Divider-subtle",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Beige/10"
-              }
-            },
-            {
-              "name": "Primary Light/Button/Primary/Fill/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Red/100"
-              }
-            },
-            {
-              "name": "Primary Light/Button/Primary/Fill/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Red/80"
-              }
-            },
-            {
-              "name": "Primary Light/Button/Primary/Fill/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/Almost Black/10"
-              }
-            },
-            {
-              "name": "Primary Light/Button/Primary/On Fill/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Peach/10"
-              }
-            },
-            {
-              "name": "Primary Light/Button/Primary/On Fill/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Peach/30"
-              }
-            },
-            {
-              "name": "Primary Light/Button/Primary/On Fill/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/Almost Black/20"
-              }
-            },
-            {
-              "name": "Primary Light/Button/Primary/Border/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Primary Light/Button/Primary/Border/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Primary Light/Button/Primary/Border/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Primary Light/Button/Secondary/Fill/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Primary Light/Button/Secondary/Fill/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Primary Light/Button/Secondary/Fill/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Primary Light/Button/Secondary/On Fill/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Red/100"
-              }
-            },
-            {
-              "name": "Primary Light/Button/Secondary/On Fill/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Red/80"
-              }
-            },
-            {
-              "name": "Primary Light/Button/Secondary/On Fill/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/Almost Black/20"
-              }
-            },
-            {
-              "name": "Primary Light/Button/Secondary/Border/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Red/100"
-              }
-            },
-            {
-              "name": "Primary Light/Button/Secondary/Border/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Red/80"
-              }
-            },
-            {
-              "name": "Primary Light/Button/Secondary/Border/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/Almost Black/20"
-              }
-            },
-            {
-              "name": "Primary Dim/Surface/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Peach/30"
-              }
-            },
-            {
-              "name": "Primary Dim/Surface/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Peach/40"
-              }
-            },
-            {
-              "name": "Primary Dim/On Surface/Text",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Red/100"
-              }
-            },
-            {
-              "name": "Primary Dim/On Surface/Accent",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Peach/80"
-              }
-            },
-            {
-              "name": "Primary Dim/On Surface/Divider",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Peach/40"
-              }
-            },
-            {
-              "name": "Primary Dim/Button/Primary/Fill/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Red/100"
-              }
-            },
-            {
-              "name": "Primary Dim/Button/Primary/Fill/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Red/80"
-              }
-            },
-            {
-              "name": "Primary Dim/Button/Primary/Fill/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/Almost Black/10"
-              }
-            },
-            {
-              "name": "Primary Dim/Button/Primary/On Fill/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Peach/10"
-              }
-            },
-            {
-              "name": "Primary Dim/Button/Primary/On Fill/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Peach/30"
-              }
-            },
-            {
-              "name": "Primary Dim/Button/Primary/On Fill/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/Almost Black/20"
-              }
-            },
-            {
-              "name": "Primary Dim/Button/Primary/Border/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Primary Dim/Button/Primary/Border/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Primary Dim/Button/Primary/Border/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Primary Dim/Button/Secondary/Fill/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Primary Dim/Button/Secondary/Fill/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Primary Dim/Button/Secondary/Fill/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Primary Dim/Button/Secondary/On Fill/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Red/100"
-              }
-            },
-            {
-              "name": "Primary Dim/Button/Secondary/On Fill/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Red/80"
-              }
-            },
-            {
-              "name": "Primary Dim/Button/Secondary/On Fill/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/Almost Black/20"
-              }
-            },
-            {
-              "name": "Primary Dim/Button/Secondary/Border/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Red/100"
-              }
-            },
-            {
-              "name": "Primary Dim/Button/Secondary/Border/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Red/80"
-              }
-            },
-            {
-              "name": "Primary Dim/Button/Secondary/Border/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/Almost Black/20"
-              }
-            },
-            {
-              "name": "Primary Strong/Surface/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Red/60"
-              }
-            },
-            {
-              "name": "Primary Strong/Surface/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Red/70"
-              }
-            },
-            {
-              "name": "Primary Strong/On Surface/Text",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/100"
-              }
-            },
-            {
-              "name": "Primary Strong/On Surface/Accent",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Peach/10"
-              }
-            },
-            {
-              "name": "Primary Strong/On Surface/Divider",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Red/70"
-              }
-            },
-            {
-              "name": "Primary Strong/Button/Primary/Fill/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/100"
-              }
-            },
-            {
-              "name": "Primary Strong/Button/Primary/Fill/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Red/00"
-              }
-            },
-            {
-              "name": "Primary Strong/Button/Primary/Fill/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/20"
-              }
-            },
-            {
-              "name": "Primary Strong/Button/Primary/On Fill/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Red/70"
-              }
-            },
-            {
-              "name": "Primary Strong/Button/Primary/On Fill/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Red/70"
-              }
-            },
-            {
-              "name": "Primary Strong/Button/Primary/On Fill/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/20"
-              }
-            },
-            {
-              "name": "Primary Strong/Button/Primary/Border/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Primary Strong/Button/Primary/Border/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Primary Strong/Button/Primary/Border/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Primary Strong/Button/Secondary/Fill/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Primary Strong/Button/Secondary/Fill/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Primary Strong/Button/Secondary/Fill/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Primary Strong/Button/Secondary/On Fill/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/100"
-              }
-            },
-            {
-              "name": "Primary Strong/Button/Secondary/On Fill/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Red/00"
-              }
-            },
-            {
-              "name": "Primary Strong/Button/Secondary/On Fill/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/20"
-              }
-            },
-            {
-              "name": "Primary Strong/Button/Secondary/Border/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/100"
-              }
-            },
-            {
-              "name": "Primary Strong/Button/Secondary/Border/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Peach/00"
-              }
-            },
-            {
-              "name": "Primary Strong/Button/Secondary/Border/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/20"
-              }
-            },
-            {
-              "name": "Primary Dark/Surface/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Red/100"
-              }
-            },
-            {
-              "name": "Primary Dark/Surface/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Red/90"
-              }
-            },
-            {
-              "name": "Primary Dark/On Surface/Text",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Peach/10"
-              }
-            },
-            {
-              "name": "Primary Dark/On Surface/Accent",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Peach/50"
-              }
-            },
-            {
-              "name": "Primary Dark/On Surface/Divider",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Peach/80"
-              }
-            },
-            {
-              "name": "Primary Dark/Button/Primary/Fill/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Peach/10"
-              }
-            },
-            {
-              "name": "Primary Dark/Button/Primary/Fill/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Peach/20"
-              }
-            },
-            {
-              "name": "Primary Dark/Button/Primary/Fill/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/20"
-              }
-            },
-            {
-              "name": "Primary Dark/Button/Primary/On Fill/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Red/100"
-              }
-            },
-            {
-              "name": "Primary Dark/Button/Primary/On Fill/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Red/80"
-              }
-            },
-            {
-              "name": "Primary Dark/Button/Primary/On Fill/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/30"
-              }
-            },
-            {
-              "name": "Primary Dark/Button/Primary/Border/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Primary Dark/Button/Primary/Border/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Primary Dark/Button/Primary/Border/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Primary Dark/Button/Secondary/Fill/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Primary Dark/Button/Secondary/Fill/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Primary Dark/Button/Secondary/Fill/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Primary Dark/Button/Secondary/On Fill/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Peach/10"
-              }
-            },
-            {
-              "name": "Primary Dark/Button/Secondary/On Fill/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Peach/30"
-              }
-            },
-            {
-              "name": "Primary Dark/Button/Secondary/On Fill/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/30"
-              }
-            },
-            {
-              "name": "Primary Dark/Button/Secondary/Border/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Peach/10"
-              }
-            },
-            {
-              "name": "Primary Dark/Button/Secondary/Border/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Peach/30"
-              }
-            },
-            {
-              "name": "Primary Dark/Button/Secondary/Border/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/20"
-              }
-            },
-            {
-              "name": "Secondary Light/Surface/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Green/20"
-              }
-            },
-            {
-              "name": "Secondary Dark/Surface/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Green/90"
-              }
-            },
-            {
-              "name": "Tertiary Light/Surface/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Yellow/10"
-              }
-            },
-            {
-              "name": "Tertiary Light/Surface/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Yellow/00"
-              }
-            },
-            {
-              "name": "Tertiary Light/On Surface/Text",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Blue/100"
-              }
-            },
-            {
-              "name": "Tertiary Light/On Surface/Accent",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Yellow/50"
-              }
-            },
-            {
-              "name": "Tertiary Light/On Surface/Divider",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Yellow/20"
-              }
-            },
-            {
-              "name": "Tertiary Light/Button/Primary/Fill/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Blue/100"
-              }
-            },
-            {
-              "name": "Tertiary Light/Button/Primary/Fill/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Blue/90"
-              }
-            },
-            {
-              "name": "Tertiary Light/Button/Primary/Fill/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/Almost Black/10"
-              }
-            },
-            {
-              "name": "Tertiary Light/Button/Primary/On Fill/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Yellow/10"
-              }
-            },
-            {
-              "name": "Tertiary Light/Button/Primary/On Fill/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Yellow/00"
-              }
-            },
-            {
-              "name": "Tertiary Light/Button/Primary/On Fill/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/Almost Black/20"
-              }
-            },
-            {
-              "name": "Tertiary Light/Button/Primary/Border/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Yellow/10"
-              }
-            },
-            {
-              "name": "Tertiary Light/Button/Primary/Border/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Yellow/00"
-              }
-            },
-            {
-              "name": "Tertiary Light/Button/Primary/Border/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/Almost Black/20"
-              }
-            },
-            {
-              "name": "Tertiary Light/Button/Secondary/Fill/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Tertiary Light/Button/Secondary/Fill/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Tertiary Light/Button/Secondary/Fill/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Tertiary Light/Button/Secondary/On Fill/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Blue/100"
-              }
-            },
-            {
-              "name": "Tertiary Light/Button/Secondary/On Fill/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Blue/90"
-              }
-            },
-            {
-              "name": "Tertiary Light/Button/Secondary/On Fill/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/Almost Black/20"
-              }
-            },
-            {
-              "name": "Tertiary Light/Button/Secondary/Border/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Blue/100"
-              }
-            },
-            {
-              "name": "Tertiary Light/Button/Secondary/Border/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Blue/90"
-              }
-            },
-            {
-              "name": "Tertiary Light/Button/Secondary/Border/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/Almost Black/20"
-              }
-            },
-            {
-              "name": "Secondary Dark/Surface/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Green/80"
-              }
-            },
-            {
-              "name": "Secondary Dark/On Surface/Text",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Green/20"
-              }
-            },
-            {
-              "name": "Secondary Dark/On Surface/Accent",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Green/40"
-              }
-            },
-            {
-              "name": "Secondary Dark/On Surface/Divider",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Green/80"
-              }
-            },
-            {
-              "name": "Secondary Dark/Button/Primary/Fill/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Green/20"
-              }
-            },
-            {
-              "name": "Secondary Dark/Button/Primary/Fill/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Green/30"
-              }
-            },
-            {
-              "name": "Secondary Dark/Button/Primary/Fill/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/10"
-              }
-            },
-            {
-              "name": "Secondary Dark/Button/Primary/On Fill/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Green/90"
-              }
-            },
-            {
-              "name": "Secondary Dark/Button/Primary/On Fill/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Green/80"
-              }
-            },
-            {
-              "name": "Secondary Dark/Button/Primary/On Fill/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/20"
-              }
-            },
-            {
-              "name": "Secondary Dark/Button/Primary/Border/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Secondary Dark/Button/Primary/Border/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Secondary Dark/Button/Primary/Border/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Secondary Dark/Button/Secondary/Fill/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Secondary Dark/Button/Secondary/Fill/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Secondary Dark/Button/Secondary/Fill/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Secondary Dark/Button/Secondary/On Fill/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Green/20"
-              }
-            },
-            {
-              "name": "Secondary Dark/Button/Secondary/On Fill/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Green/30"
-              }
-            },
-            {
-              "name": "Secondary Dark/Button/Secondary/On Fill/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/20"
-              }
-            },
-            {
-              "name": "Secondary Dark/Button/Secondary/Border/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Green/20"
-              }
-            },
-            {
-              "name": "Secondary Dark/Button/Secondary/Border/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Green/30"
-              }
-            },
-            {
-              "name": "Secondary Dark/Button/Secondary/Border/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/20"
-              }
-            },
-            {
-              "name": "Secondary Light/Surface/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Green/20"
-              }
-            },
-            {
-              "name": "Secondary Light/On Surface/Text",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Green/90"
-              }
-            },
-            {
-              "name": "Secondary Light/On Surface/Accent",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Green/50"
-              }
-            },
-            {
-              "name": "Secondary Light/On Surface/Divider",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Green/30"
-              }
-            },
-            {
-              "name": "Secondary Light/Button/Primary/Fill/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Green/90"
-              }
-            },
-            {
-              "name": "Secondary Light/Button/Primary/Fill/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Green/80"
-              }
-            },
-            {
-              "name": "Secondary Light/Button/Primary/Fill/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/Almost Black/10"
-              }
-            },
-            {
-              "name": "Secondary Light/Button/Primary/On Fill/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Green/20"
-              }
-            },
-            {
-              "name": "Secondary Light/Button/Primary/On Fill/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Green/30"
-              }
-            },
-            {
-              "name": "Secondary Light/Button/Primary/On Fill/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/Almost Black/20"
-              }
-            },
-            {
-              "name": "Secondary Light/Button/Primary/Border/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Secondary Light/Button/Primary/Border/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Secondary Light/Button/Primary/Border/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Secondary Light/Button/Secondary/Fill/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Secondary Light/Button/Secondary/Fill/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Secondary Light/Button/Secondary/Fill/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Secondary Light/Button/Secondary/On Fill/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Green/90"
-              }
-            },
-            {
-              "name": "Secondary Light/Button/Secondary/On Fill/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Green/80"
-              }
-            },
-            {
-              "name": "Secondary Light/Button/Secondary/On Fill/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/Almost Black/20"
-              }
-            },
-            {
-              "name": "Secondary Light/Button/Secondary/Border/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Green/90"
-              }
-            },
-            {
-              "name": "Secondary Light/Button/Secondary/Border/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Green/80"
-              }
-            },
-            {
-              "name": "Secondary Light/Button/Secondary/Border/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/Almost Black/20"
-              }
-            },
-            {
-              "name": "Tertiary Dark/Surface/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Blue/100"
-              }
-            },
-            {
-              "name": "Tertiary Dark/Surface/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Blue/90"
-              }
-            },
-            {
-              "name": "Tertiary Dark/On Surface/Text",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Yellow/10"
-              }
-            },
-            {
-              "name": "Tertiary Dark/On Surface/Accent",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Blue/40"
-              }
-            },
-            {
-              "name": "Tertiary Dark/Button/Primary/Fill/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Yellow/10"
-              }
-            },
-            {
-              "name": "Tertiary Dark/Button/Primary/Fill/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Yellow/20"
-              }
-            },
-            {
-              "name": "Tertiary Dark/Button/Primary/Fill/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/10"
-              }
-            },
-            {
-              "name": "Tertiary Dark/Button/Primary/On Fill/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Blue/100"
-              }
-            },
-            {
-              "name": "Tertiary Dark/Button/Primary/On Fill/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Blue/80"
-              }
-            },
-            {
-              "name": "Tertiary Dark/Button/Primary/On Fill/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/20"
-              }
-            },
-            {
-              "name": "Tertiary Dark/Button/Primary/Border/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Tertiary Dark/Button/Primary/Border/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Tertiary Dark/Button/Primary/Border/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Tertiary Dark/Button/Secondary/Fill/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Tertiary Dark/Button/Secondary/Fill/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Tertiary Dark/Button/Secondary/Fill/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Tertiary Dark/Button/Secondary/On Fill/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Yellow/10"
-              }
-            },
-            {
-              "name": "Tertiary Dark/Button/Secondary/On Fill/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Yellow/20"
-              }
-            },
-            {
-              "name": "Tertiary Dark/Button/Secondary/On Fill/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/20"
-              }
-            },
-            {
-              "name": "Tertiary Dark/Button/Secondary/Border/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Yellow/10"
-              }
-            },
-            {
-              "name": "Tertiary Dark/Button/Secondary/Border/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Yellow/20"
-              }
-            },
-            {
-              "name": "Tertiary Dark/Button/Secondary/Border/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/20"
-              }
-            },
-            {
-              "name": "Tertiary Dark/On Surface/Divider",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Blue/80"
-              }
-            },
-            {
-              "name": "Base/Button/Text/Fill/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Base/Button/Text/Fill/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Base/Button/Text/Fill/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Base/Button/Text/On Fill/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Red/100"
-              }
-            },
-            {
-              "name": "Base/Button/Text/On Fill/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "Scandic/Peach/80"
-              }
-            },
-            {
-              "name": "Base/Button/Text/On Fill/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Grey/40"
-              }
-            },
-            {
-              "name": "Base/Button/Text/Border/Normal",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Base/Button/Text/Border/Hover",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            },
-            {
-              "name": "Base/Button/Text/Border/Disabled",
-              "type": "color",
-              "isAlias": true,
-              "value": {
-                "collection": "Primitives",
-                "name": "UI/Opacity/White/0"
-              }
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "name": "Primitives",
-      "modes": [
-        {
-          "name": "Scandic",
-          "variables": [
-            {
-              "name": "Scandic/Brand/Scandic Red",
-              "type": "color",
-              "isAlias": false,
-              "value": "#CD0921"
-            },
-            {
-              "name": "Scandic/Brand/Burgundy",
-              "type": "color",
-              "isAlias": false,
-              "value": "#4D001B"
-            },
-            {
-              "name": "Scandic/Brand/Pale Peach",
-              "type": "color",
-              "isAlias": false,
-              "value": "#F7E1D5"
-            },
-            {
-              "name": "Scandic/Brand/Dark Green",
-              "type": "color",
-              "isAlias": false,
-              "value": "#093021"
-            },
-            {
-              "name": "Scandic/Brand/Light Green",
-              "type": "color",
-              "isAlias": false,
-              "value": "#D2EDAF"
-            },
-            {
-              "name": "Scandic/Brand/Dark Grey",
-              "type": "color",
-              "isAlias": false,
-              "value": "#291710"
-            },
-            {
-              "name": "Scandic/Brand/Warm White",
-              "type": "color",
-              "isAlias": false,
-              "value": "#FAF6F2"
-            },
-            {
-              "name": "Scandic/Brand/Light Blue",
-              "type": "color",
-              "isAlias": false,
-              "value": "#B5E0FF"
-            },
-            {
-              "name": "Scandic/Brand/Dark Blue",
-              "type": "color",
-              "isAlias": false,
-              "value": "#0D1440"
-            },
-            {
-              "name": "Scandic/Brand/Pale Yellow",
-              "type": "color",
-              "isAlias": false,
-              "value": "#FFF0C2"
-            },
-            {
-              "name": "Scandic/Red/00",
-              "type": "color",
-              "isAlias": false,
-              "value": "#FFEBEB"
-            },
-            {
-              "name": "Scandic/Red/10",
-              "type": "color",
-              "isAlias": false,
-              "value": "#F7C1C2"
-            },
-            {
-              "name": "Scandic/Red/20",
-              "type": "color",
-              "isAlias": false,
-              "value": "#F79499"
-            },
-            {
-              "name": "Scandic/Red/30",
-              "type": "color",
-              "isAlias": false,
-              "value": "#F26B74"
-            },
-            {
-              "name": "Scandic/Red/40",
-              "type": "color",
-              "isAlias": false,
-              "value": "#ED4251"
-            },
-            {
-              "name": "Scandic/Red/50",
-              "type": "color",
-              "isAlias": false,
-              "value": "#E32034"
-            },
-            {
-              "name": "Scandic/Red/60",
-              "type": "color",
-              "isAlias": false,
-              "value": "#CD0921"
-            },
-            {
-              "name": "Scandic/Red/70",
-              "type": "color",
-              "isAlias": false,
-              "value": "#AD0015"
-            },
-            {
-              "name": "Scandic/Red/80",
-              "type": "color",
-              "isAlias": false,
-              "value": "#8D0011"
-            },
-            {
-              "name": "Scandic/Red/90",
-              "type": "color",
-              "isAlias": false,
-              "value": "#6D000D"
-            },
-            {
-              "name": "Scandic/Red/100",
-              "type": "color",
-              "isAlias": false,
-              "value": "#4D001B"
-            },
-            {
-              "name": "Scandic/Peach/00",
-              "type": "color",
-              "isAlias": false,
-              "value": "#FFF3ED"
-            },
-            {
-              "name": "Scandic/Beige/00",
-              "type": "color",
-              "isAlias": false,
-              "value": "#FAF6F2"
-            },
-            {
-              "name": "Scandic/Beige/10",
-              "type": "color",
-              "isAlias": false,
-              "value": "#F2ECE6"
-            },
-            {
-              "name": "Scandic/Beige/20",
-              "type": "color",
-              "isAlias": false,
-              "value": "#E3D9D1"
-            },
-            {
-              "name": "Scandic/Beige/30",
-              "type": "color",
-              "isAlias": false,
-              "value": "#D1C4BA"
-            },
-            {
-              "name": "Scandic/Beige/40",
-              "type": "color",
-              "isAlias": false,
-              "value": "#B8A79A"
-            },
-            {
-              "name": "Scandic/Beige/50",
-              "type": "color",
-              "isAlias": false,
-              "value": "#9C8A7E"
-            },
-            {
-              "name": "Scandic/Beige/60",
-              "type": "color",
-              "isAlias": false,
-              "value": "#806E63"
-            },
-            {
-              "name": "Scandic/Beige/70",
-              "type": "color",
-              "isAlias": false,
-              "value": "#6B584D"
-            },
-            {
-              "name": "Scandic/Beige/80",
-              "type": "color",
-              "isAlias": false,
-              "value": "#533F35"
-            },
-            {
-              "name": "Scandic/Beige/90",
-              "type": "color",
-              "isAlias": false,
-              "value": "#3E2B23"
-            },
-            {
-              "name": "Scandic/Beige/100",
-              "type": "color",
-              "isAlias": false,
-              "value": "#291710"
-            },
-            {
-              "name": "Scandic/Peach/10",
-              "type": "color",
-              "isAlias": false,
-              "value": "#F7E1D5"
-            },
-            {
-              "name": "Scandic/Peach/20",
-              "type": "color",
-              "isAlias": false,
-              "value": "#F4D5C8"
-            },
-            {
-              "name": "Scandic/Peach/30",
-              "type": "color",
-              "isAlias": false,
-              "value": "#F0C1B6"
-            },
-            {
-              "name": "Scandic/Peach/40",
-              "type": "color",
-              "isAlias": false,
-              "value": "#E9ABA3"
-            },
-            {
-              "name": "Scandic/Peach/50",
-              "type": "color",
-              "isAlias": false,
-              "value": "#DE9490"
-            },
-            {
-              "name": "Scandic/Peach/60",
-              "type": "color",
-              "isAlias": false,
-              "value": "#CD797C"
-            },
-            {
-              "name": "Scandic/Peach/70",
-              "type": "color",
-              "isAlias": false,
-              "value": "#B05B65"
-            },
-            {
-              "name": "Scandic/Peach/80",
-              "type": "color",
-              "isAlias": false,
-              "value": "#8F4350"
-            },
-            {
-              "name": "Scandic/Peach/90",
-              "type": "color",
-              "isAlias": false,
-              "value": "#642636"
-            },
-            {
-              "name": "Scandic/Peach/100",
-              "type": "color",
-              "isAlias": false,
-              "value": "#4D0F25"
-            },
-            {
-              "name": "Scandic/Green/00",
-              "type": "color",
-              "isAlias": false,
-              "value": "#F3FCE8"
-            },
-            {
-              "name": "Scandic/Green/10",
-              "type": "color",
-              "isAlias": false,
-              "value": "#E1F3CA"
-            },
-            {
-              "name": "Scandic/Green/20",
-              "type": "color",
-              "isAlias": false,
-              "value": "#D2EDAF"
-            },
-            {
-              "name": "Scandic/Green/30",
-              "type": "color",
-              "isAlias": false,
-              "value": "#ACDB8A"
-            },
-            {
-              "name": "Scandic/Green/40",
-              "type": "color",
-              "isAlias": false,
-              "value": "#7CB865"
-            },
-            {
-              "name": "Scandic/Green/50",
-              "type": "color",
-              "isAlias": false,
-              "value": "#539E49"
-            },
-            {
-              "name": "Scandic/Green/60",
-              "type": "color",
-              "isAlias": false,
-              "value": "#348337"
-            },
-            {
-              "name": "Scandic/Green/70",
-              "type": "color",
-              "isAlias": false,
-              "value": "#256931"
-            },
-            {
-              "name": "Scandic/Green/80",
-              "type": "color",
-              "isAlias": false,
-              "value": "#164E29"
-            },
-            {
-              "name": "Scandic/Green/90",
-              "type": "color",
-              "isAlias": false,
-              "value": "#093021"
-            },
-            {
-              "name": "Scandic/Green/100",
-              "type": "color",
-              "isAlias": false,
-              "value": "#091F16"
-            },
-            {
-              "name": "Scandic/Blue/00",
-              "type": "color",
-              "isAlias": false,
-              "value": "#E8F6FF"
-            },
-            {
-              "name": "Scandic/Blue/10",
-              "type": "color",
-              "isAlias": false,
-              "value": "#CFEBFF"
-            },
-            {
-              "name": "Scandic/Blue/20",
-              "type": "color",
-              "isAlias": false,
-              "value": "#B5E0FF"
-            },
-            {
-              "name": "Scandic/Blue/30",
-              "type": "color",
-              "isAlias": false,
-              "value": "#93C9F5"
-            },
-            {
-              "name": "Scandic/Blue/40",
-              "type": "color",
-              "isAlias": false,
-              "value": "#79AEE7"
-            },
-            {
-              "name": "Scandic/Blue/50",
-              "type": "color",
-              "isAlias": false,
-              "value": "#5B8FD4"
-            },
-            {
-              "name": "Scandic/Blue/60",
-              "type": "color",
-              "isAlias": false,
-              "value": "#3F6DBD"
-            },
-            {
-              "name": "Scandic/Blue/70",
-              "type": "color",
-              "isAlias": false,
-              "value": "#284EA0"
-            },
-            {
-              "name": "Scandic/Blue/80",
-              "type": "color",
-              "isAlias": false,
-              "value": "#18347F"
-            },
-            {
-              "name": "Scandic/Blue/90",
-              "type": "color",
-              "isAlias": false,
-              "value": "#0D1F5F"
-            },
-            {
-              "name": "Scandic/Blue/100",
-              "type": "color",
-              "isAlias": false,
-              "value": "#0D1440"
-            },
-            {
-              "name": "Scandic/Yellow/00",
-              "type": "color",
-              "isAlias": false,
-              "value": "#FFF8E3"
-            },
-            {
-              "name": "Scandic/Yellow/10",
-              "type": "color",
-              "isAlias": false,
-              "value": "#FFF0C2"
-            },
-            {
-              "name": "Scandic/Yellow/20",
-              "type": "color",
-              "isAlias": false,
-              "value": "#FADE89"
-            },
-            {
-              "name": "Scandic/Yellow/30",
-              "type": "color",
-              "isAlias": false,
-              "value": "#F7CE52"
-            },
-            {
-              "name": "Scandic/Yellow/40",
-              "type": "color",
-              "isAlias": false,
-              "value": "#EDB532"
-            },
-            {
-              "name": "Scandic/Yellow/50",
-              "type": "color",
-              "isAlias": false,
-              "value": "#E59515"
-            },
-            {
-              "name": "Scandic/Yellow/60",
-              "type": "color",
-              "isAlias": false,
-              "value": "#D17308"
-            },
-            {
-              "name": "Scandic/Yellow/70",
-              "type": "color",
-              "isAlias": false,
-              "value": "#A85211"
-            },
-            {
-              "name": "Scandic/Yellow/80",
-              "type": "color",
-              "isAlias": false,
-              "value": "#7D370F"
-            },
-            {
-              "name": "Scandic/Yellow/90",
-              "type": "color",
-              "isAlias": false,
-              "value": "#4F2313"
-            },
-            {
-              "name": "Scandic/Yellow/100",
-              "type": "color",
-              "isAlias": false,
-              "value": "#301508"
-            },
-            {
-              "name": "Go/Brand/Lavender",
-              "type": "color",
-              "isAlias": false,
-              "value": "#DCD7FF"
-            },
-            {
-              "name": "Go/Beige/00",
-              "type": "color",
-              "isAlias": false,
-              "value": "#FAF8F2"
-            },
-            {
-              "name": "Go/Beige/10",
-              "type": "color",
-              "isAlias": false,
-              "value": "#F0EDE4"
-            },
-            {
-              "name": "Go/Beige/20",
-              "type": "color",
-              "isAlias": false,
-              "value": "#E0DCCE"
-            },
-            {
-              "name": "Go/Beige/30",
-              "type": "color",
-              "isAlias": false,
-              "value": "#C8C4B6"
-            },
-            {
-              "name": "Go/Beige/40",
-              "type": "color",
-              "isAlias": false,
-              "value": "#B0ACA0"
-            },
-            {
-              "name": "Go/Beige/50",
-              "type": "color",
-              "isAlias": false,
-              "value": "#918F83"
-            },
-            {
-              "name": "Go/Beige/60",
-              "type": "color",
-              "isAlias": false,
-              "value": "#78766D"
-            },
-            {
-              "name": "Go/Beige/70",
-              "type": "color",
-              "isAlias": false,
-              "value": "#63615A"
-            },
-            {
-              "name": "Go/Beige/80",
-              "type": "color",
-              "isAlias": false,
-              "value": "#4F4D49"
-            },
-            {
-              "name": "Go/Beige/90",
-              "type": "color",
-              "isAlias": false,
-              "value": "#373633"
-            },
-            {
-              "name": "Go/Beige/100",
-              "type": "color",
-              "isAlias": false,
-              "value": "#1F1E1D"
-            },
-            {
-              "name": "Go/Brand/Obsidian",
-              "type": "color",
-              "isAlias": false,
-              "value": "#2D163A"
-            },
-            {
-              "name": "Go/Brand/Lemon",
-              "type": "color",
-              "isAlias": false,
-              "value": "#F5FF73"
-            },
-            {
-              "name": "Go/Brand/Linen",
-              "type": "color",
-              "isAlias": false,
-              "value": "#E0DCCE"
-            },
-            {
-              "name": "Go/Brand/Chartreuse",
-              "type": "color",
-              "isAlias": false,
-              "value": "#85FF52"
-            },
-            {
-              "name": "Go/Brand/Pine",
-              "type": "color",
-              "isAlias": false,
-              "value": "#21331F"
-            },
-            {
-              "name": "Go/Brand/Aqua",
-              "type": "color",
-              "isAlias": false,
-              "value": "#73FCEE"
-            },
-            {
-              "name": "Go/Brand/Powder rose",
-              "type": "color",
-              "isAlias": false,
-              "value": "#ECC8C9"
-            },
-            {
-              "name": "Go/Brand/Coral",
-              "type": "color",
-              "isAlias": false,
-              "value": "#FA3737"
-            },
-            {
-              "name": "UI/Grey/00",
-              "type": "color",
-              "isAlias": false,
-              "value": "#F9F6F4"
-            },
-            {
-              "name": "UI/Opacity/White/100",
-              "type": "color",
-              "isAlias": false,
-              "value": "#FFFFFF"
-            },
-            {
-              "name": "UI/Opacity/White/90",
-              "type": "color",
-              "isAlias": false,
-              "value": "#FFFFFFE6"
-            },
-            {
-              "name": "UI/Opacity/White/80",
-              "type": "color",
-              "isAlias": false,
-              "value": "#FFFFFFCC"
-            },
-            {
-              "name": "UI/Opacity/White/70",
-              "type": "color",
-              "isAlias": false,
-              "value": "#FFFFFFB3"
-            },
-            {
-              "name": "UI/Opacity/White/60",
-              "type": "color",
-              "isAlias": false,
-              "value": "#FFFFFF99"
-            },
-            {
-              "name": "UI/Opacity/White/50",
-              "type": "color",
-              "isAlias": false,
-              "value": "#FFFFFF80"
-            },
-            {
-              "name": "UI/Opacity/White/40",
-              "type": "color",
-              "isAlias": false,
-              "value": "#FFFFFF66"
-            },
-            {
-              "name": "UI/Opacity/White/30",
-              "type": "color",
-              "isAlias": false,
-              "value": "#FFFFFF4D"
-            },
-            {
-              "name": "UI/Opacity/White/20",
-              "type": "color",
-              "isAlias": false,
-              "value": "#FFFFFF33"
-            },
-            {
-              "name": "UI/Opacity/White/10",
-              "type": "color",
-              "isAlias": false,
-              "value": "#FFFFFF1A"
-            },
-            {
-              "name": "UI/Opacity/White/0",
-              "type": "color",
-              "isAlias": false,
-              "value": "#FFFFFF00"
-            },
-            {
-              "name": "UI/Opacity/Almost Black/100",
-              "type": "color",
-              "isAlias": false,
-              "value": "#1F1C1B"
-            },
-            {
-              "name": "UI/Opacity/Almost Black/90",
-              "type": "color",
-              "isAlias": false,
-              "value": "#1F1C1BE6"
-            },
-            {
-              "name": "UI/Opacity/Almost Black/80",
-              "type": "color",
-              "isAlias": false,
-              "value": "#1F1C1BCC"
-            },
-            {
-              "name": "UI/Opacity/Almost Black/70",
-              "type": "color",
-              "isAlias": false,
-              "value": "#1F1C1BB3"
-            },
-            {
-              "name": "UI/Opacity/Almost Black/60",
-              "type": "color",
-              "isAlias": false,
-              "value": "#1F1C1B99"
-            },
-            {
-              "name": "UI/Opacity/Almost Black/50",
-              "type": "color",
-              "isAlias": false,
-              "value": "#1F1C1B80"
-            },
-            {
-              "name": "UI/Opacity/Almost Black/40",
-              "type": "color",
-              "isAlias": false,
-              "value": "#1F1C1B66"
-            },
-            {
-              "name": "UI/Opacity/Almost Black/30",
-              "type": "color",
-              "isAlias": false,
-              "value": "#1F1C1B4D"
-            },
-            {
-              "name": "UI/Opacity/Almost Black/20",
-              "type": "color",
-              "isAlias": false,
-              "value": "#1F1C1B33"
-            },
-            {
-              "name": "UI/Opacity/Almost Black/10",
-              "type": "color",
-              "isAlias": false,
-              "value": "#1F1C1B1A"
-            },
-            {
-              "name": "UI/Opacity/Almost Black/0",
-              "type": "color",
-              "isAlias": false,
-              "value": "#1F1C1B00"
-            },
-            {
-              "name": "UI/Grey/10",
-              "type": "color",
-              "isAlias": false,
-              "value": "#EBE8E6"
-            },
-            {
-              "name": "UI/Grey/20",
-              "type": "color",
-              "isAlias": false,
-              "value": "#D6D2D0"
-            },
-            {
-              "name": "UI/Grey/30",
-              "type": "color",
-              "isAlias": false,
-              "value": "#C2BDBA"
-            },
-            {
-              "name": "UI/Grey/40",
-              "type": "color",
-              "isAlias": false,
-              "value": "#A8A4A2"
-            },
-            {
-              "name": "UI/Grey/50",
-              "type": "color",
-              "isAlias": false,
-              "value": "#8C8987"
-            },
-            {
-              "name": "UI/Grey/60",
-              "type": "color",
-              "isAlias": false,
-              "value": "#787472"
-            },
-            {
-              "name": "UI/Grey/70",
-              "type": "color",
-              "isAlias": false,
-              "value": "#635F5D"
-            },
-            {
-              "name": "UI/Grey/80",
-              "type": "color",
-              "isAlias": false,
-              "value": "#57514E"
-            },
-            {
-              "name": "UI/Grey/90",
-              "type": "color",
-              "isAlias": false,
-              "value": "#403937"
-            },
-            {
-              "name": "UI/Grey/100",
-              "type": "color",
-              "isAlias": false,
-              "value": "#26201E"
-            },
-            {
-              "name": "Go/Purple/00",
-              "type": "color",
-              "isAlias": false,
-              "value": "#F4F2FF"
-            },
-            {
-              "name": "Go/Purple/10",
-              "type": "color",
-              "isAlias": false,
-              "value": "#DCD7FF"
-            },
-            {
-              "name": "Go/Purple/20",
-              "type": "color",
-              "isAlias": false,
-              "value": "#CABFFC"
-            },
-            {
-              "name": "Go/Purple/30",
-              "type": "color",
-              "isAlias": false,
-              "value": "#BAA7F7"
-            },
-            {
-              "name": "Go/Purple/40",
-              "type": "color",
-              "isAlias": false,
-              "value": "#AB8EF0"
-            },
-            {
-              "name": "Go/Purple/50",
-              "type": "color",
-              "isAlias": false,
-              "value": "#9C75E6"
-            },
-            {
-              "name": "Go/Purple/60",
-              "type": "color",
-              "isAlias": false,
-              "value": "#8C5BD5"
-            },
-            {
-              "name": "Go/Purple/70",
-              "type": "color",
-              "isAlias": false,
-              "value": "#733CB2"
-            },
-            {
-              "name": "Go/Purple/80",
-              "type": "color",
-              "isAlias": false,
-              "value": "#5E2A8C"
-            },
-            {
-              "name": "Go/Purple/90",
-              "type": "color",
-              "isAlias": false,
-              "value": "#451F61"
-            },
-            {
-              "name": "Go/Purple/100",
-              "type": "color",
-              "isAlias": false,
-              "value": "#2D163A"
-            },
-            {
-              "name": "Go/Yellow/00",
-              "type": "color",
-              "isAlias": false,
-              "value": "#FDFFE8"
-            },
-            {
-              "name": "Go/Yellow/10",
-              "type": "color",
-              "isAlias": false,
-              "value": "#FAFFC4"
-            },
-            {
-              "name": "Go/Yellow/20",
-              "type": "color",
-              "isAlias": false,
-              "value": "#F8FF9C"
-            },
-            {
-              "name": "Go/Yellow/30",
-              "type": "color",
-              "isAlias": false,
-              "value": "#F5FF73"
-            },
-            {
-              "name": "Go/Yellow/40",
-              "type": "color",
-              "isAlias": false,
-              "value": "#EDEA39"
-            },
-            {
-              "name": "Go/Yellow/50",
-              "type": "color",
-              "isAlias": false,
-              "value": "#DEC614"
-            },
-            {
-              "name": "Go/Yellow/60",
-              "type": "color",
-              "isAlias": false,
-              "value": "#BA8D07"
-            },
-            {
-              "name": "Go/Yellow/70",
-              "type": "color",
-              "isAlias": false,
-              "value": "#966400"
-            },
-            {
-              "name": "Go/Yellow/80",
-              "type": "color",
-              "isAlias": false,
-              "value": "#754403"
-            },
-            {
-              "name": "Go/Yellow/90",
-              "type": "color",
-              "isAlias": false,
-              "value": "#572701"
-            },
-            {
-              "name": "Go/Yellow/100",
-              "type": "color",
-              "isAlias": false,
-              "value": "#3B1300"
-            },
-            {
-              "name": "Go/Green/00",
-              "type": "color",
-              "isAlias": false,
-              "value": "#EDFFE5"
-            },
-            {
-              "name": "Go/Green/10",
-              "type": "color",
-              "isAlias": false,
-              "value": "#CDFFB8"
-            },
-            {
-              "name": "Go/Green/20",
-              "type": "color",
-              "isAlias": false,
-              "value": "#A7FF82"
-            },
-            {
-              "name": "Go/Green/30",
-              "type": "color",
-              "isAlias": false,
-              "value": "#85FF52"
-            },
-            {
-              "name": "Go/Green/40",
-              "type": "color",
-              "isAlias": false,
-              "value": "#66E03A"
-            },
-            {
-              "name": "Go/Green/50",
-              "type": "color",
-              "isAlias": false,
-              "value": "#45B222"
-            },
-            {
-              "name": "Go/Green/60",
-              "type": "color",
-              "isAlias": false,
-              "value": "#2E7F18"
-            },
-            {
-              "name": "Go/Green/70",
-              "type": "color",
-              "isAlias": false,
-              "value": "#2A601E"
-            },
-            {
-              "name": "Go/Green/80",
-              "type": "color",
-              "isAlias": false,
-              "value": "#26461F"
-            },
-            {
-              "name": "Go/Green/90",
-              "type": "color",
-              "isAlias": false,
-              "value": "#21331F"
-            },
-            {
-              "name": "Go/Green/100",
-              "type": "color",
-              "isAlias": false,
-              "value": "#162115"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "name": "Layout",
-      "modes": [
-        {
-          "name": "Desktop",
-          "variables": [
-            {
-              "name": "Breakpoints/min-width",
-              "type": "number",
-              "isAlias": false,
-              "value": 1367
-            },
-            {
-              "name": "Breakpoints/max-width",
-              "type": "number",
-              "isAlias": false,
-              "value": 1920
-            },
-            {
-              "name": "Margin/Margin-min",
-              "type": "number",
-              "isAlias": false,
-              "value": 40
-            },
-            {
-              "name": "Margin/Margin-max",
-              "type": "number",
-              "isAlias": false,
-              "value": 72
-            },
-            {
-              "name": "Columns/Column",
-              "type": "number",
-              "isAlias": false,
-              "value": 12
-            },
-            {
-              "name": "Gutter/min-width",
-              "type": "number",
-              "isAlias": false,
-              "value": 16
-            },
-            {
-              "name": "Gutter/max-width",
-              "type": "number",
-              "isAlias": false,
-              "value": 24
-            }
-          ]
-        },
-        {
-          "name": "Tablet",
-          "variables": [
-            {
-              "name": "Breakpoints/min-width",
-              "type": "number",
-              "isAlias": false,
-              "value": 768
-            },
-            {
-              "name": "Breakpoints/max-width",
-              "type": "number",
-              "isAlias": false,
-              "value": 1366
-            },
-            {
-              "name": "Margin/Margin-min",
-              "type": "number",
-              "isAlias": false,
-              "value": 24
-            },
-            {
-              "name": "Margin/Margin-max",
-              "type": "number",
-              "isAlias": false,
-              "value": 32
-            },
-            {
-              "name": "Columns/Column",
-              "type": "number",
-              "isAlias": false,
-              "value": 8
-            },
-            {
-              "name": "Gutter/min-width",
-              "type": "number",
-              "isAlias": false,
-              "value": 16
-            },
-            {
-              "name": "Gutter/max-width",
-              "type": "number",
-              "isAlias": false,
-              "value": 16
-            }
-          ]
-        },
-        {
-          "name": "Mobile",
-          "variables": [
-            {
-              "name": "Breakpoints/min-width",
-              "type": "number",
-              "isAlias": false,
-              "value": 320
-            },
-            {
-              "name": "Breakpoints/max-width",
-              "type": "number",
-              "isAlias": false,
-              "value": 767
-            },
-            {
-              "name": "Margin/Margin-min",
-              "type": "number",
-              "isAlias": false,
-              "value": 16
-            },
-            {
-              "name": "Margin/Margin-max",
-              "type": "number",
-              "isAlias": false,
-              "value": 16
-            },
-            {
-              "name": "Columns/Column",
-              "type": "number",
-              "isAlias": false,
-              "value": 4
-            },
-            {
-              "name": "Gutter/min-width",
-              "type": "number",
-              "isAlias": false,
-              "value": 16
-            },
-            {
-              "name": "Gutter/max-width",
-              "type": "number",
-              "isAlias": false,
-              "value": 16
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "name": "Text sizes",
-      "modes": [
-        {
-          "name": "Desktop",
-          "variables": [
-            {
-              "name": "Title 1",
-              "type": "number",
-              "isAlias": false,
-              "value": 64
-            },
-            {
-              "name": "Title 2",
-              "type": "number",
-              "isAlias": false,
-              "value": 48
-            },
-            {
-              "name": "Title 3",
-              "type": "number",
-              "isAlias": false,
-              "value": 36
-            },
-            {
-              "name": "Title 4",
-              "type": "number",
-              "isAlias": false,
-              "value": 28
-            },
-            {
-              "name": "Title 5",
-              "type": "number",
-              "isAlias": false,
-              "value": 24
-            },
-            {
-              "name": "Subtitle 1",
-              "type": "number",
-              "isAlias": false,
-              "value": 24
-            },
-            {
-              "name": "Subtitle 2",
-              "type": "number",
-              "isAlias": false,
-              "value": 20
-            },
-            {
-              "name": "Script 1",
-              "type": "number",
-              "isAlias": false,
-              "value": 32
-            },
-            {
-              "name": "Script 2",
-              "type": "number",
-              "isAlias": false,
-              "value": 24
-            },
-            {
-              "name": "Preamble",
-              "type": "number",
-              "isAlias": false,
-              "value": 20
-            },
-            {
-              "name": "Body/Regular",
-              "type": "number",
-              "isAlias": false,
-              "value": 16
-            },
-            {
-              "name": "Body/Bold",
-              "type": "number",
-              "isAlias": false,
-              "value": 16
-            },
-            {
-              "name": "Body/Link",
-              "type": "number",
-              "isAlias": false,
-              "value": 16
-            },
-            {
-              "name": "Body/Inline",
-              "type": "number",
-              "isAlias": false,
-              "value": 16
-            },
-            {
-              "name": "Caption/Regular",
-              "type": "number",
-              "isAlias": false,
-              "value": 14
-            },
-            {
-              "name": "Caption/Bold",
-              "type": "number",
-              "isAlias": false,
-              "value": 14
-            },
-            {
-              "name": "Caption/Link",
-              "type": "number",
-              "isAlias": false,
-              "value": 14
-            },
-            {
-              "name": "Caption/Inline",
-              "type": "number",
-              "isAlias": false,
-              "value": 14
-            },
-            {
-              "name": "Foot note/Regular",
-              "type": "number",
-              "isAlias": false,
-              "value": 12
-            },
-            {
-              "name": "Foot note/Bold",
-              "type": "number",
-              "isAlias": false,
-              "value": 12
-            }
-          ]
-        },
-        {
-          "name": "Tablet (estimate)",
-          "variables": [
-            {
-              "name": "Title 1",
-              "type": "number",
-              "isAlias": false,
-              "value": 60
-            },
-            {
-              "name": "Title 2",
-              "type": "number",
-              "isAlias": false,
-              "value": 44
-            },
-            {
-              "name": "Title 3",
-              "type": "number",
-              "isAlias": false,
-              "value": 34
-            },
-            {
-              "name": "Title 4",
-              "type": "number",
-              "isAlias": false,
-              "value": 26
-            },
-            {
-              "name": "Title 5",
-              "type": "number",
-              "isAlias": false,
-              "value": 21
-            },
-            {
-              "name": "Subtitle 1",
-              "type": "number",
-              "isAlias": false,
-              "value": 22
-            },
-            {
-              "name": "Subtitle 2",
-              "type": "number",
-              "isAlias": false,
-              "value": 19
-            },
-            {
-              "name": "Script 1",
-              "type": "number",
-              "isAlias": false,
-              "value": 29
-            },
-            {
-              "name": "Script 2",
-              "type": "number",
-              "isAlias": false,
-              "value": 22
-            },
-            {
-              "name": "Preamble",
-              "type": "number",
-              "isAlias": false,
-              "value": 19
-            },
-            {
-              "name": "Body/Regular",
-              "type": "number",
-              "isAlias": false,
-              "value": 16
-            },
-            {
-              "name": "Body/Bold",
-              "type": "number",
-              "isAlias": false,
-              "value": 16
-            },
-            {
-              "name": "Body/Link",
-              "type": "number",
-              "isAlias": false,
-              "value": 16
-            },
-            {
-              "name": "Body/Inline",
-              "type": "number",
-              "isAlias": false,
-              "value": 16
-            },
-            {
-              "name": "Caption/Regular",
-              "type": "number",
-              "isAlias": false,
-              "value": 14
-            },
-            {
-              "name": "Caption/Bold",
-              "type": "number",
-              "isAlias": false,
-              "value": 14
-            },
-            {
-              "name": "Caption/Link",
-              "type": "number",
-              "isAlias": false,
-              "value": 14
-            },
-            {
-              "name": "Caption/Inline",
-              "type": "number",
-              "isAlias": false,
-              "value": 14
-            },
-            {
-              "name": "Foot note/Regular",
-              "type": "number",
-              "isAlias": false,
-              "value": 12
-            },
-            {
-              "name": "Foot note/Bold",
-              "type": "number",
-              "isAlias": false,
-              "value": 12
-            }
-          ]
-        },
-        {
-          "name": "Mobile",
-          "variables": [
-            {
-              "name": "Title 1",
-              "type": "number",
-              "isAlias": false,
-              "value": 48
-            },
-            {
-              "name": "Title 2",
-              "type": "number",
-              "isAlias": false,
-              "value": 36
-            },
-            {
-              "name": "Title 3",
-              "type": "number",
-              "isAlias": false,
-              "value": 30
-            },
-            {
-              "name": "Title 4",
-              "type": "number",
-              "isAlias": false,
-              "value": 24
-            },
-            {
-              "name": "Title 5",
-              "type": "number",
-              "isAlias": false,
-              "value": 20
-            },
-            {
-              "name": "Subtitle 1",
-              "type": "number",
-              "isAlias": false,
-              "value": 20
-            },
-            {
-              "name": "Subtitle 2",
-              "type": "number",
-              "isAlias": false,
-              "value": 18
-            },
-            {
-              "name": "Script 1",
-              "type": "number",
-              "isAlias": false,
-              "value": 24
-            },
-            {
-              "name": "Script 2",
-              "type": "number",
-              "isAlias": false,
-              "value": 20
-            },
-            {
-              "name": "Preamble",
-              "type": "number",
-              "isAlias": false,
-              "value": 18
-            },
-            {
-              "name": "Body/Regular",
-              "type": "number",
-              "isAlias": false,
-              "value": 16
-            },
-            {
-              "name": "Body/Bold",
-              "type": "number",
-              "isAlias": false,
-              "value": 16
-            },
-            {
-              "name": "Body/Link",
-              "type": "number",
-              "isAlias": false,
-              "value": 16
-            },
-            {
-              "name": "Body/Inline",
-              "type": "number",
-              "isAlias": false,
-              "value": 16
-            },
-            {
-              "name": "Caption/Regular",
-              "type": "number",
-              "isAlias": false,
-              "value": 14
-            },
-            {
-              "name": "Caption/Bold",
-              "type": "number",
-              "isAlias": false,
-              "value": 14
-            },
-            {
-              "name": "Caption/Link",
-              "type": "number",
-              "isAlias": false,
-              "value": 14
-            },
-            {
-              "name": "Caption/Inline",
-              "type": "number",
-              "isAlias": false,
-              "value": 14
-            },
-            {
-              "name": "Foot note/Regular",
-              "type": "number",
-              "isAlias": false,
-              "value": 12
-            },
-            {
-              "name": "Foot note/Bold",
-              "type": "number",
-              "isAlias": false,
-              "value": 12
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "name": "Typography",
-      "modes": [
-        {
-          "name": "Style",
-          "variables": [
-            {
-              "name": "Title 1",
-              "type": "typography",
-              "isAlias": false,
-              "value": {
-                "fontSize": 64,
-                "fontFamily": "Brandon Text",
-                "fontWeight": "Black",
-                "lineHeight": 110.00000238418579,
-                "lineHeightUnit": "PERCENT",
-                "letterSpacing": 0.25,
-                "letterSpacingUnit": "PERCENT",
-                "textCase": "UPPER",
-                "textDecoration": "NONE"
-              }
-            },
-            {
-              "name": "Title 2",
-              "type": "typography",
-              "isAlias": false,
-              "value": {
-                "fontSize": 48,
-                "fontFamily": "Brandon Text",
-                "fontWeight": "Black",
-                "lineHeight": 110.00000238418579,
-                "lineHeightUnit": "PERCENT",
-                "letterSpacing": 0.25,
-                "letterSpacingUnit": "PERCENT",
-                "textCase": "UPPER",
-                "textDecoration": "NONE"
-              }
-            },
-            {
-              "name": "Title 3",
-              "type": "typography",
-              "isAlias": false,
-              "value": {
-                "fontSize": 36,
-                "fontFamily": "Brandon Text",
-                "fontWeight": "Black",
-                "lineHeight": 110.00000238418579,
-                "lineHeightUnit": "PERCENT",
-                "letterSpacing": 0.25,
-                "letterSpacingUnit": "PERCENT",
-                "textCase": "UPPER",
-                "textDecoration": "NONE"
-              }
-            },
-            {
-              "name": "Title 4",
-              "type": "typography",
-              "isAlias": false,
-              "value": {
-                "fontSize": 28,
-                "fontFamily": "Brandon Text",
-                "fontWeight": "Bold",
-                "lineHeight": 110.00000238418579,
-                "lineHeightUnit": "PERCENT",
-                "letterSpacing": 0.25,
-                "letterSpacingUnit": "PERCENT",
-                "textCase": "ORIGINAL",
-                "textDecoration": "NONE"
-              }
-            },
-            {
-              "name": "Title 5",
-              "type": "typography",
-              "isAlias": false,
-              "value": {
-                "fontSize": 24,
-                "fontFamily": "Brandon Text",
-                "fontWeight": "Black",
-                "lineHeight": 110.00000238418579,
-                "lineHeightUnit": "PERCENT",
-                "letterSpacing": 0.25,
-                "letterSpacingUnit": "PERCENT",
-                "textCase": "UPPER",
-                "textDecoration": "NONE"
-              }
-            },
-            {
-              "name": "Script 1",
-              "type": "typography",
-              "isAlias": false,
-              "value": {
-                "fontSize": 32,
-                "fontFamily": "Biro Script Plus",
-                "fontWeight": "Regular",
-                "lineHeight": 110.00000238418579,
-                "lineHeightUnit": "PERCENT",
-                "letterSpacing": 2,
-                "letterSpacingUnit": "PERCENT",
-                "textCase": "ORIGINAL",
-                "textDecoration": "NONE"
-              }
-            },
-            {
-              "name": "Script 2",
-              "type": "typography",
-              "isAlias": false,
-              "value": {
-                "fontSize": 24,
-                "fontFamily": "Biro Script Plus",
-                "fontWeight": "Regular",
-                "lineHeight": 110.00000238418579,
-                "lineHeightUnit": "PERCENT",
-                "letterSpacing": 2,
-                "letterSpacingUnit": "PERCENT",
-                "textCase": "ORIGINAL",
-                "textDecoration": "NONE"
-              }
-            },
-            {
-              "name": "Subtitle 1",
-              "type": "typography",
-              "isAlias": false,
-              "value": {
-                "fontSize": 24,
-                "fontFamily": "Fira Sans",
-                "fontWeight": "Medium",
-                "lineHeight": 120.00000476837158,
-                "lineHeightUnit": "PERCENT",
-                "letterSpacing": 1,
-                "letterSpacingUnit": "PERCENT",
-                "textCase": "ORIGINAL",
-                "textDecoration": "NONE"
-              }
-            },
-            {
-              "name": "Subtitle 2",
-              "type": "typography",
-              "isAlias": false,
-              "value": {
-                "fontSize": 20,
-                "fontFamily": "Fira Sans",
-                "fontWeight": "Medium",
-                "lineHeight": 120.00000476837158,
-                "lineHeightUnit": "PERCENT",
-                "letterSpacing": 1,
-                "letterSpacingUnit": "PERCENT",
-                "textCase": "ORIGINAL",
-                "textDecoration": "NONE"
-              }
-            },
-            {
-              "name": "Preamble",
-              "type": "typography",
-              "isAlias": false,
-              "value": {
-                "fontSize": 20,
-                "fontFamily": "Fira Sans",
-                "fontWeight": "Regular",
-                "lineHeight": 139.9999976158142,
-                "lineHeightUnit": "PERCENT",
-                "letterSpacing": 1,
-                "letterSpacingUnit": "PERCENT",
-                "textCase": "ORIGINAL",
-                "textDecoration": "NONE"
-              }
-            },
-            {
-              "name": "Body/Regular",
-              "type": "typography",
-              "isAlias": false,
-              "value": {
-                "fontSize": 16,
-                "fontFamily": "Fira Sans",
-                "fontWeight": "Regular",
-                "lineHeight": 150,
-                "lineHeightUnit": "PERCENT",
-                "letterSpacing": 1.2000000476837158,
-                "letterSpacingUnit": "PERCENT",
-                "textCase": "ORIGINAL",
-                "textDecoration": "NONE"
-              }
-            },
-            {
-              "name": "Body/Bold",
-              "type": "typography",
-              "isAlias": false,
-              "value": {
-                "fontSize": 16,
-                "fontFamily": "Fira Sans",
-                "fontWeight": "Medium",
-                "lineHeight": 150,
-                "lineHeightUnit": "PERCENT",
-                "letterSpacing": 1.2000000476837158,
-                "letterSpacingUnit": "PERCENT",
-                "textCase": "ORIGINAL",
-                "textDecoration": "NONE"
-              }
-            },
-            {
-              "name": "Body/Underline",
-              "type": "typography",
-              "isAlias": false,
-              "value": {
-                "fontSize": 16,
-                "fontFamily": "Fira Sans",
-                "fontWeight": "Medium",
-                "lineHeight": 150,
-                "lineHeightUnit": "PERCENT",
-                "letterSpacing": 1.2000000476837158,
-                "letterSpacingUnit": "PERCENT",
-                "textCase": "ORIGINAL",
-                "textDecoration": "UNDERLINE"
-              }
-            },
-            {
-              "name": "Body/Inline",
-              "type": "typography",
-              "isAlias": false,
-              "value": {
-                "fontSize": 16,
-                "fontFamily": "Fira Sans",
-                "fontWeight": "Regular",
-                "lineHeight": 150,
-                "lineHeightUnit": "PERCENT",
-                "letterSpacing": 1.2000000476837158,
-                "letterSpacingUnit": "PERCENT",
-                "textCase": "ORIGINAL",
-                "textDecoration": "UNDERLINE"
-              }
-            },
-            {
-              "name": "Caption/Regular",
-              "type": "typography",
-              "isAlias": false,
-              "value": {
-                "fontSize": 14,
-                "fontFamily": "Fira Sans",
-                "fontWeight": "Regular",
-                "lineHeight": 139.9999976158142,
-                "lineHeightUnit": "PERCENT",
-                "letterSpacing": 1.399999976158142,
-                "letterSpacingUnit": "PERCENT",
-                "textCase": "ORIGINAL",
-                "textDecoration": "NONE"
-              }
-            },
-            {
-              "name": "Caption/Bold",
-              "type": "typography",
-              "isAlias": false,
-              "value": {
-                "fontSize": 14,
-                "fontFamily": "Fira Sans",
-                "fontWeight": "Medium",
-                "lineHeight": 139.9999976158142,
-                "lineHeightUnit": "PERCENT",
-                "letterSpacing": 1.399999976158142,
-                "letterSpacingUnit": "PERCENT",
-                "textCase": "ORIGINAL",
-                "textDecoration": "NONE"
-              }
-            },
-            {
-              "name": "Caption/Underline",
-              "type": "typography",
-              "isAlias": false,
-              "value": {
-                "fontSize": 14,
-                "fontFamily": "Fira Sans",
-                "fontWeight": "Medium",
-                "lineHeight": 139.9999976158142,
-                "lineHeightUnit": "PERCENT",
-                "letterSpacing": 1.399999976158142,
-                "letterSpacingUnit": "PERCENT",
-                "textCase": "ORIGINAL",
-                "textDecoration": "UNDERLINE"
-              }
-            },
-            {
-              "name": "Caption/Inline",
-              "type": "typography",
-              "isAlias": false,
-              "value": {
-                "fontSize": 14,
-                "fontFamily": "Fira Sans",
-                "fontWeight": "Regular",
-                "lineHeight": 139.9999976158142,
-                "lineHeightUnit": "PERCENT",
-                "letterSpacing": 1.399999976158142,
-                "letterSpacingUnit": "PERCENT",
-                "textCase": "ORIGINAL",
-                "textDecoration": "UNDERLINE"
-              }
-            },
-            {
-              "name": "Caption/Labels",
-              "type": "typography",
-              "isAlias": false,
-              "value": {
-                "fontSize": 14,
-                "fontFamily": "Brandon Text",
-                "fontWeight": "Bold",
-                "lineHeight": 150,
-                "lineHeightUnit": "PERCENT",
-                "letterSpacing": 1.399999976158142,
-                "letterSpacingUnit": "PERCENT",
-                "textCase": "UPPER",
-                "textDecoration": "NONE"
-              }
-            },
-            {
-              "name": "Footnote/Regular",
-              "type": "typography",
-              "isAlias": false,
-              "value": {
-                "fontSize": 12,
-                "fontFamily": "Fira Sans",
-                "fontWeight": "Regular",
-                "lineHeight": 150,
-                "lineHeightUnit": "PERCENT",
-                "letterSpacing": 1.399999976158142,
-                "letterSpacingUnit": "PERCENT",
-                "textCase": "ORIGINAL",
-                "textDecoration": "NONE"
-              }
-            },
-            {
-              "name": "Footnote/Bold",
-              "type": "typography",
-              "isAlias": false,
-              "value": {
-                "fontSize": 12,
-                "fontFamily": "Fira Sans",
-                "fontWeight": "Medium",
-                "lineHeight": 150,
-                "lineHeightUnit": "PERCENT",
-                "letterSpacing": 1.399999976158142,
-                "letterSpacingUnit": "PERCENT",
-                "textCase": "ORIGINAL",
-                "textDecoration": "NONE"
-              }
-            },
-            {
-              "name": "Footnote/Labels",
-              "type": "typography",
-              "isAlias": false,
-              "value": {
-                "fontSize": 12,
-                "fontFamily": "Brandon Text",
-                "fontWeight": "Bold",
-                "lineHeight": 150,
-                "lineHeightUnit": "PERCENT",
-                "letterSpacing": 1.399999976158142,
-                "letterSpacingUnit": "PERCENT",
-                "textCase": "UPPER",
-                "textDecoration": "NONE"
-              }
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "name": "Effects",
-      "modes": [
-        {
-          "name": "Style",
-          "variables": [
-            {
-              "name": "Level 1",
-              "type": "effect",
-              "isAlias": false,
-              "value": {
-                "effects": [
-                  {
-                    "type": "DROP_SHADOW",
-                    "color": {
-                      "r": 0,
-                      "g": 0,
-                      "b": 0,
-                      "a": 0.1
-                    },
-                    "offset": {
-                      "x": 0,
-                      "y": 0
-                    },
-                    "radius": 2,
-                    "spread": 1
-                  }
-                ]
-              }
-            },
-            {
-              "name": "Level 2",
-              "type": "effect",
-              "isAlias": false,
-              "value": {
-                "effects": [
-                  {
-                    "type": "DROP_SHADOW",
-                    "color": {
-                      "r": 0,
-                      "g": 0,
-                      "b": 0,
-                      "a": 0.1
-                    },
-                    "offset": {
-                      "x": 0,
-                      "y": 0
-                    },
-                    "radius": 4,
-                    "spread": 2
-                  }
-                ]
-              }
-            },
-            {
-              "name": "Level 3",
-              "type": "effect",
-              "isAlias": false,
-              "value": {
-                "effects": [
-                  {
-                    "type": "DROP_SHADOW",
-                    "color": {
-                      "r": 0,
-                      "g": 0,
-                      "b": 0,
-                      "a": 0.1
-                    },
-                    "offset": {
-                      "x": 0,
-                      "y": 0
-                    },
-                    "radius": 8,
-                    "spread": 3
-                  }
-                ]
-              }
-            },
-            {
-              "name": "Level 4",
-              "type": "effect",
-              "isAlias": false,
-              "value": {
-                "effects": [
-                  {
-                    "type": "DROP_SHADOW",
-                    "color": {
-                      "r": 0,
-                      "g": 0,
-                      "b": 0,
-                      "a": 0.1
-                    },
-                    "offset": {
-                      "x": 0,
-                      "y": 0
-                    },
-                    "radius": 14,
-                    "spread": 6
-                  }
-                ]
-              }
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "name": "Grids",
-      "modes": [
-        {
-          "name": "Style",
-          "variables": [
-            {
-              "name": "L - fixed",
-              "type": "grid",
-              "isAlias": false,
-              "value": {
-                "layoutGrids": [
-                  {
-                    "pattern": "COLUMNS",
-                    "sectionSize": 85,
-                    "color": {
-                      "r": 255,
-                      "g": 0,
-                      "b": 0,
-                      "a": 0.1
-                    },
-                    "alignment": "CENTER",
-                    "gutterSize": 16,
-                    "count": 12
-                  }
-                ]
-              }
-            },
-            {
-              "name": "M - fixed",
-              "type": "grid",
-              "isAlias": false,
-              "value": {
-                "layoutGrids": [
-                  {
-                    "pattern": "COLUMNS",
-                    "sectionSize": 110,
-                    "color": {
-                      "r": 255,
-                      "g": 0,
-                      "b": 0,
-                      "a": 0.1
-                    },
-                    "alignment": "CENTER",
-                    "gutterSize": 16,
-                    "count": 12
-                  }
-                ]
-              }
-            },
-            {
-              "name": "L - fluid",
-              "type": "grid",
-              "isAlias": false,
-              "value": {
-                "layoutGrids": [
-                  {
-                    "pattern": "COLUMNS",
-                    "color": {
-                      "r": 255,
-                      "g": 0,
-                      "b": 0,
-                      "a": 0.1
-                    },
-                    "alignment": "STRETCH",
-                    "gutterSize": 16,
-                    "offset": 40,
-                    "count": 12
-                  }
-                ]
-              }
-            },
-            {
-              "name": "M - fluid",
-              "type": "grid",
-              "isAlias": false,
-              "value": {
-                "layoutGrids": [
-                  {
-                    "pattern": "COLUMNS",
-                    "color": {
-                      "r": 255,
-                      "g": 0,
-                      "b": 0,
-                      "a": 0.1
-                    },
-                    "alignment": "STRETCH",
-                    "gutterSize": 16,
-                    "offset": 72,
-                    "count": 12
-                  }
-                ]
-              }
-            },
-            {
-              "name": "S",
-              "type": "grid",
-              "isAlias": false,
-              "value": {
-                "layoutGrids": [
-                  {
-                    "pattern": "COLUMNS",
-                    "color": {
-                      "r": 255,
-                      "g": 0,
-                      "b": 0,
-                      "a": 0.1
-                    },
-                    "alignment": "STRETCH",
-                    "gutterSize": 16,
-                    "offset": 40,
-                    "count": 12
-                  }
-                ]
-              }
-            },
-            {
-              "name": "L - with left panel",
-              "type": "grid",
-              "isAlias": false,
-              "value": {
-                "layoutGrids": [
-                  {
-                    "pattern": "COLUMNS",
-                    "sectionSize": 40,
-                    "color": {
-                      "r": 151,
-                      "g": 207,
-                      "b": 156,
-                      "a": 0.2
-                    },
-                    "alignment": "MAX",
-                    "gutterSize": 16,
-                    "offset": 0,
-                    "count": 1
-                  },
-                  {
-                    "pattern": "COLUMNS",
-                    "sectionSize": 40,
-                    "color": {
-                      "r": 151,
-                      "g": 207,
-                      "b": 156,
-                      "a": 0.2
-                    },
-                    "alignment": "MIN",
-                    "gutterSize": 16,
-                    "offset": 0,
-                    "count": 1
-                  },
-                  {
-                    "pattern": "COLUMNS",
-                    "sectionSize": 40,
-                    "color": {
-                      "r": 151,
-                      "g": 207,
-                      "b": 156,
-                      "a": 0.2
-                    },
-                    "alignment": "MIN",
-                    "gutterSize": 24,
-                    "offset": 380,
-                    "count": 1
-                  },
-                  {
-                    "pattern": "COLUMNS",
-                    "sectionSize": 340,
-                    "color": {
-                      "r": 150,
-                      "g": 199,
-                      "b": 242,
-                      "a": 0.35
-                    },
-                    "alignment": "MIN",
-                    "gutterSize": 24,
-                    "offset": 40,
-                    "count": 1
-                  },
-                  {
-                    "pattern": "COLUMNS",
-                    "sectionSize": 73,
-                    "color": {
-                      "r": 255,
-                      "g": 0,
-                      "b": 0,
-                      "a": 0.1
-                    },
-                    "alignment": "MAX",
-                    "gutterSize": 16,
-                    "offset": 40,
-                    "count": 12
-                  },
-                  {
-                    "pattern": "COLUMNS",
-                    "sectionSize": 61,
-                    "color": {
-                      "r": 150,
-                      "g": 199,
-                      "b": 242,
-                      "a": 0.25
-                    },
-                    "alignment": "MIN",
-                    "gutterSize": 16,
-                    "offset": 64,
-                    "count": 4
-                  }
-                ]
-              }
-            },
-            {
-              "name": "L - with right panel",
-              "type": "grid",
-              "isAlias": false,
-              "value": {
-                "layoutGrids": [
-                  {
-                    "pattern": "COLUMNS",
-                    "sectionSize": 40,
-                    "color": {
-                      "r": 151,
-                      "g": 207,
-                      "b": 156,
-                      "a": 0.2
-                    },
-                    "alignment": "MAX",
-                    "gutterSize": 40,
-                    "offset": 0,
-                    "count": 1
-                  },
-                  {
-                    "pattern": "COLUMNS",
-                    "sectionSize": 40,
-                    "color": {
-                      "r": 151,
-                      "g": 207,
-                      "b": 156,
-                      "a": 0.2
-                    },
-                    "alignment": "MIN",
-                    "gutterSize": 40,
-                    "offset": 0,
-                    "count": 1
-                  },
-                  {
-                    "pattern": "COLUMNS",
-                    "sectionSize": 40,
-                    "color": {
-                      "r": 151,
-                      "g": 207,
-                      "b": 156,
-                      "a": 0.2
-                    },
-                    "alignment": "MAX",
-                    "gutterSize": 24,
-                    "offset": 380,
-                    "count": 1
-                  },
-                  {
-                    "pattern": "COLUMNS",
-                    "sectionSize": 340,
-                    "color": {
-                      "r": 150,
-                      "g": 199,
-                      "b": 242,
-                      "a": 0.35
-                    },
-                    "alignment": "MAX",
-                    "gutterSize": 24,
-                    "offset": 40,
-                    "count": 1
-                  },
-                  {
-                    "pattern": "COLUMNS",
-                    "sectionSize": 73,
-                    "color": {
-                      "r": 255,
-                      "g": 0,
-                      "b": 0,
-                      "a": 0.1
-                    },
-                    "alignment": "MIN",
-                    "gutterSize": 16,
-                    "offset": 40,
-                    "count": 12
-                  },
-                  {
-                    "pattern": "COLUMNS",
-                    "sectionSize": 61,
-                    "color": {
-                      "r": 150,
-                      "g": 199,
-                      "b": 242,
-                      "a": 0.25
-                    },
-                    "alignment": "MAX",
-                    "gutterSize": 16,
-                    "offset": 64,
-                    "count": 4
-                  }
-                ]
-              }
-            },
-            {
-              "name": "M - with left panel",
-              "type": "grid",
-              "isAlias": false,
-              "value": {
-                "layoutGrids": [
-                  {
-                    "pattern": "COLUMNS",
-                    "sectionSize": 32,
-                    "color": {
-                      "r": 151,
-                      "g": 207,
-                      "b": 156,
-                      "a": 0.2
-                    },
-                    "alignment": "MAX",
-                    "gutterSize": 16,
-                    "offset": 0,
-                    "count": 1
-                  },
-                  {
-                    "pattern": "COLUMNS",
-                    "sectionSize": 32,
-                    "color": {
-                      "r": 151,
-                      "g": 207,
-                      "b": 156,
-                      "a": 0.2
-                    },
-                    "alignment": "MIN",
-                    "gutterSize": 16,
-                    "offset": 0,
-                    "count": 1
-                  },
-                  {
-                    "pattern": "COLUMNS",
-                    "sectionSize": 32,
-                    "color": {
-                      "r": 151,
-                      "g": 207,
-                      "b": 156,
-                      "a": 0.2
-                    },
-                    "alignment": "MIN",
-                    "gutterSize": 24,
-                    "offset": 314,
-                    "count": 1
-                  },
-                  {
-                    "pattern": "COLUMNS",
-                    "sectionSize": 282,
-                    "color": {
-                      "r": 150,
-                      "g": 199,
-                      "b": 242,
-                      "a": 0.35
-                    },
-                    "alignment": "MIN",
-                    "gutterSize": 24,
-                    "offset": 32,
-                    "count": 1
-                  },
-                  {
-                    "pattern": "COLUMNS",
-                    "sectionSize": 88,
-                    "color": {
-                      "r": 255,
-                      "g": 0,
-                      "b": 0,
-                      "a": 0.1
-                    },
-                    "alignment": "MAX",
-                    "gutterSize": 16,
-                    "offset": 72,
-                    "count": 12
-                  },
-                  {
-                    "pattern": "COLUMNS",
-                    "sectionSize": 51,
-                    "color": {
-                      "r": 150,
-                      "g": 199,
-                      "b": 242,
-                      "a": 0.25
-                    },
-                    "alignment": "MIN",
-                    "gutterSize": 16,
-                    "offset": 48,
-                    "count": 4
-                  }
-                ]
-              }
-            },
-            {
-              "name": "M - with right panel",
-              "type": "grid",
-              "isAlias": false,
-              "value": {
-                "layoutGrids": [
-                  {
-                    "pattern": "COLUMNS",
-                    "sectionSize": 32,
-                    "color": {
-                      "r": 151,
-                      "g": 207,
-                      "b": 156,
-                      "a": 0.2
-                    },
-                    "alignment": "MAX",
-                    "gutterSize": 16,
-                    "offset": 0,
-                    "count": 1
-                  },
-                  {
-                    "pattern": "COLUMNS",
-                    "sectionSize": 32,
-                    "color": {
-                      "r": 151,
-                      "g": 207,
-                      "b": 156,
-                      "a": 0.2
-                    },
-                    "alignment": "MIN",
-                    "gutterSize": 16,
-                    "offset": 0,
-                    "count": 1
-                  },
-                  {
-                    "pattern": "COLUMNS",
-                    "sectionSize": 32,
-                    "color": {
-                      "r": 151,
-                      "g": 207,
-                      "b": 156,
-                      "a": 0.2
-                    },
-                    "alignment": "MAX",
-                    "gutterSize": 24,
-                    "offset": 314,
-                    "count": 1
-                  },
-                  {
-                    "pattern": "COLUMNS",
-                    "sectionSize": 282,
-                    "color": {
-                      "r": 150,
-                      "g": 199,
-                      "b": 242,
-                      "a": 0.35
-                    },
-                    "alignment": "MAX",
-                    "gutterSize": 24,
-                    "offset": 32,
-                    "count": 1
-                  },
-                  {
-                    "pattern": "COLUMNS",
-                    "sectionSize": 88,
-                    "color": {
-                      "r": 255,
-                      "g": 0,
-                      "b": 0,
-                      "a": 0.1
-                    },
-                    "alignment": "MIN",
-                    "gutterSize": 16,
-                    "offset": 72,
-                    "count": 12
-                  },
-                  {
-                    "pattern": "COLUMNS",
-                    "sectionSize": 51,
-                    "color": {
-                      "r": 150,
-                      "g": 199,
-                      "b": 242,
-                      "a": 0.2
-                    },
-                    "alignment": "MAX",
-                    "gutterSize": 16,
-                    "offset": 48,
-                    "count": 4
-                  }
-                ]
-              }
-            },
-            {
-              "name": "Side/L - Panel only - fluid",
-              "type": "grid",
-              "isAlias": false,
-              "value": {
-                "layoutGrids": [
-                  {
-                    "pattern": "COLUMNS",
-                    "color": {
-                      "r": 5,
-                      "g": 0,
-                      "b": 255,
-                      "a": 0.05
-                    },
-                    "alignment": "STRETCH",
-                    "gutterSize": 16,
-                    "offset": 40,
-                    "count": 4
-                  }
-                ]
-              }
-            },
-            {
-              "name": "Side/M - Panel only -fluid",
-              "type": "grid",
-              "isAlias": false,
-              "value": {
-                "layoutGrids": [
-                  {
-                    "pattern": "COLUMNS",
-                    "color": {
-                      "r": 5,
-                      "g": 0,
-                      "b": 255,
-                      "a": 0.05
-                    },
-                    "alignment": "STRETCH",
-                    "gutterSize": 16,
-                    "offset": 72,
-                    "count": 4
-                  }
-                ]
-              }
-            },
-            {
-              "name": "Side/L- Sheet only fluid",
-              "type": "grid",
-              "isAlias": false,
-              "value": {
-                "layoutGrids": [
-                  {
-                    "pattern": "COLUMNS",
-                    "color": {
-                      "r": 5,
-                      "g": 0,
-                      "b": 255,
-                      "a": 0.05
-                    },
-                    "alignment": "STRETCH",
-                    "gutterSize": 16,
-                    "offset": 32,
-                    "count": 4
-                  }
-                ]
-              }
-            },
-            {
-              "name": "Side/M - Sheet only fluid",
-              "type": "grid",
-              "isAlias": false,
-              "value": {
-                "layoutGrids": [
-                  {
-                    "pattern": "COLUMNS",
-                    "color": {
-                      "r": 5,
-                      "g": 0,
-                      "b": 255,
-                      "a": 0.05
-                    },
-                    "alignment": "STRETCH",
-                    "gutterSize": 16,
-                    "offset": 24,
-                    "count": 4
-                  }
-                ]
-              }
-            },
-            {
-              "name": "Top navigation/L - nav top",
-              "type": "grid",
-              "isAlias": false,
-              "value": {
-                "layoutGrids": [
-                  {
-                    "pattern": "COLUMNS",
-                    "color": {
-                      "r": 0,
-                      "g": 163,
-                      "b": 255,
-                      "a": 0.05
-                    },
-                    "alignment": "STRETCH",
-                    "gutterSize": 16,
-                    "offset": 40,
-                    "count": 12
-                  }
-                ]
-              }
-            },
-            {
-              "name": "Top navigation/M - nav top",
-              "type": "grid",
-              "isAlias": false,
-              "value": {
-                "layoutGrids": [
-                  {
-                    "pattern": "COLUMNS",
-                    "color": {
-                      "r": 255,
-                      "g": 0,
-                      "b": 0,
-                      "a": 0.1
-                    },
-                    "alignment": "STRETCH",
-                    "gutterSize": 16,
-                    "offset": 72,
-                    "count": 12
-                  }
-                ]
-              }
-            },
-            {
-              "name": "Top navigation/S - nav top",
-              "type": "grid",
-              "isAlias": false,
-              "value": {
-                "layoutGrids": [
-                  {
-                    "pattern": "COLUMNS",
-                    "color": {
-                      "r": 255,
-                      "g": 0,
-                      "b": 0,
-                      "a": 0.1
-                    },
-                    "alignment": "STRETCH",
-                    "gutterSize": 16,
-                    "offset": 72,
-                    "count": 12
-                  }
-                ]
-              }
-            }
-          ]
-        }
-      ]
-    }
-  ]
-}
diff --git a/packages/design-system/lib/vite-env.d.ts b/packages/design-system/lib/vite-env.d.ts
deleted file mode 100644
index d3a8309b5..000000000
--- a/packages/design-system/lib/vite-env.d.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-/// <reference types="vite/client" />
-/// <reference types="vitest" />
diff --git a/packages/design-system/lint-staged.config.js b/packages/design-system/lint-staged.config.js
index 7a531c7ba..33b4f7b24 100644
--- a/packages/design-system/lint-staged.config.js
+++ b/packages/design-system/lint-staged.config.js
@@ -1,6 +1,7 @@
 const config = {
-  '*.{ts,tsx}': () => 'tsc -p tsconfig.json --noEmit',
-  '*': 'prettier --write',
+  '*.{ts,tsx}': [() => 'tsc -p tsconfig.json --noEmit', 'prettier --write'],
+  '*.{json,md}': 'prettier --write',
+  '*.{html,js,cjs,mjs,css}': 'prettier --write',
 }
 
 export default config
diff --git a/packages/design-system/package.json b/packages/design-system/package.json
index 11e7e7c98..9c81f9de0 100644
--- a/packages/design-system/package.json
+++ b/packages/design-system/package.json
@@ -1,23 +1,29 @@
 {
   "name": "@scandic-hotels/design-system",
   "private": true,
-  "version": "0.1.0",
+  "version": "1.0.0-beta.1",
   "type": "module",
-  "main": "dist/new.js",
-  "packageManager": "yarn@4.0.0",
   "exports": {
-    ".": {
-      "import": "./dist/new.js",
-      "types": "./dist/new.d.ts"
-    },
-    "./current": {
-      "import": "./dist/current.js",
-      "types": "./dist/current.d.ts"
-    },
-    "./style.css": "./dist/assets/style-new.css",
-    "./current/style.css": "./dist/assets/style-current.css"
+    "./Button": "./dist/components/Button/index.js",
+    "./Card": "./dist/components/Card/index.js",
+    "./ChipButton": "./dist/components/ChipButton/index.js",
+    "./ChipLink": "./dist/components/ChipLink/index.js",
+    "./Chips": "./dist/components/Chips/index.js",
+    "./Icons": "./dist/components/Icons/index.js",
+    "./Typography": "./dist/components/Typography/index.js",
+    "./style.css": "./dist/style.css",
+    "./base.css": "./dist/base.css",
+    "./globals.css": "./dist/globals.css",
+    "./impl.css": "./dist/impl.css",
+    "./fonts.css": "./dist/fonts.css",
+    "./downtown-camper.css": "./dist/styles/downtown-camper.css",
+    "./grand-hotel.css": "./dist/styles/grand-hotel.css",
+    "./haymarket.css": "./dist/styles/haymarket.css",
+    "./hotel-norge.css": "./dist/styles/hotel-norge.css",
+    "./marski.css": "./dist/styles/marski.css",
+    "./scandic-go.css": "./dist/styles/scandic-go.css",
+    "./scandic.css": "./dist/styles/scandic.css"
   },
-  "types": "dist/new.d.ts",
   "files": [
     "dist"
   ],
@@ -25,58 +31,62 @@
     "**/*.css"
   ],
   "scripts": {
-    "dev": "vite",
-    "generate": "cd lib && jiti generate.ts",
-    "prebuild": "patch-package && yarn generate",
-    "build": "tsc --p ./tsconfig-build.json && vite build",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "prestorybook": "yarn generate",
-    "storybook": "storybook dev -p 6006",
+    "dev": "cd example && vite",
+    "generate": "cd generate && jiti generate.ts",
+    "format": "prettier . --write",
+    "build": "yarn run generate && tsc --p ./tsconfig-build.json && vite build && yarn run format",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0 && tsc",
+    "lint:fix": "eslint . --ext ts,tsx --report-unused-disable-directives --fix --max-warnings 0 && tsc",
+    "storybook": "yarn run generate && storybook dev -p 6006",
     "build-storybook": "storybook build",
     "test": "vitest",
-    "prepublishOnly": "yarn build",
-    "prepare": "yarn build"
+    "prepack": "yarn run build",
+    "prepare": "husky && yarn run build"
   },
   "peerDependencies": {
     "react": "^18.2.0",
-    "react-aria-components": "^1.0.1",
+    "react-aria-components": "^1.6.0",
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@laynezh/vite-plugin-lib-assets": "^0.5.18",
-    "@storybook/addon-essentials": "^8.0.0-beta.0",
-    "@storybook/addon-interactions": "^8.0.0-beta.0",
-    "@storybook/addon-links": "^8.0.0-beta.0",
-    "@storybook/addon-onboarding": "^1.0.11",
-    "@storybook/blocks": "^8.0.0-beta.0",
-    "@storybook/react": "^8.0.0-beta.0",
-    "@storybook/react-vite": "^8.0.0-beta.0",
-    "@storybook/test": "^8.0.0-beta.0",
-    "@types/react": "^18.2.43",
-    "@types/react-dom": "^18.2.17",
-    "@typescript-eslint/eslint-plugin": "^6.14.0",
-    "@typescript-eslint/parser": "^6.14.0",
-    "@vitejs/plugin-react": "^4.2.1",
-    "class-variance-authority": "^0.7.0",
-    "eslint": "^8.55.0",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.4.5",
-    "eslint-plugin-storybook": "^0.6.15",
-    "glob": "^10.3.10",
-    "jiti": "^1.21.0",
-    "lint-staged": "^15.2.2",
-    "magic-string": "^0.30.7",
-    "natural-orderby": "^3.0.2",
-    "patch-package": "^8.0.0",
-    "prettier": "^3.2.5",
+    "@storybook/addon-essentials": "^8.6.2",
+    "@storybook/addon-interactions": "^8.6.2",
+    "@storybook/addon-links": "^8.6.2",
+    "@storybook/addon-themes": "^8.6.2",
+    "@storybook/blocks": "^8.6.2",
+    "@storybook/react": "^8.6.2",
+    "@storybook/react-vite": "^8.6.2",
+    "@storybook/test": "^8.6.2",
+    "@types/css-modules": "^1.0.5",
+    "@types/node": "^20.17.17",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
+    "@typescript-eslint/eslint-plugin": "^8.20.0",
+    "@typescript-eslint/parser": "^8.20.0",
+    "@vitejs/plugin-react": "^4.3.4",
+    "class-variance-authority": "^0.7.1",
+    "colord": "^2.9.3",
+    "copy-to-clipboard": "^3.3.3",
+    "deepmerge-ts": "^7.1.3",
+    "eslint": "^8",
+    "eslint-plugin-react-hooks": "^5.1.0",
+    "eslint-plugin-react-refresh": "^0.4.18",
+    "eslint-plugin-storybook": "^0.11.2",
+    "glob": "^11.0.1",
+    "husky": "^9.1.7",
+    "jiti": "^1",
+    "lint-staged": "^15.4.1",
+    "prettier": "^3.4.2",
     "react": "^18.2.0",
-    "react-aria-components": "^1.0.1",
+    "react-aria-components": "^1.6.0",
     "react-dom": "^18.2.0",
-    "storybook": "^8.0.0-beta.0",
-    "typescript": "^5.2.2",
-    "vite": "^5.0.8",
-    "vite-plugin-dts": "^3.7.2",
-    "vite-plugin-lib-inject-css": "^1.3.0",
-    "vitest": "^1.2.2"
+    "rollup": "^4.34.8",
+    "rollup-preserve-directives": "^1.1.3",
+    "storybook": "^8.6.2",
+    "typescript": "^5.7.3",
+    "vite": "^6.0.9",
+    "vite-plugin-dts": "^4.5.0",
+    "vite-plugin-lib-inject-css": "^2.2.1",
+    "vitest": "^3.0.2"
   }
 }
diff --git a/packages/design-system/patches/@laynezh+vite-plugin-lib-assets+0.5.18.patch b/packages/design-system/patches/@laynezh+vite-plugin-lib-assets+0.5.18.patch
deleted file mode 100644
index f77abc7f7..000000000
--- a/packages/design-system/patches/@laynezh+vite-plugin-lib-assets+0.5.18.patch
+++ /dev/null
@@ -1,13 +0,0 @@
-diff --git a/node_modules/@laynezh/vite-plugin-lib-assets/dist/index.js b/node_modules/@laynezh/vite-plugin-lib-assets/dist/index.js
-index 0031cbd..af098d2 100644
---- a/node_modules/@laynezh/vite-plugin-lib-assets/dist/index.js
-+++ b/node_modules/@laynezh/vite-plugin-lib-assets/dist/index.js
-@@ -503,7 +503,7 @@ function VitePluginLibAssets(options = {}) {
-       const id = path2.resolve(importerDir, source);
-       if (cssLangFilter(id)) {
-         const assetsFromCss = await extractFromFile(this, id);
--        const validAssets = assetsFromCss.filter((id2) => filter(id2)).map((id2) => ({ id: id2, content: getAssetContent(id2) })).filter(({ content }) => limit && content ? content.byteLength > limit : true);
-+        const validAssets = assetsFromCss.map(aid => path.resolve(path2.dirname(id), aid)).filter((id2) => filter(id2)).map((id2) => ({ id: id2, content: getAssetContent(id2) })).filter(({ content }) => limit && content ? content.byteLength > limit : true);
-         validAssets.forEach(({ id: id2, content }) => {
-           let assetPath = emitFile(this, id2, content);
-           const base64 = getFileBase64(id2, content);
diff --git a/packages/design-system/plugins/rollup-plugin-ensure-directives.ts b/packages/design-system/plugins/rollup-plugin-ensure-directives.ts
deleted file mode 100644
index 0711b2a4b..000000000
--- a/packages/design-system/plugins/rollup-plugin-ensure-directives.ts
+++ /dev/null
@@ -1,106 +0,0 @@
-import MagicString from 'magic-string'
-import { createFilter } from '@rollup/pluginutils'
-import type { Plugin, OutputAsset, RenderedChunk } from 'rollup'
-import type { Directive, ExpressionStatement } from 'estree'
-
-type EnsureDirectivesOptions = {
-  include?: string[]
-  exclude?: string[]
-}
-
-/**
- * This is a plugin that ensures directives like "use client" gets put back at the top of files after bundling.
- * In order for this plugin to work, every input file needs to be outputed in a separate output chunk. Otherwise,
- * the directive would not be scoped to the related file.
- * This can either be done by using the output.preserveModules or by using glob() as stated in Rollup documentation:
- * https://rollupjs.org/configuration-options/#input
- *
- * @param {Object} options - Plugin options
- * @param {string[]} options.include - Minimatch patterns to include in parsing
- * @param {string[]} options.exclude - Minimatch patterns to skip from parsing
- *
- */
-
-function isDirective(body: Directive | ExpressionStatement): body is Directive {
-  return (body as Directive).directive !== undefined
-}
-
-function isChunk(chunk: OutputAsset | RenderedChunk): chunk is RenderedChunk {
-  return (chunk as RenderedChunk).modules !== undefined
-}
-
-export default function ensureDirectives({
-  include = [],
-  exclude = [],
-}: EnsureDirectivesOptions = {}): Plugin {
-  // Skip CSS files by default, as this.parse() does not work on them
-  const excludePatterns = ['**/*.css', ...exclude]
-  const includePatterns = include
-  const filter = createFilter(includePatterns, excludePatterns)
-
-  return {
-    name: 'ensure-directives',
-    // Capture directives metadata during the transform phase
-    transform(code, id) {
-      // Skip files that are excluded or that are implicitly excluded by the include pattern
-      if (!filter(id)) return
-
-      const ast = this.parse(code)
-
-      if (ast.type === 'Program' && ast.body) {
-        const filteredBodies = ast.body.filter(Boolean)
-
-        const directives = filteredBodies.reduce<string[]>(
-          (acc, filteredBody) => {
-            if (
-              filteredBody &&
-              filteredBody.type === 'ExpressionStatement' &&
-              isDirective(filteredBody)
-            ) {
-              acc.push(filteredBody.directive)
-            }
-            return acc
-          },
-          [],
-        )
-        // Map is set to null since the sourceMap is left untouched
-        if (directives.length) {
-          return {
-            code,
-            ast,
-            map: null,
-            meta: { ensureDirectives: directives },
-          }
-        }
-      }
-      return { code, ast, map: null }
-    },
-    renderChunk: {
-      order: 'post',
-      handler(code, chunk) {
-        // Only do this for RenderedChunk, not OutputAssets.
-        if (isChunk(chunk)) {
-          const modulesKeys = Object.keys(chunk.modules)
-
-          for (const moduleId of modulesKeys) {
-            const directives: string[] | false =
-              this.getModuleInfo(moduleId)?.meta?.ensureDirectives
-
-            if (directives) {
-              const directiveStrings = directives
-                .map((directive) => `"${directive}"`)
-                .join(';\n')
-
-              const s = new MagicString(code)
-              s.prepend(`${directiveStrings};\n`)
-              const srcMap = s.generateMap({ includeContent: true })
-
-              return { code: s.toString(), map: srcMap }
-            }
-          }
-        }
-        return null
-      },
-    },
-  }
-}
diff --git a/packages/design-system/public/fonts/biro-script-plus/regular.woff2 b/packages/design-system/public/fonts/biro-script-plus/regular.woff2
new file mode 100644
index 000000000..c930432b1
Binary files /dev/null and b/packages/design-system/public/fonts/biro-script-plus/regular.woff2 differ
diff --git a/packages/design-system/public/fonts/brandon-text/black.woff b/packages/design-system/public/fonts/brandon-text/black.woff
new file mode 100644
index 000000000..9301565d6
Binary files /dev/null and b/packages/design-system/public/fonts/brandon-text/black.woff differ
diff --git a/packages/design-system/public/fonts/brandon-text/black.woff2 b/packages/design-system/public/fonts/brandon-text/black.woff2
new file mode 100644
index 000000000..501e87d07
Binary files /dev/null and b/packages/design-system/public/fonts/brandon-text/black.woff2 differ
diff --git a/packages/design-system/public/fonts/brandon-text/bold.woff b/packages/design-system/public/fonts/brandon-text/bold.woff
new file mode 100644
index 000000000..28b1bd6c0
Binary files /dev/null and b/packages/design-system/public/fonts/brandon-text/bold.woff differ
diff --git a/packages/design-system/public/fonts/brandon-text/bold.woff2 b/packages/design-system/public/fonts/brandon-text/bold.woff2
new file mode 100644
index 000000000..fda7f0638
Binary files /dev/null and b/packages/design-system/public/fonts/brandon-text/bold.woff2 differ
diff --git a/packages/design-system/public/fonts/canela-deck/CanelaDeck-Black.otf b/packages/design-system/public/fonts/canela-deck/CanelaDeck-Black.otf
new file mode 100644
index 000000000..6ea2fe7c5
Binary files /dev/null and b/packages/design-system/public/fonts/canela-deck/CanelaDeck-Black.otf differ
diff --git a/packages/design-system/public/fonts/canela-deck/CanelaDeck-BlackItalic.otf b/packages/design-system/public/fonts/canela-deck/CanelaDeck-BlackItalic.otf
new file mode 100644
index 000000000..19d7a2062
Binary files /dev/null and b/packages/design-system/public/fonts/canela-deck/CanelaDeck-BlackItalic.otf differ
diff --git a/packages/design-system/public/fonts/canela-deck/CanelaDeck-Bold.otf b/packages/design-system/public/fonts/canela-deck/CanelaDeck-Bold.otf
new file mode 100644
index 000000000..95bcf9338
Binary files /dev/null and b/packages/design-system/public/fonts/canela-deck/CanelaDeck-Bold.otf differ
diff --git a/packages/design-system/public/fonts/canela-deck/CanelaDeck-BoldItalic.otf b/packages/design-system/public/fonts/canela-deck/CanelaDeck-BoldItalic.otf
new file mode 100644
index 000000000..ea2cf76da
Binary files /dev/null and b/packages/design-system/public/fonts/canela-deck/CanelaDeck-BoldItalic.otf differ
diff --git a/packages/design-system/public/fonts/canela-deck/CanelaDeck-Light.otf b/packages/design-system/public/fonts/canela-deck/CanelaDeck-Light.otf
new file mode 100644
index 000000000..c32669e0a
Binary files /dev/null and b/packages/design-system/public/fonts/canela-deck/CanelaDeck-Light.otf differ
diff --git a/packages/design-system/public/fonts/canela-deck/CanelaDeck-LightItalic.otf b/packages/design-system/public/fonts/canela-deck/CanelaDeck-LightItalic.otf
new file mode 100644
index 000000000..6f7dca56e
Binary files /dev/null and b/packages/design-system/public/fonts/canela-deck/CanelaDeck-LightItalic.otf differ
diff --git a/packages/design-system/public/fonts/canela-deck/CanelaDeck-Medium.otf b/packages/design-system/public/fonts/canela-deck/CanelaDeck-Medium.otf
new file mode 100644
index 000000000..d0887a452
Binary files /dev/null and b/packages/design-system/public/fonts/canela-deck/CanelaDeck-Medium.otf differ
diff --git a/packages/design-system/public/fonts/canela-deck/CanelaDeck-MediumItalic.otf b/packages/design-system/public/fonts/canela-deck/CanelaDeck-MediumItalic.otf
new file mode 100644
index 000000000..0f2ceef4b
Binary files /dev/null and b/packages/design-system/public/fonts/canela-deck/CanelaDeck-MediumItalic.otf differ
diff --git a/packages/design-system/public/fonts/canela-deck/CanelaDeck-Regular.otf b/packages/design-system/public/fonts/canela-deck/CanelaDeck-Regular.otf
new file mode 100644
index 000000000..2f5104364
Binary files /dev/null and b/packages/design-system/public/fonts/canela-deck/CanelaDeck-Regular.otf differ
diff --git a/packages/design-system/public/fonts/canela-deck/CanelaDeck-RegularItalic.otf b/packages/design-system/public/fonts/canela-deck/CanelaDeck-RegularItalic.otf
new file mode 100644
index 000000000..342779228
Binary files /dev/null and b/packages/design-system/public/fonts/canela-deck/CanelaDeck-RegularItalic.otf differ
diff --git a/packages/design-system/public/fonts/canela-deck/CanelaDeck-Thin.otf b/packages/design-system/public/fonts/canela-deck/CanelaDeck-Thin.otf
new file mode 100644
index 000000000..073be2887
Binary files /dev/null and b/packages/design-system/public/fonts/canela-deck/CanelaDeck-Thin.otf differ
diff --git a/packages/design-system/public/fonts/canela-deck/CanelaDeck-ThinItalic.otf b/packages/design-system/public/fonts/canela-deck/CanelaDeck-ThinItalic.otf
new file mode 100644
index 000000000..a0cb03bf5
Binary files /dev/null and b/packages/design-system/public/fonts/canela-deck/CanelaDeck-ThinItalic.otf differ
diff --git a/packages/design-system/public/fonts/domaine/domainesanstextweb-light-webfont.woff b/packages/design-system/public/fonts/domaine/domainesanstextweb-light-webfont.woff
new file mode 100644
index 000000000..12d6e5174
Binary files /dev/null and b/packages/design-system/public/fonts/domaine/domainesanstextweb-light-webfont.woff differ
diff --git a/packages/design-system/public/fonts/domaine/domainesanstextweb-light-webfont.woff2 b/packages/design-system/public/fonts/domaine/domainesanstextweb-light-webfont.woff2
new file mode 100644
index 000000000..2bcf11d9d
Binary files /dev/null and b/packages/design-system/public/fonts/domaine/domainesanstextweb-light-webfont.woff2 differ
diff --git a/packages/design-system/public/fonts/domaine/domainesanstextweb-regular-webfont.woff b/packages/design-system/public/fonts/domaine/domainesanstextweb-regular-webfont.woff
new file mode 100644
index 000000000..a0561fe0c
Binary files /dev/null and b/packages/design-system/public/fonts/domaine/domainesanstextweb-regular-webfont.woff differ
diff --git a/packages/design-system/public/fonts/domaine/domainesanstextweb-regular-webfont.woff2 b/packages/design-system/public/fonts/domaine/domainesanstextweb-regular-webfont.woff2
new file mode 100644
index 000000000..45daf13cf
Binary files /dev/null and b/packages/design-system/public/fonts/domaine/domainesanstextweb-regular-webfont.woff2 differ
diff --git a/packages/design-system/public/fonts/fira-sans/OFL.txt b/packages/design-system/public/fonts/fira-sans/OFL.txt
new file mode 100644
index 000000000..c1d366666
--- /dev/null
+++ b/packages/design-system/public/fonts/fira-sans/OFL.txt
@@ -0,0 +1,93 @@
+Copyright (c) 2012-2015, The Mozilla Foundation and Telefonica S.A.
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+https://openfontlicense.org
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/packages/design-system/public/fonts/fira-sans/black.woff2 b/packages/design-system/public/fonts/fira-sans/black.woff2
new file mode 100644
index 000000000..6095ed58b
Binary files /dev/null and b/packages/design-system/public/fonts/fira-sans/black.woff2 differ
diff --git a/packages/design-system/public/fonts/fira-sans/bold.woff2 b/packages/design-system/public/fonts/fira-sans/bold.woff2
new file mode 100644
index 000000000..4c550c7d4
Binary files /dev/null and b/packages/design-system/public/fonts/fira-sans/bold.woff2 differ
diff --git a/packages/design-system/public/fonts/fira-sans/light.woff2 b/packages/design-system/public/fonts/fira-sans/light.woff2
new file mode 100644
index 000000000..5c0e34d6b
Binary files /dev/null and b/packages/design-system/public/fonts/fira-sans/light.woff2 differ
diff --git a/packages/design-system/public/fonts/fira-sans/medium.woff2 b/packages/design-system/public/fonts/fira-sans/medium.woff2
new file mode 100644
index 000000000..7a1e5fc54
Binary files /dev/null and b/packages/design-system/public/fonts/fira-sans/medium.woff2 differ
diff --git a/packages/design-system/public/fonts/fira-sans/regular.woff2 b/packages/design-system/public/fonts/fira-sans/regular.woff2
new file mode 100644
index 000000000..e766e06cc
Binary files /dev/null and b/packages/design-system/public/fonts/fira-sans/regular.woff2 differ
diff --git a/packages/design-system/public/fonts/fira-sans/semibold.woff2 b/packages/design-system/public/fonts/fira-sans/semibold.woff2
new file mode 100644
index 000000000..bafabb5a1
Binary files /dev/null and b/packages/design-system/public/fonts/fira-sans/semibold.woff2 differ
diff --git a/packages/design-system/public/fonts/gotham/gotham-black-webfont.woff b/packages/design-system/public/fonts/gotham/gotham-black-webfont.woff
new file mode 100644
index 000000000..1db50441b
Binary files /dev/null and b/packages/design-system/public/fonts/gotham/gotham-black-webfont.woff differ
diff --git a/packages/design-system/public/fonts/gotham/gotham-black-webfont.woff2 b/packages/design-system/public/fonts/gotham/gotham-black-webfont.woff2
new file mode 100644
index 000000000..9d9987ee8
Binary files /dev/null and b/packages/design-system/public/fonts/gotham/gotham-black-webfont.woff2 differ
diff --git a/packages/design-system/public/fonts/gotham/gotham-black.woff b/packages/design-system/public/fonts/gotham/gotham-black.woff
new file mode 100644
index 000000000..746542862
Binary files /dev/null and b/packages/design-system/public/fonts/gotham/gotham-black.woff differ
diff --git a/packages/design-system/public/fonts/gotham/gotham-bold-webfont.woff b/packages/design-system/public/fonts/gotham/gotham-bold-webfont.woff
new file mode 100644
index 000000000..6ec2edf56
Binary files /dev/null and b/packages/design-system/public/fonts/gotham/gotham-bold-webfont.woff differ
diff --git a/packages/design-system/public/fonts/gotham/gotham-bold-webfont.woff2 b/packages/design-system/public/fonts/gotham/gotham-bold-webfont.woff2
new file mode 100644
index 000000000..c9c338ada
Binary files /dev/null and b/packages/design-system/public/fonts/gotham/gotham-bold-webfont.woff2 differ
diff --git a/packages/design-system/public/fonts/gotham/gotham-bold.woff b/packages/design-system/public/fonts/gotham/gotham-bold.woff
new file mode 100644
index 000000000..d1e93f751
Binary files /dev/null and b/packages/design-system/public/fonts/gotham/gotham-bold.woff differ
diff --git a/packages/design-system/public/fonts/grotesk/NeueHaasGroteskDisplay55Roman_normal_normal.woff b/packages/design-system/public/fonts/grotesk/NeueHaasGroteskDisplay55Roman_normal_normal.woff
new file mode 100644
index 000000000..da52cbc2f
Binary files /dev/null and b/packages/design-system/public/fonts/grotesk/NeueHaasGroteskDisplay55Roman_normal_normal.woff differ
diff --git a/packages/design-system/public/fonts/grotesk/NeueHaasGroteskDisplay55Roman_normal_normal.woff2 b/packages/design-system/public/fonts/grotesk/NeueHaasGroteskDisplay55Roman_normal_normal.woff2
new file mode 100644
index 000000000..65913b120
Binary files /dev/null and b/packages/design-system/public/fonts/grotesk/NeueHaasGroteskDisplay55Roman_normal_normal.woff2 differ
diff --git a/packages/design-system/public/fonts/grotesk/NeueHaasGroteskDisplay65Medium_normal_normal.woff b/packages/design-system/public/fonts/grotesk/NeueHaasGroteskDisplay65Medium_normal_normal.woff
new file mode 100644
index 000000000..df4461863
Binary files /dev/null and b/packages/design-system/public/fonts/grotesk/NeueHaasGroteskDisplay65Medium_normal_normal.woff differ
diff --git a/packages/design-system/public/fonts/grotesk/NeueHaasGroteskDisplay65Medium_normal_normal.woff2 b/packages/design-system/public/fonts/grotesk/NeueHaasGroteskDisplay65Medium_normal_normal.woff2
new file mode 100644
index 000000000..42ec4fb13
Binary files /dev/null and b/packages/design-system/public/fonts/grotesk/NeueHaasGroteskDisplay65Medium_normal_normal.woff2 differ
diff --git a/packages/design-system/public/fonts/itcgaramond/ITCGaramondBookNarrow_normal_condensed.woff b/packages/design-system/public/fonts/itcgaramond/ITCGaramondBookNarrow_normal_condensed.woff
new file mode 100644
index 000000000..9bcecf640
Binary files /dev/null and b/packages/design-system/public/fonts/itcgaramond/ITCGaramondBookNarrow_normal_condensed.woff differ
diff --git a/packages/design-system/public/fonts/itcgaramond/ITCGaramondBookNarrow_normal_condensed.woff2 b/packages/design-system/public/fonts/itcgaramond/ITCGaramondBookNarrow_normal_condensed.woff2
new file mode 100644
index 000000000..29e6bdef2
Binary files /dev/null and b/packages/design-system/public/fonts/itcgaramond/ITCGaramondBookNarrow_normal_condensed.woff2 differ
diff --git a/packages/design-system/public/fonts/prumo/PrumoText-Light.woff b/packages/design-system/public/fonts/prumo/PrumoText-Light.woff
new file mode 100644
index 000000000..a1935ff7e
Binary files /dev/null and b/packages/design-system/public/fonts/prumo/PrumoText-Light.woff differ
diff --git a/packages/design-system/public/fonts/prumo/prumotext-light-webfont.woff2 b/packages/design-system/public/fonts/prumo/prumotext-light-webfont.woff2
new file mode 100644
index 000000000..de44b7ebb
Binary files /dev/null and b/packages/design-system/public/fonts/prumo/prumotext-light-webfont.woff2 differ
diff --git a/packages/design-system/public/img/Hotelpage_mobile/Scandic_Couple_Friends_Lobby 6.png b/packages/design-system/public/img/Hotelpage_mobile/Scandic_Couple_Friends_Lobby 6.png
new file mode 100644
index 000000000..3a21b5a0a
Binary files /dev/null and b/packages/design-system/public/img/Hotelpage_mobile/Scandic_Couple_Friends_Lobby 6.png differ
diff --git a/packages/design-system/public/img/img1.jpg b/packages/design-system/public/img/img1.jpg
new file mode 100644
index 000000000..ef4bcb1b9
Binary files /dev/null and b/packages/design-system/public/img/img1.jpg differ
diff --git a/packages/design-system/public/img/img2.jpg b/packages/design-system/public/img/img2.jpg
new file mode 100644
index 000000000..1bccb3c9e
Binary files /dev/null and b/packages/design-system/public/img/img2.jpg differ
diff --git a/packages/design-system/public/img/img3.jpg b/packages/design-system/public/img/img3.jpg
new file mode 100644
index 000000000..441e5b97a
Binary files /dev/null and b/packages/design-system/public/img/img3.jpg differ
diff --git a/packages/design-system/public/img/img4.jpg b/packages/design-system/public/img/img4.jpg
new file mode 100644
index 000000000..66eb4b453
Binary files /dev/null and b/packages/design-system/public/img/img4.jpg differ
diff --git a/packages/design-system/tsconfig-build.json b/packages/design-system/tsconfig-build.json
index 91ec48ee6..b881c4527 100644
--- a/packages/design-system/tsconfig-build.json
+++ b/packages/design-system/tsconfig-build.json
@@ -1,5 +1,11 @@
 {
   "extends": "./tsconfig.json",
-  "exclude": ["node_modules", "**/*.test.ts", "**/*.stories.tsx"],
+  "exclude": [
+    "node_modules",
+    "example",
+    ".storybook",
+    "**/*.test.ts",
+    "**/*.stories.tsx"
+  ],
   "include": ["lib"]
 }
diff --git a/packages/design-system/vite.config.ts b/packages/design-system/vite.config.ts
index 51ad8025e..f713cc358 100644
--- a/packages/design-system/vite.config.ts
+++ b/packages/design-system/vite.config.ts
@@ -1,15 +1,15 @@
 /// <reference types="vitest" />
-
-import { extname, relative, resolve } from 'path'
+import { dirname, extname, relative, resolve } from 'node:path'
 import { fileURLToPath } from 'node:url'
+import fs from 'node:fs'
+
+import react from '@vitejs/plugin-react'
 import { glob } from 'glob'
 import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
 import dts from 'vite-plugin-dts'
 import { libInjectCss } from 'vite-plugin-lib-inject-css'
-import libAssetsPlugin from '@laynezh/vite-plugin-lib-assets'
-import ensureDirectives from './plugins/rollup-plugin-ensure-directives'
-import fs from 'node:fs'
+// import ensureDirectives from './plugins/rollup-plugin-ensure-directives'
+import preserveDirectives from 'rollup-preserve-directives'
 
 // https://vitejs.dev/config/
 export default defineConfig({
@@ -18,26 +18,29 @@ export default defineConfig({
     libInjectCss(),
     dts({
       include: ['lib'],
-      exclude: ['node_modules', '**/*.test.ts', '**/*.stories.tsx'],
-      rollupTypes: true,
+      exclude: [
+        'node_modules',
+        '**/*.css',
+        '**/*.test.ts',
+        '**/*.stories.tsx',
+        'lib/tokens/*.mdx',
+        'lib/tokens/*.css',
+        'lib/tokens/*.tsx',
+      ],
+      // rollupTypes: true,
       bundledPackages: ['class-variance-authority', 'clsx'],
     }),
-    libAssetsPlugin({
-      name: '[name].[contenthash:8].[ext]',
-      limit: 1024 * 1,
-    }),
+    preserveDirectives(),
   ],
   build: {
+    cssCodeSplit: true,
     copyPublicDir: false,
     lib: {
-      entry: [
-        resolve(__dirname, 'lib/new.ts'),
-        resolve(__dirname, 'lib/current.ts'),
-      ],
+      entry: [resolve(__dirname, 'lib/index.ts')],
       formats: ['es'],
     },
     rollupOptions: {
-      plugins: [ensureDirectives()],
+      plugins: [],
       external: [
         'react',
         'react-dom',
@@ -78,39 +81,35 @@ export default defineConfig({
       },
       input: Object.fromEntries(
         glob
-          .sync(
-            [
-              'lib/new.ts',
-              'lib/current.ts',
-              'lib/style-new.css',
-              'lib/style-current.css',
-              'lib/components/**/*.{ts,tsx}',
-            ],
-            {
-              ignore: '**/*.stories.{ts,tsx}',
-            },
-          )
+          .sync(['lib/**/*.{ts,tsx,css}'], {
+            ignore: ['**/types.ts', '**/*.stories.{ts,tsx}', 'lib/tokens/*'],
+          })
           .map((file) => {
             return [
               // The name of the entry point
               // lib/nested/foo.ts becomes nested/foo
               relative(
                 'lib',
-                file.slice(0, file.length - extname(file).length),
+                file.slice(0, file.length - extname(file).length)
               ),
               // The absolute path to the entry file
               // lib/nested/foo.ts becomes /project/lib/nested/foo.ts
               fileURLToPath(new URL(file, import.meta.url)),
             ]
-          }),
+          })
       ),
       output: {
-        assetFileNames: 'assets/[name][extname]',
+        assetFileNames: (assetInfo) => {
+          if (assetInfo.originalFileNames.length > 0) {
+            const originalFileName = assetInfo.originalFileNames[0]
+            if (originalFileName.indexOf('/components/') >= 0) {
+              return `${dirname(originalFileName).replace('lib/', '')}/[name]-[hash][extname]`
+            }
+          }
+          return `[name][extname]`
+        },
         entryFileNames: '[name].js',
       },
     },
   },
-  server: {
-    open: './example/index.html',
-  },
 })
diff --git a/yarn.lock b/yarn.lock
index 090d768a4..38c74e8ab 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -29,6 +29,105 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@ast-grep/napi-darwin-arm64@npm:0.32.3":
+  version: 0.32.3
+  resolution: "@ast-grep/napi-darwin-arm64@npm:0.32.3"
+  conditions: os=darwin & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@ast-grep/napi-darwin-x64@npm:0.32.3":
+  version: 0.32.3
+  resolution: "@ast-grep/napi-darwin-x64@npm:0.32.3"
+  conditions: os=darwin & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@ast-grep/napi-linux-arm64-gnu@npm:0.32.3":
+  version: 0.32.3
+  resolution: "@ast-grep/napi-linux-arm64-gnu@npm:0.32.3"
+  conditions: os=linux & cpu=arm64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@ast-grep/napi-linux-arm64-musl@npm:0.32.3":
+  version: 0.32.3
+  resolution: "@ast-grep/napi-linux-arm64-musl@npm:0.32.3"
+  conditions: os=linux & cpu=arm64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"@ast-grep/napi-linux-x64-gnu@npm:0.32.3":
+  version: 0.32.3
+  resolution: "@ast-grep/napi-linux-x64-gnu@npm:0.32.3"
+  conditions: os=linux & cpu=x64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@ast-grep/napi-linux-x64-musl@npm:0.32.3":
+  version: 0.32.3
+  resolution: "@ast-grep/napi-linux-x64-musl@npm:0.32.3"
+  conditions: os=linux & cpu=x64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"@ast-grep/napi-win32-arm64-msvc@npm:0.32.3":
+  version: 0.32.3
+  resolution: "@ast-grep/napi-win32-arm64-msvc@npm:0.32.3"
+  conditions: os=win32 & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@ast-grep/napi-win32-ia32-msvc@npm:0.32.3":
+  version: 0.32.3
+  resolution: "@ast-grep/napi-win32-ia32-msvc@npm:0.32.3"
+  conditions: os=win32 & cpu=ia32
+  languageName: node
+  linkType: hard
+
+"@ast-grep/napi-win32-x64-msvc@npm:0.32.3":
+  version: 0.32.3
+  resolution: "@ast-grep/napi-win32-x64-msvc@npm:0.32.3"
+  conditions: os=win32 & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@ast-grep/napi@npm:^0.32.2":
+  version: 0.32.3
+  resolution: "@ast-grep/napi@npm:0.32.3"
+  dependencies:
+    "@ast-grep/napi-darwin-arm64": "npm:0.32.3"
+    "@ast-grep/napi-darwin-x64": "npm:0.32.3"
+    "@ast-grep/napi-linux-arm64-gnu": "npm:0.32.3"
+    "@ast-grep/napi-linux-arm64-musl": "npm:0.32.3"
+    "@ast-grep/napi-linux-x64-gnu": "npm:0.32.3"
+    "@ast-grep/napi-linux-x64-musl": "npm:0.32.3"
+    "@ast-grep/napi-win32-arm64-msvc": "npm:0.32.3"
+    "@ast-grep/napi-win32-ia32-msvc": "npm:0.32.3"
+    "@ast-grep/napi-win32-x64-msvc": "npm:0.32.3"
+  dependenciesMeta:
+    "@ast-grep/napi-darwin-arm64":
+      optional: true
+    "@ast-grep/napi-darwin-x64":
+      optional: true
+    "@ast-grep/napi-linux-arm64-gnu":
+      optional: true
+    "@ast-grep/napi-linux-arm64-musl":
+      optional: true
+    "@ast-grep/napi-linux-x64-gnu":
+      optional: true
+    "@ast-grep/napi-linux-x64-musl":
+      optional: true
+    "@ast-grep/napi-win32-arm64-msvc":
+      optional: true
+    "@ast-grep/napi-win32-ia32-msvc":
+      optional: true
+    "@ast-grep/napi-win32-x64-msvc":
+      optional: true
+  checksum: 10c0/e32d6b7fdb098a5e28565f499512c48657201ed6f236d4bb288bb0577bb0f09a5b4d0ff38e65bd1add1d2b4263a4ebb7d46ad6a5b15cc5b52d8a9518aeadbf6c
+  languageName: node
+  linkType: hard
+
 "@auth/core@npm:0.32.0":
   version: 0.32.0
   resolution: "@auth/core@npm:0.32.0"
@@ -195,7 +294,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/generator@npm:^7.23.0, @babel/generator@npm:^7.26.9, @babel/generator@npm:^7.7.2":
+"@babel/generator@npm:^7.26.9, @babel/generator@npm:^7.7.2":
   version: 7.26.9
   resolution: "@babel/generator@npm:7.26.9"
   dependencies:
@@ -402,7 +501,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/parser@npm:^7.1.0, @babel/parser@npm:^7.14.7, @babel/parser@npm:^7.20.7, @babel/parser@npm:^7.23.0, @babel/parser@npm:^7.23.9, @babel/parser@npm:^7.25.3, @babel/parser@npm:^7.26.9":
+"@babel/parser@npm:^7.1.0, @babel/parser@npm:^7.14.7, @babel/parser@npm:^7.20.7, @babel/parser@npm:^7.23.9, @babel/parser@npm:^7.25.3, @babel/parser@npm:^7.26.9":
   version: 7.26.9
   resolution: "@babel/parser@npm:7.26.9"
   dependencies:
@@ -1518,7 +1617,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/traverse@npm:^7.18.9, @babel/traverse@npm:^7.23.2, @babel/traverse@npm:^7.25.9, @babel/traverse@npm:^7.26.5, @babel/traverse@npm:^7.26.8, @babel/traverse@npm:^7.26.9":
+"@babel/traverse@npm:^7.18.9, @babel/traverse@npm:^7.25.9, @babel/traverse@npm:^7.26.5, @babel/traverse@npm:^7.26.8, @babel/traverse@npm:^7.26.9":
   version: 7.26.9
   resolution: "@babel/traverse@npm:7.26.9"
   dependencies:
@@ -1533,7 +1632,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/types@npm:^7.0.0, @babel/types@npm:^7.18.9, @babel/types@npm:^7.20.7, @babel/types@npm:^7.21.3, @babel/types@npm:^7.23.0, @babel/types@npm:^7.25.9, @babel/types@npm:^7.26.9, @babel/types@npm:^7.3.3, @babel/types@npm:^7.4.4":
+"@babel/types@npm:^7.0.0, @babel/types@npm:^7.18.9, @babel/types@npm:^7.20.7, @babel/types@npm:^7.21.3, @babel/types@npm:^7.25.9, @babel/types@npm:^7.26.9, @babel/types@npm:^7.3.3, @babel/types@npm:^7.4.4":
   version: 7.26.9
   resolution: "@babel/types@npm:7.26.9"
   dependencies:
@@ -1646,13 +1745,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/aix-ppc64@npm:0.21.5":
-  version: 0.21.5
-  resolution: "@esbuild/aix-ppc64@npm:0.21.5"
-  conditions: os=aix & cpu=ppc64
-  languageName: node
-  linkType: hard
-
 "@esbuild/aix-ppc64@npm:0.25.0":
   version: 0.25.0
   resolution: "@esbuild/aix-ppc64@npm:0.25.0"
@@ -1660,20 +1752,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/android-arm64@npm:0.18.20":
-  version: 0.18.20
-  resolution: "@esbuild/android-arm64@npm:0.18.20"
-  conditions: os=android & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@esbuild/android-arm64@npm:0.21.5":
-  version: 0.21.5
-  resolution: "@esbuild/android-arm64@npm:0.21.5"
-  conditions: os=android & cpu=arm64
-  languageName: node
-  linkType: hard
-
 "@esbuild/android-arm64@npm:0.25.0":
   version: 0.25.0
   resolution: "@esbuild/android-arm64@npm:0.25.0"
@@ -1681,20 +1759,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/android-arm@npm:0.18.20":
-  version: 0.18.20
-  resolution: "@esbuild/android-arm@npm:0.18.20"
-  conditions: os=android & cpu=arm
-  languageName: node
-  linkType: hard
-
-"@esbuild/android-arm@npm:0.21.5":
-  version: 0.21.5
-  resolution: "@esbuild/android-arm@npm:0.21.5"
-  conditions: os=android & cpu=arm
-  languageName: node
-  linkType: hard
-
 "@esbuild/android-arm@npm:0.25.0":
   version: 0.25.0
   resolution: "@esbuild/android-arm@npm:0.25.0"
@@ -1702,20 +1766,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/android-x64@npm:0.18.20":
-  version: 0.18.20
-  resolution: "@esbuild/android-x64@npm:0.18.20"
-  conditions: os=android & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@esbuild/android-x64@npm:0.21.5":
-  version: 0.21.5
-  resolution: "@esbuild/android-x64@npm:0.21.5"
-  conditions: os=android & cpu=x64
-  languageName: node
-  linkType: hard
-
 "@esbuild/android-x64@npm:0.25.0":
   version: 0.25.0
   resolution: "@esbuild/android-x64@npm:0.25.0"
@@ -1723,20 +1773,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/darwin-arm64@npm:0.18.20":
-  version: 0.18.20
-  resolution: "@esbuild/darwin-arm64@npm:0.18.20"
-  conditions: os=darwin & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@esbuild/darwin-arm64@npm:0.21.5":
-  version: 0.21.5
-  resolution: "@esbuild/darwin-arm64@npm:0.21.5"
-  conditions: os=darwin & cpu=arm64
-  languageName: node
-  linkType: hard
-
 "@esbuild/darwin-arm64@npm:0.25.0":
   version: 0.25.0
   resolution: "@esbuild/darwin-arm64@npm:0.25.0"
@@ -1744,20 +1780,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/darwin-x64@npm:0.18.20":
-  version: 0.18.20
-  resolution: "@esbuild/darwin-x64@npm:0.18.20"
-  conditions: os=darwin & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@esbuild/darwin-x64@npm:0.21.5":
-  version: 0.21.5
-  resolution: "@esbuild/darwin-x64@npm:0.21.5"
-  conditions: os=darwin & cpu=x64
-  languageName: node
-  linkType: hard
-
 "@esbuild/darwin-x64@npm:0.25.0":
   version: 0.25.0
   resolution: "@esbuild/darwin-x64@npm:0.25.0"
@@ -1765,20 +1787,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/freebsd-arm64@npm:0.18.20":
-  version: 0.18.20
-  resolution: "@esbuild/freebsd-arm64@npm:0.18.20"
-  conditions: os=freebsd & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@esbuild/freebsd-arm64@npm:0.21.5":
-  version: 0.21.5
-  resolution: "@esbuild/freebsd-arm64@npm:0.21.5"
-  conditions: os=freebsd & cpu=arm64
-  languageName: node
-  linkType: hard
-
 "@esbuild/freebsd-arm64@npm:0.25.0":
   version: 0.25.0
   resolution: "@esbuild/freebsd-arm64@npm:0.25.0"
@@ -1786,20 +1794,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/freebsd-x64@npm:0.18.20":
-  version: 0.18.20
-  resolution: "@esbuild/freebsd-x64@npm:0.18.20"
-  conditions: os=freebsd & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@esbuild/freebsd-x64@npm:0.21.5":
-  version: 0.21.5
-  resolution: "@esbuild/freebsd-x64@npm:0.21.5"
-  conditions: os=freebsd & cpu=x64
-  languageName: node
-  linkType: hard
-
 "@esbuild/freebsd-x64@npm:0.25.0":
   version: 0.25.0
   resolution: "@esbuild/freebsd-x64@npm:0.25.0"
@@ -1807,20 +1801,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/linux-arm64@npm:0.18.20":
-  version: 0.18.20
-  resolution: "@esbuild/linux-arm64@npm:0.18.20"
-  conditions: os=linux & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@esbuild/linux-arm64@npm:0.21.5":
-  version: 0.21.5
-  resolution: "@esbuild/linux-arm64@npm:0.21.5"
-  conditions: os=linux & cpu=arm64
-  languageName: node
-  linkType: hard
-
 "@esbuild/linux-arm64@npm:0.25.0":
   version: 0.25.0
   resolution: "@esbuild/linux-arm64@npm:0.25.0"
@@ -1828,20 +1808,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/linux-arm@npm:0.18.20":
-  version: 0.18.20
-  resolution: "@esbuild/linux-arm@npm:0.18.20"
-  conditions: os=linux & cpu=arm
-  languageName: node
-  linkType: hard
-
-"@esbuild/linux-arm@npm:0.21.5":
-  version: 0.21.5
-  resolution: "@esbuild/linux-arm@npm:0.21.5"
-  conditions: os=linux & cpu=arm
-  languageName: node
-  linkType: hard
-
 "@esbuild/linux-arm@npm:0.25.0":
   version: 0.25.0
   resolution: "@esbuild/linux-arm@npm:0.25.0"
@@ -1849,20 +1815,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/linux-ia32@npm:0.18.20":
-  version: 0.18.20
-  resolution: "@esbuild/linux-ia32@npm:0.18.20"
-  conditions: os=linux & cpu=ia32
-  languageName: node
-  linkType: hard
-
-"@esbuild/linux-ia32@npm:0.21.5":
-  version: 0.21.5
-  resolution: "@esbuild/linux-ia32@npm:0.21.5"
-  conditions: os=linux & cpu=ia32
-  languageName: node
-  linkType: hard
-
 "@esbuild/linux-ia32@npm:0.25.0":
   version: 0.25.0
   resolution: "@esbuild/linux-ia32@npm:0.25.0"
@@ -1870,20 +1822,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/linux-loong64@npm:0.18.20":
-  version: 0.18.20
-  resolution: "@esbuild/linux-loong64@npm:0.18.20"
-  conditions: os=linux & cpu=loong64
-  languageName: node
-  linkType: hard
-
-"@esbuild/linux-loong64@npm:0.21.5":
-  version: 0.21.5
-  resolution: "@esbuild/linux-loong64@npm:0.21.5"
-  conditions: os=linux & cpu=loong64
-  languageName: node
-  linkType: hard
-
 "@esbuild/linux-loong64@npm:0.25.0":
   version: 0.25.0
   resolution: "@esbuild/linux-loong64@npm:0.25.0"
@@ -1891,20 +1829,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/linux-mips64el@npm:0.18.20":
-  version: 0.18.20
-  resolution: "@esbuild/linux-mips64el@npm:0.18.20"
-  conditions: os=linux & cpu=mips64el
-  languageName: node
-  linkType: hard
-
-"@esbuild/linux-mips64el@npm:0.21.5":
-  version: 0.21.5
-  resolution: "@esbuild/linux-mips64el@npm:0.21.5"
-  conditions: os=linux & cpu=mips64el
-  languageName: node
-  linkType: hard
-
 "@esbuild/linux-mips64el@npm:0.25.0":
   version: 0.25.0
   resolution: "@esbuild/linux-mips64el@npm:0.25.0"
@@ -1912,20 +1836,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/linux-ppc64@npm:0.18.20":
-  version: 0.18.20
-  resolution: "@esbuild/linux-ppc64@npm:0.18.20"
-  conditions: os=linux & cpu=ppc64
-  languageName: node
-  linkType: hard
-
-"@esbuild/linux-ppc64@npm:0.21.5":
-  version: 0.21.5
-  resolution: "@esbuild/linux-ppc64@npm:0.21.5"
-  conditions: os=linux & cpu=ppc64
-  languageName: node
-  linkType: hard
-
 "@esbuild/linux-ppc64@npm:0.25.0":
   version: 0.25.0
   resolution: "@esbuild/linux-ppc64@npm:0.25.0"
@@ -1933,20 +1843,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/linux-riscv64@npm:0.18.20":
-  version: 0.18.20
-  resolution: "@esbuild/linux-riscv64@npm:0.18.20"
-  conditions: os=linux & cpu=riscv64
-  languageName: node
-  linkType: hard
-
-"@esbuild/linux-riscv64@npm:0.21.5":
-  version: 0.21.5
-  resolution: "@esbuild/linux-riscv64@npm:0.21.5"
-  conditions: os=linux & cpu=riscv64
-  languageName: node
-  linkType: hard
-
 "@esbuild/linux-riscv64@npm:0.25.0":
   version: 0.25.0
   resolution: "@esbuild/linux-riscv64@npm:0.25.0"
@@ -1954,20 +1850,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/linux-s390x@npm:0.18.20":
-  version: 0.18.20
-  resolution: "@esbuild/linux-s390x@npm:0.18.20"
-  conditions: os=linux & cpu=s390x
-  languageName: node
-  linkType: hard
-
-"@esbuild/linux-s390x@npm:0.21.5":
-  version: 0.21.5
-  resolution: "@esbuild/linux-s390x@npm:0.21.5"
-  conditions: os=linux & cpu=s390x
-  languageName: node
-  linkType: hard
-
 "@esbuild/linux-s390x@npm:0.25.0":
   version: 0.25.0
   resolution: "@esbuild/linux-s390x@npm:0.25.0"
@@ -1975,20 +1857,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/linux-x64@npm:0.18.20":
-  version: 0.18.20
-  resolution: "@esbuild/linux-x64@npm:0.18.20"
-  conditions: os=linux & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@esbuild/linux-x64@npm:0.21.5":
-  version: 0.21.5
-  resolution: "@esbuild/linux-x64@npm:0.21.5"
-  conditions: os=linux & cpu=x64
-  languageName: node
-  linkType: hard
-
 "@esbuild/linux-x64@npm:0.25.0":
   version: 0.25.0
   resolution: "@esbuild/linux-x64@npm:0.25.0"
@@ -2003,20 +1871,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/netbsd-x64@npm:0.18.20":
-  version: 0.18.20
-  resolution: "@esbuild/netbsd-x64@npm:0.18.20"
-  conditions: os=netbsd & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@esbuild/netbsd-x64@npm:0.21.5":
-  version: 0.21.5
-  resolution: "@esbuild/netbsd-x64@npm:0.21.5"
-  conditions: os=netbsd & cpu=x64
-  languageName: node
-  linkType: hard
-
 "@esbuild/netbsd-x64@npm:0.25.0":
   version: 0.25.0
   resolution: "@esbuild/netbsd-x64@npm:0.25.0"
@@ -2031,20 +1885,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/openbsd-x64@npm:0.18.20":
-  version: 0.18.20
-  resolution: "@esbuild/openbsd-x64@npm:0.18.20"
-  conditions: os=openbsd & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@esbuild/openbsd-x64@npm:0.21.5":
-  version: 0.21.5
-  resolution: "@esbuild/openbsd-x64@npm:0.21.5"
-  conditions: os=openbsd & cpu=x64
-  languageName: node
-  linkType: hard
-
 "@esbuild/openbsd-x64@npm:0.25.0":
   version: 0.25.0
   resolution: "@esbuild/openbsd-x64@npm:0.25.0"
@@ -2052,20 +1892,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/sunos-x64@npm:0.18.20":
-  version: 0.18.20
-  resolution: "@esbuild/sunos-x64@npm:0.18.20"
-  conditions: os=sunos & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@esbuild/sunos-x64@npm:0.21.5":
-  version: 0.21.5
-  resolution: "@esbuild/sunos-x64@npm:0.21.5"
-  conditions: os=sunos & cpu=x64
-  languageName: node
-  linkType: hard
-
 "@esbuild/sunos-x64@npm:0.25.0":
   version: 0.25.0
   resolution: "@esbuild/sunos-x64@npm:0.25.0"
@@ -2073,20 +1899,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/win32-arm64@npm:0.18.20":
-  version: 0.18.20
-  resolution: "@esbuild/win32-arm64@npm:0.18.20"
-  conditions: os=win32 & cpu=arm64
-  languageName: node
-  linkType: hard
-
-"@esbuild/win32-arm64@npm:0.21.5":
-  version: 0.21.5
-  resolution: "@esbuild/win32-arm64@npm:0.21.5"
-  conditions: os=win32 & cpu=arm64
-  languageName: node
-  linkType: hard
-
 "@esbuild/win32-arm64@npm:0.25.0":
   version: 0.25.0
   resolution: "@esbuild/win32-arm64@npm:0.25.0"
@@ -2094,20 +1906,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/win32-ia32@npm:0.18.20":
-  version: 0.18.20
-  resolution: "@esbuild/win32-ia32@npm:0.18.20"
-  conditions: os=win32 & cpu=ia32
-  languageName: node
-  linkType: hard
-
-"@esbuild/win32-ia32@npm:0.21.5":
-  version: 0.21.5
-  resolution: "@esbuild/win32-ia32@npm:0.21.5"
-  conditions: os=win32 & cpu=ia32
-  languageName: node
-  linkType: hard
-
 "@esbuild/win32-ia32@npm:0.25.0":
   version: 0.25.0
   resolution: "@esbuild/win32-ia32@npm:0.25.0"
@@ -2115,20 +1913,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@esbuild/win32-x64@npm:0.18.20":
-  version: 0.18.20
-  resolution: "@esbuild/win32-x64@npm:0.18.20"
-  conditions: os=win32 & cpu=x64
-  languageName: node
-  linkType: hard
-
-"@esbuild/win32-x64@npm:0.21.5":
-  version: 0.21.5
-  resolution: "@esbuild/win32-x64@npm:0.21.5"
-  conditions: os=win32 & cpu=x64
-  languageName: node
-  linkType: hard
-
 "@esbuild/win32-x64@npm:0.25.0":
   version: 0.25.0
   resolution: "@esbuild/win32-x64@npm:0.25.0"
@@ -2147,7 +1931,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@eslint-community/regexpp@npm:^4.10.0, @eslint-community/regexpp@npm:^4.5.1, @eslint-community/regexpp@npm:^4.6.1":
+"@eslint-community/regexpp@npm:^4.10.0, @eslint-community/regexpp@npm:^4.6.1":
   version: 4.12.1
   resolution: "@eslint-community/regexpp@npm:4.12.1"
   checksum: 10c0/a03d98c246bcb9109aec2c08e4d10c8d010256538dcb3f56610191607214523d4fb1b00aa81df830b6dffb74c5fa0be03642513a289c567949d3e550ca11cdf6
@@ -2961,20 +2745,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@laynezh/vite-plugin-lib-assets@npm:^0.5.18":
-  version: 0.5.26
-  resolution: "@laynezh/vite-plugin-lib-assets@npm:0.5.26"
-  dependencies:
-    escape-string-regexp: "npm:^4.0.0"
-    loader-utils: "npm:^3.2.1"
-    mrmime: "npm:^1.0.1"
-    semver: "npm:^7.6.0"
-  peerDependencies:
-    vite: ^3.0.0 || ^4.0.0 || ^5.0.0
-  checksum: 10c0/70f5220456e26e32e04ad604f384b1f5a83d4cca4114df3ff11ad26b8931aa46836fcc4edb5b450a4a8339b89150b6bea91ee1e95a962f16ae5b6e1998d8a502
-  languageName: node
-  linkType: hard
-
 "@mdx-js/react@npm:^3.0.0":
   version: 3.1.0
   resolution: "@mdx-js/react@npm:3.1.0"
@@ -2987,56 +2757,56 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@microsoft/api-extractor-model@npm:7.28.13":
-  version: 7.28.13
-  resolution: "@microsoft/api-extractor-model@npm:7.28.13"
+"@microsoft/api-extractor-model@npm:7.30.3":
+  version: 7.30.3
+  resolution: "@microsoft/api-extractor-model@npm:7.30.3"
   dependencies:
-    "@microsoft/tsdoc": "npm:0.14.2"
-    "@microsoft/tsdoc-config": "npm:~0.16.1"
-    "@rushstack/node-core-library": "npm:4.0.2"
-  checksum: 10c0/da83f6ccc01fac3b8274731327a6d35a45b2d98ce8c1d705a974ca34dd48ac0f9b0fe8e98130d2068ec1ee4e2b1f2942b53e21e6e5897f1d3501a3c4e5910645
+    "@microsoft/tsdoc": "npm:~0.15.1"
+    "@microsoft/tsdoc-config": "npm:~0.17.1"
+    "@rushstack/node-core-library": "npm:5.11.0"
+  checksum: 10c0/2c6f41435bc927470ae90325955d12f5d19a8aa58fab2a5ebe6b7c4eaa5b84288d65b6abec40703f68275a0702b01fdce1850067b0631ca8c0e24a72dfa3b13a
   languageName: node
   linkType: hard
 
-"@microsoft/api-extractor@npm:7.43.0":
-  version: 7.43.0
-  resolution: "@microsoft/api-extractor@npm:7.43.0"
+"@microsoft/api-extractor@npm:^7.50.1":
+  version: 7.51.1
+  resolution: "@microsoft/api-extractor@npm:7.51.1"
   dependencies:
-    "@microsoft/api-extractor-model": "npm:7.28.13"
-    "@microsoft/tsdoc": "npm:0.14.2"
-    "@microsoft/tsdoc-config": "npm:~0.16.1"
-    "@rushstack/node-core-library": "npm:4.0.2"
-    "@rushstack/rig-package": "npm:0.5.2"
-    "@rushstack/terminal": "npm:0.10.0"
-    "@rushstack/ts-command-line": "npm:4.19.1"
+    "@microsoft/api-extractor-model": "npm:7.30.3"
+    "@microsoft/tsdoc": "npm:~0.15.1"
+    "@microsoft/tsdoc-config": "npm:~0.17.1"
+    "@rushstack/node-core-library": "npm:5.11.0"
+    "@rushstack/rig-package": "npm:0.5.3"
+    "@rushstack/terminal": "npm:0.15.0"
+    "@rushstack/ts-command-line": "npm:4.23.5"
     lodash: "npm:~4.17.15"
     minimatch: "npm:~3.0.3"
     resolve: "npm:~1.22.1"
     semver: "npm:~7.5.4"
     source-map: "npm:~0.6.1"
-    typescript: "npm:5.4.2"
+    typescript: "npm:5.7.3"
   bin:
     api-extractor: bin/api-extractor
-  checksum: 10c0/1bbd1866508db2c5c0ad771e4aeccef95201319879b5cd2b00c5177cfdedb1ad5bc35a452be9d14ac3cfcdf7c9b7c3a737bc2ada9bdcc48eb0e6e11214169b52
+  checksum: 10c0/3596e13fee6223b01937f29b52d8dc64fb688ca4351703b38805b81989be1a96007706a77a2f06a0b2330b594f06fadfb906911845f26c52f00ee34332a4cd55
   languageName: node
   linkType: hard
 
-"@microsoft/tsdoc-config@npm:~0.16.1":
-  version: 0.16.2
-  resolution: "@microsoft/tsdoc-config@npm:0.16.2"
+"@microsoft/tsdoc-config@npm:~0.17.1":
+  version: 0.17.1
+  resolution: "@microsoft/tsdoc-config@npm:0.17.1"
   dependencies:
-    "@microsoft/tsdoc": "npm:0.14.2"
-    ajv: "npm:~6.12.6"
+    "@microsoft/tsdoc": "npm:0.15.1"
+    ajv: "npm:~8.12.0"
     jju: "npm:~1.4.0"
-    resolve: "npm:~1.19.0"
-  checksum: 10c0/9e8c176b68f01c8bb38e6365d5b543e471bba59fced6070d9bd35b32461fbd650c2e1a6f686e8dca0cf22bc5e7d796e4213e66bce4426c8cb9864c1f6ca6836c
+    resolve: "npm:~1.22.2"
+  checksum: 10c0/a686355796f492f27af17e2a17d615221309caf4d9f9047a5a8f17f8625c467c4c81e2a7923ddafd71b892631d5e5013c4b8cc49c5867d3cc1d260fd90c1413d
   languageName: node
   linkType: hard
 
-"@microsoft/tsdoc@npm:0.14.2":
-  version: 0.14.2
-  resolution: "@microsoft/tsdoc@npm:0.14.2"
-  checksum: 10c0/c018857ad439144559ce34a397a29ace7cf5b24b999b8e3c1b88d878338088b3a453eaac4435beaf2c7eae13c4c0aac81e42f96f0f1d48e8d4eeb438eb3bb82f
+"@microsoft/tsdoc@npm:0.15.1, @microsoft/tsdoc@npm:~0.15.1":
+  version: 0.15.1
+  resolution: "@microsoft/tsdoc@npm:0.15.1"
+  checksum: 10c0/09948691fac56c45a0d1920de478d66a30371a325bd81addc92eea5654d95106ce173c440fea1a1bd5bb95b3a544b6d4def7bb0b5a846c05d043575d8369a20c
   languageName: node
   linkType: hard
 
@@ -6001,7 +5771,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@rollup/pluginutils@npm:^5.0.1, @rollup/pluginutils@npm:^5.0.2, @rollup/pluginutils@npm:^5.1.0":
+"@rollup/pluginutils@npm:^5.0.1, @rollup/pluginutils@npm:^5.0.2, @rollup/pluginutils@npm:^5.1.4":
   version: 5.1.4
   resolution: "@rollup/pluginutils@npm:5.1.4"
   dependencies:
@@ -6017,107 +5787,107 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@rollup/rollup-android-arm-eabi@npm:4.34.8":
-  version: 4.34.8
-  resolution: "@rollup/rollup-android-arm-eabi@npm:4.34.8"
+"@rollup/rollup-android-arm-eabi@npm:4.34.9":
+  version: 4.34.9
+  resolution: "@rollup/rollup-android-arm-eabi@npm:4.34.9"
   conditions: os=android & cpu=arm
   languageName: node
   linkType: hard
 
-"@rollup/rollup-android-arm64@npm:4.34.8":
-  version: 4.34.8
-  resolution: "@rollup/rollup-android-arm64@npm:4.34.8"
+"@rollup/rollup-android-arm64@npm:4.34.9":
+  version: 4.34.9
+  resolution: "@rollup/rollup-android-arm64@npm:4.34.9"
   conditions: os=android & cpu=arm64
   languageName: node
   linkType: hard
 
-"@rollup/rollup-darwin-arm64@npm:4.34.8":
-  version: 4.34.8
-  resolution: "@rollup/rollup-darwin-arm64@npm:4.34.8"
+"@rollup/rollup-darwin-arm64@npm:4.34.9":
+  version: 4.34.9
+  resolution: "@rollup/rollup-darwin-arm64@npm:4.34.9"
   conditions: os=darwin & cpu=arm64
   languageName: node
   linkType: hard
 
-"@rollup/rollup-darwin-x64@npm:4.34.8":
-  version: 4.34.8
-  resolution: "@rollup/rollup-darwin-x64@npm:4.34.8"
+"@rollup/rollup-darwin-x64@npm:4.34.9":
+  version: 4.34.9
+  resolution: "@rollup/rollup-darwin-x64@npm:4.34.9"
   conditions: os=darwin & cpu=x64
   languageName: node
   linkType: hard
 
-"@rollup/rollup-freebsd-arm64@npm:4.34.8":
-  version: 4.34.8
-  resolution: "@rollup/rollup-freebsd-arm64@npm:4.34.8"
+"@rollup/rollup-freebsd-arm64@npm:4.34.9":
+  version: 4.34.9
+  resolution: "@rollup/rollup-freebsd-arm64@npm:4.34.9"
   conditions: os=freebsd & cpu=arm64
   languageName: node
   linkType: hard
 
-"@rollup/rollup-freebsd-x64@npm:4.34.8":
-  version: 4.34.8
-  resolution: "@rollup/rollup-freebsd-x64@npm:4.34.8"
+"@rollup/rollup-freebsd-x64@npm:4.34.9":
+  version: 4.34.9
+  resolution: "@rollup/rollup-freebsd-x64@npm:4.34.9"
   conditions: os=freebsd & cpu=x64
   languageName: node
   linkType: hard
 
-"@rollup/rollup-linux-arm-gnueabihf@npm:4.34.8":
-  version: 4.34.8
-  resolution: "@rollup/rollup-linux-arm-gnueabihf@npm:4.34.8"
+"@rollup/rollup-linux-arm-gnueabihf@npm:4.34.9":
+  version: 4.34.9
+  resolution: "@rollup/rollup-linux-arm-gnueabihf@npm:4.34.9"
   conditions: os=linux & cpu=arm & libc=glibc
   languageName: node
   linkType: hard
 
-"@rollup/rollup-linux-arm-musleabihf@npm:4.34.8":
-  version: 4.34.8
-  resolution: "@rollup/rollup-linux-arm-musleabihf@npm:4.34.8"
+"@rollup/rollup-linux-arm-musleabihf@npm:4.34.9":
+  version: 4.34.9
+  resolution: "@rollup/rollup-linux-arm-musleabihf@npm:4.34.9"
   conditions: os=linux & cpu=arm & libc=musl
   languageName: node
   linkType: hard
 
-"@rollup/rollup-linux-arm64-gnu@npm:4.34.8":
-  version: 4.34.8
-  resolution: "@rollup/rollup-linux-arm64-gnu@npm:4.34.8"
+"@rollup/rollup-linux-arm64-gnu@npm:4.34.9":
+  version: 4.34.9
+  resolution: "@rollup/rollup-linux-arm64-gnu@npm:4.34.9"
   conditions: os=linux & cpu=arm64 & libc=glibc
   languageName: node
   linkType: hard
 
-"@rollup/rollup-linux-arm64-musl@npm:4.34.8":
-  version: 4.34.8
-  resolution: "@rollup/rollup-linux-arm64-musl@npm:4.34.8"
+"@rollup/rollup-linux-arm64-musl@npm:4.34.9":
+  version: 4.34.9
+  resolution: "@rollup/rollup-linux-arm64-musl@npm:4.34.9"
   conditions: os=linux & cpu=arm64 & libc=musl
   languageName: node
   linkType: hard
 
-"@rollup/rollup-linux-loongarch64-gnu@npm:4.34.8":
-  version: 4.34.8
-  resolution: "@rollup/rollup-linux-loongarch64-gnu@npm:4.34.8"
+"@rollup/rollup-linux-loongarch64-gnu@npm:4.34.9":
+  version: 4.34.9
+  resolution: "@rollup/rollup-linux-loongarch64-gnu@npm:4.34.9"
   conditions: os=linux & cpu=loong64 & libc=glibc
   languageName: node
   linkType: hard
 
-"@rollup/rollup-linux-powerpc64le-gnu@npm:4.34.8":
-  version: 4.34.8
-  resolution: "@rollup/rollup-linux-powerpc64le-gnu@npm:4.34.8"
+"@rollup/rollup-linux-powerpc64le-gnu@npm:4.34.9":
+  version: 4.34.9
+  resolution: "@rollup/rollup-linux-powerpc64le-gnu@npm:4.34.9"
   conditions: os=linux & cpu=ppc64 & libc=glibc
   languageName: node
   linkType: hard
 
-"@rollup/rollup-linux-riscv64-gnu@npm:4.34.8":
-  version: 4.34.8
-  resolution: "@rollup/rollup-linux-riscv64-gnu@npm:4.34.8"
+"@rollup/rollup-linux-riscv64-gnu@npm:4.34.9":
+  version: 4.34.9
+  resolution: "@rollup/rollup-linux-riscv64-gnu@npm:4.34.9"
   conditions: os=linux & cpu=riscv64 & libc=glibc
   languageName: node
   linkType: hard
 
-"@rollup/rollup-linux-s390x-gnu@npm:4.34.8":
-  version: 4.34.8
-  resolution: "@rollup/rollup-linux-s390x-gnu@npm:4.34.8"
+"@rollup/rollup-linux-s390x-gnu@npm:4.34.9":
+  version: 4.34.9
+  resolution: "@rollup/rollup-linux-s390x-gnu@npm:4.34.9"
   conditions: os=linux & cpu=s390x & libc=glibc
   languageName: node
   linkType: hard
 
-"@rollup/rollup-linux-x64-gnu@npm:4.34.8":
-  version: 4.34.8
-  resolution: "@rollup/rollup-linux-x64-gnu@npm:4.34.8"
+"@rollup/rollup-linux-x64-gnu@npm:4.34.9":
+  version: 4.34.9
+  resolution: "@rollup/rollup-linux-x64-gnu@npm:4.34.9"
   conditions: os=linux & cpu=x64 & libc=glibc
   languageName: node
   linkType: hard
@@ -6129,30 +5899,30 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@rollup/rollup-linux-x64-musl@npm:4.34.8":
-  version: 4.34.8
-  resolution: "@rollup/rollup-linux-x64-musl@npm:4.34.8"
+"@rollup/rollup-linux-x64-musl@npm:4.34.9":
+  version: 4.34.9
+  resolution: "@rollup/rollup-linux-x64-musl@npm:4.34.9"
   conditions: os=linux & cpu=x64 & libc=musl
   languageName: node
   linkType: hard
 
-"@rollup/rollup-win32-arm64-msvc@npm:4.34.8":
-  version: 4.34.8
-  resolution: "@rollup/rollup-win32-arm64-msvc@npm:4.34.8"
+"@rollup/rollup-win32-arm64-msvc@npm:4.34.9":
+  version: 4.34.9
+  resolution: "@rollup/rollup-win32-arm64-msvc@npm:4.34.9"
   conditions: os=win32 & cpu=arm64
   languageName: node
   linkType: hard
 
-"@rollup/rollup-win32-ia32-msvc@npm:4.34.8":
-  version: 4.34.8
-  resolution: "@rollup/rollup-win32-ia32-msvc@npm:4.34.8"
+"@rollup/rollup-win32-ia32-msvc@npm:4.34.9":
+  version: 4.34.9
+  resolution: "@rollup/rollup-win32-ia32-msvc@npm:4.34.9"
   conditions: os=win32 & cpu=ia32
   languageName: node
   linkType: hard
 
-"@rollup/rollup-win32-x64-msvc@npm:4.34.8":
-  version: 4.34.8
-  resolution: "@rollup/rollup-win32-x64-msvc@npm:4.34.8"
+"@rollup/rollup-win32-x64-msvc@npm:4.34.9":
+  version: 4.34.9
+  resolution: "@rollup/rollup-win32-x64-msvc@npm:4.34.9"
   conditions: os=win32 & cpu=x64
   languageName: node
   linkType: hard
@@ -6171,59 +5941,61 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@rushstack/node-core-library@npm:4.0.2":
-  version: 4.0.2
-  resolution: "@rushstack/node-core-library@npm:4.0.2"
+"@rushstack/node-core-library@npm:5.11.0":
+  version: 5.11.0
+  resolution: "@rushstack/node-core-library@npm:5.11.0"
   dependencies:
-    fs-extra: "npm:~7.0.1"
+    ajv: "npm:~8.13.0"
+    ajv-draft-04: "npm:~1.0.0"
+    ajv-formats: "npm:~3.0.1"
+    fs-extra: "npm:~11.3.0"
     import-lazy: "npm:~4.0.0"
     jju: "npm:~1.4.0"
     resolve: "npm:~1.22.1"
     semver: "npm:~7.5.4"
-    z-schema: "npm:~5.0.2"
   peerDependencies:
     "@types/node": "*"
   peerDependenciesMeta:
     "@types/node":
       optional: true
-  checksum: 10c0/b60070b5b8f4da0cbda5b37f950ed5d3843f3c68aab13ce1d4383b9fd71ca94065dfdd2e3b10b361ae0ef5fd0182d891da2addfd3f1ca21e7789110f6266d83f
+  checksum: 10c0/7de70fdfa0274ce2fd5e2617c38156143172d852730d03ffb7cfec9ebd6f1bbbc595b81527a189956ee89fe419d9e7d51ffaeaa2d0ee2fc2deae7d24531b7ffb
   languageName: node
   linkType: hard
 
-"@rushstack/rig-package@npm:0.5.2":
-  version: 0.5.2
-  resolution: "@rushstack/rig-package@npm:0.5.2"
+"@rushstack/rig-package@npm:0.5.3":
+  version: 0.5.3
+  resolution: "@rushstack/rig-package@npm:0.5.3"
   dependencies:
     resolve: "npm:~1.22.1"
     strip-json-comments: "npm:~3.1.1"
-  checksum: 10c0/7bff460eb8407a68de20681b6354703c0fdb7a325c58060a2c4591b86dd3b83b95b651ccba3cc833f8d1a94c3a19638091b447c03d89eaa9df57bc9de7abb29d
+  checksum: 10c0/ef0b0115b60007f965b875f671019ac7fc26592f6bf7d7b40fa8c68e8dc37e9f7dcda3b5533b489ebf04d28a182dc60987bfd365a8d4173c73d482b270647741
   languageName: node
   linkType: hard
 
-"@rushstack/terminal@npm:0.10.0":
-  version: 0.10.0
-  resolution: "@rushstack/terminal@npm:0.10.0"
+"@rushstack/terminal@npm:0.15.0":
+  version: 0.15.0
+  resolution: "@rushstack/terminal@npm:0.15.0"
   dependencies:
-    "@rushstack/node-core-library": "npm:4.0.2"
+    "@rushstack/node-core-library": "npm:5.11.0"
     supports-color: "npm:~8.1.1"
   peerDependencies:
     "@types/node": "*"
   peerDependenciesMeta:
     "@types/node":
       optional: true
-  checksum: 10c0/128d13d353265bd318fc52a5d2eaf6d352d3abd29fc3500d630b4d114b43392e2dfe8c4df200e855dc2c07e6d4e8f2175c38b5a8b71dff1eee7aa1f5a261e1c7
+  checksum: 10c0/44e23353e8a4b8024d10d01b9a05fd8d736ddbe2d595a12bfcd290c27842fef156e2471f5e61eed62bad733bd692ba261f1e642c2b1547a0009927805e74e2a6
   languageName: node
   linkType: hard
 
-"@rushstack/ts-command-line@npm:4.19.1":
-  version: 4.19.1
-  resolution: "@rushstack/ts-command-line@npm:4.19.1"
+"@rushstack/ts-command-line@npm:4.23.5":
+  version: 4.23.5
+  resolution: "@rushstack/ts-command-line@npm:4.23.5"
   dependencies:
-    "@rushstack/terminal": "npm:0.10.0"
+    "@rushstack/terminal": "npm:0.15.0"
     "@types/argparse": "npm:1.0.38"
     argparse: "npm:~1.0.9"
     string-argv: "npm:~0.3.1"
-  checksum: 10c0/329184ae53b3d5dc0218ef63dbbd65efc3a3f423595cf69865cb47ee7ae233cfa8c93d87c31cdb1ef8a00f286d3dd56dc629a16c5903777a9eb1f603dd801c25
+  checksum: 10c0/8c4330620658227bb7af27031d720a826f6a8b92f281cc433393c52968475fddc0031d86477f1676377878130b926b2efb7893edb2d73cdb1fa23444b792e88a
   languageName: node
   linkType: hard
 
@@ -6231,44 +6003,48 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@scandic-hotels/design-system@workspace:packages/design-system"
   dependencies:
-    "@laynezh/vite-plugin-lib-assets": "npm:^0.5.18"
-    "@storybook/addon-essentials": "npm:^8.0.0-beta.0"
-    "@storybook/addon-interactions": "npm:^8.0.0-beta.0"
-    "@storybook/addon-links": "npm:^8.0.0-beta.0"
-    "@storybook/addon-onboarding": "npm:^1.0.11"
-    "@storybook/blocks": "npm:^8.0.0-beta.0"
-    "@storybook/react": "npm:^8.0.0-beta.0"
-    "@storybook/react-vite": "npm:^8.0.0-beta.0"
-    "@storybook/test": "npm:^8.0.0-beta.0"
-    "@types/react": "npm:^18.2.43"
-    "@types/react-dom": "npm:^18.2.17"
-    "@typescript-eslint/eslint-plugin": "npm:^6.14.0"
-    "@typescript-eslint/parser": "npm:^6.14.0"
-    "@vitejs/plugin-react": "npm:^4.2.1"
-    class-variance-authority: "npm:^0.7.0"
-    eslint: "npm:^8.55.0"
-    eslint-plugin-react-hooks: "npm:^4.6.0"
-    eslint-plugin-react-refresh: "npm:^0.4.5"
-    eslint-plugin-storybook: "npm:^0.6.15"
-    glob: "npm:^10.3.10"
-    jiti: "npm:^1.21.0"
-    lint-staged: "npm:^15.2.2"
-    magic-string: "npm:^0.30.7"
-    natural-orderby: "npm:^3.0.2"
-    patch-package: "npm:^8.0.0"
-    prettier: "npm:^3.2.5"
+    "@storybook/addon-essentials": "npm:^8.6.2"
+    "@storybook/addon-interactions": "npm:^8.6.2"
+    "@storybook/addon-links": "npm:^8.6.2"
+    "@storybook/addon-themes": "npm:^8.6.2"
+    "@storybook/blocks": "npm:^8.6.2"
+    "@storybook/react": "npm:^8.6.2"
+    "@storybook/react-vite": "npm:^8.6.2"
+    "@storybook/test": "npm:^8.6.2"
+    "@types/css-modules": "npm:^1.0.5"
+    "@types/node": "npm:^20.17.17"
+    "@types/react": "npm:^18"
+    "@types/react-dom": "npm:^18"
+    "@typescript-eslint/eslint-plugin": "npm:^8.20.0"
+    "@typescript-eslint/parser": "npm:^8.20.0"
+    "@vitejs/plugin-react": "npm:^4.3.4"
+    class-variance-authority: "npm:^0.7.1"
+    colord: "npm:^2.9.3"
+    copy-to-clipboard: "npm:^3.3.3"
+    deepmerge-ts: "npm:^7.1.3"
+    eslint: "npm:^8"
+    eslint-plugin-react-hooks: "npm:^5.1.0"
+    eslint-plugin-react-refresh: "npm:^0.4.18"
+    eslint-plugin-storybook: "npm:^0.11.2"
+    glob: "npm:^11.0.1"
+    husky: "npm:^9.1.7"
+    jiti: "npm:^1"
+    lint-staged: "npm:^15.4.1"
+    prettier: "npm:^3.4.2"
     react: "npm:^18.2.0"
-    react-aria-components: "npm:^1.0.1"
+    react-aria-components: "npm:^1.6.0"
     react-dom: "npm:^18.2.0"
-    storybook: "npm:^8.0.0-beta.0"
-    typescript: "npm:^5.2.2"
-    vite: "npm:^5.0.8"
-    vite-plugin-dts: "npm:^3.7.2"
-    vite-plugin-lib-inject-css: "npm:^1.3.0"
-    vitest: "npm:^1.2.2"
+    rollup: "npm:^4.34.8"
+    rollup-preserve-directives: "npm:^1.1.3"
+    storybook: "npm:^8.6.2"
+    typescript: "npm:^5.7.3"
+    vite: "npm:^6.0.9"
+    vite-plugin-dts: "npm:^4.5.0"
+    vite-plugin-lib-inject-css: "npm:^2.2.1"
+    vitest: "npm:^3.0.2"
   peerDependencies:
     react: ^18.2.0
-    react-aria-components: ^1.0.1
+    react-aria-components: ^1.6.0
     react-dom: ^18.2.0
   languageName: unknown
   linkType: soft
@@ -6735,9 +6511,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/addon-actions@npm:8.5.8":
-  version: 8.5.8
-  resolution: "@storybook/addon-actions@npm:8.5.8"
+"@storybook/addon-actions@npm:8.6.3":
+  version: 8.6.3
+  resolution: "@storybook/addon-actions@npm:8.6.3"
   dependencies:
     "@storybook/global": "npm:^5.0.0"
     "@types/uuid": "npm:^9.0.1"
@@ -6745,285 +6521,218 @@ __metadata:
     polished: "npm:^4.2.2"
     uuid: "npm:^9.0.0"
   peerDependencies:
-    storybook: ^8.5.8
-  checksum: 10c0/6d83052e7746b79efb72593c29b61d18def896216d0d4559038c7d18cd46403a88bcdd41dfa14405671203a626d37221fd91f8a45316fa6c2073e5e1de9ca9d5
+    storybook: ^8.6.3
+  checksum: 10c0/6ee1b062bf04a5a5628d9b5192ee159725aad039a6a0c7087669f5c358a03f9269c61430f62cc0fd732b7b451960d6679b9c16050e0eb3d2a2978ebd9ee6629e
   languageName: node
   linkType: hard
 
-"@storybook/addon-backgrounds@npm:8.5.8":
-  version: 8.5.8
-  resolution: "@storybook/addon-backgrounds@npm:8.5.8"
+"@storybook/addon-backgrounds@npm:8.6.3":
+  version: 8.6.3
+  resolution: "@storybook/addon-backgrounds@npm:8.6.3"
   dependencies:
     "@storybook/global": "npm:^5.0.0"
     memoizerific: "npm:^1.11.3"
     ts-dedent: "npm:^2.0.0"
   peerDependencies:
-    storybook: ^8.5.8
-  checksum: 10c0/7f852c73a4116755097a0fefd848a74d9907c4ce88bbcf18c1db8aed0254943c028626c440c75353f3102931f6f34795615a2eda3f5fd1a2bb620a7cff9fb035
+    storybook: ^8.6.3
+  checksum: 10c0/65799ec2be3e31a71b519d166ac38fa0bc1798a117009b38ef681c0b777f2a0776fa9548b9ac7852cd78f4e48d06e36afd9946825c01563a805f3108bf7fbece
   languageName: node
   linkType: hard
 
-"@storybook/addon-controls@npm:8.5.8":
-  version: 8.5.8
-  resolution: "@storybook/addon-controls@npm:8.5.8"
+"@storybook/addon-controls@npm:8.6.3":
+  version: 8.6.3
+  resolution: "@storybook/addon-controls@npm:8.6.3"
   dependencies:
     "@storybook/global": "npm:^5.0.0"
     dequal: "npm:^2.0.2"
     ts-dedent: "npm:^2.0.0"
   peerDependencies:
-    storybook: ^8.5.8
-  checksum: 10c0/0d6a61148067d5015029322cb2beedc635cf9e1342357e1eda6b1b44abb9af44709772e29d144e280f7f91d3251c53abe43af711f552a08e52d2a47c9f8f2aea
+    storybook: ^8.6.3
+  checksum: 10c0/28aadd4310be691d93d992d2aecbba5b3136df949250e700b5719ce9a4ef9d7f80f5d029b4289dd4eff25bbed19e4dbbb7d818ca085bbb83a1430ceb31760471
   languageName: node
   linkType: hard
 
-"@storybook/addon-docs@npm:8.5.8":
-  version: 8.5.8
-  resolution: "@storybook/addon-docs@npm:8.5.8"
+"@storybook/addon-docs@npm:8.6.3":
+  version: 8.6.3
+  resolution: "@storybook/addon-docs@npm:8.6.3"
   dependencies:
     "@mdx-js/react": "npm:^3.0.0"
-    "@storybook/blocks": "npm:8.5.8"
-    "@storybook/csf-plugin": "npm:8.5.8"
-    "@storybook/react-dom-shim": "npm:8.5.8"
+    "@storybook/blocks": "npm:8.6.3"
+    "@storybook/csf-plugin": "npm:8.6.3"
+    "@storybook/react-dom-shim": "npm:8.6.3"
     react: "npm:^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
     react-dom: "npm:^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
     ts-dedent: "npm:^2.0.0"
   peerDependencies:
-    storybook: ^8.5.8
-  checksum: 10c0/f480e265a450f2de6e379c480e1f470bcdd17869721d57b3e96843b365f40b9ef2e38d7c6103ce976e575bb34a5400d39758b4a2ed5846a779f2a53bdd9184ea
+    storybook: ^8.6.3
+  checksum: 10c0/3d52f770138b67903c23d8775627a652c3b29cf62521e3a291b19e42b80b8bbc317ba5b0738d82544162934eba7bbe5581f83b5d61df86b5d240edb12b6c1cf2
   languageName: node
   linkType: hard
 
-"@storybook/addon-essentials@npm:^8.0.0-beta.0":
-  version: 8.5.8
-  resolution: "@storybook/addon-essentials@npm:8.5.8"
+"@storybook/addon-essentials@npm:^8.6.2":
+  version: 8.6.3
+  resolution: "@storybook/addon-essentials@npm:8.6.3"
   dependencies:
-    "@storybook/addon-actions": "npm:8.5.8"
-    "@storybook/addon-backgrounds": "npm:8.5.8"
-    "@storybook/addon-controls": "npm:8.5.8"
-    "@storybook/addon-docs": "npm:8.5.8"
-    "@storybook/addon-highlight": "npm:8.5.8"
-    "@storybook/addon-measure": "npm:8.5.8"
-    "@storybook/addon-outline": "npm:8.5.8"
-    "@storybook/addon-toolbars": "npm:8.5.8"
-    "@storybook/addon-viewport": "npm:8.5.8"
+    "@storybook/addon-actions": "npm:8.6.3"
+    "@storybook/addon-backgrounds": "npm:8.6.3"
+    "@storybook/addon-controls": "npm:8.6.3"
+    "@storybook/addon-docs": "npm:8.6.3"
+    "@storybook/addon-highlight": "npm:8.6.3"
+    "@storybook/addon-measure": "npm:8.6.3"
+    "@storybook/addon-outline": "npm:8.6.3"
+    "@storybook/addon-toolbars": "npm:8.6.3"
+    "@storybook/addon-viewport": "npm:8.6.3"
     ts-dedent: "npm:^2.0.0"
   peerDependencies:
-    storybook: ^8.5.8
-  checksum: 10c0/9dd3a3d79cce807a615a238e45f62f1519308a777730f199468b859337763502a442c555234d6c54535d8aea4aee8f4561840338bd310384f3340d8499592a5d
+    storybook: ^8.6.3
+  checksum: 10c0/3e72dc70f3356580968b25e9b88576f93347665bed3e8cc92401f36c6c955291f5b61fa91086825c8dc500c61b96e3657fa27df9e69f0604a40a73f0d7f02e21
   languageName: node
   linkType: hard
 
-"@storybook/addon-highlight@npm:8.5.8":
-  version: 8.5.8
-  resolution: "@storybook/addon-highlight@npm:8.5.8"
+"@storybook/addon-highlight@npm:8.6.3":
+  version: 8.6.3
+  resolution: "@storybook/addon-highlight@npm:8.6.3"
   dependencies:
     "@storybook/global": "npm:^5.0.0"
   peerDependencies:
-    storybook: ^8.5.8
-  checksum: 10c0/80c4fd899cf0c11e75994617713cc69e156db64d46ea61b855356b7a2766925d2a8db470e27544664932ce96875c85e84f52d7b9e5f3d6a3e8e4c8cdb6ba393b
+    storybook: ^8.6.3
+  checksum: 10c0/3776dacb8999ce0b2c1ae713c051c1887d6f7f9ecfa3da26bd2d0f14e322f774e4a767c09c99bd64c6814c83caa7ac94ec0c2e4ec10116eebcd1bfedbcdc3b14
   languageName: node
   linkType: hard
 
-"@storybook/addon-interactions@npm:^8.0.0-beta.0":
-  version: 8.5.8
-  resolution: "@storybook/addon-interactions@npm:8.5.8"
+"@storybook/addon-interactions@npm:^8.6.2":
+  version: 8.6.3
+  resolution: "@storybook/addon-interactions@npm:8.6.3"
   dependencies:
     "@storybook/global": "npm:^5.0.0"
-    "@storybook/instrumenter": "npm:8.5.8"
-    "@storybook/test": "npm:8.5.8"
+    "@storybook/instrumenter": "npm:8.6.3"
+    "@storybook/test": "npm:8.6.3"
     polished: "npm:^4.2.2"
     ts-dedent: "npm:^2.2.0"
   peerDependencies:
-    storybook: ^8.5.8
-  checksum: 10c0/1d48582c91cac1c676961c6dd510d570112082c52680b353ac6ff5905d7356046dc614338ed317991d15292fede2254f6e3a4f940be2d25ec48ea60fb56befee
+    storybook: ^8.6.3
+  checksum: 10c0/59c903937eb73c6c11b8f76248e57b87aa89bc4d07b38930ec4db63e42706777401e313ca67399ffdfe0811089ee64d56476adffa91cc131b29f6cbaf7f10706
   languageName: node
   linkType: hard
 
-"@storybook/addon-links@npm:^8.0.0-beta.0":
-  version: 8.5.8
-  resolution: "@storybook/addon-links@npm:8.5.8"
+"@storybook/addon-links@npm:^8.6.2":
+  version: 8.6.3
+  resolution: "@storybook/addon-links@npm:8.6.3"
   dependencies:
-    "@storybook/csf": "npm:0.1.12"
     "@storybook/global": "npm:^5.0.0"
     ts-dedent: "npm:^2.0.0"
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
-    storybook: ^8.5.8
+    storybook: ^8.6.3
   peerDependenciesMeta:
     react:
       optional: true
-  checksum: 10c0/bfa75da4a02fee803a30b1b1bdd6477cd37d3dc9d99945d105b3b00f3736aba5e31456fa938837a8f6cbe90f1628def78f0554396f2235ca362c18547064e0d6
+  checksum: 10c0/8d4856fddf060ff3c70a00db45d90a240a05189e55a674cddbf922ad8e4af472c94c20d5f143e449d3095dd62c87afbb55e8916c397557e5788aab0c9f99938a
   languageName: node
   linkType: hard
 
-"@storybook/addon-measure@npm:8.5.8":
-  version: 8.5.8
-  resolution: "@storybook/addon-measure@npm:8.5.8"
+"@storybook/addon-measure@npm:8.6.3":
+  version: 8.6.3
+  resolution: "@storybook/addon-measure@npm:8.6.3"
   dependencies:
     "@storybook/global": "npm:^5.0.0"
     tiny-invariant: "npm:^1.3.1"
   peerDependencies:
-    storybook: ^8.5.8
-  checksum: 10c0/1de801b44b09402249dea38f463bc6a3ee49aeaaa1329ea2581da175b9a961316f3e01ce70311d277c99975ffe2aa19fbd39ab1565564e6569ac156542aab08f
+    storybook: ^8.6.3
+  checksum: 10c0/5b2611de5918642332ab95b93334122d4b5d36a122040e737a0b48280cb52d88e223f35d81a0f271f0fb84413edb2226d060d99a5da97fe6caddc4a631c182d3
   languageName: node
   linkType: hard
 
-"@storybook/addon-onboarding@npm:^1.0.11":
-  version: 1.0.11
-  resolution: "@storybook/addon-onboarding@npm:1.0.11"
-  dependencies:
-    "@storybook/telemetry": "npm:^7.1.0"
-    react-confetti: "npm:^6.1.0"
-  peerDependencies:
-    react: ^16.8.0 || ^17.0.0 || ^18.0.0
-    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
-  checksum: 10c0/ca3de3eb85fb6d04309dbc07c26956777c064bb5032fb99aca3e43361b0816ac4326183aac99204d795fdc2010aa69c4978353c70a42926e9da0819343fcd2a0
-  languageName: node
-  linkType: hard
-
-"@storybook/addon-outline@npm:8.5.8":
-  version: 8.5.8
-  resolution: "@storybook/addon-outline@npm:8.5.8"
+"@storybook/addon-outline@npm:8.6.3":
+  version: 8.6.3
+  resolution: "@storybook/addon-outline@npm:8.6.3"
   dependencies:
     "@storybook/global": "npm:^5.0.0"
     ts-dedent: "npm:^2.0.0"
   peerDependencies:
-    storybook: ^8.5.8
-  checksum: 10c0/15b0251ad2ca46437a52d7ace4bdcaae068c40d3f3f56046637bb106336a64635eb59883c7561f71465f7ece5b8061f0a5ae22904324e55a6f0e65596220c659
+    storybook: ^8.6.3
+  checksum: 10c0/b5095fcd5c7b1797f4fd582b4eac927472849b8c145b85588efdd79128adef119780a02cc96696d37ebc5fb7dd4c58dd966b2145ea45cee4e3adf417b0055d51
   languageName: node
   linkType: hard
 
-"@storybook/addon-toolbars@npm:8.5.8":
-  version: 8.5.8
-  resolution: "@storybook/addon-toolbars@npm:8.5.8"
+"@storybook/addon-themes@npm:^8.6.2":
+  version: 8.6.3
+  resolution: "@storybook/addon-themes@npm:8.6.3"
+  dependencies:
+    ts-dedent: "npm:^2.0.0"
   peerDependencies:
-    storybook: ^8.5.8
-  checksum: 10c0/961a2bf7c415b91dc0aa1703369d6350481ecc249a972a20282d275466ed92af29615516e198dd8ef001833febe36991640659cc6d852f25cf4e31fb955aac1d
+    storybook: ^8.6.3
+  checksum: 10c0/111534a92a353585e38b6b65899149abe16eae579d18c9ca72fe00dd9c64f1ff9114a34b0acf7f4f876c29c0337ed561e12f4fab0b5945510ca34912672baa42
   languageName: node
   linkType: hard
 
-"@storybook/addon-viewport@npm:8.5.8":
-  version: 8.5.8
-  resolution: "@storybook/addon-viewport@npm:8.5.8"
+"@storybook/addon-toolbars@npm:8.6.3":
+  version: 8.6.3
+  resolution: "@storybook/addon-toolbars@npm:8.6.3"
+  peerDependencies:
+    storybook: ^8.6.3
+  checksum: 10c0/16adb2944f4d403500b2133230a15c20195714a761ad12c4402388d68c1113dd0a0e00a24b35175b157eb9ff54899e7b2aca45d6d9d109c32baf5cf8b07fdfc4
+  languageName: node
+  linkType: hard
+
+"@storybook/addon-viewport@npm:8.6.3":
+  version: 8.6.3
+  resolution: "@storybook/addon-viewport@npm:8.6.3"
   dependencies:
     memoizerific: "npm:^1.11.3"
   peerDependencies:
-    storybook: ^8.5.8
-  checksum: 10c0/9c9fa6332e81a6e83e75468d5365b8cd5fcd9e40abeca138f8c0e3abefc1a56addc92f97bd79e317b366db0d87d80c29c775a05fc810f7fa7b387044784b4737
+    storybook: ^8.6.3
+  checksum: 10c0/8bed5b5424ee78128d33fba7b5b3a493395b8f7358df389d65268fea40fc49ec7709c1b053e6fa7a165b2310355186c5dd89f7f41b49c2d89894fe51a559c3e9
   languageName: node
   linkType: hard
 
-"@storybook/blocks@npm:8.5.8, @storybook/blocks@npm:^8.0.0-beta.0":
-  version: 8.5.8
-  resolution: "@storybook/blocks@npm:8.5.8"
+"@storybook/blocks@npm:8.6.3, @storybook/blocks@npm:^8.6.2":
+  version: 8.6.3
+  resolution: "@storybook/blocks@npm:8.6.3"
   dependencies:
-    "@storybook/csf": "npm:0.1.12"
     "@storybook/icons": "npm:^1.2.12"
     ts-dedent: "npm:^2.0.0"
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
     react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
-    storybook: ^8.5.8
+    storybook: ^8.6.3
   peerDependenciesMeta:
     react:
       optional: true
     react-dom:
       optional: true
-  checksum: 10c0/842c8d239c34dfee2d9e6fd7eb68a9b1fb7e5656617271e1fef17064973416b13d870636bc11a0516dae490dd91774ca15043bd66740d5fb9886b9efb01b8043
+  checksum: 10c0/b532d64ff9940613d5ced7d4310e34fdc6bb6ce14b3117a42392ce49965351cd96847f568f311a81920830a750d9ee1478fbc80b837f1210238b5bb18f1845c3
   languageName: node
   linkType: hard
 
-"@storybook/builder-vite@npm:8.5.8":
-  version: 8.5.8
-  resolution: "@storybook/builder-vite@npm:8.5.8"
+"@storybook/builder-vite@npm:8.6.3":
+  version: 8.6.3
+  resolution: "@storybook/builder-vite@npm:8.6.3"
   dependencies:
-    "@storybook/csf-plugin": "npm:8.5.8"
+    "@storybook/csf-plugin": "npm:8.6.3"
     browser-assert: "npm:^1.2.1"
     ts-dedent: "npm:^2.0.0"
   peerDependencies:
-    storybook: ^8.5.8
+    storybook: ^8.6.3
     vite: ^4.0.0 || ^5.0.0 || ^6.0.0
-  checksum: 10c0/93aba75aa79afbf285d073bfa76c8fc91b59928c4f0f69c99f81c0d675895470e3ac2fa2053acc1e871fd865f069c34e7abb680d709385714c4403044a87b7e0
+  checksum: 10c0/31751fbb187842b95c4036a2997b49d9dfd2c727b113019804627e188417541ebf0a35ef5df5b4626b8e747123883a5b844d2f2d6545789a75404d5c31961112
   languageName: node
   linkType: hard
 
-"@storybook/channels@npm:7.6.20":
-  version: 7.6.20
-  resolution: "@storybook/channels@npm:7.6.20"
-  dependencies:
-    "@storybook/client-logger": "npm:7.6.20"
-    "@storybook/core-events": "npm:7.6.20"
-    "@storybook/global": "npm:^5.0.0"
-    qs: "npm:^6.10.0"
-    telejson: "npm:^7.2.0"
-    tiny-invariant: "npm:^1.3.1"
-  checksum: 10c0/5aaa3e06a27750ffc48be6a5375dc286e1de5ae6c54f8318338afa2bbea68e37842f8eb17ce509c5587af173289640e78a4bbec3f234be9395bd08a0e1820308
-  languageName: node
-  linkType: hard
-
-"@storybook/client-logger@npm:7.6.20":
-  version: 7.6.20
-  resolution: "@storybook/client-logger@npm:7.6.20"
-  dependencies:
-    "@storybook/global": "npm:^5.0.0"
-  checksum: 10c0/cd1a9cb0a484a1585d5b4a918b20335ba8bd6655ae0051ba30c729b75678bafca62b8ef124fecd5c5883debf41d93a1827cf7bdf08df666f64de3cc15864be54
-  languageName: node
-  linkType: hard
-
-"@storybook/components@npm:8.5.8":
-  version: 8.5.8
-  resolution: "@storybook/components@npm:8.5.8"
+"@storybook/components@npm:8.6.3":
+  version: 8.6.3
+  resolution: "@storybook/components@npm:8.6.3"
   peerDependencies:
     storybook: ^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0
-  checksum: 10c0/dde5ac41f60a4561095a15fb8de99344b26f8887a93fd4947ea7f378c2be71cc0421a9a46be57c9521e5e2fc6c42d222e8138ca2b3390a4eb7c1b7fa299fd0d6
+  checksum: 10c0/e0de9dc0cd0eb7ea9a2d3e4a779bbb0e77fd8ec804ec6a4f7fdde93a48f587f8cec69f79b753b77c8b4855228646a5505f3b3e872b700799d74553eb29386c54
   languageName: node
   linkType: hard
 
-"@storybook/core-common@npm:7.6.20":
-  version: 7.6.20
-  resolution: "@storybook/core-common@npm:7.6.20"
+"@storybook/core@npm:8.6.3":
+  version: 8.6.3
+  resolution: "@storybook/core@npm:8.6.3"
   dependencies:
-    "@storybook/core-events": "npm:7.6.20"
-    "@storybook/node-logger": "npm:7.6.20"
-    "@storybook/types": "npm:7.6.20"
-    "@types/find-cache-dir": "npm:^3.2.1"
-    "@types/node": "npm:^18.0.0"
-    "@types/node-fetch": "npm:^2.6.4"
-    "@types/pretty-hrtime": "npm:^1.0.0"
-    chalk: "npm:^4.1.0"
-    esbuild: "npm:^0.18.0"
-    esbuild-register: "npm:^3.5.0"
-    file-system-cache: "npm:2.3.0"
-    find-cache-dir: "npm:^3.0.0"
-    find-up: "npm:^5.0.0"
-    fs-extra: "npm:^11.1.0"
-    glob: "npm:^10.0.0"
-    handlebars: "npm:^4.7.7"
-    lazy-universal-dotenv: "npm:^4.0.0"
-    node-fetch: "npm:^2.0.0"
-    picomatch: "npm:^2.3.0"
-    pkg-dir: "npm:^5.0.0"
-    pretty-hrtime: "npm:^1.0.3"
-    resolve-from: "npm:^5.0.0"
-    ts-dedent: "npm:^2.0.0"
-  checksum: 10c0/ea916ed15d080279d8556d9fc7d3fd1ac9c3ffaed17e8122bc81d2268bccf0c2b0017db9528c7d21e057fd16d8bcc239bb19e60ad348d38ff579507187896783
-  languageName: node
-  linkType: hard
-
-"@storybook/core-events@npm:7.6.20":
-  version: 7.6.20
-  resolution: "@storybook/core-events@npm:7.6.20"
-  dependencies:
-    ts-dedent: "npm:^2.0.0"
-  checksum: 10c0/4ee2cc7ca6d7cae579befab640bfe1e8b30243305f73e7d731e40aa1295ff5fc1b6c61561929d2e4db315f7c4f5b3cfdf0ddc3746b3660d34b0dd3911a55d4ad
-  languageName: node
-  linkType: hard
-
-"@storybook/core@npm:8.5.8":
-  version: 8.5.8
-  resolution: "@storybook/core@npm:8.5.8"
-  dependencies:
-    "@storybook/csf": "npm:0.1.12"
+    "@storybook/theming": "npm:8.6.3"
     better-opn: "npm:^3.0.2"
     browser-assert: "npm:^1.2.1"
     esbuild: "npm:^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0 || ^0.23.0 || ^0.24.0 || ^0.25.0"
@@ -7039,57 +6748,22 @@ __metadata:
   peerDependenciesMeta:
     prettier:
       optional: true
-  checksum: 10c0/bf883e32827668e50dd90bb52ee8f2b419b1beaba3213695ec21afe39f6b880feb107c96768021388222519c4bab8870bba5971415f68a426912a3cb7f5e3d80
+  checksum: 10c0/410a21c7ea84bddebe9202d9c9b0b7c330c793f0470ab748ec8c70be7a000d4c0fb06843e3a2c2de969fd10a872a3ab8cb0bc3a80ad4d110a76af8277880a914
   languageName: node
   linkType: hard
 
-"@storybook/csf-plugin@npm:8.5.8":
-  version: 8.5.8
-  resolution: "@storybook/csf-plugin@npm:8.5.8"
+"@storybook/csf-plugin@npm:8.6.3":
+  version: 8.6.3
+  resolution: "@storybook/csf-plugin@npm:8.6.3"
   dependencies:
     unplugin: "npm:^1.3.1"
   peerDependencies:
-    storybook: ^8.5.8
-  checksum: 10c0/27d51f0ba97971826bbf3276e568427a1c39c8a7b6ea308ac833e797c1e39a6b3171231513c6ff9880c4677197cb2b18b33e69fce0cfcf294e74e5b1bee6d7c3
+    storybook: ^8.6.3
+  checksum: 10c0/3cdfd8acc6f6e67cae063a3108875764b023d60eda4d38eb33adfd4b1887db579447e1d792f95ffe9581897fcc4713bb351e43a56d7242c7ee39141c9567ecdc
   languageName: node
   linkType: hard
 
-"@storybook/csf-tools@npm:7.6.20":
-  version: 7.6.20
-  resolution: "@storybook/csf-tools@npm:7.6.20"
-  dependencies:
-    "@babel/generator": "npm:^7.23.0"
-    "@babel/parser": "npm:^7.23.0"
-    "@babel/traverse": "npm:^7.23.2"
-    "@babel/types": "npm:^7.23.0"
-    "@storybook/csf": "npm:^0.1.2"
-    "@storybook/types": "npm:7.6.20"
-    fs-extra: "npm:^11.1.0"
-    recast: "npm:^0.23.1"
-    ts-dedent: "npm:^2.0.0"
-  checksum: 10c0/f1dd3bf645b4828c8e88ce65db9ebcfc074368e7e818f0c656bc41d5f5e1b1fd435a8a4b488907025a58c200f805e20c7fb7673feac2dad5d62d2e0917387d94
-  languageName: node
-  linkType: hard
-
-"@storybook/csf@npm:0.1.12":
-  version: 0.1.12
-  resolution: "@storybook/csf@npm:0.1.12"
-  dependencies:
-    type-fest: "npm:^2.19.0"
-  checksum: 10c0/3d96a976ada67eb683279338d1eb6aa730b228107d4c4f6616ea7b94061899c1fdc11957a756e7bc0708d18cb39af0010c865d124efd84559cd82dcb2d8bc959
-  languageName: node
-  linkType: hard
-
-"@storybook/csf@npm:^0.0.1":
-  version: 0.0.1
-  resolution: "@storybook/csf@npm:0.0.1"
-  dependencies:
-    lodash: "npm:^4.17.15"
-  checksum: 10c0/7b0f75763415f9147692a460b44417ee56ea9639433716a1fd4d1df4c8b0221cbc71b8da0fbed4dcecb3ccd6c7ed64be39f5c255c713539a6088a1d6488aaa24
-  languageName: node
-  linkType: hard
-
-"@storybook/csf@npm:^0.1.2":
+"@storybook/csf@npm:^0.1.11":
   version: 0.1.13
   resolution: "@storybook/csf@npm:0.1.13"
   dependencies:
@@ -7115,157 +6789,121 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@storybook/instrumenter@npm:8.5.8":
-  version: 8.5.8
-  resolution: "@storybook/instrumenter@npm:8.5.8"
+"@storybook/instrumenter@npm:8.6.3":
+  version: 8.6.3
+  resolution: "@storybook/instrumenter@npm:8.6.3"
   dependencies:
     "@storybook/global": "npm:^5.0.0"
     "@vitest/utils": "npm:^2.1.1"
   peerDependencies:
-    storybook: ^8.5.8
-  checksum: 10c0/d73c497aca597033ef6e1ed0b01429df4c18d522b7723fbb1b80a8e50da9e54a212da6953d5d78fa1959d3eced8e97918668a2ebc0367c2dcbf5a5a5567f89ff
+    storybook: ^8.6.3
+  checksum: 10c0/884dfa9bf1ce59a40c81ca05d01df4d589e3c9c61527f4f662551c6e7af55b34690f4eff66bc4d97dfce12a1d932a228a9ee1f409ab07cd0776baf3fecabf1a6
   languageName: node
   linkType: hard
 
-"@storybook/manager-api@npm:8.5.8":
-  version: 8.5.8
-  resolution: "@storybook/manager-api@npm:8.5.8"
+"@storybook/manager-api@npm:8.6.3":
+  version: 8.6.3
+  resolution: "@storybook/manager-api@npm:8.6.3"
   peerDependencies:
     storybook: ^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0
-  checksum: 10c0/4045257c2169cef88508cef8087d177faea481fa6bf403ea92d531f6c27291c06107d786bf0bd7bb380631f86a2d87819e60f84598bd7eefdc6c12c85e97b4ab
+  checksum: 10c0/6f3a74db2fb40444e5e8683eb191885ecd0cb2bf2056bf577ce0963bd426dd86f36f626e11f63048c6cf8ff174cea7b715eb4ade9935b33052635ea994f7d860
   languageName: node
   linkType: hard
 
-"@storybook/node-logger@npm:7.6.20":
-  version: 7.6.20
-  resolution: "@storybook/node-logger@npm:7.6.20"
-  checksum: 10c0/0f3107669d233131dd25649289abe4a2eb10fc01d108e9833f38a0a26bd8195f17a65cdef7948001968ecd28bd1775a6e0f0a5d9e6def47ca33715fe7b83da0e
-  languageName: node
-  linkType: hard
-
-"@storybook/preview-api@npm:8.5.8":
-  version: 8.5.8
-  resolution: "@storybook/preview-api@npm:8.5.8"
+"@storybook/preview-api@npm:8.6.3":
+  version: 8.6.3
+  resolution: "@storybook/preview-api@npm:8.6.3"
   peerDependencies:
     storybook: ^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0
-  checksum: 10c0/278dff2940ba93c366a2a83a347f8e17dc80d087e0aa44eb868e4fe95f76a23e12d740867f3fd8e65142c47a73e5a66a628847179ce10b5ae22c4b1645910c2c
+  checksum: 10c0/9e4d19d414fe6e9f987812bfe6e3ecec12645df8319f7cc7efab5f86adc166123d1067e90a8428e0041b47e36d8568682085b1090f2a430c69259b7205b10073
   languageName: node
   linkType: hard
 
-"@storybook/react-dom-shim@npm:8.5.8":
-  version: 8.5.8
-  resolution: "@storybook/react-dom-shim@npm:8.5.8"
+"@storybook/react-dom-shim@npm:8.6.3":
+  version: 8.6.3
+  resolution: "@storybook/react-dom-shim@npm:8.6.3"
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
     react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
-    storybook: ^8.5.8
-  checksum: 10c0/0d6a7f24bb0ae168dfb7f984e2defd16e15d65dd07b1f9c4251c23e1abe88c11fa58d716125c536199e689266eca371cd054f5514c952ab76863946406fbeedd
+    storybook: ^8.6.3
+  checksum: 10c0/f96176bec2914de0d44c5409ae6402602a695af81b1fec4d9d08e786d180cb8ea6f939fc851850bf04f74ae0e6353c6e3f141c1920d9cd5bd006810a044dc742
   languageName: node
   linkType: hard
 
-"@storybook/react-vite@npm:^8.0.0-beta.0":
-  version: 8.5.8
-  resolution: "@storybook/react-vite@npm:8.5.8"
+"@storybook/react-vite@npm:^8.6.2":
+  version: 8.6.3
+  resolution: "@storybook/react-vite@npm:8.6.3"
   dependencies:
     "@joshwooding/vite-plugin-react-docgen-typescript": "npm:0.5.0"
     "@rollup/pluginutils": "npm:^5.0.2"
-    "@storybook/builder-vite": "npm:8.5.8"
-    "@storybook/react": "npm:8.5.8"
+    "@storybook/builder-vite": "npm:8.6.3"
+    "@storybook/react": "npm:8.6.3"
     find-up: "npm:^5.0.0"
     magic-string: "npm:^0.30.0"
     react-docgen: "npm:^7.0.0"
     resolve: "npm:^1.22.8"
     tsconfig-paths: "npm:^4.2.0"
   peerDependencies:
-    "@storybook/test": 8.5.8
+    "@storybook/test": 8.6.3
     react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
     react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
-    storybook: ^8.5.8
+    storybook: ^8.6.3
     vite: ^4.0.0 || ^5.0.0 || ^6.0.0
   peerDependenciesMeta:
     "@storybook/test":
       optional: true
-  checksum: 10c0/7ae18c594f17d8305a498e676095ec1f8f254386c87fd9d990bd133d106592e0dce821a5c569ffcdb933ff09ffb054f4b76b997cf28de5b7ac6fc1eda8071ce9
+  checksum: 10c0/7f667df156e6e454c25806b6ed366d9e2a123fd0f7baf98ebbc4641508d2c32d64f2fc3d31d7f7514df2efd8707439e75ae60f84c59ff7f3979da91f597e5b32
   languageName: node
   linkType: hard
 
-"@storybook/react@npm:8.5.8, @storybook/react@npm:^8.0.0-beta.0":
-  version: 8.5.8
-  resolution: "@storybook/react@npm:8.5.8"
+"@storybook/react@npm:8.6.3, @storybook/react@npm:^8.6.2":
+  version: 8.6.3
+  resolution: "@storybook/react@npm:8.6.3"
   dependencies:
-    "@storybook/components": "npm:8.5.8"
+    "@storybook/components": "npm:8.6.3"
     "@storybook/global": "npm:^5.0.0"
-    "@storybook/manager-api": "npm:8.5.8"
-    "@storybook/preview-api": "npm:8.5.8"
-    "@storybook/react-dom-shim": "npm:8.5.8"
-    "@storybook/theming": "npm:8.5.8"
+    "@storybook/manager-api": "npm:8.6.3"
+    "@storybook/preview-api": "npm:8.6.3"
+    "@storybook/react-dom-shim": "npm:8.6.3"
+    "@storybook/theming": "npm:8.6.3"
   peerDependencies:
-    "@storybook/test": 8.5.8
+    "@storybook/test": 8.6.3
     react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
     react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
-    storybook: ^8.5.8
+    storybook: ^8.6.3
     typescript: ">= 4.2.x"
   peerDependenciesMeta:
     "@storybook/test":
       optional: true
     typescript:
       optional: true
-  checksum: 10c0/6cc2c8d88dbc710107193c63a4e9a642faf73888aec7eb04076ccb5c6b6a79d9d3fa2b70ddb360789483dcb3bca26bd09ec4b3476c169af4310df854207cfd48
+  checksum: 10c0/1dcffc2843d93bd4f611d5517192ee8a2f4de64c2edb79831004484bf5f3a7204e5e5001f0b8f6d8ab97e0681f98db0d755b438c048203fbd96cc327ed3e2f9e
   languageName: node
   linkType: hard
 
-"@storybook/telemetry@npm:^7.1.0":
-  version: 7.6.20
-  resolution: "@storybook/telemetry@npm:7.6.20"
+"@storybook/test@npm:8.6.3, @storybook/test@npm:^8.6.2":
+  version: 8.6.3
+  resolution: "@storybook/test@npm:8.6.3"
   dependencies:
-    "@storybook/client-logger": "npm:7.6.20"
-    "@storybook/core-common": "npm:7.6.20"
-    "@storybook/csf-tools": "npm:7.6.20"
-    chalk: "npm:^4.1.0"
-    detect-package-manager: "npm:^2.0.1"
-    fetch-retry: "npm:^5.0.2"
-    fs-extra: "npm:^11.1.0"
-    read-pkg-up: "npm:^7.0.1"
-  checksum: 10c0/8f0d5be9893d8fb56f07b83b56954b4a7f99492ae6b554051a2ebbe92d03999a3eb2160c6a365ca0a36287961e486a9f049110c801a058ecfedc672a69bd25bf
-  languageName: node
-  linkType: hard
-
-"@storybook/test@npm:8.5.8, @storybook/test@npm:^8.0.0-beta.0":
-  version: 8.5.8
-  resolution: "@storybook/test@npm:8.5.8"
-  dependencies:
-    "@storybook/csf": "npm:0.1.12"
     "@storybook/global": "npm:^5.0.0"
-    "@storybook/instrumenter": "npm:8.5.8"
+    "@storybook/instrumenter": "npm:8.6.3"
     "@testing-library/dom": "npm:10.4.0"
     "@testing-library/jest-dom": "npm:6.5.0"
     "@testing-library/user-event": "npm:14.5.2"
     "@vitest/expect": "npm:2.0.5"
     "@vitest/spy": "npm:2.0.5"
   peerDependencies:
-    storybook: ^8.5.8
-  checksum: 10c0/5d7fb8db776bc9806f1cce9165642ee1889dbecafdf36d546d43c54a78b62e7f7813a9acff94852538f158de9c4bafd6539627d6aff77095b2418aefd7de8311
+    storybook: ^8.6.3
+  checksum: 10c0/a324f9ede7c1af0fd55f3dd687c0711dc63ef2cdba50e59e7ab6892e0a2fa4d303a0b0532c1720121d03210cd6a61566caa7c1d01e4b7f608a9b1602ad07cc45
   languageName: node
   linkType: hard
 
-"@storybook/theming@npm:8.5.8":
-  version: 8.5.8
-  resolution: "@storybook/theming@npm:8.5.8"
+"@storybook/theming@npm:8.6.3":
+  version: 8.6.3
+  resolution: "@storybook/theming@npm:8.6.3"
   peerDependencies:
     storybook: ^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0
-  checksum: 10c0/6a3083fb2f3166a86fd177a24974149cea71d31e44cac1730c5c17b04f22cb17de41f65ead2984adb26a272fdf7bcab6d6ebda791c2ce5a21671e90a07a7d8a9
-  languageName: node
-  linkType: hard
-
-"@storybook/types@npm:7.6.20":
-  version: 7.6.20
-  resolution: "@storybook/types@npm:7.6.20"
-  dependencies:
-    "@storybook/channels": "npm:7.6.20"
-    "@types/babel__core": "npm:^7.0.0"
-    "@types/express": "npm:^4.7.0"
-    file-system-cache: "npm:2.3.0"
-  checksum: 10c0/148ba54a43a247291d43e06585688279a6ea52ea0e227bab3f28d589adb02b5f436862e49a6c943940da81204662bcfc87922f61011518a554b0d3c83b0293aa
+  checksum: 10c0/cd4eee10685311f1a19950f0d8d1ff8fc6da4983a21201ebaa3208a0782b380610440c9361c53d2e0e043532f0f438079acedcba8dbd6df6ca5b1b5205407a6f
   languageName: node
   linkType: hard
 
@@ -7980,7 +7618,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/babel__core@npm:^7.0.0, @types/babel__core@npm:^7.1.14, @types/babel__core@npm:^7.18.0, @types/babel__core@npm:^7.20.5":
+"@types/babel__core@npm:^7.1.14, @types/babel__core@npm:^7.18.0, @types/babel__core@npm:^7.20.5":
   version: 7.20.5
   resolution: "@types/babel__core@npm:7.20.5"
   dependencies:
@@ -8021,16 +7659,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/body-parser@npm:*":
-  version: 1.19.5
-  resolution: "@types/body-parser@npm:1.19.5"
-  dependencies:
-    "@types/connect": "npm:*"
-    "@types/node": "npm:*"
-  checksum: 10c0/aebeb200f25e8818d8cf39cd0209026750d77c9b85381cdd8deeb50913e4d18a1ebe4b74ca9b0b4d21952511eeaba5e9fbbf739b52731a2061e206ec60d568df
-  languageName: node
-  linkType: hard
-
 "@types/cacheable-request@npm:^6.0.1":
   version: 6.0.3
   resolution: "@types/cacheable-request@npm:6.0.3"
@@ -8043,15 +7671,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/connect@npm:*":
-  version: 3.4.38
-  resolution: "@types/connect@npm:3.4.38"
-  dependencies:
-    "@types/node": "npm:*"
-  checksum: 10c0/2e1cdba2c410f25649e77856505cd60223250fa12dff7a503e492208dbfdd25f62859918f28aba95315251fd1f5e1ffbfca1e25e73037189ab85dd3f8d0a148c
-  languageName: node
-  linkType: hard
-
 "@types/connect@npm:3.4.36":
   version: 3.4.36
   resolution: "@types/connect@npm:3.4.36"
@@ -8068,6 +7687,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/css-modules@npm:^1.0.5":
+  version: 1.0.5
+  resolution: "@types/css-modules@npm:1.0.5"
+  checksum: 10c0/56ee69ec66b726765c6b4a57e0b58665341919267cbe380f9320379e84402a17afacc13228ea1271e1ce2f049465240d553d7bfa236b1f0b87c26c561f9eb875
+  languageName: node
+  linkType: hard
+
 "@types/doctrine@npm:^0.0.9":
   version: 0.0.9
   resolution: "@types/doctrine@npm:0.0.9"
@@ -8082,37 +7708,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/express-serve-static-core@npm:^4.17.33":
-  version: 4.19.6
-  resolution: "@types/express-serve-static-core@npm:4.19.6"
-  dependencies:
-    "@types/node": "npm:*"
-    "@types/qs": "npm:*"
-    "@types/range-parser": "npm:*"
-    "@types/send": "npm:*"
-  checksum: 10c0/4281f4ead71723f376b3ddf64868ae26244d434d9906c101cf8d436d4b5c779d01bd046e4ea0ed1a394d3e402216fabfa22b1fa4dba501061cd7c81c54045983
-  languageName: node
-  linkType: hard
-
-"@types/express@npm:^4.7.0":
-  version: 4.17.21
-  resolution: "@types/express@npm:4.17.21"
-  dependencies:
-    "@types/body-parser": "npm:*"
-    "@types/express-serve-static-core": "npm:^4.17.33"
-    "@types/qs": "npm:*"
-    "@types/serve-static": "npm:*"
-  checksum: 10c0/12e562c4571da50c7d239e117e688dc434db1bac8be55613294762f84fd77fbd0658ccd553c7d3ab02408f385bc93980992369dd30e2ecd2c68c358e6af8fabf
-  languageName: node
-  linkType: hard
-
-"@types/find-cache-dir@npm:^3.2.1":
-  version: 3.2.1
-  resolution: "@types/find-cache-dir@npm:3.2.1"
-  checksum: 10c0/68059aec88ef776a689c1711a881fd91a9ce1b03dd5898ea1d2ac5d77d7b0235f21fdf210f380c13deca8b45e4499841a63aaf31fd2123af687f2c6b472f41ce
-  languageName: node
-  linkType: hard
-
 "@types/geojson@npm:*, @types/geojson@npm:^7946.0.16":
   version: 7946.0.16
   resolution: "@types/geojson@npm:7946.0.16"
@@ -8160,13 +7755,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/http-errors@npm:*":
-  version: 2.0.4
-  resolution: "@types/http-errors@npm:2.0.4"
-  checksum: 10c0/494670a57ad4062fee6c575047ad5782506dd35a6b9ed3894cea65830a94367bd84ba302eb3dde331871f6d70ca287bfedb1b2cf658e6132cd2cbd427ab56836
-  languageName: node
-  linkType: hard
-
 "@types/istanbul-lib-coverage@npm:*, @types/istanbul-lib-coverage@npm:^2.0.0, @types/istanbul-lib-coverage@npm:^2.0.1":
   version: 2.0.6
   resolution: "@types/istanbul-lib-coverage@npm:2.0.6"
@@ -8213,13 +7801,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/json-schema@npm:^7.0.12, @types/json-schema@npm:^7.0.9":
-  version: 7.0.15
-  resolution: "@types/json-schema@npm:7.0.15"
-  checksum: 10c0/a996a745e6c5d60292f36731dd41341339d4eeed8180bb09226e5c8d23759067692b1d88e5d91d72ee83dfc00d3aca8e7bd43ea120516c17922cbcb7c3e252db
-  languageName: node
-  linkType: hard
-
 "@types/json-stable-stringify-without-jsonify@npm:^1.0.2":
   version: 1.0.2
   resolution: "@types/json-stable-stringify-without-jsonify@npm:1.0.2"
@@ -8250,13 +7831,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/mime@npm:^1":
-  version: 1.3.5
-  resolution: "@types/mime@npm:1.3.5"
-  checksum: 10c0/c2ee31cd9b993804df33a694d5aa3fa536511a49f2e06eeab0b484fef59b4483777dbb9e42a4198a0809ffbf698081fdbca1e5c2218b82b91603dfab10a10fbc
-  languageName: node
-  linkType: hard
-
 "@types/mysql@npm:2.15.26":
   version: 2.15.26
   resolution: "@types/mysql@npm:2.15.26"
@@ -8266,16 +7840,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/node-fetch@npm:^2.6.4":
-  version: 2.6.12
-  resolution: "@types/node-fetch@npm:2.6.12"
-  dependencies:
-    "@types/node": "npm:*"
-    form-data: "npm:^4.0.0"
-  checksum: 10c0/7693acad5499b7df2d1727d46cff092a63896dc04645f36b973dd6dd754a59a7faba76fcb777bdaa35d80625c6a9dd7257cca9c401a4bab03b04480cda7fd1af
-  languageName: node
-  linkType: hard
-
 "@types/node@npm:*":
   version: 22.13.5
   resolution: "@types/node@npm:22.13.5"
@@ -8285,15 +7849,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/node@npm:^18.0.0":
-  version: 18.19.76
-  resolution: "@types/node@npm:18.19.76"
-  dependencies:
-    undici-types: "npm:~5.26.4"
-  checksum: 10c0/211250b264ca3967d4cce41921b8a4cd704d920152f723f95c18dc7b70771c43472c69a6adc1be1a8364007cfa6ae17408424b3b0bc1d55b5f29bab4a6741336
-  languageName: node
-  linkType: hard
-
 "@types/node@npm:^20":
   version: 20.17.19
   resolution: "@types/node@npm:20.17.19"
@@ -8303,10 +7858,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/normalize-package-data@npm:^2.4.0":
-  version: 2.4.4
-  resolution: "@types/normalize-package-data@npm:2.4.4"
-  checksum: 10c0/aef7bb9b015883d6f4119c423dd28c4bdc17b0e8a0ccf112c78b4fe0e91fbc4af7c6204b04bba0e199a57d2f3fbbd5b4a14bf8739bf9d2a39b2a0aad545e0f86
+"@types/node@npm:^20.17.17":
+  version: 20.17.22
+  resolution: "@types/node@npm:20.17.22"
+  dependencies:
+    undici-types: "npm:~6.19.2"
+  checksum: 10c0/5a78f60144bd69eaf1bdce39c906d988b0dc0f4c13068af9a3c44b0df737a0f363680a97d073a45d962b061cd4b3a8cfab71eec491ca6845888b68ab7855a778
   languageName: node
   linkType: hard
 
@@ -8359,13 +7916,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/pretty-hrtime@npm:^1.0.0":
-  version: 1.0.3
-  resolution: "@types/pretty-hrtime@npm:1.0.3"
-  checksum: 10c0/e4c22475c588be982b398dee9ac0b05b21078bc26581819290a4901c5b269bcaa04cae0e61e012d412e811b0897c9dab316db064208914df2f0ed0960fc5306b
-  languageName: node
-  linkType: hard
-
 "@types/prop-types@npm:*":
   version: 15.7.14
   resolution: "@types/prop-types@npm:15.7.14"
@@ -8373,21 +7923,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/qs@npm:*":
-  version: 6.9.18
-  resolution: "@types/qs@npm:6.9.18"
-  checksum: 10c0/790b9091348e06dde2c8e4118b5771ab386a8c22a952139a2eb0675360a2070d0b155663bf6f75b23f258fd0a1f7ffc0ba0f059d99a719332c03c40d9e9cd63b
-  languageName: node
-  linkType: hard
-
-"@types/range-parser@npm:*":
-  version: 1.2.7
-  resolution: "@types/range-parser@npm:1.2.7"
-  checksum: 10c0/361bb3e964ec5133fa40644a0b942279ed5df1949f21321d77de79f48b728d39253e5ce0408c9c17e4e0fd95ca7899da36841686393b9f7a1e209916e9381a3c
-  languageName: node
-  linkType: hard
-
-"@types/react-dom@npm:^18, @types/react-dom@npm:^18.2.17":
+"@types/react-dom@npm:^18, @types/react-dom@npm:^18.2.0":
   version: 18.3.5
   resolution: "@types/react-dom@npm:18.3.5"
   peerDependencies:
@@ -8405,7 +7941,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/react@npm:16 || 17 || 18, @types/react@npm:^18, @types/react@npm:^18.2.43":
+"@types/react@npm:16 || 17 || 18, @types/react@npm:^18, @types/react@npm:^18.2.0":
   version: 18.3.18
   resolution: "@types/react@npm:18.3.18"
   dependencies:
@@ -8431,34 +7967,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/semver@npm:^7.3.12, @types/semver@npm:^7.5.0":
-  version: 7.5.8
-  resolution: "@types/semver@npm:7.5.8"
-  checksum: 10c0/8663ff927234d1c5fcc04b33062cb2b9fcfbe0f5f351ed26c4d1e1581657deebd506b41ff7fdf89e787e3d33ce05854bc01686379b89e9c49b564c4cfa988efa
-  languageName: node
-  linkType: hard
-
-"@types/send@npm:*":
-  version: 0.17.4
-  resolution: "@types/send@npm:0.17.4"
-  dependencies:
-    "@types/mime": "npm:^1"
-    "@types/node": "npm:*"
-  checksum: 10c0/7f17fa696cb83be0a104b04b424fdedc7eaba1c9a34b06027239aba513b398a0e2b7279778af521f516a397ced417c96960e5f50fcfce40c4bc4509fb1a5883c
-  languageName: node
-  linkType: hard
-
-"@types/serve-static@npm:*":
-  version: 1.15.7
-  resolution: "@types/serve-static@npm:1.15.7"
-  dependencies:
-    "@types/http-errors": "npm:*"
-    "@types/node": "npm:*"
-    "@types/send": "npm:*"
-  checksum: 10c0/26ec864d3a626ea627f8b09c122b623499d2221bbf2f470127f4c9ebfe92bd8a6bb5157001372d4c4bd0dd37a1691620217d9dc4df5aa8f779f3fd996b1c60ae
-  languageName: node
-  linkType: hard
-
 "@types/shimmer@npm:^1.2.0":
   version: 1.2.0
   resolution: "@types/shimmer@npm:1.2.0"
@@ -8565,28 +8073,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/eslint-plugin@npm:^6.14.0":
-  version: 6.21.0
-  resolution: "@typescript-eslint/eslint-plugin@npm:6.21.0"
+"@typescript-eslint/eslint-plugin@npm:^8.20.0":
+  version: 8.25.0
+  resolution: "@typescript-eslint/eslint-plugin@npm:8.25.0"
   dependencies:
-    "@eslint-community/regexpp": "npm:^4.5.1"
-    "@typescript-eslint/scope-manager": "npm:6.21.0"
-    "@typescript-eslint/type-utils": "npm:6.21.0"
-    "@typescript-eslint/utils": "npm:6.21.0"
-    "@typescript-eslint/visitor-keys": "npm:6.21.0"
-    debug: "npm:^4.3.4"
+    "@eslint-community/regexpp": "npm:^4.10.0"
+    "@typescript-eslint/scope-manager": "npm:8.25.0"
+    "@typescript-eslint/type-utils": "npm:8.25.0"
+    "@typescript-eslint/utils": "npm:8.25.0"
+    "@typescript-eslint/visitor-keys": "npm:8.25.0"
     graphemer: "npm:^1.4.0"
-    ignore: "npm:^5.2.4"
+    ignore: "npm:^5.3.1"
     natural-compare: "npm:^1.4.0"
-    semver: "npm:^7.5.4"
-    ts-api-utils: "npm:^1.0.1"
+    ts-api-utils: "npm:^2.0.1"
   peerDependencies:
-    "@typescript-eslint/parser": ^6.0.0 || ^6.0.0-alpha
-    eslint: ^7.0.0 || ^8.0.0
-  peerDependenciesMeta:
-    typescript:
-      optional: true
-  checksum: 10c0/f911a79ee64d642f814a3b6cdb0d324b5f45d9ef955c5033e78903f626b7239b4aa773e464a38c3e667519066169d983538f2bf8e5d00228af587c9d438fb344
+    "@typescript-eslint/parser": ^8.0.0 || ^8.0.0-alpha.0
+    eslint: ^8.57.0 || ^9.0.0
+    typescript: ">=4.8.4 <5.8.0"
+  checksum: 10c0/11d63850f5f03b29cd31166f8da111788dc74e46877c2e16a5c488d6c4aa4b6c68c0857b9a396ad920aa7f0f3e7166f4faecbb194c19cd2bb9d3f687c5d2b292
   languageName: node
   linkType: hard
 
@@ -8606,41 +8110,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/parser@npm:^6.14.0":
-  version: 6.21.0
-  resolution: "@typescript-eslint/parser@npm:6.21.0"
+"@typescript-eslint/parser@npm:^8.20.0":
+  version: 8.25.0
+  resolution: "@typescript-eslint/parser@npm:8.25.0"
   dependencies:
-    "@typescript-eslint/scope-manager": "npm:6.21.0"
-    "@typescript-eslint/types": "npm:6.21.0"
-    "@typescript-eslint/typescript-estree": "npm:6.21.0"
-    "@typescript-eslint/visitor-keys": "npm:6.21.0"
+    "@typescript-eslint/scope-manager": "npm:8.25.0"
+    "@typescript-eslint/types": "npm:8.25.0"
+    "@typescript-eslint/typescript-estree": "npm:8.25.0"
+    "@typescript-eslint/visitor-keys": "npm:8.25.0"
     debug: "npm:^4.3.4"
   peerDependencies:
-    eslint: ^7.0.0 || ^8.0.0
-  peerDependenciesMeta:
-    typescript:
-      optional: true
-  checksum: 10c0/a8f99820679decd0d115c0af61903fb1de3b1b5bec412dc72b67670bf636de77ab07f2a68ee65d6da7976039bbf636907f9d5ca546db3f0b98a31ffbc225bc7d
-  languageName: node
-  linkType: hard
-
-"@typescript-eslint/scope-manager@npm:5.62.0":
-  version: 5.62.0
-  resolution: "@typescript-eslint/scope-manager@npm:5.62.0"
-  dependencies:
-    "@typescript-eslint/types": "npm:5.62.0"
-    "@typescript-eslint/visitor-keys": "npm:5.62.0"
-  checksum: 10c0/861253235576c1c5c1772d23cdce1418c2da2618a479a7de4f6114a12a7ca853011a1e530525d0931c355a8fd237b9cd828fac560f85f9623e24054fd024726f
-  languageName: node
-  linkType: hard
-
-"@typescript-eslint/scope-manager@npm:6.21.0":
-  version: 6.21.0
-  resolution: "@typescript-eslint/scope-manager@npm:6.21.0"
-  dependencies:
-    "@typescript-eslint/types": "npm:6.21.0"
-    "@typescript-eslint/visitor-keys": "npm:6.21.0"
-  checksum: 10c0/eaf868938d811cbbea33e97e44ba7050d2b6892202cea6a9622c486b85ab1cf801979edf78036179a8ba4ac26f1dfdf7fcc83a68c1ff66be0b3a8e9a9989b526
+    eslint: ^8.57.0 || ^9.0.0
+    typescript: ">=4.8.4 <5.8.0"
+  checksum: 10c0/9a54539ba297791f23093ff42a885cc57d36b26205d7a390e114d1f01cc584ce91ac6ead01819daa46b48f873cac6c829fcf399a436610bdbfa98e5cd78148a2
   languageName: node
   linkType: hard
 
@@ -8654,20 +8136,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/type-utils@npm:6.21.0":
-  version: 6.21.0
-  resolution: "@typescript-eslint/type-utils@npm:6.21.0"
+"@typescript-eslint/scope-manager@npm:8.25.0":
+  version: 8.25.0
+  resolution: "@typescript-eslint/scope-manager@npm:8.25.0"
   dependencies:
-    "@typescript-eslint/typescript-estree": "npm:6.21.0"
-    "@typescript-eslint/utils": "npm:6.21.0"
-    debug: "npm:^4.3.4"
-    ts-api-utils: "npm:^1.0.1"
-  peerDependencies:
-    eslint: ^7.0.0 || ^8.0.0
-  peerDependenciesMeta:
-    typescript:
-      optional: true
-  checksum: 10c0/7409c97d1c4a4386b488962739c4f1b5b04dc60cf51f8cd88e6b12541f84d84c6b8b67e491a147a2c95f9ec486539bf4519fb9d418411aef6537b9c156468117
+    "@typescript-eslint/types": "npm:8.25.0"
+    "@typescript-eslint/visitor-keys": "npm:8.25.0"
+  checksum: 10c0/0a53a07873bdb569be38053ec006009cc8ba6b12c538b6df0935afd18e431cb17da1eb15b0c9cd267ac211c47aaa44fbc8d7ff3b7b44ff711621ff305fa3b355
   languageName: node
   linkType: hard
 
@@ -8686,17 +8161,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/types@npm:5.62.0":
-  version: 5.62.0
-  resolution: "@typescript-eslint/types@npm:5.62.0"
-  checksum: 10c0/7febd3a7f0701c0b927e094f02e82d8ee2cada2b186fcb938bc2b94ff6fbad88237afc304cbaf33e82797078bbbb1baf91475f6400912f8b64c89be79bfa4ddf
-  languageName: node
-  linkType: hard
-
-"@typescript-eslint/types@npm:6.21.0":
-  version: 6.21.0
-  resolution: "@typescript-eslint/types@npm:6.21.0"
-  checksum: 10c0/020631d3223bbcff8a0da3efbdf058220a8f48a3de221563996ad1dcc30d6c08dadc3f7608cc08830d21c0d565efd2db19b557b9528921c78aabb605eef2d74d
+"@typescript-eslint/type-utils@npm:8.25.0":
+  version: 8.25.0
+  resolution: "@typescript-eslint/type-utils@npm:8.25.0"
+  dependencies:
+    "@typescript-eslint/typescript-estree": "npm:8.25.0"
+    "@typescript-eslint/utils": "npm:8.25.0"
+    debug: "npm:^4.3.4"
+    ts-api-utils: "npm:^2.0.1"
+  peerDependencies:
+    eslint: ^8.57.0 || ^9.0.0
+    typescript: ">=4.8.4 <5.8.0"
+  checksum: 10c0/b7477a2d239cfd337f7d28641666763cf680a43a8d377a09dc42415f715670d35fbb4e772e103dfe8cd620c377e66bce740106bb3983ee65a739c28fab7325d1
   languageName: node
   linkType: hard
 
@@ -8707,40 +8183,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/typescript-estree@npm:5.62.0":
-  version: 5.62.0
-  resolution: "@typescript-eslint/typescript-estree@npm:5.62.0"
-  dependencies:
-    "@typescript-eslint/types": "npm:5.62.0"
-    "@typescript-eslint/visitor-keys": "npm:5.62.0"
-    debug: "npm:^4.3.4"
-    globby: "npm:^11.1.0"
-    is-glob: "npm:^4.0.3"
-    semver: "npm:^7.3.7"
-    tsutils: "npm:^3.21.0"
-  peerDependenciesMeta:
-    typescript:
-      optional: true
-  checksum: 10c0/d7984a3e9d56897b2481940ec803cb8e7ead03df8d9cfd9797350be82ff765dfcf3cfec04e7355e1779e948da8f02bc5e11719d07a596eb1cb995c48a95e38cf
-  languageName: node
-  linkType: hard
-
-"@typescript-eslint/typescript-estree@npm:6.21.0":
-  version: 6.21.0
-  resolution: "@typescript-eslint/typescript-estree@npm:6.21.0"
-  dependencies:
-    "@typescript-eslint/types": "npm:6.21.0"
-    "@typescript-eslint/visitor-keys": "npm:6.21.0"
-    debug: "npm:^4.3.4"
-    globby: "npm:^11.1.0"
-    is-glob: "npm:^4.0.3"
-    minimatch: "npm:9.0.3"
-    semver: "npm:^7.5.4"
-    ts-api-utils: "npm:^1.0.1"
-  peerDependenciesMeta:
-    typescript:
-      optional: true
-  checksum: 10c0/af1438c60f080045ebb330155a8c9bb90db345d5069cdd5d01b67de502abb7449d6c75500519df829f913a6b3f490ade3e8215279b6bdc63d0fb0ae61034df5f
+"@typescript-eslint/types@npm:8.25.0":
+  version: 8.25.0
+  resolution: "@typescript-eslint/types@npm:8.25.0"
+  checksum: 10c0/b39addbee4be4d66e3089c2d01f9f1d69cedc13bff20e4fa9ed0ca5a0e7591d7c6e41ab3763c8c35404f971bc0fbf9f7867dbc2832740e5b63ee0049d60289f5
   languageName: node
   linkType: hard
 
@@ -8762,20 +8208,21 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/utils@npm:6.21.0":
-  version: 6.21.0
-  resolution: "@typescript-eslint/utils@npm:6.21.0"
+"@typescript-eslint/typescript-estree@npm:8.25.0":
+  version: 8.25.0
+  resolution: "@typescript-eslint/typescript-estree@npm:8.25.0"
   dependencies:
-    "@eslint-community/eslint-utils": "npm:^4.4.0"
-    "@types/json-schema": "npm:^7.0.12"
-    "@types/semver": "npm:^7.5.0"
-    "@typescript-eslint/scope-manager": "npm:6.21.0"
-    "@typescript-eslint/types": "npm:6.21.0"
-    "@typescript-eslint/typescript-estree": "npm:6.21.0"
-    semver: "npm:^7.5.4"
+    "@typescript-eslint/types": "npm:8.25.0"
+    "@typescript-eslint/visitor-keys": "npm:8.25.0"
+    debug: "npm:^4.3.4"
+    fast-glob: "npm:^3.3.2"
+    is-glob: "npm:^4.0.3"
+    minimatch: "npm:^9.0.4"
+    semver: "npm:^7.6.0"
+    ts-api-utils: "npm:^2.0.1"
   peerDependencies:
-    eslint: ^7.0.0 || ^8.0.0
-  checksum: 10c0/ab2df3833b2582d4e5467a484d08942b4f2f7208f8e09d67de510008eb8001a9b7460f2f9ba11c12086fd3cdcac0c626761c7995c2c6b5657d5fa6b82030a32d
+    typescript: ">=4.8.4 <5.8.0"
+  checksum: 10c0/fc9de1c4f6ab81fb80b632dedef84d1ecf4c0abdc5f5246698deb6d86d5c6b5d582ef8a44fdef445bf7fbfa6658db516fe875c9d7c984bf4802e3a508b061856
   languageName: node
   linkType: hard
 
@@ -8794,41 +8241,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/utils@npm:^5.45.0":
-  version: 5.62.0
-  resolution: "@typescript-eslint/utils@npm:5.62.0"
+"@typescript-eslint/utils@npm:8.25.0, @typescript-eslint/utils@npm:^8.8.1":
+  version: 8.25.0
+  resolution: "@typescript-eslint/utils@npm:8.25.0"
   dependencies:
-    "@eslint-community/eslint-utils": "npm:^4.2.0"
-    "@types/json-schema": "npm:^7.0.9"
-    "@types/semver": "npm:^7.3.12"
-    "@typescript-eslint/scope-manager": "npm:5.62.0"
-    "@typescript-eslint/types": "npm:5.62.0"
-    "@typescript-eslint/typescript-estree": "npm:5.62.0"
-    eslint-scope: "npm:^5.1.1"
-    semver: "npm:^7.3.7"
+    "@eslint-community/eslint-utils": "npm:^4.4.0"
+    "@typescript-eslint/scope-manager": "npm:8.25.0"
+    "@typescript-eslint/types": "npm:8.25.0"
+    "@typescript-eslint/typescript-estree": "npm:8.25.0"
   peerDependencies:
-    eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
-  checksum: 10c0/f09b7d9952e4a205eb1ced31d7684dd55cee40bf8c2d78e923aa8a255318d97279825733902742c09d8690f37a50243f4c4d383ab16bd7aefaf9c4b438f785e1
-  languageName: node
-  linkType: hard
-
-"@typescript-eslint/visitor-keys@npm:5.62.0":
-  version: 5.62.0
-  resolution: "@typescript-eslint/visitor-keys@npm:5.62.0"
-  dependencies:
-    "@typescript-eslint/types": "npm:5.62.0"
-    eslint-visitor-keys: "npm:^3.3.0"
-  checksum: 10c0/7c3b8e4148e9b94d9b7162a596a1260d7a3efc4e65199693b8025c71c4652b8042501c0bc9f57654c1e2943c26da98c0f77884a746c6ae81389fcb0b513d995d
-  languageName: node
-  linkType: hard
-
-"@typescript-eslint/visitor-keys@npm:6.21.0":
-  version: 6.21.0
-  resolution: "@typescript-eslint/visitor-keys@npm:6.21.0"
-  dependencies:
-    "@typescript-eslint/types": "npm:6.21.0"
-    eslint-visitor-keys: "npm:^3.4.1"
-  checksum: 10c0/7395f69739cfa1cb83c1fb2fad30afa2a814756367302fb4facd5893eff66abc807e8d8f63eba94ed3b0fe0c1c996ac9a1680bcbf0f83717acedc3f2bb724fbf
+    eslint: ^8.57.0 || ^9.0.0
+    typescript: ">=4.8.4 <5.8.0"
+  checksum: 10c0/cd15c4919f02899fd3975049a0a051a1455332a108c085a3e90ae9872e2cddac7f20a9a2c616f1366fca84274649e836ad6a437c9c5ead0bdabf5a123d12403f
   languageName: node
   linkType: hard
 
@@ -8842,6 +8266,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@typescript-eslint/visitor-keys@npm:8.25.0":
+  version: 8.25.0
+  resolution: "@typescript-eslint/visitor-keys@npm:8.25.0"
+  dependencies:
+    "@typescript-eslint/types": "npm:8.25.0"
+    eslint-visitor-keys: "npm:^4.2.0"
+  checksum: 10c0/7eb84c5899a25b1eb89d3c3f4be3ff18171f934669c57e2530b6dfa5fdd6eaae60629f3c89d06f4c8075fd1c701de76c0b9194e2922895c661ab6091e48f7db9
+  languageName: node
+  linkType: hard
+
 "@ungap/structured-clone@npm:^1.2.0":
   version: 1.3.0
   resolution: "@ungap/structured-clone@npm:1.3.0"
@@ -8877,7 +8311,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@vitejs/plugin-react@npm:^4.2.1":
+"@vitejs/plugin-react@npm:^4.3.4":
   version: 4.3.4
   resolution: "@vitejs/plugin-react@npm:4.3.4"
   dependencies:
@@ -8892,17 +8326,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@vitest/expect@npm:1.6.1":
-  version: 1.6.1
-  resolution: "@vitest/expect@npm:1.6.1"
-  dependencies:
-    "@vitest/spy": "npm:1.6.1"
-    "@vitest/utils": "npm:1.6.1"
-    chai: "npm:^4.3.10"
-  checksum: 10c0/278164b2a32a7019b443444f21111c5e32e4cadee026cae047ae2a3b347d99dca1d1fb7b79509c88b67dc3db19fa9a16265b7d7a8377485f7e37f7851e44495a
-  languageName: node
-  linkType: hard
-
 "@vitest/expect@npm:2.0.5":
   version: 2.0.5
   resolution: "@vitest/expect@npm:2.0.5"
@@ -8915,6 +8338,37 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@vitest/expect@npm:3.0.7":
+  version: 3.0.7
+  resolution: "@vitest/expect@npm:3.0.7"
+  dependencies:
+    "@vitest/spy": "npm:3.0.7"
+    "@vitest/utils": "npm:3.0.7"
+    chai: "npm:^5.2.0"
+    tinyrainbow: "npm:^2.0.0"
+  checksum: 10c0/70ec7ff758640e12a5335b7455d69a9589a4b5d3a4ce6fc421aa4548a38c5947b1e36ca8d89fcbe979c955dbb9b0941b8c487c466606a9db2ab75b163796daad
+  languageName: node
+  linkType: hard
+
+"@vitest/mocker@npm:3.0.7":
+  version: 3.0.7
+  resolution: "@vitest/mocker@npm:3.0.7"
+  dependencies:
+    "@vitest/spy": "npm:3.0.7"
+    estree-walker: "npm:^3.0.3"
+    magic-string: "npm:^0.30.17"
+  peerDependencies:
+    msw: ^2.4.9
+    vite: ^5.0.0 || ^6.0.0
+  peerDependenciesMeta:
+    msw:
+      optional: true
+    vite:
+      optional: true
+  checksum: 10c0/c6809c57a5df1870b53f8edcae921a4953a34edf6032b439ff66dd0a4b80af4350f5690e7ff1fe3774ed86c639431005cd97cb2b9099ef24b6cd3c7388105d67
+  languageName: node
+  linkType: hard
+
 "@vitest/pretty-format@npm:2.0.5":
   version: 2.0.5
   resolution: "@vitest/pretty-format@npm:2.0.5"
@@ -8933,34 +8387,33 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@vitest/runner@npm:1.6.1":
-  version: 1.6.1
-  resolution: "@vitest/runner@npm:1.6.1"
+"@vitest/pretty-format@npm:3.0.7, @vitest/pretty-format@npm:^3.0.7":
+  version: 3.0.7
+  resolution: "@vitest/pretty-format@npm:3.0.7"
   dependencies:
-    "@vitest/utils": "npm:1.6.1"
-    p-limit: "npm:^5.0.0"
-    pathe: "npm:^1.1.1"
-  checksum: 10c0/36333f1a596c4ad85d42c6126cc32959c984d584ef28d366d366fa3672678c1a0f5e5c2e8717a36675b6620b57e8830f765d6712d1687f163ed0a8ebf23c87db
+    tinyrainbow: "npm:^2.0.0"
+  checksum: 10c0/c67fc7025f4e1bd431aaa5ff3d79430be6ea4f10b360756c711416659105ec14633249f7605fe10f5fbb47dbb1579bd6e77da218fc3f28cfdaacac7c8fadbc6e
   languageName: node
   linkType: hard
 
-"@vitest/snapshot@npm:1.6.1":
-  version: 1.6.1
-  resolution: "@vitest/snapshot@npm:1.6.1"
+"@vitest/runner@npm:3.0.7":
+  version: 3.0.7
+  resolution: "@vitest/runner@npm:3.0.7"
   dependencies:
-    magic-string: "npm:^0.30.5"
-    pathe: "npm:^1.1.1"
-    pretty-format: "npm:^29.7.0"
-  checksum: 10c0/68bbc3132c195ec37376469e4b183fc408e0aeedd827dffcc899aac378e9ea324825f0873062786e18f00e3da9dd8a93c9bb871c07471ee483e8df963cb272eb
+    "@vitest/utils": "npm:3.0.7"
+    pathe: "npm:^2.0.3"
+  checksum: 10c0/68cd7c0291ae7a20c4a5c1dbdf94ef49be7f471fe33d96d6f155ab50d257e01d9fda231a4dd008e8b4909870680e68a0606624fbf03ffa4958fd929ba18a0cd7
   languageName: node
   linkType: hard
 
-"@vitest/spy@npm:1.6.1":
-  version: 1.6.1
-  resolution: "@vitest/spy@npm:1.6.1"
+"@vitest/snapshot@npm:3.0.7":
+  version: 3.0.7
+  resolution: "@vitest/snapshot@npm:3.0.7"
   dependencies:
-    tinyspy: "npm:^2.2.0"
-  checksum: 10c0/5207ec0e7882819f0e0811293ae6d14163e26927e781bb4de7d40b3bd99c1fae656934c437bb7a30443a3e7e736c5bccb037bbf4436dbbc83d29e65247888885
+    "@vitest/pretty-format": "npm:3.0.7"
+    magic-string: "npm:^0.30.17"
+    pathe: "npm:^2.0.3"
+  checksum: 10c0/012f3d2f921094f7580909717f3802872ad48bf735f5076b583031413c84afb9b65be00c392c8dfb5cb506eb5038a11ac62682e43ed84625a815fe420bedf775
   languageName: node
   linkType: hard
 
@@ -8973,15 +8426,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@vitest/utils@npm:1.6.1":
-  version: 1.6.1
-  resolution: "@vitest/utils@npm:1.6.1"
+"@vitest/spy@npm:3.0.7":
+  version: 3.0.7
+  resolution: "@vitest/spy@npm:3.0.7"
   dependencies:
-    diff-sequences: "npm:^29.6.3"
-    estree-walker: "npm:^3.0.3"
-    loupe: "npm:^2.3.7"
-    pretty-format: "npm:^29.7.0"
-  checksum: 10c0/0d4c619e5688cbc22a60c412719c6baa40376b7671bdbdc3072552f5c5a5ee5d24a96ea328b054018debd49e0626a5e3db672921b2c6b5b17b9a52edd296806a
+    tinyspy: "npm:^3.0.2"
+  checksum: 10c0/eb361a64e7819b2ebc45d6a8f31bed5a65272dfadc27ab8ce7df869817ce26a11f35bab9136690c91630107961423c7187cf4097b77d7422f9b97b96e96ca1d7
   languageName: node
   linkType: hard
 
@@ -8997,6 +8447,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@vitest/utils@npm:3.0.7":
+  version: 3.0.7
+  resolution: "@vitest/utils@npm:3.0.7"
+  dependencies:
+    "@vitest/pretty-format": "npm:3.0.7"
+    loupe: "npm:^3.1.3"
+    tinyrainbow: "npm:^2.0.0"
+  checksum: 10c0/4023a4ebfa675dc3d9298764e1c62395e9fb1b5518d7f0f9d79bf25d98627166db620f8b5cb9bc5acbac2b74b1c635cce91d8ec99f065188a92611e5f7631220
+  languageName: node
+  linkType: hard
+
 "@vitest/utils@npm:^2.1.1":
   version: 2.1.9
   resolution: "@vitest/utils@npm:2.1.9"
@@ -9008,31 +8469,30 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@volar/language-core@npm:1.11.1, @volar/language-core@npm:~1.11.1":
-  version: 1.11.1
-  resolution: "@volar/language-core@npm:1.11.1"
+"@volar/language-core@npm:2.4.11, @volar/language-core@npm:~2.4.11":
+  version: 2.4.11
+  resolution: "@volar/language-core@npm:2.4.11"
   dependencies:
-    "@volar/source-map": "npm:1.11.1"
-  checksum: 10c0/92c4439e3a9ccc534c970031388c318740f6fa032283d03e136c6c8c0228f549c68a7c363af1a28252617a0dca6069e14028329ac906d5acf1912931d0cdcb69
+    "@volar/source-map": "npm:2.4.11"
+  checksum: 10c0/ccc5de0c28b4186dc99ff9856b2ac2318ee1818480af3ca406f3c09d42b19b6df8698b525f6cf0fed368332fc76659cd4433fb38e6a55a85c7cefc97d665ccf8
   languageName: node
   linkType: hard
 
-"@volar/source-map@npm:1.11.1, @volar/source-map@npm:~1.11.1":
-  version: 1.11.1
-  resolution: "@volar/source-map@npm:1.11.1"
-  dependencies:
-    muggle-string: "npm:^0.3.1"
-  checksum: 10c0/0bfc639889802705f8036ea8b2052a95a4d691a68bc2b6744ba8b9d312d887393dd3278101180a5ee5304972899d493972a483afafd41e097968746c77d724cb
+"@volar/source-map@npm:2.4.11":
+  version: 2.4.11
+  resolution: "@volar/source-map@npm:2.4.11"
+  checksum: 10c0/8e5badf9f67d669679c48fe32258e082d823523ca2807438d38c0aac6c52b84d43580c8921b559fc5a27c0c7457ffcba569e60de7a597851690dec04ed77c5fc
   languageName: node
   linkType: hard
 
-"@volar/typescript@npm:~1.11.1":
-  version: 1.11.1
-  resolution: "@volar/typescript@npm:1.11.1"
+"@volar/typescript@npm:^2.4.11":
+  version: 2.4.11
+  resolution: "@volar/typescript@npm:2.4.11"
   dependencies:
-    "@volar/language-core": "npm:1.11.1"
+    "@volar/language-core": "npm:2.4.11"
     path-browserify: "npm:^1.0.1"
-  checksum: 10c0/86fe153db3a14d8eb3632784a1d7fcbfbfb51fa5517c3878bfdd49ee8d15a83b1a09f9c589454b7396454c104d3a8e2db3a987dc99b37c33816772fc3e292bf2
+    vscode-uri: "npm:^3.0.8"
+  checksum: 10c0/bca9bda9c8c95fd06672b834d1804810fdad496e15ee8e2099f76de74fa529d835f342afb6b976e6e3bc4599a3bbbfd007a842694fe1300cf6286783b827f917
   languageName: node
   linkType: hard
 
@@ -9049,7 +8509,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@vue/compiler-dom@npm:^3.3.0":
+"@vue/compiler-dom@npm:^3.5.0":
   version: 3.5.13
   resolution: "@vue/compiler-dom@npm:3.5.13"
   dependencies:
@@ -9059,42 +8519,44 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@vue/language-core@npm:1.8.27, @vue/language-core@npm:^1.8.27":
-  version: 1.8.27
-  resolution: "@vue/language-core@npm:1.8.27"
+"@vue/compiler-vue2@npm:^2.7.16":
+  version: 2.7.16
+  resolution: "@vue/compiler-vue2@npm:2.7.16"
   dependencies:
-    "@volar/language-core": "npm:~1.11.1"
-    "@volar/source-map": "npm:~1.11.1"
-    "@vue/compiler-dom": "npm:^3.3.0"
-    "@vue/shared": "npm:^3.3.0"
-    computeds: "npm:^0.0.1"
+    de-indent: "npm:^1.0.2"
+    he: "npm:^1.2.0"
+  checksum: 10c0/c76c3fad770b9a7da40b314116cc9da173da20e5fd68785c8ed8dd8a87d02f239545fa296e16552e040ec86b47bfb18283b39447b250c2e76e479bd6ae475bb3
+  languageName: node
+  linkType: hard
+
+"@vue/language-core@npm:2.2.4":
+  version: 2.2.4
+  resolution: "@vue/language-core@npm:2.2.4"
+  dependencies:
+    "@volar/language-core": "npm:~2.4.11"
+    "@vue/compiler-dom": "npm:^3.5.0"
+    "@vue/compiler-vue2": "npm:^2.7.16"
+    "@vue/shared": "npm:^3.5.0"
+    alien-signals: "npm:^1.0.3"
     minimatch: "npm:^9.0.3"
-    muggle-string: "npm:^0.3.1"
+    muggle-string: "npm:^0.4.1"
     path-browserify: "npm:^1.0.1"
-    vue-template-compiler: "npm:^2.7.14"
   peerDependencies:
     typescript: "*"
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: 10c0/2018214d8ce2643d19e8e84eddaeacddca28b2980984d7916d97f97556c3716be184cf9f8c4f506d072a11f265401e3bc0391117cf7cfcc1e4a25048f4432dc7
+  checksum: 10c0/7fbb986c49fc63f96149d70df086c7f8e18d861e324214ac661f18cee0b732adbaa8d1ff7cf491a1f0a85863795f776186ad55fa7feef4a45573e24c3a7e444b
   languageName: node
   linkType: hard
 
-"@vue/shared@npm:3.5.13, @vue/shared@npm:^3.3.0":
+"@vue/shared@npm:3.5.13, @vue/shared@npm:^3.5.0":
   version: 3.5.13
   resolution: "@vue/shared@npm:3.5.13"
   checksum: 10c0/2c940ef907116f1c2583ca1d7733984e5705983ab07054c4e72f1d95eb0f7bdf4d01efbdaee1776c2008f79595963f44e98fced057f5957d86d57b70028f5025
   languageName: node
   linkType: hard
 
-"@yarnpkg/lockfile@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "@yarnpkg/lockfile@npm:1.1.0"
-  checksum: 10c0/0bfa50a3d756623d1f3409bc23f225a1d069424dbc77c6fd2f14fb377390cd57ec703dc70286e081c564be9051ead9ba85d81d66a3e68eeb6eb506d4e0c0fbda
-  languageName: node
-  linkType: hard
-
 "JSONStream@npm:^1.3.5":
   version: 1.3.5
   resolution: "JSONStream@npm:1.3.5"
@@ -9159,7 +8621,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"acorn-walk@npm:^8.0.2, acorn-walk@npm:^8.1.1, acorn-walk@npm:^8.3.2":
+"acorn-walk@npm:^8.0.2, acorn-walk@npm:^8.1.1":
   version: 8.3.4
   resolution: "acorn-walk@npm:8.3.4"
   dependencies:
@@ -9203,7 +8665,33 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ajv@npm:^6.12.4, ajv@npm:~6.12.6":
+"ajv-draft-04@npm:~1.0.0":
+  version: 1.0.0
+  resolution: "ajv-draft-04@npm:1.0.0"
+  peerDependencies:
+    ajv: ^8.5.0
+  peerDependenciesMeta:
+    ajv:
+      optional: true
+  checksum: 10c0/6044310bd38c17d77549fd326bd40ce1506fa10b0794540aa130180808bf94117fac8c9b448c621512bea60e4a947278f6a978e87f10d342950c15b33ddd9271
+  languageName: node
+  linkType: hard
+
+"ajv-formats@npm:~3.0.1":
+  version: 3.0.1
+  resolution: "ajv-formats@npm:3.0.1"
+  dependencies:
+    ajv: "npm:^8.0.0"
+  peerDependencies:
+    ajv: ^8.0.0
+  peerDependenciesMeta:
+    ajv:
+      optional: true
+  checksum: 10c0/168d6bca1ea9f163b41c8147bae537e67bd963357a5488a1eaf3abe8baa8eec806d4e45f15b10767e6020679315c7e1e5e6803088dfb84efa2b4e9353b83dd0a
+  languageName: node
+  linkType: hard
+
+"ajv@npm:^6.12.4":
   version: 6.12.6
   resolution: "ajv@npm:6.12.6"
   dependencies:
@@ -9215,6 +8703,49 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ajv@npm:^8.0.0":
+  version: 8.17.1
+  resolution: "ajv@npm:8.17.1"
+  dependencies:
+    fast-deep-equal: "npm:^3.1.3"
+    fast-uri: "npm:^3.0.1"
+    json-schema-traverse: "npm:^1.0.0"
+    require-from-string: "npm:^2.0.2"
+  checksum: 10c0/ec3ba10a573c6b60f94639ffc53526275917a2df6810e4ab5a6b959d87459f9ef3f00d5e7865b82677cb7d21590355b34da14d1d0b9c32d75f95a187e76fff35
+  languageName: node
+  linkType: hard
+
+"ajv@npm:~8.12.0":
+  version: 8.12.0
+  resolution: "ajv@npm:8.12.0"
+  dependencies:
+    fast-deep-equal: "npm:^3.1.1"
+    json-schema-traverse: "npm:^1.0.0"
+    require-from-string: "npm:^2.0.2"
+    uri-js: "npm:^4.2.2"
+  checksum: 10c0/ac4f72adf727ee425e049bc9d8b31d4a57e1c90da8d28bcd23d60781b12fcd6fc3d68db5df16994c57b78b94eed7988f5a6b482fd376dc5b084125e20a0a622e
+  languageName: node
+  linkType: hard
+
+"ajv@npm:~8.13.0":
+  version: 8.13.0
+  resolution: "ajv@npm:8.13.0"
+  dependencies:
+    fast-deep-equal: "npm:^3.1.3"
+    json-schema-traverse: "npm:^1.0.0"
+    require-from-string: "npm:^2.0.2"
+    uri-js: "npm:^4.4.1"
+  checksum: 10c0/14c6497b6f72843986d7344175a1aa0e2c35b1e7f7475e55bc582cddb765fca7e6bf950f465dc7846f817776d9541b706f4b5b3fbedd8dfdeb5fce6f22864264
+  languageName: node
+  linkType: hard
+
+"alien-signals@npm:^1.0.3":
+  version: 1.0.4
+  resolution: "alien-signals@npm:1.0.4"
+  checksum: 10c0/da6e1c9e143dc3faa11bd674a542bbd85cde72da74b3bfa5077194a1a2c4766e9a3f835017e90cfe290a7db929afe458f4de9b35be29f0c8e4f43dad99e3cd97
+  languageName: node
+  linkType: hard
+
 "ansi-align@npm:^3.0.1":
   version: 3.0.1
   resolution: "ansi-align@npm:3.0.1"
@@ -9321,13 +8852,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"app-root-dir@npm:^1.0.2":
-  version: 1.0.2
-  resolution: "app-root-dir@npm:1.0.2"
-  checksum: 10c0/0225e4be7788968a82bb76df9b14b0d7f212a5c12e8c625cdc34f80548780bcbfc5f3287d0806dddd83bf9dbf9ce302e76b2887cd3a6f4be52b79df7f3aa9e7c
-  languageName: node
-  linkType: hard
-
 "arch@npm:^2.2.0":
   version: 2.2.0
   resolution: "arch@npm:2.2.0"
@@ -9428,13 +8952,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"array-union@npm:^2.1.0":
-  version: 2.1.0
-  resolution: "array-union@npm:2.1.0"
-  checksum: 10c0/429897e68110374f39b771ec47a7161fc6a8fc33e196857c0a396dc75df0b5f65e4d046674db764330b6bb66b39ef48dd7c53b6a2ee75cfb0681e0c1a7033962
-  languageName: node
-  linkType: hard
-
 "array.prototype.findlast@npm:^1.2.5":
   version: 1.2.5
   resolution: "array.prototype.findlast@npm:1.2.5"
@@ -9531,13 +9048,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"assertion-error@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "assertion-error@npm:1.1.0"
-  checksum: 10c0/25456b2aa333250f01143968e02e4884a34588a8538fbbf65c91a637f1dbfb8069249133cd2f4e530f10f624d206a664e7df30207830b659e9f5298b00a4099b
-  languageName: node
-  linkType: hard
-
 "assertion-error@npm:^2.0.1":
   version: 2.0.1
   resolution: "assertion-error@npm:2.0.1"
@@ -10138,22 +9648,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"chai@npm:^4.3.10":
-  version: 4.5.0
-  resolution: "chai@npm:4.5.0"
-  dependencies:
-    assertion-error: "npm:^1.1.0"
-    check-error: "npm:^1.0.3"
-    deep-eql: "npm:^4.1.3"
-    get-func-name: "npm:^2.0.2"
-    loupe: "npm:^2.3.6"
-    pathval: "npm:^1.1.1"
-    type-detect: "npm:^4.1.0"
-  checksum: 10c0/b8cb596bd1aece1aec659e41a6e479290c7d9bee5b3ad63d2898ad230064e5b47889a3bc367b20100a0853b62e026e2dc514acf25a3c9385f936aa3614d4ab4d
-  languageName: node
-  linkType: hard
-
-"chai@npm:^5.1.1":
+"chai@npm:^5.1.1, chai@npm:^5.2.0":
   version: 5.2.0
   resolution: "chai@npm:5.2.0"
   dependencies:
@@ -10187,7 +9682,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"chalk@npm:^4.0.0, chalk@npm:^4.1.0, chalk@npm:^4.1.2":
+"chalk@npm:^4.0.0, chalk@npm:^4.1.0":
   version: 4.1.2
   resolution: "chalk@npm:4.1.2"
   dependencies:
@@ -10211,15 +9706,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"check-error@npm:^1.0.3":
-  version: 1.0.3
-  resolution: "check-error@npm:1.0.3"
-  dependencies:
-    get-func-name: "npm:^2.0.2"
-  checksum: 10c0/94aa37a7315c0e8a83d0112b5bfb5a8624f7f0f81057c73e4707729cdd8077166c6aefb3d8e2b92c63ee130d4a2ff94bad46d547e12f3238cc1d78342a973841
-  languageName: node
-  linkType: hard
-
 "check-error@npm:^2.1.1":
   version: 2.1.1
   resolution: "check-error@npm:2.1.1"
@@ -10276,7 +9762,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ci-info@npm:^3.2.0, ci-info@npm:^3.7.0":
+"ci-info@npm:^3.2.0":
   version: 3.9.0
   resolution: "ci-info@npm:3.9.0"
   checksum: 10c0/6f0109e36e111684291d46123d491bc4e7b7a1934c3a20dea28cba89f1d4a03acd892f5f6a81ed3855c38647e285a150e3c9ba062e38943bef57fee6c1554c3a
@@ -10297,7 +9783,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"class-variance-authority@npm:^0.7.0":
+"class-variance-authority@npm:^0.7.0, class-variance-authority@npm:^0.7.1":
   version: 0.7.1
   resolution: "class-variance-authority@npm:0.7.1"
   dependencies:
@@ -10511,6 +9997,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"colord@npm:^2.9.3":
+  version: 2.9.3
+  resolution: "colord@npm:2.9.3"
+  checksum: 10c0/9699e956894d8996b28c686afe8988720785f476f59335c80ce852ded76ab3ebe252703aec53d9bef54f6219aea6b960fb3d9a8300058a1d0c0d4026460cd110
+  languageName: node
+  linkType: hard
+
 "colorette@npm:^2.0.16, colorette@npm:^2.0.20":
   version: 2.0.20
   resolution: "colorette@npm:2.0.20"
@@ -10572,13 +10065,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"commander@npm:^9.4.1":
-  version: 9.5.0
-  resolution: "commander@npm:9.5.0"
-  checksum: 10c0/5f7784fbda2aaec39e89eb46f06a999e00224b3763dc65976e05929ec486e174fe9aac2655f03ba6a5e83875bd173be5283dc19309b7c65954701c02025b3c1d
-  languageName: node
-  linkType: hard
-
 "common-log-format@npm:^1.0.0":
   version: 1.0.0
   resolution: "common-log-format@npm:1.0.0"
@@ -10609,6 +10095,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"compare-versions@npm:^6.1.1":
+  version: 6.1.1
+  resolution: "compare-versions@npm:6.1.1"
+  checksum: 10c0/415205c7627f9e4f358f571266422980c9fe2d99086be0c9a48008ef7c771f32b0fbe8e97a441ffedc3910872f917a0675fe0fe3c3b6d331cda6d8690be06338
+  languageName: node
+  linkType: hard
+
 "compressible@npm:^2.0.0":
   version: 2.0.18
   resolution: "compressible@npm:2.0.18"
@@ -10625,13 +10118,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"computeds@npm:^0.0.1":
-  version: 0.0.1
-  resolution: "computeds@npm:0.0.1"
-  checksum: 10c0/8a8736f1f43e4a99286519785d71a10ece8f444a2fa1fc2fe1f03dedf63f3477b45094002c85a2826f7631759c9f5a00b4ace47456997f253073fc525e8983de
-  languageName: node
-  linkType: hard
-
 "concat-map@npm:0.0.1":
   version: 0.0.1
   resolution: "concat-map@npm:0.0.1"
@@ -10739,6 +10225,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"copy-to-clipboard@npm:^3.3.3":
+  version: 3.3.3
+  resolution: "copy-to-clipboard@npm:3.3.3"
+  dependencies:
+    toggle-selection: "npm:^1.0.6"
+  checksum: 10c0/3ebf5e8ee00601f8c440b83ec08d838e8eabb068c1fae94a9cda6b42f288f7e1b552f3463635f419af44bf7675afc8d0390d30876cf5c2d5d35f86d9c56a3e5f
+  languageName: node
+  linkType: hard
+
 "copy-to@npm:^2.0.1":
   version: 2.0.1
   resolution: "copy-to@npm:2.0.1"
@@ -11161,15 +10656,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"deep-eql@npm:^4.1.3":
-  version: 4.1.4
-  resolution: "deep-eql@npm:4.1.4"
-  dependencies:
-    type-detect: "npm:^4.0.0"
-  checksum: 10c0/264e0613493b43552fc908f4ff87b8b445c0e6e075656649600e1b8a17a57ee03e960156fce7177646e4d2ddaf8e5ee616d76bd79929ff593e5c79e4e5e6c517
-  languageName: node
-  linkType: hard
-
 "deep-eql@npm:^5.0.1":
   version: 5.0.2
   resolution: "deep-eql@npm:5.0.2"
@@ -11198,6 +10684,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"deepmerge-ts@npm:^7.1.3":
+  version: 7.1.5
+  resolution: "deepmerge-ts@npm:7.1.5"
+  checksum: 10c0/3a265a2086f334e3ecf43a7d4138c950cb99e0b39e816fa7fd7f5326161364e51b13010906908212667619066f5b48de738ed42543212323fbbb5d4ed7ebdc84
+  languageName: node
+  linkType: hard
+
 "deepmerge@npm:^4.2.2, deepmerge@npm:^4.3.1":
   version: 4.3.1
   resolution: "deepmerge@npm:4.3.1"
@@ -11348,15 +10841,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"detect-package-manager@npm:^2.0.1":
-  version: 2.0.1
-  resolution: "detect-package-manager@npm:2.0.1"
-  dependencies:
-    execa: "npm:^5.1.1"
-  checksum: 10c0/56ffd65228d1ff3ead5ea7f8ab951a517a29270de27510b790c9a8b77d4f36efbd61493e170ca77ee3dc13cbb5218583ce65b78ad14a59dc48565c9bcbbf3c71
-  languageName: node
-  linkType: hard
-
 "devtools-protocol@npm:0.0.1045489":
   version: 0.0.1045489
   resolution: "devtools-protocol@npm:0.0.1045489"
@@ -11378,15 +10862,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"dir-glob@npm:^3.0.1":
-  version: 3.0.1
-  resolution: "dir-glob@npm:3.0.1"
-  dependencies:
-    path-type: "npm:^4.0.0"
-  checksum: 10c0/dcac00920a4d503e38bb64001acb19df4efc14536ada475725e12f52c16777afdee4db827f55f13a908ee7efc0cb282e2e3dbaeeb98c0993dd93d1802d3bf00c
-  languageName: node
-  linkType: hard
-
 "doctrine@npm:^2.1.0":
   version: 2.1.0
   resolution: "doctrine@npm:2.1.0"
@@ -11485,14 +10960,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"dotenv-expand@npm:^10.0.0":
-  version: 10.0.0
-  resolution: "dotenv-expand@npm:10.0.0"
-  checksum: 10c0/298f5018e29cfdcb0b5f463ba8e8627749103fbcf6cf81c561119115754ed582deee37b49dfc7253028aaba875ab7aea5fa90e5dac88e511d009ab0e6677924e
-  languageName: node
-  linkType: hard
-
-"dotenv@npm:^16.0.0, dotenv@npm:^16.3.1, dotenv@npm:^16.4.2, dotenv@npm:^16.4.5":
+"dotenv@npm:^16.3.1, dotenv@npm:^16.4.2, dotenv@npm:^16.4.5":
   version: 16.4.7
   resolution: "dotenv@npm:16.4.7"
   checksum: 10c0/be9f597e36a8daf834452daa1f4cc30e5375a5968f98f46d89b16b983c567398a330580c88395069a77473943c06b877d1ca25b4afafcdd6d4adb549e8293462
@@ -11823,6 +11291,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"es-module-lexer@npm:^1.6.0":
+  version: 1.6.0
+  resolution: "es-module-lexer@npm:1.6.0"
+  checksum: 10c0/667309454411c0b95c476025929881e71400d74a746ffa1ff4cb450bd87f8e33e8eef7854d68e401895039ac0bac64e7809acbebb6253e055dd49ea9e3ea9212
+  languageName: node
+  linkType: hard
+
 "es-object-atoms@npm:^1.0.0, es-object-atoms@npm:^1.1.1":
   version: 1.1.1
   resolution: "es-object-atoms@npm:1.1.1"
@@ -11882,84 +11357,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"esbuild@npm:^0.18.0":
-  version: 0.18.20
-  resolution: "esbuild@npm:0.18.20"
-  dependencies:
-    "@esbuild/android-arm": "npm:0.18.20"
-    "@esbuild/android-arm64": "npm:0.18.20"
-    "@esbuild/android-x64": "npm:0.18.20"
-    "@esbuild/darwin-arm64": "npm:0.18.20"
-    "@esbuild/darwin-x64": "npm:0.18.20"
-    "@esbuild/freebsd-arm64": "npm:0.18.20"
-    "@esbuild/freebsd-x64": "npm:0.18.20"
-    "@esbuild/linux-arm": "npm:0.18.20"
-    "@esbuild/linux-arm64": "npm:0.18.20"
-    "@esbuild/linux-ia32": "npm:0.18.20"
-    "@esbuild/linux-loong64": "npm:0.18.20"
-    "@esbuild/linux-mips64el": "npm:0.18.20"
-    "@esbuild/linux-ppc64": "npm:0.18.20"
-    "@esbuild/linux-riscv64": "npm:0.18.20"
-    "@esbuild/linux-s390x": "npm:0.18.20"
-    "@esbuild/linux-x64": "npm:0.18.20"
-    "@esbuild/netbsd-x64": "npm:0.18.20"
-    "@esbuild/openbsd-x64": "npm:0.18.20"
-    "@esbuild/sunos-x64": "npm:0.18.20"
-    "@esbuild/win32-arm64": "npm:0.18.20"
-    "@esbuild/win32-ia32": "npm:0.18.20"
-    "@esbuild/win32-x64": "npm:0.18.20"
-  dependenciesMeta:
-    "@esbuild/android-arm":
-      optional: true
-    "@esbuild/android-arm64":
-      optional: true
-    "@esbuild/android-x64":
-      optional: true
-    "@esbuild/darwin-arm64":
-      optional: true
-    "@esbuild/darwin-x64":
-      optional: true
-    "@esbuild/freebsd-arm64":
-      optional: true
-    "@esbuild/freebsd-x64":
-      optional: true
-    "@esbuild/linux-arm":
-      optional: true
-    "@esbuild/linux-arm64":
-      optional: true
-    "@esbuild/linux-ia32":
-      optional: true
-    "@esbuild/linux-loong64":
-      optional: true
-    "@esbuild/linux-mips64el":
-      optional: true
-    "@esbuild/linux-ppc64":
-      optional: true
-    "@esbuild/linux-riscv64":
-      optional: true
-    "@esbuild/linux-s390x":
-      optional: true
-    "@esbuild/linux-x64":
-      optional: true
-    "@esbuild/netbsd-x64":
-      optional: true
-    "@esbuild/openbsd-x64":
-      optional: true
-    "@esbuild/sunos-x64":
-      optional: true
-    "@esbuild/win32-arm64":
-      optional: true
-    "@esbuild/win32-ia32":
-      optional: true
-    "@esbuild/win32-x64":
-      optional: true
-  bin:
-    esbuild: bin/esbuild
-  checksum: 10c0/473b1d92842f50a303cf948a11ebd5f69581cd254d599dd9d62f9989858e0533f64e83b723b5e1398a5b488c0f5fd088795b4235f65ecaf4f007d4b79f04bc88
-  languageName: node
-  linkType: hard
-
-"esbuild@npm:^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0 || ^0.23.0 || ^0.24.0 || ^0.25.0":
+"esbuild@npm:^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0 || ^0.23.0 || ^0.24.0 || ^0.25.0, esbuild@npm:^0.25.0":
   version: 0.25.0
   resolution: "esbuild@npm:0.25.0"
   dependencies:
@@ -12045,86 +11443,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"esbuild@npm:^0.21.3":
-  version: 0.21.5
-  resolution: "esbuild@npm:0.21.5"
-  dependencies:
-    "@esbuild/aix-ppc64": "npm:0.21.5"
-    "@esbuild/android-arm": "npm:0.21.5"
-    "@esbuild/android-arm64": "npm:0.21.5"
-    "@esbuild/android-x64": "npm:0.21.5"
-    "@esbuild/darwin-arm64": "npm:0.21.5"
-    "@esbuild/darwin-x64": "npm:0.21.5"
-    "@esbuild/freebsd-arm64": "npm:0.21.5"
-    "@esbuild/freebsd-x64": "npm:0.21.5"
-    "@esbuild/linux-arm": "npm:0.21.5"
-    "@esbuild/linux-arm64": "npm:0.21.5"
-    "@esbuild/linux-ia32": "npm:0.21.5"
-    "@esbuild/linux-loong64": "npm:0.21.5"
-    "@esbuild/linux-mips64el": "npm:0.21.5"
-    "@esbuild/linux-ppc64": "npm:0.21.5"
-    "@esbuild/linux-riscv64": "npm:0.21.5"
-    "@esbuild/linux-s390x": "npm:0.21.5"
-    "@esbuild/linux-x64": "npm:0.21.5"
-    "@esbuild/netbsd-x64": "npm:0.21.5"
-    "@esbuild/openbsd-x64": "npm:0.21.5"
-    "@esbuild/sunos-x64": "npm:0.21.5"
-    "@esbuild/win32-arm64": "npm:0.21.5"
-    "@esbuild/win32-ia32": "npm:0.21.5"
-    "@esbuild/win32-x64": "npm:0.21.5"
-  dependenciesMeta:
-    "@esbuild/aix-ppc64":
-      optional: true
-    "@esbuild/android-arm":
-      optional: true
-    "@esbuild/android-arm64":
-      optional: true
-    "@esbuild/android-x64":
-      optional: true
-    "@esbuild/darwin-arm64":
-      optional: true
-    "@esbuild/darwin-x64":
-      optional: true
-    "@esbuild/freebsd-arm64":
-      optional: true
-    "@esbuild/freebsd-x64":
-      optional: true
-    "@esbuild/linux-arm":
-      optional: true
-    "@esbuild/linux-arm64":
-      optional: true
-    "@esbuild/linux-ia32":
-      optional: true
-    "@esbuild/linux-loong64":
-      optional: true
-    "@esbuild/linux-mips64el":
-      optional: true
-    "@esbuild/linux-ppc64":
-      optional: true
-    "@esbuild/linux-riscv64":
-      optional: true
-    "@esbuild/linux-s390x":
-      optional: true
-    "@esbuild/linux-x64":
-      optional: true
-    "@esbuild/netbsd-x64":
-      optional: true
-    "@esbuild/openbsd-x64":
-      optional: true
-    "@esbuild/sunos-x64":
-      optional: true
-    "@esbuild/win32-arm64":
-      optional: true
-    "@esbuild/win32-ia32":
-      optional: true
-    "@esbuild/win32-x64":
-      optional: true
-  bin:
-    esbuild: bin/esbuild
-  checksum: 10c0/fa08508adf683c3f399e8a014a6382a6b65542213431e26206c0720e536b31c09b50798747c2a105a4bbba1d9767b8d3615a74c2f7bf1ddf6d836cd11eb672de
-  languageName: node
-  linkType: hard
-
 "escalade@npm:^3.1.1, escalade@npm:^3.2.0":
   version: 3.2.0
   resolution: "escalade@npm:3.2.0"
@@ -12319,16 +11637,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"eslint-plugin-react-hooks@npm:^4.6.0":
-  version: 4.6.2
-  resolution: "eslint-plugin-react-hooks@npm:4.6.2"
+"eslint-plugin-react-hooks@npm:^5.1.0":
+  version: 5.2.0
+  resolution: "eslint-plugin-react-hooks@npm:5.2.0"
   peerDependencies:
-    eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0
-  checksum: 10c0/4844e58c929bc05157fb70ba1e462e34f1f4abcbc8dd5bbe5b04513d33e2699effb8bca668297976ceea8e7ebee4e8fc29b9af9d131bcef52886feaa2308b2cc
+    eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0
+  checksum: 10c0/1c8d50fa5984c6dea32470651807d2922cc3934cf3425e78f84a24c2dfd972e7f019bee84aefb27e0cf2c13fea0ac1d4473267727408feeb1c56333ca1489385
   languageName: node
   linkType: hard
 
-"eslint-plugin-react-refresh@npm:^0.4.5":
+"eslint-plugin-react-refresh@npm:^0.4.18":
   version: 0.4.19
   resolution: "eslint-plugin-react-refresh@npm:0.4.19"
   peerDependencies:
@@ -12374,27 +11692,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"eslint-plugin-storybook@npm:^0.6.15":
-  version: 0.6.15
-  resolution: "eslint-plugin-storybook@npm:0.6.15"
+"eslint-plugin-storybook@npm:^0.11.2":
+  version: 0.11.3
+  resolution: "eslint-plugin-storybook@npm:0.11.3"
   dependencies:
-    "@storybook/csf": "npm:^0.0.1"
-    "@typescript-eslint/utils": "npm:^5.45.0"
-    requireindex: "npm:^1.1.0"
+    "@storybook/csf": "npm:^0.1.11"
+    "@typescript-eslint/utils": "npm:^8.8.1"
     ts-dedent: "npm:^2.2.0"
   peerDependencies:
-    eslint: ">=6"
-  checksum: 10c0/c61f5f2af72b614c30e8b36644672cfa25ca28e963e5e6cfab438f0cb287a6270f875a2dd8cd600a04c9864b9c549e269d95ea8da88c412e2b868fcd6a3605a4
-  languageName: node
-  linkType: hard
-
-"eslint-scope@npm:^5.1.1":
-  version: 5.1.1
-  resolution: "eslint-scope@npm:5.1.1"
-  dependencies:
-    esrecurse: "npm:^4.3.0"
-    estraverse: "npm:^4.1.1"
-  checksum: 10c0/d30ef9dc1c1cbdece34db1539a4933fe3f9b14e1ffb27ecc85987902ee663ad7c9473bbd49a9a03195a373741e62e2f807c4938992e019b511993d163450e70a
+    eslint: ">=8"
+    typescript: ">=4.8.4 <5.8.0"
+  checksum: 10c0/118d66f03b9657b0a4eae50bb31ca91c892722ac2946f3206cbbe6778b977e5c9310595b216fe1d05d89b6b572f97c25f64347e3c5bd7b20113e18147a975bf3
   languageName: node
   linkType: hard
 
@@ -12408,7 +11716,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"eslint-visitor-keys@npm:^3.3.0, eslint-visitor-keys@npm:^3.4.1, eslint-visitor-keys@npm:^3.4.3":
+"eslint-visitor-keys@npm:^3.4.1, eslint-visitor-keys@npm:^3.4.3":
   version: 3.4.3
   resolution: "eslint-visitor-keys@npm:3.4.3"
   checksum: 10c0/92708e882c0a5ffd88c23c0b404ac1628cf20104a108c745f240a13c332a11aac54f49a22d5762efbffc18ecbc9a580d1b7ad034bf5f3cc3307e5cbff2ec9820
@@ -12422,7 +11730,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"eslint@npm:^8, eslint@npm:^8.55.0":
+"eslint@npm:^8":
   version: 8.57.1
   resolution: "eslint@npm:8.57.1"
   dependencies:
@@ -12509,13 +11817,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"estraverse@npm:^4.1.1":
-  version: 4.3.0
-  resolution: "estraverse@npm:4.3.0"
-  checksum: 10c0/9cb46463ef8a8a4905d3708a652d60122a0c20bb58dec7e0e12ab0e7235123d74214fc0141d743c381813e1b992767e2708194f6f6e0f9fd00c1b4e0887b8b6d
-  languageName: node
-  linkType: hard
-
 "estraverse@npm:^5.1.0, estraverse@npm:^5.2.0, estraverse@npm:^5.3.0":
   version: 5.3.0
   resolution: "estraverse@npm:5.3.0"
@@ -12599,7 +11900,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"execa@npm:5.1.1, execa@npm:^5.0.0, execa@npm:^5.1.1":
+"execa@npm:5.1.1, execa@npm:^5.0.0":
   version: 5.1.1
   resolution: "execa@npm:5.1.1"
   dependencies:
@@ -12649,6 +11950,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"expect-type@npm:^1.1.0":
+  version: 1.2.0
+  resolution: "expect-type@npm:1.2.0"
+  checksum: 10c0/6069e1980bf16b9385646800e23499c1447df636c433014f6bbabe4bb0e20bd0033f30d38a6f9ae0938b0203a9e870cc82cdfd74b7c837b480cefb8e8240d8e8
+  languageName: node
+  linkType: hard
+
 "expect@npm:^29.0.0, expect@npm:^29.7.0":
   version: 29.7.0
   resolution: "expect@npm:29.7.0"
@@ -12714,7 +12022,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fast-glob@npm:^3.2.9, fast-glob@npm:^3.3.2, fast-glob@npm:^3.3.3":
+"fast-glob@npm:^3.3.2, fast-glob@npm:^3.3.3":
   version: 3.3.3
   resolution: "fast-glob@npm:3.3.3"
   dependencies:
@@ -12741,6 +12049,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"fast-uri@npm:^3.0.1":
+  version: 3.0.6
+  resolution: "fast-uri@npm:3.0.6"
+  checksum: 10c0/74a513c2af0584448aee71ce56005185f81239eab7a2343110e5bad50c39ad4fb19c5a6f99783ead1cac7ccaf3461a6034fda89fffa2b30b6d99b9f21c2f9d29
+  languageName: node
+  linkType: hard
+
 "fastq@npm:^1.6.0":
   version: 1.19.0
   resolution: "fastq@npm:1.19.0"
@@ -12793,13 +12108,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fetch-retry@npm:^5.0.2":
-  version: 5.0.6
-  resolution: "fetch-retry@npm:5.0.6"
-  checksum: 10c0/349f50db631039630e915f70c763469cb696f3ac92ca6f63823109334a2bc62f63670b8c5a5c7e0195c39df517e60ef385cc5264f4c4904d0c6707d371fa8999
-  languageName: node
-  linkType: hard
-
 "fetch-retry@npm:^6.0.0":
   version: 6.0.0
   resolution: "fetch-retry@npm:6.0.0"
@@ -12825,16 +12133,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"file-system-cache@npm:2.3.0":
-  version: 2.3.0
-  resolution: "file-system-cache@npm:2.3.0"
-  dependencies:
-    fs-extra: "npm:11.1.1"
-    ramda: "npm:0.29.0"
-  checksum: 10c0/43de19f0db32e6546bb7abeecb1d6ea83c1eca23b38905c9415a29f6219cc9d6d87b0c1a6aca92c46a0f1bc276241a339f2f68b8aa0ca5c2eb64b6e1e3e4da01
-  languageName: node
-  linkType: hard
-
 "fill-range@npm:^7.1.1":
   version: 7.1.1
   resolution: "fill-range@npm:7.1.1"
@@ -12844,17 +12142,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"find-cache-dir@npm:^3.0.0":
-  version: 3.3.2
-  resolution: "find-cache-dir@npm:3.3.2"
-  dependencies:
-    commondir: "npm:^1.0.1"
-    make-dir: "npm:^3.0.2"
-    pkg-dir: "npm:^4.1.0"
-  checksum: 10c0/92747cda42bff47a0266b06014610981cfbb71f55d60f2c8216bc3108c83d9745507fb0b14ecf6ab71112bed29cd6fb1a137ee7436179ea36e11287e3159e587
-  languageName: node
-  linkType: hard
-
 "find-replace@npm:^3.0.0":
   version: 3.0.0
   resolution: "find-replace@npm:3.0.0"
@@ -12884,15 +12171,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"find-yarn-workspace-root@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "find-yarn-workspace-root@npm:2.0.0"
-  dependencies:
-    micromatch: "npm:^4.0.2"
-  checksum: 10c0/b0d3843013fbdaf4e57140e0165889d09fa61745c9e85da2af86e54974f4cc9f1967e40f0d8fc36a79d53091f0829c651d06607d552582e53976f3cd8f4e5689
-  languageName: node
-  linkType: hard
-
 "flat-cache@npm:^3.0.4":
   version: 3.2.0
   resolution: "flat-cache@npm:3.2.0"
@@ -13009,18 +12287,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fs-extra@npm:11.1.1":
-  version: 11.1.1
-  resolution: "fs-extra@npm:11.1.1"
-  dependencies:
-    graceful-fs: "npm:^4.2.0"
-    jsonfile: "npm:^6.0.1"
-    universalify: "npm:^2.0.0"
-  checksum: 10c0/a2480243d7dcfa7d723c5f5b24cf4eba02a6ccece208f1524a2fbde1c629492cfb9a59e4b6d04faff6fbdf71db9fdc8ef7f396417a02884195a625f5d8dc9427
-  languageName: node
-  linkType: hard
-
-"fs-extra@npm:^11.1.0, fs-extra@npm:^11.2.0":
+"fs-extra@npm:^11.2.0, fs-extra@npm:~11.3.0":
   version: 11.3.0
   resolution: "fs-extra@npm:11.3.0"
   dependencies:
@@ -13031,7 +12298,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fs-extra@npm:^9.0.0, fs-extra@npm:^9.1.0":
+"fs-extra@npm:^9.1.0":
   version: 9.1.0
   resolution: "fs-extra@npm:9.1.0"
   dependencies:
@@ -13043,17 +12310,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fs-extra@npm:~7.0.1":
-  version: 7.0.1
-  resolution: "fs-extra@npm:7.0.1"
-  dependencies:
-    graceful-fs: "npm:^4.1.2"
-    jsonfile: "npm:^4.0.0"
-    universalify: "npm:^0.1.0"
-  checksum: 10c0/1943bb2150007e3739921b8d13d4109abdc3cc481e53b97b7ea7f77eda1c3c642e27ae49eac3af074e3496ea02fde30f411ef410c760c70a38b92e656e5da784
-  languageName: node
-  linkType: hard
-
 "fs-minipass@npm:^3.0.0":
   version: 3.0.3
   resolution: "fs-minipass@npm:3.0.3"
@@ -13138,13 +12394,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"get-func-name@npm:^2.0.1, get-func-name@npm:^2.0.2":
-  version: 2.0.2
-  resolution: "get-func-name@npm:2.0.2"
-  checksum: 10c0/89830fd07623fa73429a711b9daecdb304386d237c71268007f788f113505ef1d4cc2d0b9680e072c5082490aec9df5d7758bf5ac6f1c37062855e8e3dc0b9df
-  languageName: node
-  linkType: hard
-
 "get-intrinsic@npm:^1.2.4, get-intrinsic@npm:^1.2.5, get-intrinsic@npm:^1.2.6, get-intrinsic@npm:^1.2.7":
   version: 1.3.0
   resolution: "get-intrinsic@npm:1.3.0"
@@ -13318,6 +12567,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"glob@npm:^11.0.1":
+  version: 11.0.1
+  resolution: "glob@npm:11.0.1"
+  dependencies:
+    foreground-child: "npm:^3.1.0"
+    jackspeak: "npm:^4.0.1"
+    minimatch: "npm:^10.0.0"
+    minipass: "npm:^7.1.2"
+    package-json-from-dist: "npm:^1.0.0"
+    path-scurry: "npm:^2.0.0"
+  bin:
+    glob: dist/esm/bin.mjs
+  checksum: 10c0/2b32588be52e9e90f914c7d8dec32f3144b81b84054b0f70e9adfebf37cd7014570489f2a79d21f7801b9a4bd4cca94f426966bfd00fb64a5b705cfe10da3a03
+  languageName: node
+  linkType: hard
+
 "glob@npm:^7.1.3, glob@npm:^7.1.4, glob@npm:^7.1.6":
   version: 7.2.3
   resolution: "glob@npm:7.2.3"
@@ -13388,20 +12653,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"globby@npm:^11.1.0":
-  version: 11.1.0
-  resolution: "globby@npm:11.1.0"
-  dependencies:
-    array-union: "npm:^2.1.0"
-    dir-glob: "npm:^3.0.1"
-    fast-glob: "npm:^3.2.9"
-    ignore: "npm:^5.2.0"
-    merge2: "npm:^1.4.1"
-    slash: "npm:^3.0.0"
-  checksum: 10c0/b39511b4afe4bd8a7aead3a27c4ade2b9968649abab0a6c28b1a90141b96ca68ca5db1302f7c7bd29eab66bf51e13916b8e0a3d0ac08f75e1e84a39b35691189
-  languageName: node
-  linkType: hard
-
 "globby@npm:^14.0.1":
   version: 14.1.0
   resolution: "globby@npm:14.1.0"
@@ -13462,7 +12713,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"graceful-fs@npm:^4.1.11, graceful-fs@npm:^4.1.2, graceful-fs@npm:^4.1.6, graceful-fs@npm:^4.2.0, graceful-fs@npm:^4.2.11, graceful-fs@npm:^4.2.4, graceful-fs@npm:^4.2.6, graceful-fs@npm:^4.2.9":
+"graceful-fs@npm:^4.1.2, graceful-fs@npm:^4.1.6, graceful-fs@npm:^4.2.0, graceful-fs@npm:^4.2.11, graceful-fs@npm:^4.2.4, graceful-fs@npm:^4.2.6, graceful-fs@npm:^4.2.9":
   version: 4.2.11
   resolution: "graceful-fs@npm:4.2.11"
   checksum: 10c0/386d011a553e02bc594ac2ca0bd6d9e4c22d7fa8cfbfc448a6d148c59ea881b092db9dbe3547ae4b88e55f1b01f7c4a2ecc53b310c042793e63aa44cf6c257f2
@@ -13506,24 +12757,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"handlebars@npm:^4.7.7":
-  version: 4.7.8
-  resolution: "handlebars@npm:4.7.8"
-  dependencies:
-    minimist: "npm:^1.2.5"
-    neo-async: "npm:^2.6.2"
-    source-map: "npm:^0.6.1"
-    uglify-js: "npm:^3.1.4"
-    wordwrap: "npm:^1.0.0"
-  dependenciesMeta:
-    uglify-js:
-      optional: true
-  bin:
-    handlebars: bin/handlebars
-  checksum: 10c0/7aff423ea38a14bb379316f3857fe0df3c5d66119270944247f155ba1f08e07a92b340c58edaa00cfe985c21508870ee5183e0634dcb53dd405f35c93ef7f10d
-  languageName: node
-  linkType: hard
-
 "has-bigints@npm:^1.0.2":
   version: 1.1.0
   resolution: "has-bigints@npm:1.1.0"
@@ -13606,13 +12839,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"hosted-git-info@npm:^2.1.4":
-  version: 2.8.9
-  resolution: "hosted-git-info@npm:2.8.9"
-  checksum: 10c0/317cbc6b1bbbe23c2a40ae23f3dafe9fa349ce42a89a36f930e3f9c0530c179a3882d2ef1e4141a4c3674d6faaea862138ec55b43ad6f75e387fda2483a13c70
-  languageName: node
-  linkType: hard
-
 "html-dom-parser@npm:5.0.13":
   version: 5.0.13
   resolution: "html-dom-parser@npm:5.0.13"
@@ -13862,7 +13088,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ignore@npm:^5.2.0, ignore@npm:^5.2.4, ignore@npm:^5.3.1":
+"ignore@npm:^5.2.0, ignore@npm:^5.3.1":
   version: 5.3.2
   resolution: "ignore@npm:5.3.2"
   checksum: 10c0/f9f652c957983634ded1e7f02da3b559a0d4cc210fca3792cb67f1b153623c9c42efdc1c4121af171e295444459fc4a9201101fb041b1104a3c000bccb188337
@@ -14160,7 +13386,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-core-module@npm:^2.1.0, is-core-module@npm:^2.13.0, is-core-module@npm:^2.15.1, is-core-module@npm:^2.16.0":
+"is-core-module@npm:^2.13.0, is-core-module@npm:^2.15.1, is-core-module@npm:^2.16.0":
   version: 2.16.1
   resolution: "is-core-module@npm:2.16.1"
   dependencies:
@@ -14663,6 +13889,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jackspeak@npm:^4.0.1":
+  version: 4.1.0
+  resolution: "jackspeak@npm:4.1.0"
+  dependencies:
+    "@isaacs/cliui": "npm:^8.0.2"
+  checksum: 10c0/08a6a24a366c90b83aef3ad6ec41dcaaa65428ffab8d80bc7172add0fbb8b134a34f415ad288b2a6fbd406526e9a62abdb40ed4f399fbe00cb45c44056d4dce0
+  languageName: node
+  linkType: hard
+
 "jest-changed-files@npm:^29.7.0":
   version: 29.7.0
   resolution: "jest-changed-files@npm:29.7.0"
@@ -15123,7 +14358,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jiti@npm:^1.21.0":
+"jiti@npm:^1, jiti@npm:^1.21.0":
   version: 1.21.7
   resolution: "jiti@npm:1.21.7"
   bin:
@@ -15166,13 +14401,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"js-tokens@npm:^9.0.1":
-  version: 9.0.1
-  resolution: "js-tokens@npm:9.0.1"
-  checksum: 10c0/68dcab8f233dde211a6b5fd98079783cbcd04b53617c1250e3553ee16ab3e6134f5e65478e41d82f6d351a052a63d71024553933808570f04dbf828d7921e80e
-  languageName: node
-  linkType: hard
-
 "js-yaml@npm:^3.13.1":
   version: 3.14.1
   resolution: "js-yaml@npm:3.14.1"
@@ -15295,6 +14523,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"json-schema-traverse@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "json-schema-traverse@npm:1.0.0"
+  checksum: 10c0/71e30015d7f3d6dc1c316d6298047c8ef98a06d31ad064919976583eb61e1018a60a0067338f0f79cabc00d84af3fcc489bd48ce8a46ea165d9541ba17fb30c6
+  languageName: node
+  linkType: hard
+
 "json-schema@npm:0.4.0":
   version: 0.4.0
   resolution: "json-schema@npm:0.4.0"
@@ -15331,19 +14566,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"json-stable-stringify@npm:^1.0.2":
-  version: 1.2.1
-  resolution: "json-stable-stringify@npm:1.2.1"
-  dependencies:
-    call-bind: "npm:^1.0.8"
-    call-bound: "npm:^1.0.3"
-    isarray: "npm:^2.0.5"
-    jsonify: "npm:^0.0.1"
-    object-keys: "npm:^1.1.1"
-  checksum: 10c0/e623e7ce89282f089d56454087edb717357e8572089b552fbc6980fb7814dc3943f7d0e4f1a19429a36ce9f4428b6c8ee6883357974457aaaa98daba5adebeea
-  languageName: node
-  linkType: hard
-
 "json-stringify-safe@npm:5, json-stringify-safe@npm:~5.0.1":
   version: 5.0.1
   resolution: "json-stringify-safe@npm:5.0.1"
@@ -15371,18 +14593,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jsonfile@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "jsonfile@npm:4.0.0"
-  dependencies:
-    graceful-fs: "npm:^4.1.6"
-  dependenciesMeta:
-    graceful-fs:
-      optional: true
-  checksum: 10c0/7dc94b628d57a66b71fb1b79510d460d662eb975b5f876d723f81549c2e9cd316d58a2ddf742b2b93a4fa6b17b2accaf1a738a0e2ea114bdfb13a32e5377e480
-  languageName: node
-  linkType: hard
-
 "jsonfile@npm:^6.0.1":
   version: 6.1.0
   resolution: "jsonfile@npm:6.1.0"
@@ -15396,13 +14606,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jsonify@npm:^0.0.1":
-  version: 0.0.1
-  resolution: "jsonify@npm:0.0.1"
-  checksum: 10c0/7f5499cdd59a0967ed35bda48b7cec43d850bbc8fb955cdd3a1717bb0efadbe300724d5646de765bb7a99fc1c3ab06eb80d93503c6faaf99b4ff50a3326692f6
-  languageName: node
-  linkType: hard
-
 "jsonparse@npm:^1.2.0":
   version: 1.3.1
   resolution: "jsonparse@npm:1.3.1"
@@ -15459,15 +14662,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"klaw-sync@npm:^6.0.0":
-  version: 6.0.0
-  resolution: "klaw-sync@npm:6.0.0"
-  dependencies:
-    graceful-fs: "npm:^4.1.11"
-  checksum: 10c0/00d8e4c48d0d699b743b3b028e807295ea0b225caf6179f51029e19783a93ad8bb9bccde617d169659fbe99559d73fb35f796214de031d0023c26b906cecd70a
-  languageName: node
-  linkType: hard
-
 "kleur@npm:^3.0.3":
   version: 3.0.3
   resolution: "kleur@npm:3.0.3"
@@ -15676,17 +14870,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lazy-universal-dotenv@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "lazy-universal-dotenv@npm:4.0.0"
-  dependencies:
-    app-root-dir: "npm:^1.0.2"
-    dotenv: "npm:^16.0.0"
-    dotenv-expand: "npm:^10.0.0"
-  checksum: 10c0/3bc4fe649c46c4a20561ca1fd10cd1df641d2c6c42c61af6c65a5fe0546cb548f449e13e6c7440be445c9fe5b4973c25f499e7d899b8704b7b9bd0ec85bbfe2d
-  languageName: node
-  linkType: hard
-
 "less@npm:^4.2.0":
   version: 4.2.2
   resolution: "less@npm:4.2.2"
@@ -15767,7 +14950,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lint-staged@npm:^15.2.2":
+"lint-staged@npm:^15.2.2, lint-staged@npm:^15.4.1":
   version: 15.4.3
   resolution: "lint-staged@npm:15.4.3"
   dependencies:
@@ -15831,20 +15014,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"loader-utils@npm:^3.2.1":
-  version: 3.3.1
-  resolution: "loader-utils@npm:3.3.1"
-  checksum: 10c0/f2af4eb185ac5bf7e56e1337b666f90744e9f443861ac521b48f093fb9e8347f191c8960b4388a3365147d218913bc23421234e7788db69f385bacfefa0b4758
-  languageName: node
-  linkType: hard
-
-"local-pkg@npm:^0.5.0":
-  version: 0.5.1
-  resolution: "local-pkg@npm:0.5.1"
+"local-pkg@npm:^1.0.0":
+  version: 1.1.0
+  resolution: "local-pkg@npm:1.1.0"
   dependencies:
-    mlly: "npm:^1.7.3"
-    pkg-types: "npm:^1.2.1"
-  checksum: 10c0/ade8346f1dc04875921461adee3c40774b00d4b74095261222ebd4d5fd0a444676e36e325f76760f21af6a60bc82480e154909b54d2d9f7173671e36dacf1808
+    mlly: "npm:^1.7.4"
+    pkg-types: "npm:^1.3.1"
+    quansync: "npm:^0.2.1"
+  checksum: 10c0/0dae67e1400e2af8ee2e0c9ecb2cf4517a9f4fe67cafba2f9a706ed7a8dce9a864edc35fdfc0980a098f84954281df834b8dccaf8095ae33ac49e5c44afb72e2
   languageName: node
   linkType: hard
 
@@ -15928,13 +15105,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lodash.get@npm:^4.4.2":
-  version: 4.4.2
-  resolution: "lodash.get@npm:4.4.2"
-  checksum: 10c0/48f40d471a1654397ed41685495acb31498d5ed696185ac8973daef424a749ca0c7871bf7b665d5c14f5cc479394479e0307e781f61d5573831769593411be6e
-  languageName: node
-  linkType: hard
-
 "lodash.isempty@npm:^4.4.0":
   version: 4.4.0
   resolution: "lodash.isempty@npm:4.4.0"
@@ -15942,13 +15112,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lodash.isequal@npm:^4.5.0":
-  version: 4.5.0
-  resolution: "lodash.isequal@npm:4.5.0"
-  checksum: 10c0/dfdb2356db19631a4b445d5f37868a095e2402292d59539a987f134a8778c62a2810c2452d11ae9e6dcac71fc9de40a6fedcb20e2952a15b431ad8b29e50e28f
-  languageName: node
-  linkType: hard
-
 "lodash.isplainobject@npm:^4.0.6":
   version: 4.0.6
   resolution: "lodash.isplainobject@npm:4.0.6"
@@ -15984,7 +15147,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lodash@npm:^4.17.15, lodash@npm:^4.17.21, lodash@npm:~4.17.15":
+"lodash@npm:^4.17.21, lodash@npm:~4.17.15":
   version: 4.17.21
   resolution: "lodash@npm:4.17.21"
   checksum: 10c0/d8cbea072bb08655bb4c989da418994b073a608dffa608b09ac04b43a791b12aeae7cd7ad919aa4c925f33b48490b5cfe6c1f71d827956071dae2e7bb3a6b74c
@@ -16037,16 +15200,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"loupe@npm:^2.3.6, loupe@npm:^2.3.7":
-  version: 2.3.7
-  resolution: "loupe@npm:2.3.7"
-  dependencies:
-    get-func-name: "npm:^2.0.1"
-  checksum: 10c0/71a781c8fc21527b99ed1062043f1f2bb30bdaf54fa4cf92463427e1718bc6567af2988300bc243c1f276e4f0876f29e3cbf7b58106fdc186915687456ce5bf4
-  languageName: node
-  linkType: hard
-
-"loupe@npm:^3.1.0, loupe@npm:^3.1.1, loupe@npm:^3.1.2":
+"loupe@npm:^3.1.0, loupe@npm:^3.1.1, loupe@npm:^3.1.2, loupe@npm:^3.1.3":
   version: 3.1.3
   resolution: "loupe@npm:3.1.3"
   checksum: 10c0/f5dab4144254677de83a35285be1b8aba58b3861439ce4ba65875d0d5f3445a4a496daef63100ccf02b2dbc25bf58c6db84c9cb0b96d6435331e9d0a33b48541
@@ -16076,6 +15230,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"lru-cache@npm:^11.0.0":
+  version: 11.0.2
+  resolution: "lru-cache@npm:11.0.2"
+  checksum: 10c0/c993b8e06ead0b24b969c1dbb5b301716aed66e320e9014a80012f5febe280b438f28ff50046b2c55ff404e889351ccb332ff91f8dd175a21f5eae80e3fb155f
+  languageName: node
+  linkType: hard
+
 "lru-cache@npm:^5.1.1":
   version: 5.1.1
   resolution: "lru-cache@npm:5.1.1"
@@ -16288,7 +15449,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"magic-string@npm:^0.30.0, magic-string@npm:^0.30.2, magic-string@npm:^0.30.3, magic-string@npm:^0.30.5, magic-string@npm:^0.30.7, magic-string@npm:^0.30.8":
+"magic-string@npm:^0.30.0, magic-string@npm:^0.30.17, magic-string@npm:^0.30.3, magic-string@npm:^0.30.5":
   version: 0.30.17
   resolution: "magic-string@npm:0.30.17"
   dependencies:
@@ -16307,15 +15468,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"make-dir@npm:^3.0.2":
-  version: 3.1.0
-  resolution: "make-dir@npm:3.1.0"
-  dependencies:
-    semver: "npm:^6.0.0"
-  checksum: 10c0/56aaafefc49c2dfef02c5c95f9b196c4eb6988040cf2c712185c7fe5c99b4091591a7fc4d4eafaaefa70ff763a26f6ab8c3ff60b9e75ea19876f49b18667ecaa
-  languageName: node
-  linkType: hard
-
 "make-dir@npm:^4.0.0":
   version: 4.0.0
   resolution: "make-dir@npm:4.0.0"
@@ -16425,7 +15577,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"merge2@npm:^1.3.0, merge2@npm:^1.4.1":
+"merge2@npm:^1.3.0":
   version: 1.4.1
   resolution: "merge2@npm:1.4.1"
   checksum: 10c0/254a8a4605b58f450308fc474c82ac9a094848081bf4c06778200207820e5193726dc563a0d2c16468810516a5c97d9d3ea0ca6585d23c58ccfff2403e8dbbeb
@@ -16439,7 +15591,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"micromatch@npm:^4.0.2, micromatch@npm:^4.0.4, micromatch@npm:^4.0.5, micromatch@npm:^4.0.8":
+"micromatch@npm:^4.0.4, micromatch@npm:^4.0.5, micromatch@npm:^4.0.8":
   version: 4.0.8
   resolution: "micromatch@npm:4.0.8"
   dependencies:
@@ -16523,12 +15675,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"minimatch@npm:9.0.3":
-  version: 9.0.3
-  resolution: "minimatch@npm:9.0.3"
+"minimatch@npm:^10.0.0":
+  version: 10.0.1
+  resolution: "minimatch@npm:10.0.1"
   dependencies:
     brace-expansion: "npm:^2.0.1"
-  checksum: 10c0/85f407dcd38ac3e180f425e86553911d101455ca3ad5544d6a7cec16286657e4f8a9aa6695803025c55e31e35a91a2252b5dc8e7d527211278b8b65b4dbd5eac
+  checksum: 10c0/e6c29a81fe83e1877ad51348306be2e8aeca18c88fdee7a99df44322314279e15799e41d7cb274e4e8bb0b451a3bc622d6182e157dfa1717d6cda75e9cd8cd5d
   languageName: node
   linkType: hard
 
@@ -16568,7 +15720,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"minimist@npm:^1.2.0, minimist@npm:^1.2.5, minimist@npm:^1.2.6, minimist@npm:^1.2.8":
+"minimist@npm:^1.2.0, minimist@npm:^1.2.6, minimist@npm:^1.2.8":
   version: 1.2.8
   resolution: "minimist@npm:1.2.8"
   checksum: 10c0/19d3fcdca050087b84c2029841a093691a91259a47def2f18222f41e7645a0b7c44ef4b40e88a1e58a40c84d2ef0ee6047c55594d298146d0eb3f6b737c20ce6
@@ -16675,7 +15827,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mlly@npm:^1.7.3, mlly@npm:^1.7.4":
+"mlly@npm:^1.7.4":
   version: 1.7.4
   resolution: "mlly@npm:1.7.4"
   dependencies:
@@ -16723,13 +15875,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mrmime@npm:^1.0.1":
-  version: 1.0.1
-  resolution: "mrmime@npm:1.0.1"
-  checksum: 10c0/ab071441da76fd23b3b0d1823d77aacf8679d379a4a94cacd83e487d3d906763b277f3203a594c613602e31ab5209c26a8119b0477c4541ef8555b293a9db6d3
-  languageName: node
-  linkType: hard
-
 "ms@npm:2.0.0":
   version: 2.0.0
   resolution: "ms@npm:2.0.0"
@@ -16751,10 +15896,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"muggle-string@npm:^0.3.1":
-  version: 0.3.1
-  resolution: "muggle-string@npm:0.3.1"
-  checksum: 10c0/489b0575fa76e30914393915a36638590052409fca2206a6bef0fb0ad7b181c1cbf99761191bfd16fe402c6f5a3164897965422fa32ef20ada1b44024ba46ab6
+"muggle-string@npm:^0.4.1":
+  version: 0.4.1
+  resolution: "muggle-string@npm:0.4.1"
+  checksum: 10c0/e914b63e24cd23f97e18376ec47e4ba3aa24365e4776212b666add2e47bb158003212980d732c49abf3719568900af7861873844a6e2d3a7ca7e86952c0e99e9
   languageName: node
   linkType: hard
 
@@ -16803,13 +15948,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"natural-orderby@npm:^3.0.2":
-  version: 3.0.2
-  resolution: "natural-orderby@npm:3.0.2"
-  checksum: 10c0/bc64985334946390d957fc6364d4b93fc0cff240789e67d4ae7fd754dd50172527c13db7f16e662785ad3fcd2ace933252d44d8a27cef79db2e391c24fb64ac9
-  languageName: node
-  linkType: hard
-
 "needle@npm:^3.1.0":
   version: 3.3.1
   resolution: "needle@npm:3.3.1"
@@ -16836,13 +15974,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"neo-async@npm:^2.6.2":
-  version: 2.6.2
-  resolution: "neo-async@npm:2.6.2"
-  checksum: 10c0/c2f5a604a54a8ec5438a342e1f356dff4bc33ccccdb6dc668d94fe8e5eccfc9d2c2eea6064b0967a767ba63b33763f51ccf2cd2441b461a7322656c1f06b3f5d
-  languageName: node
-  linkType: hard
-
 "netlify-plugin-cypress@npm:^2.2.1":
   version: 2.2.1
   resolution: "netlify-plugin-cypress@npm:2.2.1"
@@ -17031,7 +16162,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"node-fetch@npm:^2.0.0, node-fetch@npm:^2.6.7, node-fetch@npm:^2.7.0":
+"node-fetch@npm:^2.6.7, node-fetch@npm:^2.7.0":
   version: 2.7.0
   resolution: "node-fetch@npm:2.7.0"
   dependencies:
@@ -17099,18 +16230,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"normalize-package-data@npm:^2.5.0":
-  version: 2.5.0
-  resolution: "normalize-package-data@npm:2.5.0"
-  dependencies:
-    hosted-git-info: "npm:^2.1.4"
-    resolve: "npm:^1.10.0"
-    semver: "npm:2 || 3 || 4 || 5"
-    validate-npm-package-license: "npm:^3.0.1"
-  checksum: 10c0/357cb1646deb42f8eb4c7d42c4edf0eec312f3628c2ef98501963cc4bbe7277021b2b1d977f982b2edce78f5a1014613ce9cf38085c3df2d76730481357ca504
-  languageName: node
-  linkType: hard
-
 "normalize-path@npm:^3.0.0, normalize-path@npm:~3.0.0":
   version: 3.0.0
   resolution: "normalize-path@npm:3.0.0"
@@ -17322,7 +16441,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"open@npm:^7.0.4, open@npm:^7.4.2":
+"open@npm:^7.0.4":
   version: 7.4.2
   resolution: "open@npm:7.4.2"
   dependencies:
@@ -17357,13 +16476,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"os-tmpdir@npm:~1.0.2":
-  version: 1.0.2
-  resolution: "os-tmpdir@npm:1.0.2"
-  checksum: 10c0/f438450224f8e2687605a8dd318f0db694b6293c5d835ae509a69e97c8de38b6994645337e5577f5001115470414638978cc49da1cdcc25106dad8738dc69990
-  languageName: node
-  linkType: hard
-
 "ospath@npm:^1.2.2":
   version: 1.2.2
   resolution: "ospath@npm:1.2.2"
@@ -17432,15 +16544,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"p-limit@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "p-limit@npm:5.0.0"
-  dependencies:
-    yocto-queue: "npm:^1.0.0"
-  checksum: 10c0/574e93b8895a26e8485eb1df7c4b58a1a6e8d8ae41b1750cc2cc440922b3d306044fc6e9a7f74578a883d46802d9db72b30f2e612690fcef838c173261b1ed83
-  languageName: node
-  linkType: hard
-
 "p-locate@npm:^4.1.0":
   version: 4.1.0
   resolution: "p-locate@npm:4.1.0"
@@ -17526,7 +16629,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"parse-json@npm:^5.0.0, parse-json@npm:^5.2.0":
+"parse-json@npm:^5.2.0":
   version: 5.2.0
   resolution: "parse-json@npm:5.2.0"
   dependencies:
@@ -17561,31 +16664,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"patch-package@npm:^8.0.0":
-  version: 8.0.0
-  resolution: "patch-package@npm:8.0.0"
-  dependencies:
-    "@yarnpkg/lockfile": "npm:^1.1.0"
-    chalk: "npm:^4.1.2"
-    ci-info: "npm:^3.7.0"
-    cross-spawn: "npm:^7.0.3"
-    find-yarn-workspace-root: "npm:^2.0.0"
-    fs-extra: "npm:^9.0.0"
-    json-stable-stringify: "npm:^1.0.2"
-    klaw-sync: "npm:^6.0.0"
-    minimist: "npm:^1.2.6"
-    open: "npm:^7.4.2"
-    rimraf: "npm:^2.6.3"
-    semver: "npm:^7.5.3"
-    slash: "npm:^2.0.0"
-    tmp: "npm:^0.0.33"
-    yaml: "npm:^2.2.2"
-  bin:
-    patch-package: index.js
-  checksum: 10c0/690eab0537e953a3fd7d32bb23f0e82f97cd448f8244c3227ed55933611a126f9476397325c06ad2c11d881a19b427a02bd1881bee78d89f1731373fc4fe0fee
-  languageName: node
-  linkType: hard
-
 "path-browserify@npm:^1.0.1":
   version: 1.0.1
   resolution: "path-browserify@npm:1.0.1"
@@ -17621,7 +16699,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"path-parse@npm:^1.0.6, path-parse@npm:^1.0.7":
+"path-parse@npm:^1.0.7":
   version: 1.0.7
   resolution: "path-parse@npm:1.0.7"
   checksum: 10c0/11ce261f9d294cc7a58d6a574b7f1b935842355ec66fba3c3fd79e0f036462eaf07d0aa95bb74ff432f9afef97ce1926c720988c6a7451d8a584930ae7de86e1
@@ -17638,6 +16716,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"path-scurry@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "path-scurry@npm:2.0.0"
+  dependencies:
+    lru-cache: "npm:^11.0.0"
+    minipass: "npm:^7.1.2"
+  checksum: 10c0/3da4adedaa8e7ef8d6dc4f35a0ff8f05a9b4d8365f2b28047752b62d4c1ad73eec21e37b1579ef2d075920157856a3b52ae8309c480a6f1a8bbe06ff8e52b33c
+  languageName: node
+  linkType: hard
+
 "path-to-regexp@npm:^1.2.0":
   version: 1.9.0
   resolution: "path-to-regexp@npm:1.9.0"
@@ -17668,27 +16756,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"pathe@npm:^1.1.1":
-  version: 1.1.2
-  resolution: "pathe@npm:1.1.2"
-  checksum: 10c0/64ee0a4e587fb0f208d9777a6c56e4f9050039268faaaaecd50e959ef01bf847b7872785c36483fa5cdcdbdfdb31fef2ff222684d4fc21c330ab60395c681897
-  languageName: node
-  linkType: hard
-
-"pathe@npm:^2.0.1":
+"pathe@npm:^2.0.1, pathe@npm:^2.0.3":
   version: 2.0.3
   resolution: "pathe@npm:2.0.3"
   checksum: 10c0/c118dc5a8b5c4166011b2b70608762e260085180bb9e33e80a50dcdb1e78c010b1624f4280c492c92b05fc276715a4c357d1f9edc570f8f1b3d90b6839ebaca1
   languageName: node
   linkType: hard
 
-"pathval@npm:^1.1.1":
-  version: 1.1.1
-  resolution: "pathval@npm:1.1.1"
-  checksum: 10c0/f63e1bc1b33593cdf094ed6ff5c49c1c0dc5dc20a646ca9725cc7fe7cd9995002d51d5685b9b2ec6814342935748b711bafa840f84c0bb04e38ff40a335c94dc
-  languageName: node
-  linkType: hard
-
 "pathval@npm:^2.0.0":
   version: 2.0.0
   resolution: "pathval@npm:2.0.0"
@@ -17775,7 +16849,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"picomatch@npm:^2.0.4, picomatch@npm:^2.2.1, picomatch@npm:^2.2.3, picomatch@npm:^2.3.0, picomatch@npm:^2.3.1":
+"picomatch@npm:^2.0.4, picomatch@npm:^2.2.1, picomatch@npm:^2.2.3, picomatch@npm:^2.3.1":
   version: 2.3.1
   resolution: "picomatch@npm:2.3.1"
   checksum: 10c0/26c02b8d06f03206fc2ab8d16f19960f2ff9e81a658f831ecb656d8f17d9edc799e8364b1f4a7873e89d9702dff96204be0fa26fe4181f6843f040f819dac4be
@@ -17835,7 +16909,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"pkg-dir@npm:^4.1.0, pkg-dir@npm:^4.2.0":
+"pkg-dir@npm:^4.2.0":
   version: 4.2.0
   resolution: "pkg-dir@npm:4.2.0"
   dependencies:
@@ -17844,16 +16918,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"pkg-dir@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "pkg-dir@npm:5.0.0"
-  dependencies:
-    find-up: "npm:^5.0.0"
-  checksum: 10c0/793a496d685dc55bbbdbbb22d884535c3b29241e48e3e8d37e448113a71b9e42f5481a61fdc672d7322de12fbb2c584dd3a68bf89b18fffce5c48a390f911bc5
-  languageName: node
-  linkType: hard
-
-"pkg-types@npm:^1.2.1, pkg-types@npm:^1.3.0":
+"pkg-types@npm:^1.3.0, pkg-types@npm:^1.3.1":
   version: 1.3.1
   resolution: "pkg-types@npm:1.3.1"
   dependencies:
@@ -17959,7 +17024,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss@npm:^8.0.0, postcss@npm:^8.4.35, postcss@npm:^8.4.43":
+"postcss@npm:^8.0.0, postcss@npm:^8.4.35, postcss@npm:^8.5.3":
   version: 8.5.3
   resolution: "postcss@npm:8.5.3"
   dependencies:
@@ -18069,7 +17134,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"prettier@npm:^3.2.5":
+"prettier@npm:^3.2.5, prettier@npm:^3.4.2":
   version: 3.5.2
   resolution: "prettier@npm:3.5.2"
   bin:
@@ -18114,13 +17179,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"pretty-hrtime@npm:^1.0.3":
-  version: 1.0.3
-  resolution: "pretty-hrtime@npm:1.0.3"
-  checksum: 10c0/67cb3fc283a72252b49ac488647e6a01b78b7aa1b8f2061834aa1650691229081518ef3ca940f77f41cc8a8f02ba9eeb74b843481596670209e493062f2e89e0
-  languageName: node
-  linkType: hard
-
 "proc-log@npm:^5.0.0":
   version: 5.0.0
   resolution: "proc-log@npm:5.0.0"
@@ -18305,7 +17363,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"qs@npm:^6.10.0, qs@npm:^6.14.0, qs@npm:^6.5.2":
+"qs@npm:^6.14.0, qs@npm:^6.5.2":
   version: 6.14.0
   resolution: "qs@npm:6.14.0"
   dependencies:
@@ -18314,6 +17372,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"quansync@npm:^0.2.1":
+  version: 0.2.6
+  resolution: "quansync@npm:0.2.6"
+  checksum: 10c0/de27a8dfa89de92a9b9fc10c49167ada1ea8b04b0335d0921e84abec51699b36f0f06f8ee0479514d5d5f32cb14e975a54a41e5fe3c3a96e72e3ad333aa422ca
+  languageName: node
+  linkType: hard
+
 "querystringify@npm:^2.1.1":
   version: 2.2.0
   resolution: "querystringify@npm:2.2.0"
@@ -18335,13 +17400,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ramda@npm:0.29.0":
-  version: 0.29.0
-  resolution: "ramda@npm:0.29.0"
-  checksum: 10c0/b00eaaf1c62b06a99affa1d583e256bd65ad27ab9d0ef512f55d7d93b842e7cd244a4a09179f61fdd8548362e409323867a2b0477cbd0626b5644eb6ac7c53da
-  languageName: node
-  linkType: hard
-
 "raw-body@npm:^2.3.3":
   version: 2.5.2
   resolution: "raw-body@npm:2.5.2"
@@ -18368,7 +17426,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-aria-components@npm:^1.0.1, react-aria-components@npm:^1.6.0":
+"react-aria-components@npm:^1.6.0":
   version: 1.6.0
   resolution: "react-aria-components@npm:1.6.0"
   dependencies:
@@ -18463,17 +17521,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-confetti@npm:^6.1.0":
-  version: 6.2.3
-  resolution: "react-confetti@npm:6.2.3"
-  dependencies:
-    tween-functions: "npm:^1.2.0"
-  peerDependencies:
-    react: ^16.3.0 || ^17.0.1 || ^18.0.0 || ^19.0.0
-  checksum: 10c0/44d286c6c3d553a9b6fd92e9bdb9b0e0d0e0663b1097a95c5d6931d93185912d4bc660f78cbe5be94f97855f6d78f3a533ad025ce578cd657f7256a264b28a8b
-  languageName: node
-  linkType: hard
-
 "react-day-picker@npm:^9.0.8":
   version: 9.5.1
   resolution: "react-day-picker@npm:9.5.1"
@@ -18743,29 +17790,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"read-pkg-up@npm:^7.0.1":
-  version: 7.0.1
-  resolution: "read-pkg-up@npm:7.0.1"
-  dependencies:
-    find-up: "npm:^4.1.0"
-    read-pkg: "npm:^5.2.0"
-    type-fest: "npm:^0.8.1"
-  checksum: 10c0/82b3ac9fd7c6ca1bdc1d7253eb1091a98ff3d195ee0a45386582ce3e69f90266163c34121e6a0a02f1630073a6c0585f7880b3865efcae9c452fa667f02ca385
-  languageName: node
-  linkType: hard
-
-"read-pkg@npm:^5.2.0":
-  version: 5.2.0
-  resolution: "read-pkg@npm:5.2.0"
-  dependencies:
-    "@types/normalize-package-data": "npm:^2.4.0"
-    normalize-package-data: "npm:^2.5.0"
-    parse-json: "npm:^5.0.0"
-    type-fest: "npm:^0.6.0"
-  checksum: 10c0/b51a17d4b51418e777029e3a7694c9bd6c578a5ab99db544764a0b0f2c7c0f58f8a6bc101f86a6fceb8ba6d237d67c89acf6170f6b98695d0420ddc86cf109fb
-  languageName: node
-  linkType: hard
-
 "readable-stream@npm:2":
   version: 2.3.8
   resolution: "readable-stream@npm:2.3.8"
@@ -18808,7 +17832,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"recast@npm:^0.23.1, recast@npm:^0.23.5":
+"recast@npm:^0.23.5":
   version: 0.23.9
   resolution: "recast@npm:0.23.9"
   dependencies:
@@ -18980,6 +18004,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"require-from-string@npm:^2.0.2":
+  version: 2.0.2
+  resolution: "require-from-string@npm:2.0.2"
+  checksum: 10c0/aaa267e0c5b022fc5fd4eef49d8285086b15f2a1c54b28240fdf03599cbd9c26049fee3eab894f2e1f6ca65e513b030a7c264201e3f005601e80c49fb2937ce2
+  languageName: node
+  linkType: hard
+
 "require-in-the-middle@npm:^7.1.1":
   version: 7.5.2
   resolution: "require-in-the-middle@npm:7.5.2"
@@ -18991,13 +18022,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"requireindex@npm:^1.1.0":
-  version: 1.2.0
-  resolution: "requireindex@npm:1.2.0"
-  checksum: 10c0/7fb42aed73bf8de9acc4d6716cf07acc7fbe180e58729433bafcf702e76e7bb10e54f8266c06bfec62d752e0ac14d50e8758833de539e6f4e2cd642077866153
-  languageName: node
-  linkType: hard
-
 "requires-port@npm:^1.0.0":
   version: 1.0.0
   resolution: "requires-port@npm:1.0.0"
@@ -19072,7 +18096,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"resolve@npm:^1.10.0, resolve@npm:^1.14.2, resolve@npm:^1.20.0, resolve@npm:^1.22.1, resolve@npm:^1.22.4, resolve@npm:^1.22.8, resolve@npm:~1.22.1":
+"resolve@npm:^1.14.2, resolve@npm:^1.20.0, resolve@npm:^1.22.1, resolve@npm:^1.22.4, resolve@npm:^1.22.8, resolve@npm:~1.22.1, resolve@npm:~1.22.2":
   version: 1.22.10
   resolution: "resolve@npm:1.22.10"
   dependencies:
@@ -19098,16 +18122,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"resolve@npm:~1.19.0":
-  version: 1.19.0
-  resolution: "resolve@npm:1.19.0"
-  dependencies:
-    is-core-module: "npm:^2.1.0"
-    path-parse: "npm:^1.0.6"
-  checksum: 10c0/1c8afdfb88c9adab0a19b6f16756d47f5917f64047bf5a38c17aa543aae5ccca2a0631671b19ce8460a7a3e65ead98ee70e046d3056ec173d3377a27487848a8
-  languageName: node
-  linkType: hard
-
 "resolve@patch:resolve@npm%3A1.22.8#optional!builtin<compat/resolve>":
   version: 1.22.8
   resolution: "resolve@patch:resolve@npm%3A1.22.8#optional!builtin<compat/resolve>::version=1.22.8&hash=c3c19d"
@@ -19121,7 +18135,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"resolve@patch:resolve@npm%3A^1.10.0#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.14.2#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.20.0#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.1#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.4#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.8#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A~1.22.1#optional!builtin<compat/resolve>":
+"resolve@patch:resolve@npm%3A^1.14.2#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.20.0#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.1#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.4#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.22.8#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A~1.22.1#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A~1.22.2#optional!builtin<compat/resolve>":
   version: 1.22.10
   resolution: "resolve@patch:resolve@npm%3A1.22.10#optional!builtin<compat/resolve>::version=1.22.10&hash=c3c19d"
   dependencies:
@@ -19147,16 +18161,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"resolve@patch:resolve@npm%3A~1.19.0#optional!builtin<compat/resolve>":
-  version: 1.19.0
-  resolution: "resolve@patch:resolve@npm%3A1.19.0#optional!builtin<compat/resolve>::version=1.19.0&hash=c3c19d"
-  dependencies:
-    is-core-module: "npm:^2.1.0"
-    path-parse: "npm:^1.0.6"
-  checksum: 10c0/254980f60dd9fdb28b34a511e70df6e3027d9627efce86a40757eea9b87252d172829c84517554560c4541ebfe207868270c19a0f086997b41209367aa8ef74f
-  languageName: node
-  linkType: hard
-
 "responselike@npm:^2.0.0":
   version: 2.0.1
   resolution: "responselike@npm:2.0.1"
@@ -19218,17 +18222,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"rimraf@npm:^2.6.3":
-  version: 2.7.1
-  resolution: "rimraf@npm:2.7.1"
-  dependencies:
-    glob: "npm:^7.1.3"
-  bin:
-    rimraf: ./bin.js
-  checksum: 10c0/4eef73d406c6940927479a3a9dee551e14a54faf54b31ef861250ac815172bade86cc6f7d64a4dc5e98b65e4b18a2e1c9ff3b68d296be0c748413f092bb0dd40
-  languageName: node
-  linkType: hard
-
 "rimraf@npm:^5.0.5":
   version: 5.0.10
   resolution: "rimraf@npm:5.0.10"
@@ -19240,6 +18233,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"rollup-preserve-directives@npm:^1.1.3":
+  version: 1.1.3
+  resolution: "rollup-preserve-directives@npm:1.1.3"
+  dependencies:
+    magic-string: "npm:^0.30.5"
+  peerDependencies:
+    rollup: ^2.0.0 || ^3.0.0 || ^4.0.0
+  checksum: 10c0/a3d1ecb0672f5dd15c8350d6c741345dfbc267e33d9f1c805a22af264d58fc7abb407bd57b8fceee7d522bd57948898c2f55361572e6735085e69d842055b680
+  languageName: node
+  linkType: hard
+
 "rollup@npm:3.29.5":
   version: 3.29.5
   resolution: "rollup@npm:3.29.5"
@@ -19254,29 +18258,29 @@ __metadata:
   languageName: node
   linkType: hard
 
-"rollup@npm:^4.20.0":
-  version: 4.34.8
-  resolution: "rollup@npm:4.34.8"
+"rollup@npm:^4.30.1, rollup@npm:^4.34.8":
+  version: 4.34.9
+  resolution: "rollup@npm:4.34.9"
   dependencies:
-    "@rollup/rollup-android-arm-eabi": "npm:4.34.8"
-    "@rollup/rollup-android-arm64": "npm:4.34.8"
-    "@rollup/rollup-darwin-arm64": "npm:4.34.8"
-    "@rollup/rollup-darwin-x64": "npm:4.34.8"
-    "@rollup/rollup-freebsd-arm64": "npm:4.34.8"
-    "@rollup/rollup-freebsd-x64": "npm:4.34.8"
-    "@rollup/rollup-linux-arm-gnueabihf": "npm:4.34.8"
-    "@rollup/rollup-linux-arm-musleabihf": "npm:4.34.8"
-    "@rollup/rollup-linux-arm64-gnu": "npm:4.34.8"
-    "@rollup/rollup-linux-arm64-musl": "npm:4.34.8"
-    "@rollup/rollup-linux-loongarch64-gnu": "npm:4.34.8"
-    "@rollup/rollup-linux-powerpc64le-gnu": "npm:4.34.8"
-    "@rollup/rollup-linux-riscv64-gnu": "npm:4.34.8"
-    "@rollup/rollup-linux-s390x-gnu": "npm:4.34.8"
-    "@rollup/rollup-linux-x64-gnu": "npm:4.34.8"
-    "@rollup/rollup-linux-x64-musl": "npm:4.34.8"
-    "@rollup/rollup-win32-arm64-msvc": "npm:4.34.8"
-    "@rollup/rollup-win32-ia32-msvc": "npm:4.34.8"
-    "@rollup/rollup-win32-x64-msvc": "npm:4.34.8"
+    "@rollup/rollup-android-arm-eabi": "npm:4.34.9"
+    "@rollup/rollup-android-arm64": "npm:4.34.9"
+    "@rollup/rollup-darwin-arm64": "npm:4.34.9"
+    "@rollup/rollup-darwin-x64": "npm:4.34.9"
+    "@rollup/rollup-freebsd-arm64": "npm:4.34.9"
+    "@rollup/rollup-freebsd-x64": "npm:4.34.9"
+    "@rollup/rollup-linux-arm-gnueabihf": "npm:4.34.9"
+    "@rollup/rollup-linux-arm-musleabihf": "npm:4.34.9"
+    "@rollup/rollup-linux-arm64-gnu": "npm:4.34.9"
+    "@rollup/rollup-linux-arm64-musl": "npm:4.34.9"
+    "@rollup/rollup-linux-loongarch64-gnu": "npm:4.34.9"
+    "@rollup/rollup-linux-powerpc64le-gnu": "npm:4.34.9"
+    "@rollup/rollup-linux-riscv64-gnu": "npm:4.34.9"
+    "@rollup/rollup-linux-s390x-gnu": "npm:4.34.9"
+    "@rollup/rollup-linux-x64-gnu": "npm:4.34.9"
+    "@rollup/rollup-linux-x64-musl": "npm:4.34.9"
+    "@rollup/rollup-win32-arm64-msvc": "npm:4.34.9"
+    "@rollup/rollup-win32-ia32-msvc": "npm:4.34.9"
+    "@rollup/rollup-win32-x64-msvc": "npm:4.34.9"
     "@types/estree": "npm:1.0.6"
     fsevents: "npm:~2.3.2"
   dependenciesMeta:
@@ -19322,7 +18326,7 @@ __metadata:
       optional: true
   bin:
     rollup: dist/bin/rollup
-  checksum: 10c0/b9e711e33413112fbb761107c3fddc4561dfc74335c393542a829a85ccfb2763bfd17bf2422d84a2e9bee7646e5367018973e97005fdf64e49c2e209612f0eb6
+  checksum: 10c0/dd0be1f7c4f8a93040026be13ecc39259fb55313db0dac7eafd97a3ac01ab4584e6b1a8afd86b0259dcf391699d5560a678abe6c0729af0aa4f2d5df70f05c8c
   languageName: node
   linkType: hard
 
@@ -19450,10 +18454,11 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "scandic@workspace:."
   dependencies:
-    "@types/react": "npm:^18"
-    "@types/react-dom": "npm:^18"
+    "@types/react": "npm:^18.2.0"
+    "@types/react-dom": "npm:^18.2.0"
     husky: "npm:^9.1.7"
     lint-staged: "npm:^15.2.2"
+    ts-node: "npm:^10.9.2"
   languageName: unknown
   linkType: soft
 
@@ -19482,7 +18487,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"semver@npm:2 || 3 || 4 || 5, semver@npm:^5.6.0":
+"semver@npm:^5.6.0":
   version: 5.7.2
   resolution: "semver@npm:5.7.2"
   bin:
@@ -19491,7 +18496,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"semver@npm:^6.0.0, semver@npm:^6.3.0, semver@npm:^6.3.1":
+"semver@npm:^6.3.0, semver@npm:^6.3.1":
   version: 6.3.1
   resolution: "semver@npm:6.3.1"
   bin:
@@ -19500,7 +18505,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"semver@npm:^7.3.5, semver@npm:^7.3.7, semver@npm:^7.5.2, semver@npm:^7.5.3, semver@npm:^7.5.4, semver@npm:^7.6.0, semver@npm:^7.6.2, semver@npm:^7.6.3":
+"semver@npm:^7.3.5, semver@npm:^7.5.2, semver@npm:^7.5.3, semver@npm:^7.5.4, semver@npm:^7.6.0, semver@npm:^7.6.2, semver@npm:^7.6.3":
   version: 7.7.1
   resolution: "semver@npm:7.7.1"
   bin:
@@ -19770,13 +18775,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"slash@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "slash@npm:2.0.0"
-  checksum: 10c0/f83dbd3cb62c41bb8fcbbc6bf5473f3234b97fa1d008f571710a9d3757a28c7169e1811cad1554ccb1cc531460b3d221c9a7b37f549398d9a30707f0a5af9193
-  languageName: node
-  linkType: hard
-
 "slash@npm:^3.0.0":
   version: 3.0.0
   resolution: "slash@npm:3.0.0"
@@ -19944,40 +18942,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"spdx-correct@npm:^3.0.0":
-  version: 3.2.0
-  resolution: "spdx-correct@npm:3.2.0"
-  dependencies:
-    spdx-expression-parse: "npm:^3.0.0"
-    spdx-license-ids: "npm:^3.0.0"
-  checksum: 10c0/49208f008618b9119208b0dadc9208a3a55053f4fd6a0ae8116861bd22696fc50f4142a35ebfdb389e05ccf2de8ad142573fefc9e26f670522d899f7b2fe7386
-  languageName: node
-  linkType: hard
-
-"spdx-exceptions@npm:^2.1.0":
-  version: 2.5.0
-  resolution: "spdx-exceptions@npm:2.5.0"
-  checksum: 10c0/37217b7762ee0ea0d8b7d0c29fd48b7e4dfb94096b109d6255b589c561f57da93bf4e328c0290046115961b9209a8051ad9f525e48d433082fc79f496a4ea940
-  languageName: node
-  linkType: hard
-
-"spdx-expression-parse@npm:^3.0.0":
-  version: 3.0.1
-  resolution: "spdx-expression-parse@npm:3.0.1"
-  dependencies:
-    spdx-exceptions: "npm:^2.1.0"
-    spdx-license-ids: "npm:^3.0.0"
-  checksum: 10c0/6f8a41c87759fa184a58713b86c6a8b028250f158159f1d03ed9d1b6ee4d9eefdc74181c8ddc581a341aa971c3e7b79e30b59c23b05d2436d5de1c30bdef7171
-  languageName: node
-  linkType: hard
-
-"spdx-license-ids@npm:^3.0.0":
-  version: 3.0.21
-  resolution: "spdx-license-ids@npm:3.0.21"
-  checksum: 10c0/ecb24c698d8496aa9efe23e0b1f751f8a7a89faedcdfcbfabae772b546c2db46ccde8f3bc447a238eb86bbcd4f73fea88720ef3b8394f7896381bec3d7736411
-  languageName: node
-  linkType: hard
-
 "split@npm:0.3":
   version: 0.3.3
   resolution: "split@npm:0.3.3"
@@ -20097,18 +19061,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"std-env@npm:^3.5.0":
+"std-env@npm:^3.8.0":
   version: 3.8.0
   resolution: "std-env@npm:3.8.0"
   checksum: 10c0/f560a2902fd0fa3d648d7d0acecbd19d664006f7372c1fba197ed4c216b4c9e48db6e2769b5fe1616d42a9333c9f066c5011935035e85c59f45dc4f796272040
   languageName: node
   linkType: hard
 
-"storybook@npm:^8.0.0-beta.0":
-  version: 8.5.8
-  resolution: "storybook@npm:8.5.8"
+"storybook@npm:^8.6.2":
+  version: 8.6.3
+  resolution: "storybook@npm:8.6.3"
   dependencies:
-    "@storybook/core": "npm:8.5.8"
+    "@storybook/core": "npm:8.6.3"
   peerDependencies:
     prettier: ^2 || ^3
   peerDependenciesMeta:
@@ -20118,7 +19082,7 @@ __metadata:
     getstorybook: ./bin/index.cjs
     sb: ./bin/index.cjs
     storybook: ./bin/index.cjs
-  checksum: 10c0/a02ccf3132c05341139deb23dd7731191b4542b80d0d4ed772d06f483373be5713e3db1003fddb8823da417c5c9353273032d30d61cfa6084a04b9b33dc764cc
+  checksum: 10c0/2aac4dcd8a623d296ba5a673c31368f66106eeb77ac5e26e6e7d86be8753216716bec1982855e70f531b46ff0d9b86cde84143a521dd4e9055b45781b3c2d656
   languageName: node
   linkType: hard
 
@@ -20405,15 +19369,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"strip-literal@npm:^2.0.0":
-  version: 2.1.1
-  resolution: "strip-literal@npm:2.1.1"
-  dependencies:
-    js-tokens: "npm:^9.0.1"
-  checksum: 10c0/66a7353f5ba1ae6a4fb2805b4aba228171847200640083117c41512692e6b2c020e18580402984f55c0ae69c30f857f9a55abd672863e4ca8fdb463fdf93ba19
-  languageName: node
-  linkType: hard
-
 "stubborn-fs@npm:^1.2.5":
   version: 1.2.5
   resolution: "stubborn-fs@npm:1.2.5"
@@ -20627,15 +19582,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"telejson@npm:^7.2.0":
-  version: 7.2.0
-  resolution: "telejson@npm:7.2.0"
-  dependencies:
-    memoizerific: "npm:^1.11.3"
-  checksum: 10c0/d26e6cc93e54bfdcdb207b49905508c5db45862e811a2e2193a735409e47b14530e1c19351618a3e03ad2fd4ffc3759364fcd72851aba2df0300fab574b6151c
-  languageName: node
-  linkType: hard
-
 "test-exclude@npm:^6.0.0":
   version: 6.0.0
   resolution: "test-exclude@npm:6.0.0"
@@ -20700,13 +19646,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tinybench@npm:^2.5.1":
+"tinybench@npm:^2.9.0":
   version: 2.9.0
   resolution: "tinybench@npm:2.9.0"
   checksum: 10c0/c3500b0f60d2eb8db65250afe750b66d51623057ee88720b7f064894a6cb7eb93360ca824a60a31ab16dab30c7b1f06efe0795b352e37914a9d4bad86386a20c
   languageName: node
   linkType: hard
 
+"tinyexec@npm:^0.3.2":
+  version: 0.3.2
+  resolution: "tinyexec@npm:0.3.2"
+  checksum: 10c0/3efbf791a911be0bf0821eab37a3445c2ba07acc1522b1fa84ae1e55f10425076f1290f680286345ed919549ad67527d07281f1c19d584df3b74326909eb1f90
+  languageName: node
+  linkType: hard
+
 "tinyglobby@npm:^0.2.12, tinyglobby@npm:^0.2.9":
   version: 0.2.12
   resolution: "tinyglobby@npm:0.2.12"
@@ -20717,10 +19670,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tinypool@npm:^0.8.3":
-  version: 0.8.4
-  resolution: "tinypool@npm:0.8.4"
-  checksum: 10c0/779c790adcb0316a45359652f4b025958c1dff5a82460fe49f553c864309b12ad732c8288be52f852973bc76317f5e7b3598878aee0beb8a33322c0e72c4a66c
+"tinypool@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "tinypool@npm:1.0.2"
+  checksum: 10c0/31ac184c0ff1cf9a074741254fe9ea6de95026749eb2b8ec6fd2b9d8ca94abdccda731f8e102e7f32e72ed3b36d32c6975fd5f5523df3f1b6de6c3d8dfd95e63
   languageName: node
   linkType: hard
 
@@ -20731,14 +19684,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tinyspy@npm:^2.2.0":
-  version: 2.2.1
-  resolution: "tinyspy@npm:2.2.1"
-  checksum: 10c0/0b4cfd07c09871e12c592dfa7b91528124dc49a4766a0b23350638c62e6a483d5a2a667de7e6282246c0d4f09996482ddaacbd01f0c05b7ed7e0f79d32409bdc
+"tinyrainbow@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "tinyrainbow@npm:2.0.0"
+  checksum: 10c0/c83c52bef4e0ae7fb8ec6a722f70b5b6fa8d8be1c85792e829f56c0e1be94ab70b293c032dc5048d4d37cfe678f1f5babb04bdc65fd123098800148ca989184f
   languageName: node
   linkType: hard
 
-"tinyspy@npm:^3.0.0":
+"tinyspy@npm:^3.0.0, tinyspy@npm:^3.0.2":
   version: 3.0.2
   resolution: "tinyspy@npm:3.0.2"
   checksum: 10c0/55ffad24e346622b59292e097c2ee30a63919d5acb7ceca87fc0d1c223090089890587b426e20054733f97a58f20af2c349fb7cc193697203868ab7ba00bcea0
@@ -20763,15 +19716,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tmp@npm:^0.0.33":
-  version: 0.0.33
-  resolution: "tmp@npm:0.0.33"
-  dependencies:
-    os-tmpdir: "npm:~1.0.2"
-  checksum: 10c0/69863947b8c29cabad43fe0ce65cec5bb4b481d15d4b4b21e036b060b3edbf3bc7a5541de1bacb437bb3f7c4538f669752627fdf9b4aaf034cebd172ba373408
-  languageName: node
-  linkType: hard
-
 "tmp@npm:~0.2.3":
   version: 0.2.3
   resolution: "tmp@npm:0.2.3"
@@ -20802,6 +19746,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"toggle-selection@npm:^1.0.6":
+  version: 1.0.6
+  resolution: "toggle-selection@npm:1.0.6"
+  checksum: 10c0/f2cf1f2c70f374fd87b0cdc8007453ba9e981c4305a8bf4eac10a30e62ecdfd28bca7d18f8f15b15a506bf8a7bfb20dbe3539f0fcf2a2c8396c1a78d53e1f179
+  languageName: node
+  linkType: hard
+
 "toidentifier@npm:1.0.1":
   version: 1.0.1
   resolution: "toidentifier@npm:1.0.1"
@@ -20862,15 +19813,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ts-api-utils@npm:^1.0.1":
-  version: 1.4.3
-  resolution: "ts-api-utils@npm:1.4.3"
-  peerDependencies:
-    typescript: ">=4.2.0"
-  checksum: 10c0/e65dc6e7e8141140c23e1dc94984bf995d4f6801919c71d6dc27cf0cd51b100a91ffcfe5217626193e5bea9d46831e8586febdc7e172df3f1091a7384299e23a
-  languageName: node
-  linkType: hard
-
 "ts-api-utils@npm:^2.0.1":
   version: 2.0.1
   resolution: "ts-api-utils@npm:2.0.1"
@@ -20955,13 +19897,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tslib@npm:^1.8.1":
-  version: 1.14.1
-  resolution: "tslib@npm:1.14.1"
-  checksum: 10c0/69ae09c49eea644bc5ebe1bca4fa4cc2c82b7b3e02f43b84bd891504edf66dbc6b2ec0eef31a957042de2269139e4acff911e6d186a258fb14069cd7f6febce2
-  languageName: node
-  linkType: hard
-
 "tsscmp@npm:1.0.6":
   version: 1.0.6
   resolution: "tsscmp@npm:1.0.6"
@@ -20969,17 +19904,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tsutils@npm:^3.21.0":
-  version: 3.21.0
-  resolution: "tsutils@npm:3.21.0"
-  dependencies:
-    tslib: "npm:^1.8.1"
-  peerDependencies:
-    typescript: ">=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta"
-  checksum: 10c0/02f19e458ec78ead8fffbf711f834ad8ecd2cc6ade4ec0320790713dccc0a412b99e7fd907c4cda2a1dc602c75db6f12e0108e87a5afad4b2f9e90a24cabd5a2
-  languageName: node
-  linkType: hard
-
 "tunnel-agent@npm:^0.6.0":
   version: 0.6.0
   resolution: "tunnel-agent@npm:0.6.0"
@@ -20989,13 +19913,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tween-functions@npm:^1.2.0":
-  version: 1.2.0
-  resolution: "tween-functions@npm:1.2.0"
-  checksum: 10c0/7e59295b8b0ee4132ed2fe335f56a9db5c87056dad6b6fd3011be72239fd20398003ddb4403bc98ad9f5c94468890830f64016edbbde35581faf95b32cda8305
-  languageName: node
-  linkType: hard
-
 "tweetnacl@npm:^0.14.3, tweetnacl@npm:~0.14.0":
   version: 0.14.5
   resolution: "tweetnacl@npm:0.14.5"
@@ -21019,13 +19936,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"type-detect@npm:^4.0.0, type-detect@npm:^4.1.0":
-  version: 4.1.0
-  resolution: "type-detect@npm:4.1.0"
-  checksum: 10c0/df8157ca3f5d311edc22885abc134e18ff8ffbc93d6a9848af5b682730ca6a5a44499259750197250479c5331a8a75b5537529df5ec410622041650a7f293e2a
-  languageName: node
-  linkType: hard
-
 "type-fest@npm:^0.10.0":
   version: 0.10.0
   resolution: "type-fest@npm:0.10.0"
@@ -21047,13 +19957,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"type-fest@npm:^0.6.0":
-  version: 0.6.0
-  resolution: "type-fest@npm:0.6.0"
-  checksum: 10c0/0c585c26416fce9ecb5691873a1301b5aff54673c7999b6f925691ed01f5b9232db408cdbb0bd003d19f5ae284322523f44092d1f81ca0a48f11f7cf0be8cd38
-  languageName: node
-  linkType: hard
-
 "type-fest@npm:^0.7.1":
   version: 0.7.1
   resolution: "type-fest@npm:0.7.1"
@@ -21061,13 +19964,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"type-fest@npm:^0.8.1":
-  version: 0.8.1
-  resolution: "type-fest@npm:0.8.1"
-  checksum: 10c0/dffbb99329da2aa840f506d376c863bd55f5636f4741ad6e65e82f5ce47e6914108f44f340a0b74009b0cb5d09d6752ae83203e53e98b1192cf80ecee5651636
-  languageName: node
-  linkType: hard
-
 "type-fest@npm:^2.19.0":
   version: 2.19.0
   resolution: "type-fest@npm:2.19.0"
@@ -21178,16 +20074,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"typescript@npm:5.4.2":
-  version: 5.4.2
-  resolution: "typescript@npm:5.4.2"
-  bin:
-    tsc: bin/tsc
-    tsserver: bin/tsserver
-  checksum: 10c0/583ff68cafb0c076695f72d61df6feee71689568179fb0d3a4834dac343df6b6ed7cf7b6f6c801fa52d43cd1d324e2f2d8ae4497b09f9e6cfe3d80a6d6c9ca52
-  languageName: node
-  linkType: hard
-
 "typescript@npm:5.4.5":
   version: 5.4.5
   resolution: "typescript@npm:5.4.5"
@@ -21198,7 +20084,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"typescript@npm:^5.2.2":
+"typescript@npm:5.7.3":
   version: 5.7.3
   resolution: "typescript@npm:5.7.3"
   bin:
@@ -21208,13 +20094,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"typescript@patch:typescript@npm%3A5.4.2#optional!builtin<compat/typescript>":
-  version: 5.4.2
-  resolution: "typescript@patch:typescript@npm%3A5.4.2#optional!builtin<compat/typescript>::version=5.4.2&hash=5adc0c"
+"typescript@npm:^5.7.3":
+  version: 5.8.2
+  resolution: "typescript@npm:5.8.2"
   bin:
     tsc: bin/tsc
     tsserver: bin/tsserver
-  checksum: 10c0/fcf6658073d07283910d9a0e04b1d5d0ebc822c04dbb7abdd74c3151c7aa92fcddbac7d799404e358197222006ccdc4c0db219d223d2ee4ccd9e2b01333b49be
+  checksum: 10c0/5c4f6fbf1c6389b6928fe7b8fcd5dc73bb2d58cd4e3883f1d774ed5bd83b151cbac6b7ecf11723de56d4676daeba8713894b1e9af56174f2f9780ae7848ec3c6
   languageName: node
   linkType: hard
 
@@ -21228,7 +20114,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"typescript@patch:typescript@npm%3A^5.2.2#optional!builtin<compat/typescript>":
+"typescript@patch:typescript@npm%3A5.7.3#optional!builtin<compat/typescript>":
   version: 5.7.3
   resolution: "typescript@patch:typescript@npm%3A5.7.3#optional!builtin<compat/typescript>::version=5.7.3&hash=5786d5"
   bin:
@@ -21238,6 +20124,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"typescript@patch:typescript@npm%3A^5.7.3#optional!builtin<compat/typescript>":
+  version: 5.8.2
+  resolution: "typescript@patch:typescript@npm%3A5.8.2#optional!builtin<compat/typescript>::version=5.8.2&hash=5786d5"
+  bin:
+    tsc: bin/tsc
+    tsserver: bin/tsserver
+  checksum: 10c0/5448a08e595cc558ab321e49d4cac64fb43d1fa106584f6ff9a8d8e592111b373a995a1d5c7f3046211c8a37201eb6d0f1566f15cdb7a62a5e3be01d087848e2
+  languageName: node
+  linkType: hard
+
 "typical@npm:^4.0.0":
   version: 4.0.0
   resolution: "typical@npm:4.0.0"
@@ -21266,15 +20162,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"uglify-js@npm:^3.1.4":
-  version: 3.19.3
-  resolution: "uglify-js@npm:3.19.3"
-  bin:
-    uglifyjs: bin/uglifyjs
-  checksum: 10c0/83b0a90eca35f778e07cad9622b80c448b6aad457c9ff8e568afed978212b42930a95f9e1be943a1ffa4258a3340fbb899f41461131c05bb1d0a9c303aed8479
-  languageName: node
-  linkType: hard
-
 "unbox-primitive@npm:^1.1.0":
   version: 1.1.0
   resolution: "unbox-primitive@npm:1.1.0"
@@ -21297,13 +20184,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"undici-types@npm:~5.26.4":
-  version: 5.26.5
-  resolution: "undici-types@npm:5.26.5"
-  checksum: 10c0/bb673d7876c2d411b6eb6c560e0c571eef4a01c1c19925175d16e3a30c4c428181fb8d7ae802a261f283e4166a0ac435e2f505743aa9e45d893f9a3df017b501
-  languageName: node
-  linkType: hard
-
 "undici-types@npm:~6.19.2":
   version: 6.19.8
   resolution: "undici-types@npm:6.19.8"
@@ -21374,13 +20254,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"universalify@npm:^0.1.0":
-  version: 0.1.2
-  resolution: "universalify@npm:0.1.2"
-  checksum: 10c0/e70e0339f6b36f34c9816f6bf9662372bd241714dc77508d231d08386d94f2c4aa1ba1318614f92015f40d45aae1b9075cd30bd490efbe39387b60a76ca3f045
-  languageName: node
-  linkType: hard
-
 "universalify@npm:^0.2.0":
   version: 0.2.0
   resolution: "universalify@npm:0.2.0"
@@ -21463,7 +20336,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"uri-js@npm:^4.2.2":
+"uri-js@npm:^4.2.2, uri-js@npm:^4.4.1":
   version: 4.4.1
   resolution: "uri-js@npm:4.4.1"
   dependencies:
@@ -21605,23 +20478,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"validate-npm-package-license@npm:^3.0.1":
-  version: 3.0.4
-  resolution: "validate-npm-package-license@npm:3.0.4"
-  dependencies:
-    spdx-correct: "npm:^3.0.0"
-    spdx-expression-parse: "npm:^3.0.0"
-  checksum: 10c0/7b91e455a8de9a0beaa9fe961e536b677da7f48c9a493edf4d4d4a87fd80a7a10267d438723364e432c2fcd00b5650b5378275cded362383ef570276e6312f4f
-  languageName: node
-  linkType: hard
-
-"validator@npm:^13.7.0":
-  version: 13.12.0
-  resolution: "validator@npm:13.12.0"
-  checksum: 10c0/21d48a7947c9e8498790550f56cd7971e0e3d724c73388226b109c1bac2728f4f88caddfc2f7ed4b076f9b0d004316263ac786a17e9c4edf075741200718cd32
-  languageName: node
-  linkType: hard
-
 "vary@npm:^1.1.2":
   version: 1.1.2
   resolution: "vary@npm:1.1.2"
@@ -21640,77 +20496,85 @@ __metadata:
   languageName: node
   linkType: hard
 
-"vite-node@npm:1.6.1":
-  version: 1.6.1
-  resolution: "vite-node@npm:1.6.1"
+"vite-node@npm:3.0.7":
+  version: 3.0.7
+  resolution: "vite-node@npm:3.0.7"
   dependencies:
     cac: "npm:^6.7.14"
-    debug: "npm:^4.3.4"
-    pathe: "npm:^1.1.1"
-    picocolors: "npm:^1.0.0"
-    vite: "npm:^5.0.0"
+    debug: "npm:^4.4.0"
+    es-module-lexer: "npm:^1.6.0"
+    pathe: "npm:^2.0.3"
+    vite: "npm:^5.0.0 || ^6.0.0"
   bin:
     vite-node: vite-node.mjs
-  checksum: 10c0/4d96da9f11bd0df8b60c46e65a740edaad7dd2d1aff3cdb3da5714ea8c10b5f2683111b60bfe45545c7e8c1f33e7e8a5095573d5e9ba55f50a845233292c2e02
+  checksum: 10c0/caaebe014ad1b795c4c1c0adcb36bc78c9d34f1d43966526cd0cb41dc3aae717dc7a746c369006bfe8f30be54e7f3ce562aa86d38201ec79e4fad41f45b1edb2
   languageName: node
   linkType: hard
 
-"vite-plugin-dts@npm:^3.7.2":
-  version: 3.9.1
-  resolution: "vite-plugin-dts@npm:3.9.1"
+"vite-plugin-dts@npm:^4.5.0":
+  version: 4.5.1
+  resolution: "vite-plugin-dts@npm:4.5.1"
   dependencies:
-    "@microsoft/api-extractor": "npm:7.43.0"
-    "@rollup/pluginutils": "npm:^5.1.0"
-    "@vue/language-core": "npm:^1.8.27"
-    debug: "npm:^4.3.4"
+    "@microsoft/api-extractor": "npm:^7.50.1"
+    "@rollup/pluginutils": "npm:^5.1.4"
+    "@volar/typescript": "npm:^2.4.11"
+    "@vue/language-core": "npm:2.2.4"
+    compare-versions: "npm:^6.1.1"
+    debug: "npm:^4.4.0"
     kolorist: "npm:^1.8.0"
-    magic-string: "npm:^0.30.8"
-    vue-tsc: "npm:^1.8.27"
+    local-pkg: "npm:^1.0.0"
+    magic-string: "npm:^0.30.17"
   peerDependencies:
     typescript: "*"
     vite: "*"
   peerDependenciesMeta:
     vite:
       optional: true
-  checksum: 10c0/a38e02f2383df9db4b0b35bece0c2f96fc3f4bf695dd6cf717caadb4be457c1fdb4a87ed77b61a7beec494c730ea4c0656c9f968ecefbe42435f765c3b887996
+  checksum: 10c0/1b8f6017351d73f54c105d04018944c738a8579d92b868a8bdaab6c7a60d0d347cc0ec27dadbcb79921da5f32699c772aadc14e5348590e03fed06c1fd0cacba
   languageName: node
   linkType: hard
 
-"vite-plugin-lib-inject-css@npm:^1.3.0":
-  version: 1.3.0
-  resolution: "vite-plugin-lib-inject-css@npm:1.3.0"
+"vite-plugin-lib-inject-css@npm:^2.2.1":
+  version: 2.2.1
+  resolution: "vite-plugin-lib-inject-css@npm:2.2.1"
   dependencies:
-    magic-string: "npm:^0.30.2"
-    picocolors: "npm:^1.0.0"
+    "@ast-grep/napi": "npm:^0.32.2"
+    magic-string: "npm:^0.30.17"
+    picocolors: "npm:^1.1.1"
   peerDependencies:
     vite: "*"
-  checksum: 10c0/0af1fc7c6767041dec721deea4dbdf0c86699ffeaac046a00c10b5789139fe458f2e5ce9b0036de80e3ebcef724d13a3167911fb10583affa290ed3f2a1316db
+  checksum: 10c0/4761c53e5692f8e0ee5e33bc64cb15c3792c52c0951a20e893bc20b681f25b5f2a9c9e1dfae6896aa092161d5dced0e681eef5911a45a1fb1c6e6bc2228a6542
   languageName: node
   linkType: hard
 
-"vite@npm:^5.0.0, vite@npm:^5.0.8":
-  version: 5.4.14
-  resolution: "vite@npm:5.4.14"
+"vite@npm:^5.0.0 || ^6.0.0, vite@npm:^6.0.9":
+  version: 6.2.0
+  resolution: "vite@npm:6.2.0"
   dependencies:
-    esbuild: "npm:^0.21.3"
+    esbuild: "npm:^0.25.0"
     fsevents: "npm:~2.3.3"
-    postcss: "npm:^8.4.43"
-    rollup: "npm:^4.20.0"
+    postcss: "npm:^8.5.3"
+    rollup: "npm:^4.30.1"
   peerDependencies:
-    "@types/node": ^18.0.0 || >=20.0.0
+    "@types/node": ^18.0.0 || ^20.0.0 || >=22.0.0
+    jiti: ">=1.21.0"
     less: "*"
     lightningcss: ^1.21.0
     sass: "*"
     sass-embedded: "*"
     stylus: "*"
     sugarss: "*"
-    terser: ^5.4.0
+    terser: ^5.16.0
+    tsx: ^4.8.1
+    yaml: ^2.4.2
   dependenciesMeta:
     fsevents:
       optional: true
   peerDependenciesMeta:
     "@types/node":
       optional: true
+    jiti:
+      optional: true
     less:
       optional: true
     lightningcss:
@@ -21725,46 +20589,53 @@ __metadata:
       optional: true
     terser:
       optional: true
+    tsx:
+      optional: true
+    yaml:
+      optional: true
   bin:
     vite: bin/vite.js
-  checksum: 10c0/8842933bd70ca6a98489a0bb9c8464bec373de00f9a97c8c7a4e64b24d15c88bfaa8c1acb38a68c3e5eb49072ffbccb146842c2d4edcdd036a9802964cffe3d1
+  checksum: 10c0/db62c93d4a823e805c6f8429de035528b3c35cc7f6de4948b41e0528f94ed2ac55047d90f8534f626ef3a04e682883b570fe5ec9ee92f51bf0c3c210dbec5ac1
   languageName: node
   linkType: hard
 
-"vitest@npm:^1.2.2":
-  version: 1.6.1
-  resolution: "vitest@npm:1.6.1"
+"vitest@npm:^3.0.2":
+  version: 3.0.7
+  resolution: "vitest@npm:3.0.7"
   dependencies:
-    "@vitest/expect": "npm:1.6.1"
-    "@vitest/runner": "npm:1.6.1"
-    "@vitest/snapshot": "npm:1.6.1"
-    "@vitest/spy": "npm:1.6.1"
-    "@vitest/utils": "npm:1.6.1"
-    acorn-walk: "npm:^8.3.2"
-    chai: "npm:^4.3.10"
-    debug: "npm:^4.3.4"
-    execa: "npm:^8.0.1"
-    local-pkg: "npm:^0.5.0"
-    magic-string: "npm:^0.30.5"
-    pathe: "npm:^1.1.1"
-    picocolors: "npm:^1.0.0"
-    std-env: "npm:^3.5.0"
-    strip-literal: "npm:^2.0.0"
-    tinybench: "npm:^2.5.1"
-    tinypool: "npm:^0.8.3"
-    vite: "npm:^5.0.0"
-    vite-node: "npm:1.6.1"
-    why-is-node-running: "npm:^2.2.2"
+    "@vitest/expect": "npm:3.0.7"
+    "@vitest/mocker": "npm:3.0.7"
+    "@vitest/pretty-format": "npm:^3.0.7"
+    "@vitest/runner": "npm:3.0.7"
+    "@vitest/snapshot": "npm:3.0.7"
+    "@vitest/spy": "npm:3.0.7"
+    "@vitest/utils": "npm:3.0.7"
+    chai: "npm:^5.2.0"
+    debug: "npm:^4.4.0"
+    expect-type: "npm:^1.1.0"
+    magic-string: "npm:^0.30.17"
+    pathe: "npm:^2.0.3"
+    std-env: "npm:^3.8.0"
+    tinybench: "npm:^2.9.0"
+    tinyexec: "npm:^0.3.2"
+    tinypool: "npm:^1.0.2"
+    tinyrainbow: "npm:^2.0.0"
+    vite: "npm:^5.0.0 || ^6.0.0"
+    vite-node: "npm:3.0.7"
+    why-is-node-running: "npm:^2.3.0"
   peerDependencies:
     "@edge-runtime/vm": "*"
-    "@types/node": ^18.0.0 || >=20.0.0
-    "@vitest/browser": 1.6.1
-    "@vitest/ui": 1.6.1
+    "@types/debug": ^4.1.12
+    "@types/node": ^18.0.0 || ^20.0.0 || >=22.0.0
+    "@vitest/browser": 3.0.7
+    "@vitest/ui": 3.0.7
     happy-dom: "*"
     jsdom: "*"
   peerDependenciesMeta:
     "@edge-runtime/vm":
       optional: true
+    "@types/debug":
+      optional: true
     "@types/node":
       optional: true
     "@vitest/browser":
@@ -21777,32 +20648,14 @@ __metadata:
       optional: true
   bin:
     vitest: vitest.mjs
-  checksum: 10c0/511d27d7f697683964826db2fad7ac303f9bc7eeb59d9422111dc488371ccf1f9eed47ac3a80eb47ca86b7242228ba5ca9cc3613290830d0e916973768cac215
+  checksum: 10c0/79075fdb493771bebe45df8cd88ab872cdaceca31420977dea43d8792fd308278a9274645220e12c24373f1e91a8848b41cedebef15fd5b538c0ea9660f42de3
   languageName: node
   linkType: hard
 
-"vue-template-compiler@npm:^2.7.14":
-  version: 2.7.16
-  resolution: "vue-template-compiler@npm:2.7.16"
-  dependencies:
-    de-indent: "npm:^1.0.2"
-    he: "npm:^1.2.0"
-  checksum: 10c0/66667ffd5095b707f169c902c4f1a011e9d5ab99fc228e4dac14eb5ca7f107ed99bff261b21578a4b391d2f3d320a8050e754404443472acad13ddaa4bd7bae2
-  languageName: node
-  linkType: hard
-
-"vue-tsc@npm:^1.8.27":
-  version: 1.8.27
-  resolution: "vue-tsc@npm:1.8.27"
-  dependencies:
-    "@volar/typescript": "npm:~1.11.1"
-    "@vue/language-core": "npm:1.8.27"
-    semver: "npm:^7.5.4"
-  peerDependencies:
-    typescript: "*"
-  bin:
-    vue-tsc: bin/vue-tsc.js
-  checksum: 10c0/6e6ba37eb7a0c8b9cc613225729c74edf8bd0632d265e62aca28b1969b5615b9dbe2de03aefb8aed2e26fdbd4b93f134785c8ab0095f92c2469192e2db5d09fd
+"vscode-uri@npm:^3.0.8":
+  version: 3.1.0
+  resolution: "vscode-uri@npm:3.1.0"
+  checksum: 10c0/5f6c9c10fd9b1664d71fab4e9fbbae6be93c7f75bb3a1d9d74399a88ab8649e99691223fd7cef4644376cac6e94fa2c086d802521b9a8e31c5af3e60f0f35624
   languageName: node
   linkType: hard
 
@@ -22006,7 +20859,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"why-is-node-running@npm:^2.2.2":
+"why-is-node-running@npm:^2.3.0":
   version: 2.3.0
   resolution: "why-is-node-running@npm:2.3.0"
   dependencies:
@@ -22034,13 +20887,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"wordwrap@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "wordwrap@npm:1.0.0"
-  checksum: 10c0/7ed2e44f3c33c5c3e3771134d2b0aee4314c9e49c749e37f464bf69f2bcdf0cbf9419ca638098e2717cff4875c47f56a007532f6111c3319f557a2ca91278e92
-  languageName: node
-  linkType: hard
-
 "wordwrapjs@npm:^4.0.0":
   version: 4.0.1
   resolution: "wordwrapjs@npm:4.0.1"
@@ -22205,7 +21051,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"yaml@npm:^2.2.2, yaml@npm:^2.7.0":
+"yaml@npm:^2.7.0":
   version: 2.7.0
   resolution: "yaml@npm:2.7.0"
   bin:
@@ -22267,13 +21113,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"yocto-queue@npm:^1.0.0":
-  version: 1.1.1
-  resolution: "yocto-queue@npm:1.1.1"
-  checksum: 10c0/cb287fe5e6acfa82690acb43c283de34e945c571a78a939774f6eaba7c285bacdf6c90fbc16ce530060863984c906d2b4c6ceb069c94d1e0a06d5f2b458e2a92
-  languageName: node
-  linkType: hard
-
 "yup@npm:^1.2.0":
   version: 1.6.1
   resolution: "yup@npm:1.6.1"
@@ -22286,23 +21125,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"z-schema@npm:~5.0.2":
-  version: 5.0.5
-  resolution: "z-schema@npm:5.0.5"
-  dependencies:
-    commander: "npm:^9.4.1"
-    lodash.get: "npm:^4.4.2"
-    lodash.isequal: "npm:^4.5.0"
-    validator: "npm:^13.7.0"
-  dependenciesMeta:
-    commander:
-      optional: true
-  bin:
-    z-schema: bin/z-schema
-  checksum: 10c0/e4c812cfe6468c19b2a21d07d4ff8fb70359062d33400b45f89017eaa3efe9d51e85963f2b115eaaa99a16b451782249bf9b1fa8b31d35cc473e7becb3e44264
-  languageName: node
-  linkType: hard
-
 "zod@npm:^3.22.4":
   version: 3.24.2
   resolution: "zod@npm:3.24.2"