@aarhus-university/au-designsystem-delphinus 0.33.4 → 0.34.0

package/CHANGELOG.md

@@ -1,3 +1,44 @@
+## 0.34.0 (January 11, 2022)
+This is the **biggest** Delphinus update yet! Enjoy!
+
+### Core Delphinus Updates
+* **CHANGED MARKUP:** [Horizontal scroll component](https://delphinus.au.dk/components/horizontal-scroll) now needs a wrapper (`.horizontal-scroll__scrollable-content`) for it's content. Also `.horizontal-scroll__scrollable-content-padding` is deprecated and has no effect anymore. Padding is added automatically when `.horizontal-scroll` sits inside a `.page__content__block--no-padding`.
+* **CHANGED MARKUP:** Use of input fields in toolbar requires new markup, see [toolbar](https://delphinus.au.dk/components/toolbar).
+* **CHANGED MARKUP:** [Modal views](https://delphinus.au.dk/components/modal-view) now require a `.modal-view__container` around te modal-view__body.
+* **CHANGED MARKUP:** `.search-filter__item` now requires the value of the filter to be wrapped in a span with class `.search-filter__item__value`. See [search fields](https://delphinus.au.dk/form-search).
+* **DEPRECATED:** `.modal-view__body--high` modifier. Use `.modal-view--high` instead (must be set directly on `.modal-view` div, see [modal views](https://delphinus.au.dk/components/modal-view)).
+* **DEPRECATED:** `.toggle-button` component can no longer be used.
+* **REMOVED:** stylesheet no longer includes warning for browsers that do not support CSS vars (previously shown as a red banner at the top of the page).
+* Updated to use Font Awesome 6 for [icons](https://delphinus.au.dk/icons).
+* **WARNING:** Delphinus now uses a [subset of Font Awesome](https://delphinus.au.dk/icons.html#icon-details). All other icons are no longer available. Is your icon missing? Please tell us at <claus.stadel@au.dk>.
+* **TO BE DEPRECATED:** In stead of setting icons on buttons etc. via a `data-icon` attribute, set icons using the [icon classes](https://delphinus.au.dk/icons.html#icon-details).
+* Introduces a 5th font-size in Delphinus, so that `h3`'s are now larger than the body text.
+* Adds new components: [Cards](https://delphinus.au.dk/components/cards), [Tags](https://delphinus.au.dk/components/tags), [Profile images](https://delphinus.au.dk/components/profile-image), [Switch](https://delphinus.au.dk/components/switch) and [Truncator](https://delphinus.au.dk/components/truncator).
+* Adds header and snapping option for [horizontal scroll](https://delphinus.au.dk/components/horizontal-scroll).
+* Adds support for [`select`'s with inline label](https://delphinus.au.dk/form-search.html#inline-select).
+* Adds style for [`.copy-to-clipboard`](https://delphinus.au.dk/components/copy-to-clipboard) (previously only markup and js). And adds option to use button inside `.copy-to-clipboard`, to not have the entire element be a button.
+* Better and more accessible [search fields](https://delphinus.au.dk/form-search). And you can now have a [search field in the header](https://delphinus.au.dk/navigation).
+* Adds `.page__content__block--small-gap-above` and `.page__content__block--extra-small-gap-above` modifiers to make the gap between two `.page__content__block`'s smaller than the default.
+* Adds new modifiers to change design and behaviour of the [toolbar component](https://delphinus.au.dk/components/toolbar).
+* Adds `.toolbar__filter` option for adding [multidimensional filters in a toolbar](https://delphinus.au.dk/components/toolbar.html#filters)
+* Adds new modifiers for [List Navigator component](https://delphinus.au.dk/components/list-navigator.html)
+* Adds modifiers for larger facts and links in [fact list component](https://delphinus.au.dk/components/fact-list).
+* Improves scrolling and sizing of [modal views](https://delphinus.au.dk/components/modal-view) on small screens: Now better prevents scrolling of the page behind the modal-view, and height of modal-view better accommodates the actual height of the viewport regardless of browser chrome visibility.
+
+### Delphinus Projects Updates
+#### Mit Studie
+Fixed timetable style for new `.horizontal-scroll` markup and style.
+
+### Typo3
+* Adds support for using delphinus `.page` layout in Typo3.
+* Adds fixes for using Cards and Horizontal scroll components inside Typo3
+* Added initial styling and markup for [employee profiles](https://delphinus.au.dk/projects/typo3/employee-profiles/).
+* Moved news and events demo pages to subdirectory.
+
+### Course catalogue
+Adds [the project](https://delphinus.au.dk/projects/course-catalogue/)
+
+
 ## 0.33.4 (December 15, 2022)
 
 ### Core Delphinus Updates
@@ -5,8 +46,7 @@ None
 
 ### Delphinus Projects Updates
 #### Typo3
-Changes naming of classes for info boxes in news, so that only one class is required regardless of positioning of the info box. Previously used additionl `--left` and `--rigth` modifer classes to set float.
-
+Changes naming of classes for info boxes in news, so that only one class is required regardless of positioning of the info box. Previously used an additional `--left` and `--rigth` modifer classes to set floating of the box on wider screens.
 
 ## 0.33.3 (November 17, 2022)
 
@@ -98,6 +138,8 @@ Updated setCopyToClipboard to take a non-hardcoded label for "Copied" notificati
 ### Delphinus Projects Updates
 None
 
+
+
 ## 0.30.10 (August 24, 2022)
 
 ### Core Delphinus Updates

package/Gruntfile.js

@@ -88,7 +88,7 @@ module.exports = (grunt) => {
         tasks: ['copy', 'cleanempty'],
       },
       webpack: {
-        files: ['source/**/*.js'],
+        files: ['source/**/*.ts'],
         tasks: ['webpack'],
       },
     },

package/README.md

@@ -2,4 +2,4 @@
 
 For more information on how to use, see our [coding documentation](https://delphinus.au.dk/code).
 
-For updates on fixes, changes and new features, see our [release notes](https://gitlab.au.dk/au-web-og-digital/au-designsystem-delphinus/-/blob/master/CHANGELOG.md) (requires Aarhus University-login).
+For updates on fixes, changes and new features, see our [release notes](https://delphinus.au.dk/changelog) 

package/build/changelog.html

@@ -1,8 +1,68 @@
-<!doctype html><html lang="en-US"><head><title>Changelog - Delphinus Design System</title><meta charset="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"/><meta name="format-detection" content="telephone=no"/><meta name="format-detection" content="date=no"/><meta name="format-detection" content="address=no"/><meta name="format-detection" content="email=no"/><meta name="robots" content="noindex, nofollow"/><link rel="preload" as="font" href="https://fonts.au.dk/fonts/fa-pro-solid-900.otf" type="font/otf" crossorigin="anonymous"/><link rel="preload" as="font" href="https://fonts.au.dk/fonts/au_peto-webfont.woff" type="font/woff" crossorigin="anonymous"/><link rel="icon" href="/assets/delphinus-favicon.ico" sizes="any"/><link rel="icon" href="/assets/delphinus-favicon.svg" type="image/svg+xml"/><link rel="apple-touch-icon" href="/assets/delphinus-apple-touch-icon.png"/><script src="/js/demo.js"></script><script src="/js/app.js"></script><link rel="stylesheet" href="/demo-style.css"/><script async="async" src="https://siteimproveanalytics.com/js/siteanalyze_4573657.js"></script><!-- Global site tag (gtag.js) - Google Analytics --><script async="async" src="https://www.googletagmanager.com/gtag/js?id=UA-158118132-1"></script><script>window.dataLayer = window.dataLayer || [];
+<!doctype html><html lang="en-US"><head><title>Changelog - Delphinus Design System</title><!--meta(HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE")--><!--meta(HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE")--><meta charset="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"/><meta name="format-detection" content="telephone=no"/><meta name="format-detection" content="date=no"/><meta name="format-detection" content="address=no"/><meta name="format-detection" content="email=no"/><meta name="robots" content="noindex, nofollow"/><link rel="preload" as="font" href="https://fonts.au.dk/fonts/fa6/fa-pro-solid-900.otf" type="font/otf" crossorigin="anonymous"/><link rel="preload" as="font" href="https://fonts.au.dk/fonts/au_peto-webfont.woff" type="font/woff" crossorigin="anonymous"/><link rel="icon" href="/assets/delphinus-favicon.ico" sizes="any"/><link rel="icon" href="/assets/delphinus-favicon.svg" type="image/svg+xml"/><link rel="apple-touch-icon" href="/assets/delphinus-apple-touch-icon.png"/><script src="/js/demo.js"></script><script src="/js/app.js"></script><link rel="stylesheet" href="/demo-style.css"/><script async="async" src="https://siteimproveanalytics.com/js/siteanalyze_4573657.js"></script><!-- Global site tag (gtag.js) - Google Analytics --><script async="async" src="https://www.googletagmanager.com/gtag/js?id=UA-158118132-1"></script><script>window.dataLayer = window.dataLayer || [];
 function gtag(){dataLayer.push(arguments);}
 gtag('js', new Date());
 gtag('config', 'UA-158118132-1');</script></head><body class="theme--dark body--scrollbar-dark" id="body"><div class="page" id="page"><aside class="page__accessibility" aria-labelledby="skip-to-content"><a class="button button--dimmed screenreader-only screenreader-only--show-on-focus" href="#content" id="skip-to-content">Skip to main content</a></aside><header class="page__header"><nav class="nav--has-active-item nav nav--site-nav" aria-label="Main navigation"><div><a href="/"><div class="delphinus"><h1 id="home"> <strong>Delphinus</strong> 
-Design System</h1></div></a></div><div class="nav__site"><div class="nav__items" id="nav-items-global"><a class="nav__item" href="/text.html">Text</a><a class="nav__item" href="/colors.html">Colors</a><a class="nav__item" href="/spacings.html">Whitespace</a><a class="nav__item" href="/interactivity.html">Interactivity</a><a class="nav__item" href="/navigation.html">Navigation</a><a class="nav__item" href="/layout.html">Layout</a><a class="nav__item" href="/buttons.html">Buttons</a><a class="nav__item" href="/form.html">Forms</a><a class="nav__item" href="/icons.html">Icons</a><a class="nav__item" href="/tables.html">Tables</a><a class="nav__item" href="/components">Components</a><div class="nav__split"></div><a class="nav__item" href="/atom-fonts.html">Atoms</a><a class="nav__item" href="/code.html">Code</a><a class="nav__item" href="/projects">Projects</a><a class="nav__item--active nav__item" href="/changelog.html">Changelog</a></div><button class="nav__toggle" title="Show full menu" aria-label="Show full menu" aria-haspopup="true" aria-expanded="false" aria-controls="nav-items-global">Menu</button></div></nav></header><main class="page__content theme--normal" id="content"><div class="page__content__block"><h1> <strong>Changelog</strong></h1><div class="changelog"><h2>0.33.3 (November 17, 2022)</h2>
+Design System</h1></div></a></div><div class="nav__site"><div class="nav__items"><!--add header or splitter before the item--><!--determine if item should be active--><!--for demo purposes: if active item is a number, this defines the index of the item, that should be active  --><!--set the path to the page--><!--for demo purposes, if the slug is null make an anchor link without an anchor --><a class="nav__item" href="/text.html">Text</a><!--add header or splitter before the item--><!--determine if item should be active--><!--for demo purposes: if active item is a number, this defines the index of the item, that should be active  --><!--set the path to the page--><!--for demo purposes, if the slug is null make an anchor link without an anchor --><a class="nav__item" href="/colors.html">Colors</a><!--add header or splitter before the item--><!--determine if item should be active--><!--for demo purposes: if active item is a number, this defines the index of the item, that should be active  --><!--set the path to the page--><!--for demo purposes, if the slug is null make an anchor link without an anchor --><a class="nav__item" href="/spacings.html">Whitespace</a><!--add header or splitter before the item--><!--determine if item should be active--><!--for demo purposes: if active item is a number, this defines the index of the item, that should be active  --><!--set the path to the page--><!--for demo purposes, if the slug is null make an anchor link without an anchor --><a class="nav__item" href="/interactivity.html">Interactivity</a><!--add header or splitter before the item--><!--determine if item should be active--><!--for demo purposes: if active item is a number, this defines the index of the item, that should be active  --><!--set the path to the page--><!--for demo purposes, if the slug is null make an anchor link without an anchor --><a class="nav__item" href="/navigation.html">Navigation</a><!--add header or splitter before the item--><!--determine if item should be active--><!--for demo purposes: if active item is a number, this defines the index of the item, that should be active  --><!--set the path to the page--><!--for demo purposes, if the slug is null make an anchor link without an anchor --><a class="nav__item" href="/layout.html">Layout</a><!--add header or splitter before the item--><!--determine if item should be active--><!--for demo purposes: if active item is a number, this defines the index of the item, that should be active  --><!--set the path to the page--><!--for demo purposes, if the slug is null make an anchor link without an anchor --><a class="nav__item" href="/buttons.html">Buttons</a><!--add header or splitter before the item--><!--determine if item should be active--><!--for demo purposes: if active item is a number, this defines the index of the item, that should be active  --><!--set the path to the page--><!--for demo purposes, if the slug is null make an anchor link without an anchor --><a class="nav__item" href="/form.html">Forms</a><!--add header or splitter before the item--><!--determine if item should be active--><!--for demo purposes: if active item is a number, this defines the index of the item, that should be active  --><!--set the path to the page--><!--for demo purposes, if the slug is null make an anchor link without an anchor --><a class="nav__item" href="/icons.html">Icons</a><!--add header or splitter before the item--><!--determine if item should be active--><!--for demo purposes: if active item is a number, this defines the index of the item, that should be active  --><!--set the path to the page--><!--for demo purposes, if the slug is null make an anchor link without an anchor --><a class="nav__item" href="/tables.html">Tables</a><!--add header or splitter before the item--><!--determine if item should be active--><!--for demo purposes: if active item is a number, this defines the index of the item, that should be active  --><!--set the path to the page--><!--for demo purposes, if the slug is null make an anchor link without an anchor --><a class="nav__item" href="/components">Components</a><!--add header or splitter before the item--><div class="nav__split"></div><!--determine if item should be active--><!--for demo purposes: if active item is a number, this defines the index of the item, that should be active  --><!--set the path to the page--><!--for demo purposes, if the slug is null make an anchor link without an anchor --><a class="nav__item" href="/atom-fonts.html">Atoms</a><!--add header or splitter before the item--><!--determine if item should be active--><!--for demo purposes: if active item is a number, this defines the index of the item, that should be active  --><!--set the path to the page--><!--for demo purposes, if the slug is null make an anchor link without an anchor --><a class="nav__item" href="/code.html">Code</a><!--add header or splitter before the item--><!--determine if item should be active--><!--for demo purposes: if active item is a number, this defines the index of the item, that should be active  --><!--set the path to the page--><!--for demo purposes, if the slug is null make an anchor link without an anchor --><a class="nav__item" href="/projects">Projects</a><!--add header or splitter before the item--><!--determine if item should be active--><!--for demo purposes: if active item is a number, this defines the index of the item, that should be active  --><!--set the path to the page--><!--for demo purposes, if the slug is null make an anchor link without an anchor --><a class="nav__item--active nav__item" href="/changelog.html">Changelog</a></div><button class="nav__toggle" aria-haspopup="true" aria-expanded="false" title="">Menu</button><!--.nav__items#nav-items-globala(href="/text.html" class= active_nav_item=="text" ? "nav__item--active" : "").nav__item Text
+a(href="/colors.html" class= active_nav_item=="colors" ? "nav__item--active" : "").nav__item Colors
+a(href="/spacings.html" class= active_nav_item=="spacing" ? "nav__item--active" : "").nav__item Whitespace
+a(href="/interactivity.html" class= active_nav_item=="interactivity" ? "nav__item--active" : "").nav__item Interactivity
+a(href="/navigation.html" class= active_nav_item=="navigation" ? "nav__item--active" : "").nav__item Navigation
+a(href="/layout.html" class= active_nav_item=="layout" ? "nav__item--active" : "").nav__item Layout
+a(href="/buttons.html" class= active_nav_item=="buttons" ? "nav__item--active" : "").nav__item Buttons
+a(href="/form.html" class= active_nav_item=="forms" ? "nav__item--active" : "").nav__item Forms
+a(href="/icons.html" class= active_nav_item=="icons" ? "nav__item--active" : "").nav__item Icons
+a(href="/tables.html" class= active_nav_item=="tables" ? "nav__item--active" : "").nav__item Tables
+a(href="/components" class= active_nav_item=="components" ? "nav__item--active" : "").nav__item Components
+.nav__split
+a(href="/atom-fonts.html" class= active_nav_item=="atoms" ? "nav__item--active" : "").nav__item Atoms
+a(href="/code.html" class= active_nav_item=="code" ? "nav__item--active" : "").nav__item Code
+a(href="/projects" class= active_nav_item=="projects" ? "nav__item--active" : "").nav__item Projects
+a(href="/changelog.html" class= active_nav_item=="changelog" ? "nav__item--active" : "").nav__item Changelog--><!--button(title="Show full menu" aria-label="Show full menu" aria-haspopup="true" aria-expanded="false" aria-controls="nav-items-global").nav__toggle Menu--></div></nav></header><main class="page__content theme--normal" id="content"><div class="page__content__block"><h1> <strong>Changelog</strong></h1><div class="changelog"><h2>0.34.0 (January 11, 2022)</h2>
+<p>This is the <strong>biggest</strong> Delphinus update yet! Enjoy!</p>
+<h3>Core Delphinus Updates</h3>
+<ul>
+<li><strong>CHANGED MARKUP:</strong> <a href="https://delphinus.au.dk/components/horizontal-scroll">Horizontal scroll component</a> now needs a wrapper (<code>.horizontal-scroll__scrollable-content</code>) for it's content. Also <code>.horizontal-scroll__scrollable-content-padding</code> is deprecated and has no effect anymore. Padding is added automatically when <code>.horizontal-scroll</code> sits inside a <code>.page__content__block--no-padding</code>.</li>
+<li><strong>CHANGED MARKUP:</strong> Use of input fields in toolbar requires new markup, see <a href="https://delphinus.au.dk/components/toolbar">toolbar</a>.</li>
+<li><strong>CHANGED MARKUP:</strong> <a href="https://delphinus.au.dk/components/modal-view">Modal views</a> now require a <code>.modal-view__container</code> around te modal-view__body.</li>
+<li><strong>CHANGED MARKUP:</strong> <code>.search-filter__item</code> now requires the value of the filter to be wrapped in a span with class <code>.search-filter__item__value</code>. See <a href="https://delphinus.au.dk/form-search">search fields</a>.</li>
+<li><strong>DEPRECATED:</strong> <code>.modal-view__body--high</code> modifier. Use <code>.modal-view--high</code> instead (must be set directly on <code>.modal-view</code> div, see <a href="https://delphinus.au.dk/components/modal-view">modal views</a>).</li>
+<li><strong>DEPRECATED:</strong> <code>.toggle-button</code> component can no longer be used.</li>
+<li><strong>REMOVED:</strong> stylesheet no longer includes warning for browsers that do not support CSS vars (previously shown as a red banner at the top of the page).</li>
+<li>Updated to use Font Awesome 6 for <a href="https://delphinus.au.dk/icons">icons</a>.</li>
+<li><strong>WARNING:</strong> Delphinus now uses a <a href="https://delphinus.au.dk/icons.html#icon-details">subset of Font Awesome</a>. All other icons are no longer available. Is your icon missing? Please tell us at <a href="mailto:claus.stadel@au.dk">claus.stadel@au.dk</a>.</li>
+<li><strong>TO BE DEPRECATED:</strong> In stead of setting icons on buttons etc. via a <code>data-icon</code> attribute, set icons using the <a href="https://delphinus.au.dk/icons.html#icon-details">icon classes</a>.</li>
+<li>Introduces a 5th font-size in Delphinus, so that <code>h3</code>'s are now larger than the body text.</li>
+<li>Adds new components: <a href="https://delphinus.au.dk/components/cards">Cards</a>, <a href="https://delphinus.au.dk/components/tags">Tags</a>, <a href="https://delphinus.au.dk/components/profile-image">Profile images</a>, <a href="https://delphinus.au.dk/components/switch">Switch</a> and <a href="https://delphinus.au.dk/components/truncator">Truncator</a>.</li>
+<li>Adds header and snapping option for <a href="https://delphinus.au.dk/components/horizontal-scroll">horizontal scroll</a>.</li>
+<li>Adds support for <a href="https://delphinus.au.dk/form-search.html#inline-select"><code>select</code>'s with inline label</a>.</li>
+<li>Adds style for <a href="https://delphinus.au.dk/components/copy-to-clipboard"><code>.copy-to-clipboard</code></a> (previously only markup and js). And adds option to use button inside <code>.copy-to-clipboard</code>, to not have the entire element be a button.</li>
+<li>Better and more accessible <a href="https://delphinus.au.dk/form-search">search fields</a>. And you can now have a <a href="https://delphinus.au.dk/navigation">search field in the header</a>.</li>
+<li>Adds <code>.page__content__block--small-gap-above</code> and <code>.page__content__block--extra-small-gap-above</code> modifiers to make the gap between two <code>.page__content__block</code>'s smaller than the default.</li>
+<li>Adds new modifiers to change design and behaviour of the <a href="https://delphinus.au.dk/components/toolbar">toolbar component</a>.</li>
+<li>Adds <code>.toolbar__filter</code> option for adding <a href="https://delphinus.au.dk/components/toolbar.html#filters">multidimensional filters in a toolbar</a></li>
+<li>Adds new modifiers for <a href="https://delphinus.au.dk/components/list-navigator.html">List Navigator component</a></li>
+<li>Adds modifiers for larger facts and links in <a href="https://delphinus.au.dk/components/fact-list">fact list component</a>.</li>
+<li>Improves scrolling and sizing of <a href="https://delphinus.au.dk/components/modal-view">modal views</a> on small screens: Now better prevents scrolling of the page behind the modal-view, and height of modal-view better accommodates the actual height of the viewport regardless of browser chrome visibility.</li>
+</ul>
+<h3>Delphinus Projects Updates</h3>
+<h4>Mit Studie</h4>
+<p>Fixed timetable style for new <code>.horizontal-scroll</code> markup and style.</p>
+<h3>Typo3</h3>
+<ul>
+<li>Adds support for using delphinus <code>.page</code> layout in Typo3.</li>
+<li>Adds fixes for using Cards and Horizontal scroll components inside Typo3</li>
+<li>Added initial styling and markup for <a href="https://delphinus.au.dk/projects/typo3/employee-profiles/">employee profiles</a>.</li>
+<li>Moved news and events demo pages to subdirectory.</li>
+</ul>
+<h3>Course catalogue</h3>
+<p>Adds <a href="https://delphinus.au.dk/projects/course-catalogue/">the project</a></p>
+<h2>0.33.4 (December 15, 2022)</h2>
+<h3>Core Delphinus Updates</h3>
+<p>None</p>
+<h3>Delphinus Projects Updates</h3>
+<h4>Typo3</h4>
+<p>Changes naming of classes for info boxes in news, so that only one class is required regardless of positioning of the info box. Previously used an additional <code>--left</code> and <code>--rigth</code> modifer classes to set floating of the box on wider screens.</p>
+<h2>0.33.3 (November 17, 2022)</h2>
 <h3>Core Delphinus Updates</h3>
 <p>Fix processing animation for Safari 16.0, where the animation wouldn't rotate.</p>
 <h3>Delphinus Projects Updates</h3>

package/build/figma-tokens/breakpoint-styles.json

@@ -730,18 +730,18 @@
 				"type": "fontSizes"
 			},
 			"Larger": {
-				"value": "24",
+				"value": "21",
 				"type": "fontSizes"
 			},
 			"Largest": {
-				"value": "34",
+				"value": "27",
 				"type": "fontSizes"
 			}
 		},
 		"lineHieghts": {
 			"Singleline": {
 				"Small": {
-					"value": "19",
+					"value": "20",
 					"type": "lineHeights"
 				},
 				"Default": {
@@ -749,11 +749,11 @@
 					"type": "lineHeights"
 				},
 				"Larger": {
-					"value": "31",
+					"value": "28",
 					"type": "lineHeights"
 				},
 				"Largest": {
-					"value": "42",
+					"value": "34",
 					"type": "lineHeights"
 				}
 			},
@@ -767,11 +767,11 @@
 					"type": "lineHeights"
 				},
 				"Larger": {
-					"value": "38",
+					"value": "35",
 					"type": "lineHeights"
 				},
 				"Largest": {
-					"value": "49",
+					"value": "41",
 					"type": "lineHeights"
 				}
 			}
@@ -808,7 +808,7 @@
 				"type": "other"
 			},
 			"Plus2": {
-				"value": "76",
+				"value": "77",
 				"description": "This is the largest size",
 				"type": "other"
 			},
@@ -830,11 +830,11 @@
 				"type": "fontSizes"
 			},
 			"Larger": {
-				"value": "29",
+				"value": "24",
 				"type": "fontSizes"
 			},
 			"Largest": {
-				"value": "46",
+				"value": "33",
 				"type": "fontSizes"
 			}
 		},
@@ -849,11 +849,11 @@
 					"type": "lineHeights"
 				},
 				"Larger": {
-					"value": "36",
+					"value": "32",
 					"type": "lineHeights"
 				},
 				"Largest": {
-					"value": "55",
+					"value": "41",
 					"type": "lineHeights"
 				}
 			},
@@ -867,11 +867,11 @@
 					"type": "lineHeights"
 				},
 				"Larger": {
-					"value": "43",
+					"value": "38",
 					"type": "lineHeights"
 				},
 				"Largest": {
-					"value": "62",
+					"value": "48",
 					"type": "lineHeights"
 				}
 			}
@@ -899,21 +899,21 @@
 				"type": "other"
 			},
 			"Zero": {
-				"value": "46",
+				"value": "45",
 				"description": "Same size as the h1 hieght",
 				"type": "other"
 			},
 			"Plus1": {
-				"value": "75",
+				"value": "72",
 				"type": "other"
 			},
 			"Plus2": {
-				"value": "121",
+				"value": "116",
 				"description": "This is the largest size",
 				"type": "other"
 			},
 			"Side": {
-				"value": "46",
+				"value": "45",
 				"description": "The size used for page vertical margins",
 				"type": "other"
 			}

package/build/figma-tokens/color-themes.json

@@ -431,7 +431,7 @@
 					"description": "Dark theme variant\n\nInteded use: Hover of foreground color\n\nHover color for interactive elements with foreground-branding as text color, e.g. the site logo."
 				},
 				"Background, hover": {
-					"value": "#1f4553",
+					"value": "#1c4250",
 					"type": "color",
 					"description": "Dark theme variant\n\nInteded use: Hover of background color\n\nHover color for elements with background as background color."
 				},
@@ -631,7 +631,7 @@
 					"description": "Dark theme variant\n\nInteded use: Hover of foreground color\n\nHover color for interactive elements with foreground-branding as text color, e.g. the site logo."
 				},
 				"Background, hover": {
-					"value": "#0d4846",
+					"value": "#094543",
 					"type": "color",
 					"description": "Dark theme variant\n\nInteded use: Hover of background color\n\nHover color for elements with background as background color."
 				},
@@ -831,7 +831,7 @@
 					"description": "Dark theme variant\n\nInteded use: Hover of foreground color\n\nHover color for interactive elements with foreground-branding as text color, e.g. the site logo."
 				},
 				"Background, hover": {
-					"value": "#2f381c",
+					"value": "#2c3518",
 					"type": "color",
 					"description": "Dark theme variant\n\nInteded use: Hover of background color\n\nHover color for elements with background as background color."
 				},
@@ -1031,7 +1031,7 @@
 					"description": "Dark theme variant\n\nInteded use: Hover of foreground color\n\nHover color for interactive elements with foreground-branding as text color, e.g. the site logo."
 				},
 				"Background, hover": {
-					"value": "#614c0d",
+					"value": "#5f4909",
 					"type": "color",
 					"description": "Dark theme variant\n\nInteded use: Hover of background color\n\nHover color for elements with background as background color."
 				},
@@ -1231,7 +1231,7 @@
 					"description": "Dark theme variant\n\nInteded use: Hover of foreground color\n\nHover color for interactive elements with foreground-branding as text color, e.g. the site logo."
 				},
 				"Background, hover": {
-					"value": "#5e380d",
+					"value": "#5b3408",
 					"type": "color",
 					"description": "Dark theme variant\n\nInteded use: Hover of background color\n\nHover color for elements with background as background color."
 				},
@@ -1431,7 +1431,7 @@
 					"description": "Dark theme variant\n\nInteded use: Hover of foreground color\n\nHover color for interactive elements with foreground-branding as text color, e.g. the site logo."
 				},
 				"Background, hover": {
-					"value": "#75131e",
+					"value": "#720d18",
 					"type": "color",
 					"description": "Dark theme variant\n\nInteded use: Hover of background color\n\nHover color for elements with background as background color."
 				},
@@ -1631,7 +1631,7 @@
 					"description": "Dark theme variant\n\nInteded use: Hover of foreground color\n\nHover color for interactive elements with foreground-branding as text color, e.g. the site logo."
 				},
 				"Background, hover": {
-					"value": "#721246",
+					"value": "#6e0d42",
 					"type": "color",
 					"description": "Dark theme variant\n\nInteded use: Hover of background color\n\nHover color for elements with background as background color."
 				},
@@ -1831,7 +1831,7 @@
 					"description": "Dark theme variant\n\nInteded use: Hover of foreground color\n\nHover color for interactive elements with foreground-branding as text color, e.g. the site logo."
 				},
 				"Background, hover": {
-					"value": "#3a3453",
+					"value": "#363151",
 					"type": "color",
 					"description": "Dark theme variant\n\nInteded use: Hover of background color\n\nHover color for elements with background as background color."
 				},
@@ -2031,7 +2031,7 @@
 					"description": "Dark theme variant\n\nInteded use: Hover of foreground color\n\nHover color for interactive elements with foreground-branding as text color, e.g. the site logo."
 				},
 				"Background, hover": {
-					"value": "#0d2e4b",
+					"value": "#092a48",
 					"type": "color",
 					"description": "Dark theme variant\n\nInteded use: Hover of background color\n\nHover color for elements with background as background color."
 				},
@@ -2231,7 +2231,7 @@
 					"description": "Dark theme variant\n\nInteded use: Hover of foreground color\n\nHover color for interactive elements with foreground-branding as text color, e.g. the site logo."
 				},
 				"Background, hover": {
-					"value": "#1f4124",
+					"value": "#1c3e20",
 					"type": "color",
 					"description": "Dark theme variant\n\nInteded use: Hover of background color\n\nHover color for elements with background as background color."
 				},
@@ -2431,7 +2431,7 @@
 					"description": "Dark theme variant\n\nInteded use: Hover of foreground color\n\nHover color for interactive elements with foreground-branding as text color, e.g. the site logo."
 				},
 				"Background, hover": {
-					"value": "#6a5b0e",
+					"value": "#67580a",
 					"type": "color",
 					"description": "Dark theme variant\n\nInteded use: Hover of background color\n\nHover color for elements with background as background color."
 				},
@@ -2631,7 +2631,7 @@
 					"description": "Dark theme variant\n\nInteded use: Hover of foreground color\n\nHover color for interactive elements with foreground-branding as text color, e.g. the site logo."
 				},
 				"Background, hover": {
-					"value": "#0d3d60",
+					"value": "#08395d",
 					"type": "color",
 					"description": "Dark theme variant\n\nInteded use: Hover of background color\n\nHover color for elements with background as background color."
 				},

