@gyldendal/kobber-tokens 4.0.0 → 5.0.0

package/README.md

@@ -201,7 +201,7 @@ When UX team asks you to preview changes on their branch:
 
 #### For Developers (publishing new version)
 
-1. Merge the UX team's PR to `main`
+1. In GitHub, merge the UX team's PR to `main`
 2. Pull latest changes: `git checkout main && git pull`
 3. Build tokens: `npm run build`
 4. Check `dist/CHANGELOG.txt` for changes:

package/dist/CHANGELOG.txt

@@ -1,3 +1,59 @@
+=== 19.01.2026, 07:54:58 [9d41772d] - MAJOR - npm: v5.0.0 ===
+
+ADDED
+color-meta-layout-markering
+component-button-group-gap
+component-media-gap
+component-text-body-text-weight-reading-bold
+component-text-lead-text-weight-reading-italic
+component-text-lead-text-weight-reading-regular
+component-text-title-text-weight-reading-italic
+component-text-title-text-weight-reading-regular
+layout-content-wrapper-padding-inline-overlay
+layout-content-wrapper-padding-inline-page
+layout-flex-color-background-aubergine-25
+layout-flex-color-background-aubergine-50
+layout-flex-color-background-aubergine-850
+layout-flex-corner-radius-large
+layout-flex-corner-radius-medium
+layout-flex-gap-large
+layout-flex-gap-medium
+layout-flex-gap-small
+layout-flex-padding-large
+layout-flex-padding-medium
+layout-flex-padding-small
+layout-flex-padding-xlarge
+semantics-layout-container-radius-large
+semantics-layout-container-radius-medium
+semantics-layout-container-space-big
+semantics-layout-container-space-tiny
+semantics-layout-container-space-xlarge
+semantics-layout-page-space-huge
+semantics-layout-page-space-large
+semantics-typography-bold
+semantics-typography-regular-italic
+
+REMOVED
+component-media-padding
+component-text-lead-text-weight
+component-text-title-text-weight
+layout-content-wrapper-padding-inline
+semantics-layout-container-radius
+semantics-typography-italic
+
+CHANGED
+component-text-body-text-weight-reading-italic
+groups-responsivness-space-xlarge
+layout-content-wrapper-border-radius-overlay
+layout-content-wrapper-inner-container-gap
+layout-content-wrapper-padding-block-overlay
+layout-content-wrapper-padding-block-page
+semantics-layout-container-space-large
+semantics-layout-container-space-medium
+semantics-layout-container-space-small
+semantics-layout-container-space-xsmall
+semantics-layout-page-space-xlarge
+
 === 08.01.2026, 09:20:50 [620f04e3] - MAJOR - npm: v4.0.0 ===
 
 ADDED

package/dist/k-tokens.css

@@ -3,6 +3,7 @@
  */
 
 .kobber-theme-default {
+  --k-color-meta-layout-markering: #5555ff;
   --k-primitives-color-concrete-25: #f9fafb;
   --k-primitives-color-concrete-50: #eceef1;
   --k-primitives-color-concrete-150: #cfd5dd;
@@ -222,14 +223,13 @@
   --k-component-quote-module-tone-a-brand: #ffffff;
   --k-component-text-label-text-line-height: auto;
   --k-component-text-heading-text-weight: book;
-  --k-component-text-lead-text-weight: regular;
-  --k-component-text-title-text-weight: regular;
   --k-component-text-display-text-weight: book;
   --k-universal-hyperlink-text-decoration-hover: underline;
   --k-semantics-typography-regular: regular;
   --k-semantics-typography-book: book;
   --k-semantics-typography-light: light;
-  --k-semantics-typography-italic: italic;
+  --k-semantics-typography-regular-italic: italic;
+  --k-semantics-typography-bold: semibold;
   --k-semantics-visual-thumbnail: 0;
   --k-groups-buttons-color-aubergine-transparent-brightest: var(--k-primitives-color-aubergine-25-10);
   --k-groups-buttons-color-aubergine-transparent-midtone: var(--k-primitives-color-aubergine-850-10);
@@ -269,7 +269,12 @@
   --k-component-text-label-text-weight: var(--k-semantics-typography-regular);
   --k-component-text-body-text-weight-brand: var(--k-semantics-typography-regular);
   --k-component-text-body-text-weight-reading-regular: var(--k-semantics-typography-regular);
-  --k-component-text-body-text-weight-reading-italic: var(--k-semantics-typography-italic);
+  --k-component-text-body-text-weight-reading-italic: var(--k-semantics-typography-regular-italic);
+  --k-component-text-body-text-weight-reading-bold: var(--k-semantics-typography-bold);
+  --k-component-text-lead-text-weight-reading-regular: var(--k-semantics-typography-regular);
+  --k-component-text-lead-text-weight-reading-italic: var(--k-semantics-typography-regular-italic);
+  --k-component-text-title-text-weight-reading-regular: var(--k-semantics-typography-regular);
+  --k-component-text-title-text-weight-reading-italic: var(--k-semantics-typography-regular-italic);
   --k-component-text-display-extended-text-weight-alt2: var(--k-semantics-typography-light);
   --k-semantics-typography-font-family-inter: var(--k-primitives-font-family-inter);
   --k-semantics-typography-font-family-lyon-display: var(--k-primitives-font-family-lyon-display);
@@ -369,9 +374,11 @@
   --k-semantics-color-theme-thriller-thriller-850: var(--k-primitives-color-thriller-850);
   --k-semantics-color-theme-thriller-thriller-250: var(--k-primitives-color-thriller-250);
   --k-semantics-color-theme-thriller-thriller-250-10: var(--k-primitives-color-thriller-250-10);
-  --k-semantics-layout-page-space-xlarge: var(--k-primitives-size-128);
+  --k-semantics-layout-page-space-huge: var(--k-primitives-size-128);
   --k-semantics-layout-page-space-medium: var(--k-primitives-size-32);
   --k-semantics-layout-page-space-small: var(--k-primitives-size-16);
+  --k-semantics-layout-page-space-xlarge: var(--k-primitives-size-72);
+  --k-semantics-layout-page-space-large: var(--k-primitives-size-56);
   --k-semantics-layout-page-size-wide: var(--k-primitives-size-1600);
   --k-semantics-layout-page-size-small: var(--k-primitives-size-320);
   --k-semantics-layout-element-size-xlarge: var(--k-primitives-size-40);
@@ -411,11 +418,15 @@
   --k-semantics-layout-container-size-xsmall: var(--k-primitives-size-232);
   --k-semantics-layout-container-size-xxsmall: var(--k-primitives-size-224);
   --k-semantics-layout-container-size-large: var(--k-primitives-size-448);
-  --k-semantics-layout-container-space-small: var(--k-primitives-size-48);
-  --k-semantics-layout-container-space-medium: var(--k-primitives-size-56);
-  --k-semantics-layout-container-space-large: var(--k-primitives-size-72);
-  --k-semantics-layout-container-space-xsmall: var(--k-primitives-size-40);
-  --k-semantics-layout-container-radius: var(--k-primitives-size-40);
+  --k-semantics-layout-container-space-xlarge: var(--k-primitives-size-48);
+  --k-semantics-layout-container-space-big: var(--k-primitives-size-56);
+  --k-semantics-layout-container-space-large: var(--k-primitives-size-40);
+  --k-semantics-layout-container-space-medium: var(--k-primitives-size-24);
+  --k-semantics-layout-container-space-small: var(--k-primitives-size-16);
+  --k-semantics-layout-container-space-xsmall: var(--k-primitives-size-12);
+  --k-semantics-layout-container-space-tiny: var(--k-primitives-size-8);
+  --k-semantics-layout-container-radius-large: var(--k-primitives-size-40);
+  --k-semantics-layout-container-radius-medium: var(--k-primitives-size-24);
   --k-semantics-visual-icon-size-large: var(--k-primitives-size-16);
   --k-semantics-visual-icon-size-medium: var(--k-primitives-size-12);
   --k-semantics-visual-icon-size-small: var(--k-primitives-size-10);
@@ -564,7 +575,7 @@
   --k-groups-alerts-size-height: var(--k-semantics-layout-element-size-xxxlarge);
   --k-groups-responsivness-space-small: var(--k-semantics-layout-page-space-small);
   --k-groups-responsivness-space-medium: var(--k-semantics-layout-page-space-medium);
-  --k-groups-responsivness-space-xlarge: var(--k-semantics-layout-page-space-xlarge);
+  --k-groups-responsivness-space-xlarge: var(--k-semantics-layout-page-space-huge);
   --k-groups-responsivness-size-wide: var(--k-semantics-layout-page-size-wide);
   --k-groups-responsivness-size-small: var(--k-semantics-layout-page-size-small);
   --k-groups-menus-space-tiny: var(--k-semantics-layout-element-space-tiny);
@@ -807,17 +818,30 @@
   --k-universal-icon-package-container-size-medium: var(--k-semantics-visual-icon-size-medium);
   --k-universal-icon-package-container-size-large: var(--k-semantics-visual-icon-size-large);
   --k-universal-icon-package-container-size-small: var(--k-semantics-visual-icon-size-small);
-  --k-layout-content-wrapper-padding-inline: var(--k-semantics-layout-container-space-medium);
-  --k-layout-content-wrapper-padding-block-overlay: var(--k-semantics-layout-container-space-small);
-  --k-layout-content-wrapper-padding-block-page: var(--k-semantics-layout-container-space-large);
-  --k-layout-content-wrapper-inner-container-gap: var(--k-semantics-layout-container-space-xsmall);
-  --k-layout-content-wrapper-border-radius-overlay: var(--k-semantics-layout-container-radius);
+  --k-layout-content-wrapper-padding-inline-page: var(--k-semantics-layout-page-space-large);
+  --k-layout-content-wrapper-padding-inline-overlay: var(--k-semantics-layout-container-space-big);
+  --k-layout-content-wrapper-padding-block-overlay: var(--k-semantics-layout-container-space-xlarge);
+  --k-layout-content-wrapper-padding-block-page: var(--k-semantics-layout-page-space-xlarge);
+  --k-layout-content-wrapper-inner-container-gap: var(--k-semantics-layout-container-space-large);
+  --k-layout-content-wrapper-border-radius-overlay: var(--k-semantics-layout-container-radius-large);
   --k-layout-content-wrapper-background-color-brand-tone-b: var(--k-semantics-color-identity-base-aubergine-25);
   --k-layout-content-wrapper-background-color-brand-tone-a: var(--k-semantics-color-identity-base-aubergine-850);
   --k-layout-content-wrapper-background-color-neutral: var(--k-semantics-color-identity-neutral-concrete-25);
   --k-layout-content-wrapper-size-max-width: var(--k-semantics-layout-container-size-xlarge);
   --k-layout-text-block-gap: var(--k-semantics-layout-element-space-xsmall);
   --k-layout-content-top-block-gap: var(--k-semantics-layout-element-space-medium);
+  --k-layout-flex-gap-small: var(--k-semantics-layout-container-space-tiny);
+  --k-layout-flex-gap-medium: var(--k-semantics-layout-container-space-medium);
+  --k-layout-flex-gap-large: var(--k-semantics-layout-container-space-large);
+  --k-layout-flex-padding-small: var(--k-semantics-layout-container-space-medium);
+  --k-layout-flex-padding-medium: var(--k-semantics-layout-container-space-large);
+  --k-layout-flex-padding-large: var(--k-semantics-layout-container-space-xlarge);
+  --k-layout-flex-padding-xlarge: var(--k-semantics-layout-container-space-big);
+  --k-layout-flex-corner-radius-large: var(--k-semantics-layout-container-radius-large);
+  --k-layout-flex-corner-radius-medium: var(--k-semantics-layout-container-radius-medium);
+  --k-layout-flex-color-background-aubergine-850: var(--k-semantics-color-identity-base-aubergine-850);
+  --k-layout-flex-color-background-aubergine-25: var(--k-semantics-color-identity-base-aubergine-25);
+  --k-layout-flex-color-background-aubergine-50: var(--k-semantics-color-identity-base-aubergine-50);
   --k-semantics-typography-space-large: var(--k-semantics-layout-element-space-large);
   --k-semantics-typography-space-medium: var(--k-semantics-layout-element-space-medium);
   --k-semantics-typography-space-small: var(--k-semantics-layout-element-space-xsmall);
@@ -1550,8 +1574,9 @@
   --k-component-content-island-border-radius: var(--k-groups-content-islands-space-xsmall);
   --k-component-content-island-inner-container-gap: var(--k-groups-content-islands-space-medium);
   --k-component-content-island-inner-container-text-container-padding-left: var(--k-groups-content-islands-space-xsmall);
-  --k-component-media-padding: var(--k-groups-cards-and-modules-space-large);
   --k-component-media-border-radius: var(--k-groups-cards-and-modules-radius-small);
+  --k-component-media-gap: var(--k-groups-cards-and-modules-space-large);
+  --k-component-button-group-gap: var(--k-groups-buttons-space-small);
   --k-universal-hyperlink-text-color-fallback: var(--k-semantics-typography-color-brand-carmine-525);
   --k-layout-text-wrapper-gap-horizontal: var(--k-semantics-typography-space-medium);
   --k-layout-main-gap-min: var(--k-groups-responsivness-space-small);

package/dist/tokens.css

@@ -3,6 +3,7 @@
  */
 
 .kobber-theme-default {
+  --kobber-color-meta-layout-markering: #5555ff;
   --kobber-primitives-color-concrete-25: #f9fafb;
   --kobber-primitives-color-concrete-50: #eceef1;
   --kobber-primitives-color-concrete-150: #cfd5dd;
@@ -222,14 +223,13 @@
   --kobber-component-quote-module-tone-a-brand: #ffffff;
   --kobber-component-text-label-text-line-height: auto;
   --kobber-component-text-heading-text-weight: book;
-  --kobber-component-text-lead-text-weight: regular;
-  --kobber-component-text-title-text-weight: regular;
   --kobber-component-text-display-text-weight: book;
   --kobber-universal-hyperlink-text-decoration-hover: underline;
   --kobber-semantics-typography-regular: regular;
   --kobber-semantics-typography-book: book;
   --kobber-semantics-typography-light: light;
-  --kobber-semantics-typography-italic: italic;
+  --kobber-semantics-typography-regular-italic: italic;
+  --kobber-semantics-typography-bold: semibold;
   --kobber-semantics-visual-thumbnail: 0;
   --kobber-groups-buttons-color-aubergine-transparent-brightest: var(--kobber-primitives-color-aubergine-25-10);
   --kobber-groups-buttons-color-aubergine-transparent-midtone: var(--kobber-primitives-color-aubergine-850-10);
@@ -269,7 +269,12 @@
   --kobber-component-text-label-text-weight: var(--kobber-semantics-typography-regular);
   --kobber-component-text-body-text-weight-brand: var(--kobber-semantics-typography-regular);
   --kobber-component-text-body-text-weight-reading-regular: var(--kobber-semantics-typography-regular);
-  --kobber-component-text-body-text-weight-reading-italic: var(--kobber-semantics-typography-italic);
+  --kobber-component-text-body-text-weight-reading-italic: var(--kobber-semantics-typography-regular-italic);
+  --kobber-component-text-body-text-weight-reading-bold: var(--kobber-semantics-typography-bold);
+  --kobber-component-text-lead-text-weight-reading-regular: var(--kobber-semantics-typography-regular);
+  --kobber-component-text-lead-text-weight-reading-italic: var(--kobber-semantics-typography-regular-italic);
+  --kobber-component-text-title-text-weight-reading-regular: var(--kobber-semantics-typography-regular);
+  --kobber-component-text-title-text-weight-reading-italic: var(--kobber-semantics-typography-regular-italic);
   --kobber-component-text-display-extended-text-weight-alt2: var(--kobber-semantics-typography-light);
   --kobber-semantics-typography-font-family-inter: var(--kobber-primitives-font-family-inter);
   --kobber-semantics-typography-font-family-lyon-display: var(--kobber-primitives-font-family-lyon-display);
@@ -369,9 +374,11 @@
   --kobber-semantics-color-theme-thriller-thriller-850: var(--kobber-primitives-color-thriller-850);
   --kobber-semantics-color-theme-thriller-thriller-250: var(--kobber-primitives-color-thriller-250);
   --kobber-semantics-color-theme-thriller-thriller-250-10: var(--kobber-primitives-color-thriller-250-10);
-  --kobber-semantics-layout-page-space-xlarge: var(--kobber-primitives-size-128);
+  --kobber-semantics-layout-page-space-huge: var(--kobber-primitives-size-128);
   --kobber-semantics-layout-page-space-medium: var(--kobber-primitives-size-32);
   --kobber-semantics-layout-page-space-small: var(--kobber-primitives-size-16);
+  --kobber-semantics-layout-page-space-xlarge: var(--kobber-primitives-size-72);
+  --kobber-semantics-layout-page-space-large: var(--kobber-primitives-size-56);
   --kobber-semantics-layout-page-size-wide: var(--kobber-primitives-size-1600);
   --kobber-semantics-layout-page-size-small: var(--kobber-primitives-size-320);
   --kobber-semantics-layout-element-size-xlarge: var(--kobber-primitives-size-40);
@@ -411,11 +418,15 @@
   --kobber-semantics-layout-container-size-xsmall: var(--kobber-primitives-size-232);
   --kobber-semantics-layout-container-size-xxsmall: var(--kobber-primitives-size-224);
   --kobber-semantics-layout-container-size-large: var(--kobber-primitives-size-448);
-  --kobber-semantics-layout-container-space-small: var(--kobber-primitives-size-48);
-  --kobber-semantics-layout-container-space-medium: var(--kobber-primitives-size-56);
-  --kobber-semantics-layout-container-space-large: var(--kobber-primitives-size-72);
-  --kobber-semantics-layout-container-space-xsmall: var(--kobber-primitives-size-40);
-  --kobber-semantics-layout-container-radius: var(--kobber-primitives-size-40);
+  --kobber-semantics-layout-container-space-xlarge: var(--kobber-primitives-size-48);
+  --kobber-semantics-layout-container-space-big: var(--kobber-primitives-size-56);
+  --kobber-semantics-layout-container-space-large: var(--kobber-primitives-size-40);
+  --kobber-semantics-layout-container-space-medium: var(--kobber-primitives-size-24);
+  --kobber-semantics-layout-container-space-small: var(--kobber-primitives-size-16);
+  --kobber-semantics-layout-container-space-xsmall: var(--kobber-primitives-size-12);
+  --kobber-semantics-layout-container-space-tiny: var(--kobber-primitives-size-8);
+  --kobber-semantics-layout-container-radius-large: var(--kobber-primitives-size-40);
+  --kobber-semantics-layout-container-radius-medium: var(--kobber-primitives-size-24);
   --kobber-semantics-visual-icon-size-large: var(--kobber-primitives-size-16);
   --kobber-semantics-visual-icon-size-medium: var(--kobber-primitives-size-12);
   --kobber-semantics-visual-icon-size-small: var(--kobber-primitives-size-10);
@@ -564,7 +575,7 @@
   --kobber-groups-alerts-size-height: var(--kobber-semantics-layout-element-size-xxxlarge);
   --kobber-groups-responsivness-space-small: var(--kobber-semantics-layout-page-space-small);
   --kobber-groups-responsivness-space-medium: var(--kobber-semantics-layout-page-space-medium);
-  --kobber-groups-responsivness-space-xlarge: var(--kobber-semantics-layout-page-space-xlarge);
+  --kobber-groups-responsivness-space-xlarge: var(--kobber-semantics-layout-page-space-huge);
   --kobber-groups-responsivness-size-wide: var(--kobber-semantics-layout-page-size-wide);
   --kobber-groups-responsivness-size-small: var(--kobber-semantics-layout-page-size-small);
   --kobber-groups-menus-space-tiny: var(--kobber-semantics-layout-element-space-tiny);
@@ -807,17 +818,30 @@
   --kobber-universal-icon-package-container-size-medium: var(--kobber-semantics-visual-icon-size-medium);
   --kobber-universal-icon-package-container-size-large: var(--kobber-semantics-visual-icon-size-large);
   --kobber-universal-icon-package-container-size-small: var(--kobber-semantics-visual-icon-size-small);
-  --kobber-layout-content-wrapper-padding-inline: var(--kobber-semantics-layout-container-space-medium);
-  --kobber-layout-content-wrapper-padding-block-overlay: var(--kobber-semantics-layout-container-space-small);
-  --kobber-layout-content-wrapper-padding-block-page: var(--kobber-semantics-layout-container-space-large);
-  --kobber-layout-content-wrapper-inner-container-gap: var(--kobber-semantics-layout-container-space-xsmall);
-  --kobber-layout-content-wrapper-border-radius-overlay: var(--kobber-semantics-layout-container-radius);
+  --kobber-layout-content-wrapper-padding-inline-page: var(--kobber-semantics-layout-page-space-large);
+  --kobber-layout-content-wrapper-padding-inline-overlay: var(--kobber-semantics-layout-container-space-big);
+  --kobber-layout-content-wrapper-padding-block-overlay: var(--kobber-semantics-layout-container-space-xlarge);
+  --kobber-layout-content-wrapper-padding-block-page: var(--kobber-semantics-layout-page-space-xlarge);
+  --kobber-layout-content-wrapper-inner-container-gap: var(--kobber-semantics-layout-container-space-large);
+  --kobber-layout-content-wrapper-border-radius-overlay: var(--kobber-semantics-layout-container-radius-large);
   --kobber-layout-content-wrapper-background-color-brand-tone-b: var(--kobber-semantics-color-identity-base-aubergine-25);
   --kobber-layout-content-wrapper-background-color-brand-tone-a: var(--kobber-semantics-color-identity-base-aubergine-850);
   --kobber-layout-content-wrapper-background-color-neutral: var(--kobber-semantics-color-identity-neutral-concrete-25);
   --kobber-layout-content-wrapper-size-max-width: var(--kobber-semantics-layout-container-size-xlarge);
   --kobber-layout-text-block-gap: var(--kobber-semantics-layout-element-space-xsmall);
   --kobber-layout-content-top-block-gap: var(--kobber-semantics-layout-element-space-medium);
+  --kobber-layout-flex-gap-small: var(--kobber-semantics-layout-container-space-tiny);
+  --kobber-layout-flex-gap-medium: var(--kobber-semantics-layout-container-space-medium);
+  --kobber-layout-flex-gap-large: var(--kobber-semantics-layout-container-space-large);
+  --kobber-layout-flex-padding-small: var(--kobber-semantics-layout-container-space-medium);
+  --kobber-layout-flex-padding-medium: var(--kobber-semantics-layout-container-space-large);
+  --kobber-layout-flex-padding-large: var(--kobber-semantics-layout-container-space-xlarge);
+  --kobber-layout-flex-padding-xlarge: var(--kobber-semantics-layout-container-space-big);
+  --kobber-layout-flex-corner-radius-large: var(--kobber-semantics-layout-container-radius-large);
+  --kobber-layout-flex-corner-radius-medium: var(--kobber-semantics-layout-container-radius-medium);
+  --kobber-layout-flex-color-background-aubergine-850: var(--kobber-semantics-color-identity-base-aubergine-850);
+  --kobber-layout-flex-color-background-aubergine-25: var(--kobber-semantics-color-identity-base-aubergine-25);
+  --kobber-layout-flex-color-background-aubergine-50: var(--kobber-semantics-color-identity-base-aubergine-50);
   --kobber-semantics-typography-space-large: var(--kobber-semantics-layout-element-space-large);
   --kobber-semantics-typography-space-medium: var(--kobber-semantics-layout-element-space-medium);
   --kobber-semantics-typography-space-small: var(--kobber-semantics-layout-element-space-xsmall);
@@ -1550,8 +1574,9 @@
   --kobber-component-content-island-border-radius: var(--kobber-groups-content-islands-space-xsmall);
   --kobber-component-content-island-inner-container-gap: var(--kobber-groups-content-islands-space-medium);
   --kobber-component-content-island-inner-container-text-container-padding-left: var(--kobber-groups-content-islands-space-xsmall);
-  --kobber-component-media-padding: var(--kobber-groups-cards-and-modules-space-large);
   --kobber-component-media-border-radius: var(--kobber-groups-cards-and-modules-radius-small);
+  --kobber-component-media-gap: var(--kobber-groups-cards-and-modules-space-large);
+  --kobber-component-button-group-gap: var(--kobber-groups-buttons-space-small);
   --kobber-universal-hyperlink-text-color-fallback: var(--kobber-semantics-typography-color-brand-carmine-525);
   --kobber-layout-text-wrapper-gap-horizontal: var(--kobber-semantics-typography-space-medium);
   --kobber-layout-main-gap-min: var(--kobber-groups-responsivness-space-small);

package/dist/tokens.d.ts

@@ -1,4 +1,10 @@
 /* eslint-disable @typescript-eslint/no-empty-object-type */
+export const color: {
+  "meta": {
+    "layout markering": "#5555ff"
+  }
+};
+
 export const primitives: {
   "color": {
     "concrete": {
@@ -2711,7 +2717,8 @@ export const component: {
         "brand": "regular",
         "reading": {
           "regular": "regular",
-          "italic": "italic"
+          "italic": "italic",
+          "bold": "semibold"
         }
       }
     }
@@ -2813,7 +2820,12 @@ export const component: {
         "reading": "inter",
         "brand": "pp-mori"
       },
-      "weight": "regular",
+      "weight": {
+        "reading": {
+          "regular": "regular",
+          "italic": "italic"
+        }
+      },
       "lineHeight": 28,
       "size": 20
     }
@@ -2880,7 +2892,12 @@ export const component: {
           "toneB": "#eceef1"
         }
       },
-      "weight": "regular",
+      "weight": {
+        "reading": {
+          "regular": "regular",
+          "italic": "italic"
+        }
+      },
       "size": {
         "large": 24,
         "medium": 20
@@ -2966,10 +2983,13 @@ export const component: {
     }
   },
   "media": {
-    "padding": 16,
     "border": {
       "radius": 8
-    }
+    },
+    "gap": 16
+  },
+  "buttonGroup": {
+    "gap": 8
   }
 };
 