package/build/figma-tokens/design-file.json

@@ -10,11 +10,11 @@
 				"type": "fontSizes"
 			},
 			"Larger": {
-				"value": "21",
+				"value": "19",
 				"type": "fontSizes"
 			},
 			"Largest": {
-				"value": "28",
+				"value": "23",
 				"type": "fontSizes"
 			}
 		},
@@ -29,11 +29,11 @@
 					"type": "lineHeights"
 				},
 				"Larger": {
-					"value": "28",
+					"value": "26",
 					"type": "lineHeights"
 				},
 				"Largest": {
-					"value": "36",
+					"value": "30",
 					"type": "lineHeights"
 				}
 			},
@@ -47,11 +47,11 @@
 					"type": "lineHeights"
 				},
 				"Larger": {
-					"value": "35",
+					"value": "32",
 					"type": "lineHeights"
 				},
 				"Largest": {
-					"value": "42",
+					"value": "37",
 					"type": "lineHeights"
 				}
 			}
@@ -84,11 +84,11 @@
 				"type": "other"
 			},
 			"Plus1": {
-				"value": "40",
+				"value": "39",
 				"type": "other"
 			},
 			"Plus2": {
-				"value": "57",
+				"value": "55",
 				"description": "This is the largest size",
 				"type": "other"
 			},
@@ -1308,18 +1308,18 @@
 				"type": "fontSizes"
 			},
 			"Larger": {
-				"value": "24",
+				"value": "21",
 				"type": "fontSizes"
 			},
 			"Largest": {
-				"value": "34",
+				"value": "27",
 				"type": "fontSizes"
 			}
 		},
 		"lineHieghts": {
 			"Singleline": {
 				"Small": {
-					"value": "19",
+					"value": "20",
 					"type": "lineHeights"
 				},
 				"Default": {
@@ -1327,11 +1327,11 @@
 					"type": "lineHeights"
 				},
 				"Larger": {
-					"value": "31",
+					"value": "28",
 					"type": "lineHeights"
 				},
 				"Largest": {
-					"value": "42",
+					"value": "34",
 					"type": "lineHeights"
 				}
 			},
@@ -1345,11 +1345,11 @@
 					"type": "lineHeights"
 				},
 				"Larger": {
-					"value": "38",
+					"value": "35",
 					"type": "lineHeights"
 				},
 				"Largest": {
-					"value": "49",
+					"value": "41",
 					"type": "lineHeights"
 				}
 			}
@@ -1386,7 +1386,7 @@
 				"type": "other"
 			},
 			"Plus2": {
-				"value": "76",
+				"value": "77",
 				"description": "This is the largest size",
 				"type": "other"
 			},