@@ -3055,7 +3075,10 @@ export const layout: {
   },
   "contentWrapper": {
     "padding": {
-      "inline": 56,
+      "inline": {
+        "page": 56,
+        "overlay": 56
+      },
       "block": {
         "overlay": 48,
         "page": 72
@@ -3087,6 +3110,32 @@ export const layout: {
   },
   "contentTopBlock": {
     "gap": 16
+  },
+  "flex": {
+    "gap": {
+      "small": 8,
+      "medium": 24,
+      "large": 40
+    },
+    "padding": {
+      "small": 24,
+      "medium": 40,
+      "large": 48,
+      "xlarge": 56
+    },
+    "corner": {
+      "radius": {
+        "large": 40,
+        "medium": 24
+      }
+    },
+    "color": {
+      "background": {
+        "aubergine-850": "#481125",
+        "aubergine-25": "#fdf9f9",
+        "aubergine-50": "#f9eaed"
+      }
+    }
   }
 };
 
@@ -3181,7 +3230,8 @@ export const semantics: {
     "book": "book",
     "light": "light",
     "indent": 24,
-    "italic": "italic"
+    "regularItalic": "italic",
+    "bold": "semibold"
   },
   "color": {
     "identity": {
@@ -3289,9 +3339,11 @@ export const semantics: {
   "layout": {
     "page": {
       "space": {
-        "xlarge": 128,
+        "huge": 128,
         "medium": 32,
-        "small": 16
+        "small": 16,
+        "xlarge": 72,
+        "large": 56
       },
       "size": {
         "wide": 1600,
@@ -3349,12 +3401,18 @@ export const semantics: {
         "large": 448
       },
       "space": {
-        "small": 48,
-        "medium": 56,
-        "large": 72,
-        "xsmall": 40
+        "xlarge": 48,
+        "big": 56,
+        "large": 40,
+        "medium": 24,
+        "small": 16,
+        "xsmall": 12,
+        "tiny": 8
       },
-      "radius": 40
+      "radius": {
+        "large": 40,
+        "medium": 24
+      }
     }
   },
   "visual": {

package/dist/tokens.js

@@ -1,3 +1,9 @@
+export const color = {
+  "meta": {
+    "layout markering": "#5555ff"
+  }
+};
+
 export const primitives = {
   "color": {
     "concrete": {
@@ -2710,7 +2716,8 @@ export const component = {
         "brand": "regular",
         "reading": {
           "regular": "regular",
-          "italic": "italic"
+          "italic": "italic",
+          "bold": "semibold"
         }
       }
     }
@@ -2812,7 +2819,12 @@ export const component = {
         "reading": "inter",
         "brand": "pp-mori"
       },
-      "weight": "regular",
+      "weight": {
+        "reading": {
+          "regular": "regular",
+          "italic": "italic"
+        }
+      },
       "lineHeight": 28,
       "size": 20
     }
@@ -2879,7 +2891,12 @@ export const component = {
           "toneB": "#eceef1"
         }
       },
-      "weight": "regular",
+      "weight": {
+        "reading": {
+          "regular": "regular",
+          "italic": "italic"
+        }
+      },
       "size": {
         "large": 24,
         "medium": 20
@@ -2965,10 +2982,13 @@ export const component = {
     }
   },
   "media": {
-    "padding": 16,
     "border": {
       "radius": 8
-    }
+    },
+    "gap": 16
+  },
+  "buttonGroup": {
+    "gap": 8
   }
 };
 
@@ -3054,7 +3074,10 @@ export const layout = {
   },
   "contentWrapper": {
     "padding": {
-      "inline": 56,
+      "inline": {
+        "page": 56,
+        "overlay": 56
+      },
       "block": {
         "overlay": 48,
         "page": 72
@@ -3086,6 +3109,32 @@ export const layout = {
   },
   "contentTopBlock": {
     "gap": 16
+  },
+  "flex": {
+    "gap": {
+      "small": 8,
+      "medium": 24,
+      "large": 40
+    },
+    "padding": {
+      "small": 24,
+      "medium": 40,
+      "large": 48,
+      "xlarge": 56
+    },
+    "corner": {
+      "radius": {
+        "large": 40,
+        "medium": 24
+      }
+    },
+    "color": {
+      "background": {
+        "aubergine-850": "#481125",
+        "aubergine-25": "#fdf9f9",
+        "aubergine-50": "#f9eaed"
+      }
+    }
   }
 };
 
@@ -3180,7 +3229,8 @@ export const semantics = {
     "book": "book",
     "light": "light",
     "indent": 24,
-    "italic": "italic"
+    "regularItalic": "italic",
+    "bold": "semibold"
   },
   "color": {
     "identity": {
@@ -3288,9 +3338,11 @@ export const semantics = {
   "layout": {
     "page": {
       "space": {
-        "xlarge": 128,
+        "huge": 128,
         "medium": 32,
-        "small": 16
+        "small": 16,
+        "xlarge": 72,
+        "large": 56
       },
       "size": {
         "wide": 1600,
@@ -3348,12 +3400,18 @@ export const semantics = {
         "large": 448
       },
       "space": {
-        "small": 48,
-        "medium": 56,
-        "large": 72,
-        "xsmall": 40
+        "xlarge": 48,
+        "big": 56,
+        "large": 40,
+        "medium": 24,
+        "small": 16,
+        "xsmall": 12,
+        "tiny": 8
       },
-      "radius": 40
+      "radius": {
+        "large": 40,
+        "medium": 24
+      }
     }
   },
   "visual": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gyldendal/kobber-tokens",
-  "version": "4.0.0",
+  "version": "5.0.0",
   "description": "Gyldendal Kobber design tokens",
   "license": "UNLICENSED",
   "private": false,
@@ -28,7 +28,8 @@
     "build": "npm run build:tokens && npm run build:changelog",
     "build:tokens": "tsx ./scripts/build-tokens.ts",
     "build:changelog": "tsx ./scripts/update-changelog.ts",
-    "quality-check": "tsc --noEmit && biome check --write ."
+    "quality-check": "tsc --noEmit && biome check --write .",
+    "find-unused-tokens": "tsx ./scripts/find-unused-tokens.ts"
   },
   "devDependencies": {
     "@biomejs/biome": "^2.3.11",