@@ -1408,11 +1408,11 @@
 				"type": "fontSizes"
 			},
 			"Larger": {
-				"value": "29",
+				"value": "24",
 				"type": "fontSizes"
 			},
 			"Largest": {
-				"value": "46",
+				"value": "33",
 				"type": "fontSizes"
 			}
 		},
@@ -1427,11 +1427,11 @@
 					"type": "lineHeights"
 				},
 				"Larger": {
-					"value": "36",
+					"value": "32",
 					"type": "lineHeights"
 				},
 				"Largest": {
-					"value": "55",
+					"value": "41",
 					"type": "lineHeights"
 				}
 			},
@@ -1445,11 +1445,11 @@
 					"type": "lineHeights"
 				},
 				"Larger": {
-					"value": "43",
+					"value": "38",
 					"type": "lineHeights"
 				},
 				"Largest": {
-					"value": "62",
+					"value": "48",
 					"type": "lineHeights"
 				}
 			}
@@ -1477,21 +1477,21 @@
 				"type": "other"
 			},
 			"Zero": {
-				"value": "46",
+				"value": "45",
 				"description": "Same size as the h1 hieght",
 				"type": "other"
 			},
 			"Plus1": {
-				"value": "75",
+				"value": "72",
 				"type": "other"
 			},
 			"Plus2": {
-				"value": "121",
+				"value": "116",
 				"description": "This is the largest size",
 				"type": "other"
 			},
 			"Side": {
-				"value": "46",
+				"value": "45",
 				"description": "The size used for page vertical margins",
 				"type": "other"
 			}