@gyldendal/kobber-tokens 11.0.0 → 13.0.0

package/README.md

@@ -201,6 +201,10 @@ When UX team asks you to preview changes on their branch:
 
 #### For Developers (publishing new version)
 
+If you use [Claude Code](https://claude.com/claude-code), run `/release` in the project directory. It automates the entire flow below — merging the PR, building, versioning, publishing, and generating a Slack message.
+
+Manually:
+
 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`

package/dist/CHANGELOG.txt

@@ -1,3 +1,91 @@
+=== 02.06.2026, 13:55:12 [cf0874ff] - MAJOR - npm: v13.0.0 ===
+
+ADDED
+components-content-wrapper-background-color-fantasy-tone-a
+components-content-wrapper-background-color-fantasy-tone-b
+components-content-wrapper-background-color-nature-tone-a
+components-content-wrapper-background-color-nature-tone-b
+components-content-wrapper-background-color-thriller-tone-a
+components-content-wrapper-background-color-thriller-tone-b
+components-content-wrapper-inner-container-content-top-block-gap
+components-content-wrapper-inner-container-text-block-gap
+components-divider-background-color-rettsdata-tone-a
+components-switch-thumb-size
+components-text-title-text-line-height-large
+components-text-title-text-line-height-medium
+components-text-title-text-line-height-small
+components-text-title-text-size-small
+components-text-title-text-weight-italic
+components-text-title-text-weight-regular
+groups-content-blocks-color-fantasy-250
+groups-content-blocks-color-fantasy-850
+groups-content-blocks-color-nature-25
+groups-content-blocks-color-nature-750
+groups-content-blocks-color-thriller-250
+groups-content-blocks-color-thriller-850
+groups-content-blocks-space-xxsmall
+groups-switches-size-medium
+primitives-font-line-height-72
+primitives-font-line-height-84
+semantics-typography-line-height-72
+semantics-typography-line-height-84
+
+REMOVED
+components-text-title-text-line-height-brand-large
+components-text-title-text-line-height-brand-medium
+components-text-title-text-line-height-reading-large
+components-text-title-text-line-height-reading-medium
+components-text-title-text-weight-reading-italic
+components-text-title-text-weight-reading-regular
+primitives-font-line-height-70
+semantics-typography-line-height-70
+
+CHANGED
+components-alert-label-gap
+components-contextual-navigation-bar-padding-block
+components-contextual-navigation-bar-padding-inline
+components-divider-background-color-rettsdata-tone-b
+components-multiple-choice-item-background-color-brand-tone-a
+components-multiple-choice-item-background-color-brand-tone-b
+components-multiple-choice-item-background-color-neutral-tone-a
+components-multiple-choice-item-background-color-neutral-tone-b
+components-multiple-choice-item-shadow-color-brand-tone-a
+components-multiple-choice-item-shadow-color-brand-tone-b
+components-multiple-choice-item-shadow-color-neutral-tone-a
+components-multiple-choice-item-shadow-color-neutral-tone-b
+components-text-display-text-line-height-large
+components-text-display-text-line-height-medium
+components-text-heading-text-color-neutral-tone-a
+components-text-heading-text-line-height-reading-large
+components-text-heading-text-line-height-reading-medium
+components-text-lead-text-color-neutral-tone-a
+components-text-lead-text-line-height
+components-text-title-text-color-neutral-tone-a
+
+=== 20.04.2026, 13:12:17 [ac76d6a6] - MAJOR - npm: v12.0.0 ===
+
+ADDED
+components-text-heading-text-weight-brand
+components-text-heading-text-weight-reading
+components-text-lead-text-weight-brand
+components-text-title-text-weight-brand
+semantics-typography-weight-bold
+
+REMOVED
+components-text-heading-text-weight
+semantics-typography-weight-semibold
+
+CHANGED
+components-text-body-text-weight-brand
+components-text-body-text-weight-reading-bold
+components-text-body-text-weight-reading-regular
+components-text-display-extended-text-weight-alt2
+components-text-display-text-weight
+components-text-label-text-weight
+components-text-lead-text-weight-reading-regular
+components-text-title-text-weight-reading-regular
+semantics-typography-weight-book
+
 === 10.04.2026, 10:42:58 [c0b43659] - MAJOR - npm: v11.0.0 ===
 
 ADDED

package/dist/k-tokens.css

@@ -193,7 +193,8 @@
   --k-primitives-font-line-height-40: 2.5rem;
   --k-primitives-font-line-height-50: 3.125rem;
   --k-primitives-font-line-height-60: 3.75rem;
-  --k-primitives-font-line-height-70: 4.375rem;
+  --k-primitives-font-line-height-72: 4.5rem;
+  --k-primitives-font-line-height-84: 5.25rem;
   --k-primitives-font-size-12: 0.75rem;
   --k-primitives-font-size-14: 0.875rem;
   --k-primitives-font-size-16: 1rem;
@@ -228,8 +229,6 @@
   --k-primitives-spread-4: 0.25rem;
   --k-components-quote-module-tone-a-brand: #ffffff;
   --k-components-text-label-text-line-height: auto;
-  --k-components-text-heading-text-weight: book;
-  --k-components-text-display-text-weight: book;
   --k-universal-hyperlink-text-decoration-hover: underline;
   --k-semantics-typography-regular: regular;
   --k-semantics-typography-book: book;
@@ -277,16 +276,9 @@
   --k-groups-counter-concrete-150: var(--k-primitives-color-concrete-150);
   --k-groups-counter-aubergine-150: var(--k-primitives-color-aubergine-150);
   --k-groups-counter-aubergine-850: var(--k-primitives-color-aubergine-850);
-  --k-components-text-label-text-weight: var(--k-semantics-typography-regular);
-  --k-components-text-body-text-weight-brand: var(--k-semantics-typography-regular);
-  --k-components-text-body-text-weight-reading-regular: var(--k-semantics-typography-regular);
   --k-components-text-body-text-weight-reading-italic: var(--k-semantics-typography-regular-italic);
-  --k-components-text-body-text-weight-reading-bold: var(--k-semantics-typography-bold);
-  --k-components-text-lead-text-weight-reading-regular: var(--k-semantics-typography-regular);
   --k-components-text-lead-text-weight-reading-italic: var(--k-semantics-typography-regular-italic);
-  --k-components-text-title-text-weight-reading-regular: var(--k-semantics-typography-regular);
-  --k-components-text-title-text-weight-reading-italic: var(--k-semantics-typography-regular-italic);
-  --k-components-text-display-extended-text-weight-alt2: var(--k-semantics-typography-light);
+  --k-components-text-title-text-weight-italic: var(--k-semantics-typography-regular-italic);
   --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);
   --k-semantics-typography-font-family-pp-mori: var(--k-primitives-font-family-pp-mori);
@@ -316,12 +308,13 @@
   --k-semantics-typography-line-height-40: var(--k-primitives-font-line-height-40);
   --k-semantics-typography-line-height-50: var(--k-primitives-font-line-height-50);
   --k-semantics-typography-line-height-60: var(--k-primitives-font-line-height-60);
-  --k-semantics-typography-line-height-70: var(--k-primitives-font-line-height-70);
+  --k-semantics-typography-line-height-72: var(--k-primitives-font-line-height-72);
+  --k-semantics-typography-line-height-84: var(--k-primitives-font-line-height-84);
   --k-semantics-typography-indent: var(--k-primitives-size-24);
   --k-semantics-typography-weight-light: var(--k-primitives-font-weight-300);
-  --k-semantics-typography-weight-book: var(--k-primitives-font-weight-375);
+  --k-semantics-typography-weight-book: var(--k-primitives-font-weight-300);
   --k-semantics-typography-weight-regular: var(--k-primitives-font-weight-400);
-  --k-semantics-typography-weight-semibold: var(--k-primitives-font-weight-600);
+  --k-semantics-typography-weight-bold: var(--k-primitives-font-weight-600);
   --k-semantics-color-identity-brand-carmine-525: var(--k-primitives-color-carmine-525);
   --k-semantics-color-identity-base-aubergine-25: var(--k-primitives-color-aubergine-25);
   --k-semantics-color-identity-base-aubergine-50: var(--k-primitives-color-aubergine-50);
@@ -822,11 +815,18 @@
   --k-groups-content-blocks-color-aubergine-25: var(--k-semantics-color-identity-base-aubergine-25);
   --k-groups-content-blocks-color-concrete-25: var(--k-semantics-color-identity-neutral-concrete-25);
   --k-groups-content-blocks-color-concrete-850: var(--k-semantics-color-identity-neutral-concrete-850);
+  --k-groups-content-blocks-color-nature-750: var(--k-semantics-color-theme-nature-nature-750);
+  --k-groups-content-blocks-color-nature-25: var(--k-semantics-color-theme-nature-nature-25);
+  --k-groups-content-blocks-color-fantasy-250: var(--k-semantics-color-theme-fantasy-fantasy-250);
+  --k-groups-content-blocks-color-fantasy-850: var(--k-semantics-color-theme-fantasy-fantasy-850);
+  --k-groups-content-blocks-color-thriller-850: var(--k-semantics-color-theme-thriller-thriller-850);
+  --k-groups-content-blocks-color-thriller-250: var(--k-semantics-color-theme-thriller-thriller-250);
   --k-groups-content-blocks-space-medium: var(--k-semantics-layout-component-space-xlarge);
   --k-groups-content-blocks-space-xlarge: var(--k-semantics-layout-component-space-huge);
   --k-groups-content-blocks-space-large: var(--k-semantics-layout-component-space-big);
   --k-groups-content-blocks-space-small: var(--k-semantics-layout-component-space-large);
   --k-groups-content-blocks-space-xsmall: var(--k-semantics-layout-component-space-small);
+  --k-groups-content-blocks-space-xxsmall: var(--k-semantics-layout-component-space-tiny);
   --k-groups-content-blocks-size-medium: var(--k-semantics-layout-component-size-xlarge);
   --k-groups-content-blocks-size-large: var(--k-semantics-layout-component-size-xxlarge);
   --k-groups-content-blocks-size-small: var(--k-semantics-layout-component-size-medium);
@@ -873,6 +873,7 @@
   --k-groups-switches-border-radius: var(--k-semantics-layout-element-radius-medium);
   --k-groups-switches-size-large: var(--k-semantics-layout-element-size-large);
   --k-groups-switches-size-xxxlarge: var(--k-semantics-layout-element-size-xxxlarge);
+  --k-groups-switches-size-medium: var(--k-semantics-layout-element-size-medium);
   --k-groups-switches-space: var(--k-semantics-layout-element-space-xxsmall);
   --k-components-button-background-color-brand-primary-tone-a-hover: var(--k-groups-buttons-color-carmine-transparent-carmine-carmine-1000-10);
   --k-components-button-background-color-brand-secondary-tone-b-hover: var(--k-groups-buttons-color-aubergine-transparent-aubergine-1000-10);
@@ -919,6 +920,7 @@
   --k-components-text-label-text-size-large: var(--k-semantics-typography-size-16);
   --k-components-text-label-text-size-small: var(--k-semantics-typography-size-12);
   --k-components-text-label-text-font: var(--k-semantics-typography-font-family-pp-mori);
+  --k-components-text-label-text-weight: var(--k-semantics-typography-weight-regular);
   --k-components-text-body-text-size-small: var(--k-semantics-typography-size-14);
   --k-components-text-body-text-size-medium: var(--k-semantics-typography-size-16);
   --k-components-text-body-text-size-large: var(--k-semantics-typography-size-18);
@@ -936,33 +938,44 @@
   --k-components-text-body-text-line-height-brand-small-long: var(--k-semantics-typography-line-height-25);
   --k-components-text-body-text-font-reading: var(--k-semantics-typography-font-family-inter);
   --k-components-text-body-text-font-brand: var(--k-semantics-typography-font-family-pp-mori);
+  --k-components-text-body-text-weight-reading-regular: var(--k-semantics-typography-weight-regular);
+  --k-components-text-body-text-weight-reading-bold: var(--k-semantics-typography-weight-bold);
+  --k-components-text-body-text-weight-brand: var(--k-semantics-typography-weight-regular);
   --k-components-text-heading-text-line-height-brand-large: var(--k-semantics-typography-line-height-60);
   --k-components-text-heading-text-line-height-brand-medium: var(--k-semantics-typography-line-height-50);
-  --k-components-text-heading-text-line-height-reading-medium: var(--k-semantics-typography-line-height-40);
-  --k-components-text-heading-text-line-height-reading-large: var(--k-semantics-typography-line-height-50);
+  --k-components-text-heading-text-line-height-reading-medium: var(--k-semantics-typography-line-height-50);
+  --k-components-text-heading-text-line-height-reading-large: var(--k-semantics-typography-line-height-60);
   --k-components-text-heading-text-font-reading: var(--k-semantics-typography-font-family-inter);
   --k-components-text-heading-text-font-brand: var(--k-semantics-typography-font-family-pp-mori);
   --k-components-text-heading-text-size-large: var(--k-semantics-typography-size-40);
   --k-components-text-heading-text-size-medium: var(--k-semantics-typography-size-32);
+  --k-components-text-heading-text-weight-brand: var(--k-semantics-typography-weight-book);
+  --k-components-text-heading-text-weight-reading: var(--k-semantics-typography-weight-light);
   --k-components-text-lead-text-font-reading: var(--k-semantics-typography-font-family-inter);
   --k-components-text-lead-text-font-brand: var(--k-semantics-typography-font-family-pp-mori);
-  --k-components-text-lead-text-line-height: var(--k-semantics-typography-line-height-28);
+  --k-components-text-lead-text-line-height: var(--k-semantics-typography-line-height-30);
   --k-components-text-lead-text-size: var(--k-semantics-typography-size-20);
-  --k-components-text-title-text-line-height-brand-large: var(--k-semantics-typography-line-height-30);
-  --k-components-text-title-text-line-height-brand-medium: var(--k-semantics-typography-line-height-28);
-  --k-components-text-title-text-line-height-reading-medium: var(--k-semantics-typography-line-height-26);
-  --k-components-text-title-text-line-height-reading-large: var(--k-semantics-typography-line-height-28);
+  --k-components-text-lead-text-weight-reading-regular: var(--k-semantics-typography-weight-regular);
+  --k-components-text-lead-text-weight-brand: var(--k-semantics-typography-weight-regular);
   --k-components-text-title-text-font-reading: var(--k-semantics-typography-font-family-inter);
   --k-components-text-title-text-font-brand: var(--k-semantics-typography-font-family-pp-mori);
+  --k-components-text-title-text-line-height-medium: var(--k-semantics-typography-line-height-30);
+  --k-components-text-title-text-line-height-large: var(--k-semantics-typography-line-height-40);
+  --k-components-text-title-text-line-height-small: var(--k-semantics-typography-line-height-24);
   --k-components-text-title-text-size-large: var(--k-semantics-typography-size-24);
   --k-components-text-title-text-size-medium: var(--k-semantics-typography-size-20);
+  --k-components-text-title-text-size-small: var(--k-semantics-typography-size-16);
+  --k-components-text-title-text-weight-regular: var(--k-semantics-typography-weight-regular);
+  --k-components-text-title-text-weight-brand: var(--k-semantics-typography-weight-regular);
   --k-components-text-display-size-medium: var(--k-semantics-typography-size-48);
   --k-components-text-display-size-large: var(--k-semantics-typography-size-56);
   --k-components-text-display-text-font: var(--k-semantics-typography-font-family-pp-mori);
-  --k-components-text-display-text-line-height-medium: var(--k-semantics-typography-line-height-60);
-  --k-components-text-display-text-line-height-large: var(--k-semantics-typography-line-height-70);
+  --k-components-text-display-text-line-height-medium: var(--k-semantics-typography-line-height-72);
+  --k-components-text-display-text-line-height-large: var(--k-semantics-typography-line-height-84);
+  --k-components-text-display-text-weight: var(--k-semantics-typography-weight-book);
   --k-components-text-display-extended-text-font-alt2: var(--k-semantics-typography-font-family-lyon-display);
   --k-components-text-display-extended-text-font-alt1: var(--k-semantics-typography-font-family-pp-mori);
+  --k-components-text-display-extended-text-weight-alt2: var(--k-semantics-typography-weight-light);
   --k-components-text-display-padding-bottom: var(--k-semantics-layout-element-space-xsmall);
   --k-components-counter-background-color-neutral: var(--k-groups-counter-concrete-150);
   --k-components-counter-background-color-brand-tone-a: var(--k-groups-counter-aubergine-150);
@@ -1132,7 +1145,8 @@
   --k-components-divider-background-color-brand-tone-a: var(--k-groups-utilities-color-wine-600);
   --k-components-divider-background-color-neutral-tone-a: var(--k-groups-utilities-color-concrete-525);
   --k-components-divider-background-color-neutral-tone-b: var(--k-groups-utilities-color-concrete-150);
-  --k-components-divider-background-color-rettsdata-tone-b: var(--k-groups-utilities-color-rettsdata-20);
+  --k-components-divider-background-color-rettsdata-tone-b: var(--k-groups-utilities-color-rettsdata-30);
+  --k-components-divider-background-color-rettsdata-tone-a: var(--k-groups-utilities-color-rettsdata-60);
   --k-components-divider-border-radius: var(--k-groups-utilities-radius);
   --k-components-divider-padding-block-horizontal: var(--k-groups-utilities-space);
   --k-components-divider-padding-inline-vertical: var(--k-groups-utilities-space);
@@ -1159,7 +1173,7 @@
   --k-components-alert-label-icon-shape-color-warning: var(--k-groups-alerts-color-warning-darkest);
   --k-components-alert-label-icon-size: var(--k-groups-alerts-visual-icon-size-small);
   --k-components-alert-label-padding: var(--k-groups-alerts-space-small);
-  --k-components-alert-label-gap: var(--k-groups-alerts-space-xsmall);
+  --k-components-alert-label-gap: var(--k-groups-alerts-space-small);
   --k-components-alert-label-border-radius: var(--k-groups-alerts-radius-small);
   --k-components-text-link-gap: var(--k-groups-links-space-small);
   --k-components-text-link-border-width: var(--k-groups-links-stroke);
@@ -1597,8 +1611,8 @@
   --k-components-profile-card-image-border-radius: var(--k-groups-cards-and-modules-radius-large);
   --k-components-profile-card-inner-container-gap: var(--k-groups-cards-and-modules-space-large);
   --k-components-dropdown-menu-gap: var(--k-groups-menus-space-xsmall);
-  --k-components-contextual-navigation-bar-padding-inline: var(--k-groups-navigation-bars-space-medium);
-  --k-components-contextual-navigation-bar-padding-block: var(--k-groups-navigation-bars-space-large);
+  --k-components-contextual-navigation-bar-padding-block: var(--k-groups-navigation-bars-space-medium);
+  --k-components-contextual-navigation-bar-padding-inline: var(--k-groups-navigation-bars-space-large);
   --k-components-contextual-navigation-bar-left-container-gap: var(--k-groups-navigation-bars-space-xxlarge);
   --k-components-contextual-navigation-bar-background-color: var(--k-groups-navigation-bars-color-concrete-25);
   --k-components-contextual-navigation-bar-right-container-gap: var(--k-groups-navigation-bars-space-xsmall);
@@ -1688,7 +1702,7 @@
   --k-components-text-heading-text-color-brand-tone-a: var(--k-semantics-typography-color-brand-aubergine-750);
   --k-components-text-heading-text-color-brand-tone-b: var(--k-semantics-typography-color-brand-aubergine-50);
   --k-components-text-heading-text-color-neutral-tone-b: var(--k-semantics-typography-color-brand-concrete-50);
-  --k-components-text-heading-text-color-neutral-tone-a: var(--k-semantics-typography-color-brand-concrete-750);
+  --k-components-text-heading-text-color-neutral-tone-a: var(--k-semantics-typography-color-brand-concrete-900);
   --k-components-text-lead-text-color-brand-tone-a: var(--k-semantics-typography-color-brand-aubergine-750);
   --k-components-text-lead-text-color-brand-tone-b: var(--k-semantics-typography-color-brand-aubergine-50);
   --k-components-text-lead-text-color-nostalgia-tone-b: var(--k-semantics-typography-color-theme-nostalgia-25);
@@ -1704,7 +1718,7 @@
   --k-components-text-lead-text-color-nature-tone-b: var(--k-semantics-typography-color-theme-nature-25);
   --k-components-text-lead-text-color-nature-tone-a: var(--k-semantics-typography-color-theme-nature-750);
   --k-components-text-lead-text-color-neutral-tone-b: var(--k-semantics-typography-color-brand-concrete-50);
-  --k-components-text-lead-text-color-neutral-tone-a: var(--k-semantics-typography-color-brand-concrete-750);
+  --k-components-text-lead-text-color-neutral-tone-a: var(--k-semantics-typography-color-brand-concrete-900);
   --k-components-text-title-text-color-warning-tone-a: var(--k-semantics-typography-color-validation-warning-700);
   --k-components-text-title-text-color-warning-tone-b: var(--k-semantics-typography-color-validation-warning-75);
   --k-components-text-title-text-color-informative-tone-b: var(--k-semantics-typography-color-validation-informative-25);
@@ -1725,7 +1739,7 @@
   --k-components-text-title-text-color-brand-tone-b: var(--k-semantics-typography-color-brand-aubergine-50);
   --k-components-text-title-text-color-nature-tone-b: var(--k-semantics-typography-color-theme-nature-25);
   --k-components-text-title-text-color-nature-tone-a: var(--k-semantics-typography-color-theme-nature-750);
-  --k-components-text-title-text-color-neutral-tone-a: var(--k-semantics-typography-color-brand-concrete-750);
+  --k-components-text-title-text-color-neutral-tone-a: var(--k-semantics-typography-color-brand-concrete-900);
   --k-components-text-title-text-color-neutral-tone-b: var(--k-semantics-typography-color-brand-concrete-50);
   --k-components-text-display-text-color: var(--k-semantics-typography-color-brand-aubergine-750);
   --k-components-text-display-extended-text-color: var(--k-semantics-typography-color-brand-carmine-525);
@@ -1767,19 +1781,19 @@
   --k-components-content-controls-padding-xxsmall: var(--k-groups-content-controls-space-xxsmall);
   --k-components-multiple-choice-item-padding: var(--k-groups-cards-and-modules-space-medium);
   --k-components-multiple-choice-item-gap: var(--k-groups-cards-and-modules-space-medium);
-  --k-components-multiple-choice-item-background-color-neutral-tone-a: var(--k-groups-cards-and-modules-color-neutral-50);
-  --k-components-multiple-choice-item-background-color-neutral-tone-b: var(--k-groups-cards-and-modules-color-neutral-750);
-  --k-components-multiple-choice-item-background-color-brand-tone-a: var(--k-groups-cards-and-modules-color-aubergine-50);
-  --k-components-multiple-choice-item-background-color-brand-tone-b: var(--k-groups-cards-and-modules-color-aubergine-750);
+  --k-components-multiple-choice-item-background-color-neutral-tone-b: var(--k-groups-cards-and-modules-color-neutral-50);
+  --k-components-multiple-choice-item-background-color-neutral-tone-a: var(--k-groups-cards-and-modules-color-neutral-750);
+  --k-components-multiple-choice-item-background-color-brand-tone-b: var(--k-groups-cards-and-modules-color-aubergine-50);
+  --k-components-multiple-choice-item-background-color-brand-tone-a: var(--k-groups-cards-and-modules-color-aubergine-750);
   --k-components-multiple-choice-item-background-color-success: var(--k-groups-cards-and-modules-color-success-75);
   --k-components-multiple-choice-item-background-color-warning: var(--k-groups-cards-and-modules-color-warning-75);
   --k-components-multiple-choice-item-border-radius: var(--k-groups-cards-and-modules-radius-small);
   --k-components-multiple-choice-item-shadow-spread-medium: var(--k-groups-cards-and-modules-shadow-spread-medium);
   --k-components-multiple-choice-item-shadow-spread-small: var(--k-groups-cards-and-modules-shadow-spread-small);
-  --k-components-multiple-choice-item-shadow-color-neutral-tone-a: var(--k-groups-cards-and-modules-shadow-color-concrete-325);
-  --k-components-multiple-choice-item-shadow-color-neutral-tone-b: var(--k-groups-cards-and-modules-shadow-color-concrete-525);
-  --k-components-multiple-choice-item-shadow-color-brand-tone-a: var(--k-groups-cards-and-modules-shadow-color-aubergine-250);
-  --k-components-multiple-choice-item-shadow-color-brand-tone-b: var(--k-groups-cards-and-modules-shadow-color-aubergine-525);
+  --k-components-multiple-choice-item-shadow-color-neutral-tone-b: var(--k-groups-cards-and-modules-shadow-color-concrete-325);
+  --k-components-multiple-choice-item-shadow-color-neutral-tone-a: var(--k-groups-cards-and-modules-shadow-color-concrete-525);
+  --k-components-multiple-choice-item-shadow-color-brand-tone-b: var(--k-groups-cards-and-modules-shadow-color-aubergine-250);
+  --k-components-multiple-choice-item-shadow-color-brand-tone-a: var(--k-groups-cards-and-modules-shadow-color-aubergine-525);
   --k-components-multiple-choice-item-shadow-color-success: var(--k-groups-cards-and-modules-shadow-color-green-450);
   --k-components-multiple-choice-item-shadow-color-warning: var(--k-groups-cards-and-modules-shadow-color-orange-450);
   --k-components-multiple-choice-item-media-container-border-radius: var(--k-groups-cards-and-modules-radius-small);
@@ -1800,6 +1814,12 @@
   --k-components-content-wrapper-background-color-brand-tone-b: var(--k-groups-content-blocks-color-aubergine-25);
   --k-components-content-wrapper-background-color-neutral-tone-b: var(--k-groups-content-blocks-color-concrete-25);
   --k-components-content-wrapper-background-color-neutral-tone-a: var(--k-groups-content-blocks-color-concrete-850);
+  --k-components-content-wrapper-background-color-nature-tone-a: var(--k-groups-content-blocks-color-nature-750);
+  --k-components-content-wrapper-background-color-nature-tone-b: var(--k-groups-content-blocks-color-nature-25);
+  --k-components-content-wrapper-background-color-thriller-tone-a: var(--k-groups-content-blocks-color-thriller-850);
+  --k-components-content-wrapper-background-color-thriller-tone-b: var(--k-groups-content-blocks-color-thriller-250);
+  --k-components-content-wrapper-background-color-fantasy-tone-a: var(--k-groups-content-blocks-color-fantasy-850);
+  --k-components-content-wrapper-background-color-fantasy-tone-b: var(--k-groups-content-blocks-color-fantasy-250);
   --k-components-content-wrapper-padding-block-overlay: var(--k-groups-content-blocks-space-medium);
   --k-components-content-wrapper-padding-block-page: var(--k-groups-content-blocks-space-xlarge);
   --k-components-content-wrapper-padding-inline-page: var(--k-groups-content-blocks-space-large);
@@ -1808,6 +1828,8 @@
   --k-components-content-wrapper-size-min-width: var(--k-groups-content-blocks-size-small);
   --k-components-content-wrapper-border-radius-overlay: var(--k-groups-content-blocks-radius);
   --k-components-content-wrapper-inner-container-gap: var(--k-groups-content-blocks-space-small);
+  --k-components-content-wrapper-inner-container-content-top-block-gap: var(--k-groups-content-blocks-space-xsmall);
+  --k-components-content-wrapper-inner-container-text-block-gap: var(--k-groups-content-blocks-space-xxsmall);
   --k-components-content-top-block-gap: var(--k-groups-content-blocks-space-xsmall);
   --k-components-popover-gap: var(--k-groups-popovers-space-medium);
   --k-components-popover-padding-medium: var(--k-groups-popovers-space-medium);
@@ -1855,6 +1877,7 @@
   --k-components-switch-thumb-color-neutral: var(--k-groups-switches-color-conctrete-25);
   --k-components-switch-thumb-color-brand: var(--k-groups-switches-color-aubergine-50);
   --k-components-switch-thumb-radius: var(--k-groups-switches-element-radius);
+  --k-components-switch-thumb-size: var(--k-groups-switches-size-medium);
   --k-components-switch-size-height: var(--k-groups-switches-size-large);
   --k-components-switch-size-width: var(--k-groups-switches-size-xxxlarge);
   --k-components-switch-border-radius: var(--k-groups-switches-border-radius);

package/dist/tokens.css

@@ -193,7 +193,8 @@
   --kobber-primitives-font-line-height-40: 2.5rem;
   --kobber-primitives-font-line-height-50: 3.125rem;
   --kobber-primitives-font-line-height-60: 3.75rem;
-  --kobber-primitives-font-line-height-70: 4.375rem;
+  --kobber-primitives-font-line-height-72: 4.5rem;
+  --kobber-primitives-font-line-height-84: 5.25rem;
   --kobber-primitives-font-size-12: 0.75rem;
   --kobber-primitives-font-size-14: 0.875rem;
   --kobber-primitives-font-size-16: 1rem;
@@ -228,8 +229,6 @@
   --kobber-primitives-spread-4: 0.25rem;
   --kobber-components-quote-module-tone-a-brand: #ffffff;
   --kobber-components-text-label-text-line-height: auto;
-  --kobber-components-text-heading-text-weight: book;
-  --kobber-components-text-display-text-weight: book;
   --kobber-universal-hyperlink-text-decoration-hover: underline;
   --kobber-semantics-typography-regular: regular;
   --kobber-semantics-typography-book: book;
@@ -277,16 +276,9 @@
   --kobber-groups-counter-concrete-150: var(--kobber-primitives-color-concrete-150);
   --kobber-groups-counter-aubergine-150: var(--kobber-primitives-color-aubergine-150);
   --kobber-groups-counter-aubergine-850: var(--kobber-primitives-color-aubergine-850);
-  --kobber-components-text-label-text-weight: var(--kobber-semantics-typography-regular);
-  --kobber-components-text-body-text-weight-brand: var(--kobber-semantics-typography-regular);
-  --kobber-components-text-body-text-weight-reading-regular: var(--kobber-semantics-typography-regular);
   --kobber-components-text-body-text-weight-reading-italic: var(--kobber-semantics-typography-regular-italic);
-  --kobber-components-text-body-text-weight-reading-bold: var(--kobber-semantics-typography-bold);
-  --kobber-components-text-lead-text-weight-reading-regular: var(--kobber-semantics-typography-regular);
   --kobber-components-text-lead-text-weight-reading-italic: var(--kobber-semantics-typography-regular-italic);
-  --kobber-components-text-title-text-weight-reading-regular: var(--kobber-semantics-typography-regular);
-  --kobber-components-text-title-text-weight-reading-italic: var(--kobber-semantics-typography-regular-italic);
-  --kobber-components-text-display-extended-text-weight-alt2: var(--kobber-semantics-typography-light);
+  --kobber-components-text-title-text-weight-italic: var(--kobber-semantics-typography-regular-italic);
   --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);
   --kobber-semantics-typography-font-family-pp-mori: var(--kobber-primitives-font-family-pp-mori);
@@ -316,12 +308,13 @@
   --kobber-semantics-typography-line-height-40: var(--kobber-primitives-font-line-height-40);
   --kobber-semantics-typography-line-height-50: var(--kobber-primitives-font-line-height-50);
   --kobber-semantics-typography-line-height-60: var(--kobber-primitives-font-line-height-60);
-  --kobber-semantics-typography-line-height-70: var(--kobber-primitives-font-line-height-70);
+  --kobber-semantics-typography-line-height-72: var(--kobber-primitives-font-line-height-72);
+  --kobber-semantics-typography-line-height-84: var(--kobber-primitives-font-line-height-84);
   --kobber-semantics-typography-indent: var(--kobber-primitives-size-24);
   --kobber-semantics-typography-weight-light: var(--kobber-primitives-font-weight-300);
-  --kobber-semantics-typography-weight-book: var(--kobber-primitives-font-weight-375);
+  --kobber-semantics-typography-weight-book: var(--kobber-primitives-font-weight-300);
   --kobber-semantics-typography-weight-regular: var(--kobber-primitives-font-weight-400);
-  --kobber-semantics-typography-weight-semibold: var(--kobber-primitives-font-weight-600);
+  --kobber-semantics-typography-weight-bold: var(--kobber-primitives-font-weight-600);
   --kobber-semantics-color-identity-brand-carmine-525: var(--kobber-primitives-color-carmine-525);
   --kobber-semantics-color-identity-base-aubergine-25: var(--kobber-primitives-color-aubergine-25);
   --kobber-semantics-color-identity-base-aubergine-50: var(--kobber-primitives-color-aubergine-50);
@@ -822,11 +815,18 @@
   --kobber-groups-content-blocks-color-aubergine-25: var(--kobber-semantics-color-identity-base-aubergine-25);
   --kobber-groups-content-blocks-color-concrete-25: var(--kobber-semantics-color-identity-neutral-concrete-25);
   --kobber-groups-content-blocks-color-concrete-850: var(--kobber-semantics-color-identity-neutral-concrete-850);
+  --kobber-groups-content-blocks-color-nature-750: var(--kobber-semantics-color-theme-nature-nature-750);
+  --kobber-groups-content-blocks-color-nature-25: var(--kobber-semantics-color-theme-nature-nature-25);
+  --kobber-groups-content-blocks-color-fantasy-250: var(--kobber-semantics-color-theme-fantasy-fantasy-250);
+  --kobber-groups-content-blocks-color-fantasy-850: var(--kobber-semantics-color-theme-fantasy-fantasy-850);
+  --kobber-groups-content-blocks-color-thriller-850: var(--kobber-semantics-color-theme-thriller-thriller-850);
+  --kobber-groups-content-blocks-color-thriller-250: var(--kobber-semantics-color-theme-thriller-thriller-250);
   --kobber-groups-content-blocks-space-medium: var(--kobber-semantics-layout-component-space-xlarge);
   --kobber-groups-content-blocks-space-xlarge: var(--kobber-semantics-layout-component-space-huge);
   --kobber-groups-content-blocks-space-large: var(--kobber-semantics-layout-component-space-big);
   --kobber-groups-content-blocks-space-small: var(--kobber-semantics-layout-component-space-large);
   --kobber-groups-content-blocks-space-xsmall: var(--kobber-semantics-layout-component-space-small);
+  --kobber-groups-content-blocks-space-xxsmall: var(--kobber-semantics-layout-component-space-tiny);
   --kobber-groups-content-blocks-size-medium: var(--kobber-semantics-layout-component-size-xlarge);
   --kobber-groups-content-blocks-size-large: var(--kobber-semantics-layout-component-size-xxlarge);
   --kobber-groups-content-blocks-size-small: var(--kobber-semantics-layout-component-size-medium);
@@ -873,6 +873,7 @@
   --kobber-groups-switches-border-radius: var(--kobber-semantics-layout-element-radius-medium);
   --kobber-groups-switches-size-large: var(--kobber-semantics-layout-element-size-large);
   --kobber-groups-switches-size-xxxlarge: var(--kobber-semantics-layout-element-size-xxxlarge);
+  --kobber-groups-switches-size-medium: var(--kobber-semantics-layout-element-size-medium);
   --kobber-groups-switches-space: var(--kobber-semantics-layout-element-space-xxsmall);
   --kobber-components-button-background-color-brand-primary-tone-a-hover: var(--kobber-groups-buttons-color-carmine-transparent-carmine-carmine-1000-10);
   --kobber-components-button-background-color-brand-secondary-tone-b-hover: var(--kobber-groups-buttons-color-aubergine-transparent-aubergine-1000-10);
@@ -919,6 +920,7 @@
   --kobber-components-text-label-text-size-large: var(--kobber-semantics-typography-size-16);
   --kobber-components-text-label-text-size-small: var(--kobber-semantics-typography-size-12);
   --kobber-components-text-label-text-font: var(--kobber-semantics-typography-font-family-pp-mori);
+  --kobber-components-text-label-text-weight: var(--kobber-semantics-typography-weight-regular);
   --kobber-components-text-body-text-size-small: var(--kobber-semantics-typography-size-14);
   --kobber-components-text-body-text-size-medium: var(--kobber-semantics-typography-size-16);
   --kobber-components-text-body-text-size-large: var(--kobber-semantics-typography-size-18);
@@ -936,33 +938,44 @@
   --kobber-components-text-body-text-line-height-brand-small-long: var(--kobber-semantics-typography-line-height-25);
   --kobber-components-text-body-text-font-reading: var(--kobber-semantics-typography-font-family-inter);
   --kobber-components-text-body-text-font-brand: var(--kobber-semantics-typography-font-family-pp-mori);
+  --kobber-components-text-body-text-weight-reading-regular: var(--kobber-semantics-typography-weight-regular);
+  --kobber-components-text-body-text-weight-reading-bold: var(--kobber-semantics-typography-weight-bold);
+  --kobber-components-text-body-text-weight-brand: var(--kobber-semantics-typography-weight-regular);
   --kobber-components-text-heading-text-line-height-brand-large: var(--kobber-semantics-typography-line-height-60);
   --kobber-components-text-heading-text-line-height-brand-medium: var(--kobber-semantics-typography-line-height-50);
-  --kobber-components-text-heading-text-line-height-reading-medium: var(--kobber-semantics-typography-line-height-40);
-  --kobber-components-text-heading-text-line-height-reading-large: var(--kobber-semantics-typography-line-height-50);
+  --kobber-components-text-heading-text-line-height-reading-medium: var(--kobber-semantics-typography-line-height-50);
+  --kobber-components-text-heading-text-line-height-reading-large: var(--kobber-semantics-typography-line-height-60);
   --kobber-components-text-heading-text-font-reading: var(--kobber-semantics-typography-font-family-inter);
   --kobber-components-text-heading-text-font-brand: var(--kobber-semantics-typography-font-family-pp-mori);
   --kobber-components-text-heading-text-size-large: var(--kobber-semantics-typography-size-40);
   --kobber-components-text-heading-text-size-medium: var(--kobber-semantics-typography-size-32);
+  --kobber-components-text-heading-text-weight-brand: var(--kobber-semantics-typography-weight-book);
+  --kobber-components-text-heading-text-weight-reading: var(--kobber-semantics-typography-weight-light);
   --kobber-components-text-lead-text-font-reading: var(--kobber-semantics-typography-font-family-inter);
   --kobber-components-text-lead-text-font-brand: var(--kobber-semantics-typography-font-family-pp-mori);
-  --kobber-components-text-lead-text-line-height: var(--kobber-semantics-typography-line-height-28);
+  --kobber-components-text-lead-text-line-height: var(--kobber-semantics-typography-line-height-30);
   --kobber-components-text-lead-text-size: var(--kobber-semantics-typography-size-20);
-  --kobber-components-text-title-text-line-height-brand-large: var(--kobber-semantics-typography-line-height-30);
-  --kobber-components-text-title-text-line-height-brand-medium: var(--kobber-semantics-typography-line-height-28);
-  --kobber-components-text-title-text-line-height-reading-medium: var(--kobber-semantics-typography-line-height-26);
-  --kobber-components-text-title-text-line-height-reading-large: var(--kobber-semantics-typography-line-height-28);
+  --kobber-components-text-lead-text-weight-reading-regular: var(--kobber-semantics-typography-weight-regular);
+  --kobber-components-text-lead-text-weight-brand: var(--kobber-semantics-typography-weight-regular);
   --kobber-components-text-title-text-font-reading: var(--kobber-semantics-typography-font-family-inter);
   --kobber-components-text-title-text-font-brand: var(--kobber-semantics-typography-font-family-pp-mori);
+  --kobber-components-text-title-text-line-height-medium: var(--kobber-semantics-typography-line-height-30);
+  --kobber-components-text-title-text-line-height-large: var(--kobber-semantics-typography-line-height-40);
+  --kobber-components-text-title-text-line-height-small: var(--kobber-semantics-typography-line-height-24);
   --kobber-components-text-title-text-size-large: var(--kobber-semantics-typography-size-24);
   --kobber-components-text-title-text-size-medium: var(--kobber-semantics-typography-size-20);
+  --kobber-components-text-title-text-size-small: var(--kobber-semantics-typography-size-16);
+  --kobber-components-text-title-text-weight-regular: var(--kobber-semantics-typography-weight-regular);
+  --kobber-components-text-title-text-weight-brand: var(--kobber-semantics-typography-weight-regular);
   --kobber-components-text-display-size-medium: var(--kobber-semantics-typography-size-48);
   --kobber-components-text-display-size-large: var(--kobber-semantics-typography-size-56);
   --kobber-components-text-display-text-font: var(--kobber-semantics-typography-font-family-pp-mori);
-  --kobber-components-text-display-text-line-height-medium: var(--kobber-semantics-typography-line-height-60);
-  --kobber-components-text-display-text-line-height-large: var(--kobber-semantics-typography-line-height-70);
+  --kobber-components-text-display-text-line-height-medium: var(--kobber-semantics-typography-line-height-72);
+  --kobber-components-text-display-text-line-height-large: var(--kobber-semantics-typography-line-height-84);
+  --kobber-components-text-display-text-weight: var(--kobber-semantics-typography-weight-book);
   --kobber-components-text-display-extended-text-font-alt2: var(--kobber-semantics-typography-font-family-lyon-display);
   --kobber-components-text-display-extended-text-font-alt1: var(--kobber-semantics-typography-font-family-pp-mori);
+  --kobber-components-text-display-extended-text-weight-alt2: var(--kobber-semantics-typography-weight-light);
   --kobber-components-text-display-padding-bottom: var(--kobber-semantics-layout-element-space-xsmall);
   --kobber-components-counter-background-color-neutral: var(--kobber-groups-counter-concrete-150);
   --kobber-components-counter-background-color-brand-tone-a: var(--kobber-groups-counter-aubergine-150);
@@ -1132,7 +1145,8 @@
   --kobber-components-divider-background-color-brand-tone-a: var(--kobber-groups-utilities-color-wine-600);
   --kobber-components-divider-background-color-neutral-tone-a: var(--kobber-groups-utilities-color-concrete-525);
   --kobber-components-divider-background-color-neutral-tone-b: var(--kobber-groups-utilities-color-concrete-150);
-  --kobber-components-divider-background-color-rettsdata-tone-b: var(--kobber-groups-utilities-color-rettsdata-20);
+  --kobber-components-divider-background-color-rettsdata-tone-b: var(--kobber-groups-utilities-color-rettsdata-30);
+  --kobber-components-divider-background-color-rettsdata-tone-a: var(--kobber-groups-utilities-color-rettsdata-60);
   --kobber-components-divider-border-radius: var(--kobber-groups-utilities-radius);
   --kobber-components-divider-padding-block-horizontal: var(--kobber-groups-utilities-space);
   --kobber-components-divider-padding-inline-vertical: var(--kobber-groups-utilities-space);
@@ -1159,7 +1173,7 @@
   --kobber-components-alert-label-icon-shape-color-warning: var(--kobber-groups-alerts-color-warning-darkest);
   --kobber-components-alert-label-icon-size: var(--kobber-groups-alerts-visual-icon-size-small);
   --kobber-components-alert-label-padding: var(--kobber-groups-alerts-space-small);
-  --kobber-components-alert-label-gap: var(--kobber-groups-alerts-space-xsmall);
+  --kobber-components-alert-label-gap: var(--kobber-groups-alerts-space-small);
   --kobber-components-alert-label-border-radius: var(--kobber-groups-alerts-radius-small);
   --kobber-components-text-link-gap: var(--kobber-groups-links-space-small);
   --kobber-components-text-link-border-width: var(--kobber-groups-links-stroke);
@@ -1597,8 +1611,8 @@
   --kobber-components-profile-card-image-border-radius: var(--kobber-groups-cards-and-modules-radius-large);
   --kobber-components-profile-card-inner-container-gap: var(--kobber-groups-cards-and-modules-space-large);
   --kobber-components-dropdown-menu-gap: var(--kobber-groups-menus-space-xsmall);
-  --kobber-components-contextual-navigation-bar-padding-inline: var(--kobber-groups-navigation-bars-space-medium);
-  --kobber-components-contextual-navigation-bar-padding-block: var(--kobber-groups-navigation-bars-space-large);
+  --kobber-components-contextual-navigation-bar-padding-block: var(--kobber-groups-navigation-bars-space-medium);
+  --kobber-components-contextual-navigation-bar-padding-inline: var(--kobber-groups-navigation-bars-space-large);
   --kobber-components-contextual-navigation-bar-left-container-gap: var(--kobber-groups-navigation-bars-space-xxlarge);
   --kobber-components-contextual-navigation-bar-background-color: var(--kobber-groups-navigation-bars-color-concrete-25);
   --kobber-components-contextual-navigation-bar-right-container-gap: var(--kobber-groups-navigation-bars-space-xsmall);
@@ -1688,7 +1702,7 @@
   --kobber-components-text-heading-text-color-brand-tone-a: var(--kobber-semantics-typography-color-brand-aubergine-750);
   --kobber-components-text-heading-text-color-brand-tone-b: var(--kobber-semantics-typography-color-brand-aubergine-50);
   --kobber-components-text-heading-text-color-neutral-tone-b: var(--kobber-semantics-typography-color-brand-concrete-50);
-  --kobber-components-text-heading-text-color-neutral-tone-a: var(--kobber-semantics-typography-color-brand-concrete-750);
+  --kobber-components-text-heading-text-color-neutral-tone-a: var(--kobber-semantics-typography-color-brand-concrete-900);
   --kobber-components-text-lead-text-color-brand-tone-a: var(--kobber-semantics-typography-color-brand-aubergine-750);
   --kobber-components-text-lead-text-color-brand-tone-b: var(--kobber-semantics-typography-color-brand-aubergine-50);
   --kobber-components-text-lead-text-color-nostalgia-tone-b: var(--kobber-semantics-typography-color-theme-nostalgia-25);
@@ -1704,7 +1718,7 @@
   --kobber-components-text-lead-text-color-nature-tone-b: var(--kobber-semantics-typography-color-theme-nature-25);
   --kobber-components-text-lead-text-color-nature-tone-a: var(--kobber-semantics-typography-color-theme-nature-750);
   --kobber-components-text-lead-text-color-neutral-tone-b: var(--kobber-semantics-typography-color-brand-concrete-50);
-  --kobber-components-text-lead-text-color-neutral-tone-a: var(--kobber-semantics-typography-color-brand-concrete-750);
+  --kobber-components-text-lead-text-color-neutral-tone-a: var(--kobber-semantics-typography-color-brand-concrete-900);
   --kobber-components-text-title-text-color-warning-tone-a: var(--kobber-semantics-typography-color-validation-warning-700);
   --kobber-components-text-title-text-color-warning-tone-b: var(--kobber-semantics-typography-color-validation-warning-75);
   --kobber-components-text-title-text-color-informative-tone-b: var(--kobber-semantics-typography-color-validation-informative-25);
@@ -1725,7 +1739,7 @@
   --kobber-components-text-title-text-color-brand-tone-b: var(--kobber-semantics-typography-color-brand-aubergine-50);
   --kobber-components-text-title-text-color-nature-tone-b: var(--kobber-semantics-typography-color-theme-nature-25);
   --kobber-components-text-title-text-color-nature-tone-a: var(--kobber-semantics-typography-color-theme-nature-750);
-  --kobber-components-text-title-text-color-neutral-tone-a: var(--kobber-semantics-typography-color-brand-concrete-750);
+  --kobber-components-text-title-text-color-neutral-tone-a: var(--kobber-semantics-typography-color-brand-concrete-900);
   --kobber-components-text-title-text-color-neutral-tone-b: var(--kobber-semantics-typography-color-brand-concrete-50);
   --kobber-components-text-display-text-color: var(--kobber-semantics-typography-color-brand-aubergine-750);
   --kobber-components-text-display-extended-text-color: var(--kobber-semantics-typography-color-brand-carmine-525);
@@ -1767,19 +1781,19 @@
   --kobber-components-content-controls-padding-xxsmall: var(--kobber-groups-content-controls-space-xxsmall);
   --kobber-components-multiple-choice-item-padding: var(--kobber-groups-cards-and-modules-space-medium);
   --kobber-components-multiple-choice-item-gap: var(--kobber-groups-cards-and-modules-space-medium);
-  --kobber-components-multiple-choice-item-background-color-neutral-tone-a: var(--kobber-groups-cards-and-modules-color-neutral-50);
-  --kobber-components-multiple-choice-item-background-color-neutral-tone-b: var(--kobber-groups-cards-and-modules-color-neutral-750);
-  --kobber-components-multiple-choice-item-background-color-brand-tone-a: var(--kobber-groups-cards-and-modules-color-aubergine-50);
-  --kobber-components-multiple-choice-item-background-color-brand-tone-b: var(--kobber-groups-cards-and-modules-color-aubergine-750);
+  --kobber-components-multiple-choice-item-background-color-neutral-tone-b: var(--kobber-groups-cards-and-modules-color-neutral-50);
+  --kobber-components-multiple-choice-item-background-color-neutral-tone-a: var(--kobber-groups-cards-and-modules-color-neutral-750);
+  --kobber-components-multiple-choice-item-background-color-brand-tone-b: var(--kobber-groups-cards-and-modules-color-aubergine-50);
+  --kobber-components-multiple-choice-item-background-color-brand-tone-a: var(--kobber-groups-cards-and-modules-color-aubergine-750);
   --kobber-components-multiple-choice-item-background-color-success: var(--kobber-groups-cards-and-modules-color-success-75);
   --kobber-components-multiple-choice-item-background-color-warning: var(--kobber-groups-cards-and-modules-color-warning-75);
   --kobber-components-multiple-choice-item-border-radius: var(--kobber-groups-cards-and-modules-radius-small);
   --kobber-components-multiple-choice-item-shadow-spread-medium: var(--kobber-groups-cards-and-modules-shadow-spread-medium);
   --kobber-components-multiple-choice-item-shadow-spread-small: var(--kobber-groups-cards-and-modules-shadow-spread-small);
-  --kobber-components-multiple-choice-item-shadow-color-neutral-tone-a: var(--kobber-groups-cards-and-modules-shadow-color-concrete-325);
-  --kobber-components-multiple-choice-item-shadow-color-neutral-tone-b: var(--kobber-groups-cards-and-modules-shadow-color-concrete-525);
-  --kobber-components-multiple-choice-item-shadow-color-brand-tone-a: var(--kobber-groups-cards-and-modules-shadow-color-aubergine-250);
-  --kobber-components-multiple-choice-item-shadow-color-brand-tone-b: var(--kobber-groups-cards-and-modules-shadow-color-aubergine-525);
+  --kobber-components-multiple-choice-item-shadow-color-neutral-tone-b: var(--kobber-groups-cards-and-modules-shadow-color-concrete-325);
+  --kobber-components-multiple-choice-item-shadow-color-neutral-tone-a: var(--kobber-groups-cards-and-modules-shadow-color-concrete-525);
+  --kobber-components-multiple-choice-item-shadow-color-brand-tone-b: var(--kobber-groups-cards-and-modules-shadow-color-aubergine-250);
+  --kobber-components-multiple-choice-item-shadow-color-brand-tone-a: var(--kobber-groups-cards-and-modules-shadow-color-aubergine-525);
   --kobber-components-multiple-choice-item-shadow-color-success: var(--kobber-groups-cards-and-modules-shadow-color-green-450);
   --kobber-components-multiple-choice-item-shadow-color-warning: var(--kobber-groups-cards-and-modules-shadow-color-orange-450);
   --kobber-components-multiple-choice-item-media-container-border-radius: var(--kobber-groups-cards-and-modules-radius-small);
@@ -1800,6 +1814,12 @@
   --kobber-components-content-wrapper-background-color-brand-tone-b: var(--kobber-groups-content-blocks-color-aubergine-25);
   --kobber-components-content-wrapper-background-color-neutral-tone-b: var(--kobber-groups-content-blocks-color-concrete-25);
   --kobber-components-content-wrapper-background-color-neutral-tone-a: var(--kobber-groups-content-blocks-color-concrete-850);
+  --kobber-components-content-wrapper-background-color-nature-tone-a: var(--kobber-groups-content-blocks-color-nature-750);
+  --kobber-components-content-wrapper-background-color-nature-tone-b: var(--kobber-groups-content-blocks-color-nature-25);
+  --kobber-components-content-wrapper-background-color-thriller-tone-a: var(--kobber-groups-content-blocks-color-thriller-850);
+  --kobber-components-content-wrapper-background-color-thriller-tone-b: var(--kobber-groups-content-blocks-color-thriller-250);
+  --kobber-components-content-wrapper-background-color-fantasy-tone-a: var(--kobber-groups-content-blocks-color-fantasy-850);
+  --kobber-components-content-wrapper-background-color-fantasy-tone-b: var(--kobber-groups-content-blocks-color-fantasy-250);
   --kobber-components-content-wrapper-padding-block-overlay: var(--kobber-groups-content-blocks-space-medium);
   --kobber-components-content-wrapper-padding-block-page: var(--kobber-groups-content-blocks-space-xlarge);
   --kobber-components-content-wrapper-padding-inline-page: var(--kobber-groups-content-blocks-space-large);
@@ -1808,6 +1828,8 @@
   --kobber-components-content-wrapper-size-min-width: var(--kobber-groups-content-blocks-size-small);
   --kobber-components-content-wrapper-border-radius-overlay: var(--kobber-groups-content-blocks-radius);
   --kobber-components-content-wrapper-inner-container-gap: var(--kobber-groups-content-blocks-space-small);
+  --kobber-components-content-wrapper-inner-container-content-top-block-gap: var(--kobber-groups-content-blocks-space-xsmall);
+  --kobber-components-content-wrapper-inner-container-text-block-gap: var(--kobber-groups-content-blocks-space-xxsmall);
   --kobber-components-content-top-block-gap: var(--kobber-groups-content-blocks-space-xsmall);
   --kobber-components-popover-gap: var(--kobber-groups-popovers-space-medium);
   --kobber-components-popover-padding-medium: var(--kobber-groups-popovers-space-medium);
@@ -1855,6 +1877,7 @@
   --kobber-components-switch-thumb-color-neutral: var(--kobber-groups-switches-color-conctrete-25);
   --kobber-components-switch-thumb-color-brand: var(--kobber-groups-switches-color-aubergine-50);
   --kobber-components-switch-thumb-radius: var(--kobber-groups-switches-element-radius);
+  --kobber-components-switch-thumb-size: var(--kobber-groups-switches-size-medium);
   --kobber-components-switch-size-height: var(--kobber-groups-switches-size-large);
   --kobber-components-switch-size-width: var(--kobber-groups-switches-size-xxxlarge);
   --kobber-components-switch-border-radius: var(--kobber-groups-switches-border-radius);

package/dist/tokens.d.ts

@@ -227,7 +227,8 @@ export const primitives: {
       "40": 40,
       "50": 50,
       "60": 60,
-      "70": 70
+      "72": 72,
+      "84": 84
     },
     "size": {
       "12": 12,
@@ -922,14 +923,21 @@ export const groups: {
       "aubergine-850": "#481125",
       "aubergine-25": "#fdf9f9",
       "concrete-25": "#f9fafb",
-      "concrete-850": "#202429"
+      "concrete-850": "#202429",
+      "nature-750": "#343a32",
+      "nature-25": "#d9e7d5",
+      "fantasy-250": "#c1b9c4",
+      "fantasy-850": "#28222a",
+      "thriller-850": "#0b2e3a",
+      "thriller-250": "#aec3c3"
     },
     "space": {
       "medium": 48,
       "xlarge": 72,
       "large": 56,
       "small": 40,
-      "xsmall": 16
+      "xsmall": 16,
+      "xxsmall": 8
     },
     "size": {
       "medium": 568,
@@ -1035,7 +1043,8 @@ export const groups: {
     },
     "size": {
       "large": 32,
-      "xxxlarge": 56
+      "xxxlarge": 56,
+      "medium": 24
     },
     "space": 4
   }
@@ -1334,7 +1343,8 @@ export const components: {
           "toneB": "#cfd5dd"
         },
         "rettsdata": {
-          "toneB": "#dcddff"
+          "toneB": "#bdc0fe",
+          "toneA": "#5555ff"
         }
       }
     },
@@ -1408,7 +1418,7 @@ export const components: {
       "size": 16
     },
     "padding": 8,
-    "gap": 4,
+    "gap": 8,
     "border": {
       "radius": 8
     }
@@ -2712,8 +2722,8 @@ export const components: {
   },
   "_contextualNavigationBar": {
     "padding": {
-      "inline": 16,
-      "block": 24
+      "block": 16,
+      "inline": 24
     },
     "leftContainer": {
       "gap": 40
@@ -2853,8 +2863,8 @@ export const components: {
         "small": 12
       },
       "lineHeight": "auto",
-      "weight": "regular",
-      "font": "pp-mori"
+      "font": "pp-mori",
+      "weight": 400
     }
   },
   "textBody": {
@@ -2949,12 +2959,12 @@ export const components: {
         "brand": "pp-mori"
       },
       "weight": {
-        "brand": "regular",
         "reading": {
-          "regular": "regular",
           "italic": "italic",
-          "bold": "semibold"
-        }
+          "regular": 400,
+          "bold": 600
+        },
+        "brand": 400
       }
     }
   },
@@ -2966,8 +2976,8 @@ export const components: {
           "medium": 50
         },
         "reading": {
-          "medium": 40,
-          "large": 50
+          "medium": 50,
+          "large": 60
         }
       },
       "font": {
@@ -3005,13 +3015,16 @@ export const components: {
         },
         "neutral": {
           "toneB": "#eceef1",
-          "toneA": "#333a41"
+          "toneA": "#191c20"
         }
       },
-      "weight": "book",
       "size": {
         "large": 40,
         "medium": 32
+      },
+      "weight": {
+        "brand": 300,
+        "reading": 300
       }
     }
   },
@@ -3048,35 +3061,26 @@ export const components: {
         },
         "neutral": {
           "toneB": "#eceef1",
-          "toneA": "#333a41"
+          "toneA": "#191c20"
         }
       },
       "font": {
         "reading": "inter",
         "brand": "pp-mori"
       },
+      "lineHeight": 30,
+      "size": 20,
       "weight": {
         "reading": {
-          "regular": "regular",
-          "italic": "italic"
-        }
-      },
-      "lineHeight": 28,
-      "size": 20
+          "italic": "italic",
+          "regular": 400
+        },
+        "brand": 400
+      }
     }
   },
   "textTitle": {
     "text": {
-      "lineHeight": {
-        "brand": {
-          "large": 30,
-          "medium": 28
-        },
-        "reading": {
-          "medium": 26,
-          "large": 28
-        }
-      },
       "font": {
         "reading": "inter",
         "brand": "pp-mori"
@@ -3123,19 +3127,24 @@ export const components: {
           "toneA": "#343a32"
         },
         "neutral": {
-          "toneA": "#333a41",
+          "toneA": "#191c20",
           "toneB": "#eceef1"
         }
       },
-      "weight": {
-        "reading": {
-          "regular": "regular",
-          "italic": "italic"
-        }
+      "lineHeight": {
+        "medium": 30,
+        "large": 40,
+        "small": 24
       },
       "size": {
         "large": 24,
-        "medium": 20
+        "medium": 20,
+        "small": 16
+      },
+      "weight": {
+        "italic": "italic",
+        "regular": 400,
+        "brand": 400
       }
     }
   },
@@ -3146,22 +3155,22 @@ export const components: {
     },
     "text": {
       "color": "#691837",
-      "weight": "book",
       "font": "pp-mori",
       "lineHeight": {
-        "medium": 60,
-        "large": 70
-      }
+        "medium": 72,
+        "large": 84
+      },
+      "weight": 300
     },
     "extended": {
       "text": {
         "color": "#dc134f",
-        "weight": {
-          "alt2": "light"
-        },
         "font": {
           "alt2": "lyon-display",
           "alt1": "pp-mori"
+        },
+        "weight": {
+          "alt2": 300
         }
       }
     },
@@ -3296,12 +3305,12 @@ export const components: {
     "background": {
       "color": {
         "neutral": {
-          "toneA": "#eceef1",
-          "toneB": "#333a41"
+          "toneB": "#eceef1",
+          "toneA": "#333a41"
         },
         "brand": {
-          "toneA": "#f9eaed",
-          "toneB": "#691837"
+          "toneB": "#f9eaed",
+          "toneA": "#691837"
         },
         "success": "#cbfbdb",
         "warning": "#ffe6d2"
@@ -3317,12 +3326,12 @@ export const components: {
       },
       "color": {
         "neutral": {
-          "toneA": "#95a5b7",
-          "toneB": "#697684"
+          "toneB": "#95a5b7",
+          "toneA": "#697684"
         },
         "brand": {
-          "toneA": "#f3a5b9",
-          "toneB": "#ce3871"
+          "toneB": "#f3a5b9",
+          "toneA": "#ce3871"
         },
         "success": "#03834e",
         "warning": "#f6a04a"
@@ -3379,6 +3388,18 @@ export const components: {
         "neutral": {
           "toneB": "#f9fafb",
           "toneA": "#202429"
+        },
+        "nature": {
+          "toneA": "#343a32",
+          "toneB": "#d9e7d5"
+        },
+        "thriller": {
+          "toneA": "#0b2e3a",
+          "toneB": "#aec3c3"
+        },
+        "fantasy": {
+          "toneA": "#28222a",
+          "toneB": "#c1b9c4"
         }
       }
     },
@@ -3402,7 +3423,13 @@ export const components: {
       }
     },
     "innerContainer": {
-      "gap": 40
+      "gap": 40,
+      "contentTopBlock": {
+        "gap": 16
+      },
+      "textBlock": {
+        "gap": 8
+      }
     }
   },
   "contentTopBlock": {
@@ -3543,7 +3570,8 @@ export const components: {
         "neutral": "#f9fafb",
         "brand": "#f9eaed"
       },
-      "radius": 9999
+      "radius": 9999,
+      "size": 24
     },
     "size": {
       "height": 32,
@@ -3648,7 +3676,8 @@ export const semantics: {
       "40": 40,
       "50": 50,
       "60": 60,
-      "70": 70
+      "72": 72,
+      "84": 84
     },
     "space": {
       "large": 24,
@@ -3707,9 +3736,9 @@ export const semantics: {
     "bold": "semibold",
     "weight": {
       "light": 300,
-      "book": 375,
+      "book": 300,
       "regular": 400,
-      "semibold": 600
+      "bold": 600
     }
   },
   "color": {

package/dist/tokens.js

@@ -226,7 +226,8 @@ export const primitives = {
       "40": 40,
       "50": 50,
       "60": 60,
-      "70": 70
+      "72": 72,
+      "84": 84
     },
     "size": {
       "12": 12,
@@ -921,14 +922,21 @@ export const groups = {
       "aubergine-850": "#481125",
       "aubergine-25": "#fdf9f9",
       "concrete-25": "#f9fafb",
-      "concrete-850": "#202429"
+      "concrete-850": "#202429",
+      "nature-750": "#343a32",
+      "nature-25": "#d9e7d5",
+      "fantasy-250": "#c1b9c4",
+      "fantasy-850": "#28222a",
+      "thriller-850": "#0b2e3a",
+      "thriller-250": "#aec3c3"
     },
     "space": {
       "medium": 48,
       "xlarge": 72,
       "large": 56,
       "small": 40,
-      "xsmall": 16
+      "xsmall": 16,
+      "xxsmall": 8
     },
     "size": {
       "medium": 568,
@@ -1034,7 +1042,8 @@ export const groups = {
     },
     "size": {
       "large": 32,
-      "xxxlarge": 56
+      "xxxlarge": 56,
+      "medium": 24
     },
     "space": 4
   }
@@ -1333,7 +1342,8 @@ export const components = {
           "toneB": "#cfd5dd"
         },
         "rettsdata": {
-          "toneB": "#dcddff"
+          "toneB": "#bdc0fe",
+          "toneA": "#5555ff"
         }
       }
     },
@@ -1407,7 +1417,7 @@ export const components = {
       "size": 16
     },
     "padding": 8,
-    "gap": 4,
+    "gap": 8,
     "border": {
       "radius": 8
     }
@@ -2711,8 +2721,8 @@ export const components = {
   },
   "_contextualNavigationBar": {
     "padding": {
-      "inline": 16,
-      "block": 24
+      "block": 16,
+      "inline": 24
     },
     "leftContainer": {
       "gap": 40
@@ -2852,8 +2862,8 @@ export const components = {
         "small": 12
       },
       "lineHeight": "auto",
-      "weight": "regular",
-      "font": "pp-mori"
+      "font": "pp-mori",
+      "weight": 400
     }
   },
   "textBody": {
@@ -2948,12 +2958,12 @@ export const components = {
         "brand": "pp-mori"
       },
       "weight": {
-        "brand": "regular",
         "reading": {
-          "regular": "regular",
           "italic": "italic",
-          "bold": "semibold"
-        }
+          "regular": 400,
+          "bold": 600
+        },
+        "brand": 400
       }
     }
   },
@@ -2965,8 +2975,8 @@ export const components = {
           "medium": 50
         },
         "reading": {
-          "medium": 40,
-          "large": 50
+          "medium": 50,
+          "large": 60
         }
       },
       "font": {
@@ -3004,13 +3014,16 @@ export const components = {
         },
         "neutral": {
           "toneB": "#eceef1",
-          "toneA": "#333a41"
+          "toneA": "#191c20"
         }
       },
-      "weight": "book",
       "size": {
         "large": 40,
         "medium": 32
+      },
+      "weight": {
+        "brand": 300,
+        "reading": 300
       }
     }
   },
@@ -3047,35 +3060,26 @@ export const components = {
         },
         "neutral": {
           "toneB": "#eceef1",
-          "toneA": "#333a41"
+          "toneA": "#191c20"
         }
       },
       "font": {
         "reading": "inter",
         "brand": "pp-mori"
       },
+      "lineHeight": 30,
+      "size": 20,
       "weight": {
         "reading": {
-          "regular": "regular",
-          "italic": "italic"
-        }
-      },
-      "lineHeight": 28,
-      "size": 20
+          "italic": "italic",
+          "regular": 400
+        },
+        "brand": 400
+      }
     }
   },
   "textTitle": {
     "text": {
-      "lineHeight": {
-        "brand": {
-          "large": 30,
-          "medium": 28
-        },
-        "reading": {
-          "medium": 26,
-          "large": 28
-        }
-      },
       "font": {
         "reading": "inter",
         "brand": "pp-mori"
@@ -3122,19 +3126,24 @@ export const components = {
           "toneA": "#343a32"
         },
         "neutral": {
-          "toneA": "#333a41",
+          "toneA": "#191c20",
           "toneB": "#eceef1"
         }
       },
-      "weight": {
-        "reading": {
-          "regular": "regular",
-          "italic": "italic"
-        }
+      "lineHeight": {
+        "medium": 30,
+        "large": 40,
+        "small": 24
       },
       "size": {
         "large": 24,
-        "medium": 20
+        "medium": 20,
+        "small": 16
+      },
+      "weight": {
+        "italic": "italic",
+        "regular": 400,
+        "brand": 400
       }
     }
   },
@@ -3145,22 +3154,22 @@ export const components = {
     },
     "text": {
       "color": "#691837",
-      "weight": "book",
       "font": "pp-mori",
       "lineHeight": {
-        "medium": 60,
-        "large": 70
-      }
+        "medium": 72,
+        "large": 84
+      },
+      "weight": 300
     },
     "extended": {
       "text": {
         "color": "#dc134f",
-        "weight": {
-          "alt2": "light"
-        },
         "font": {
           "alt2": "lyon-display",
           "alt1": "pp-mori"
+        },
+        "weight": {
+          "alt2": 300
         }
       }
     },
@@ -3295,12 +3304,12 @@ export const components = {
     "background": {
       "color": {
         "neutral": {
-          "toneA": "#eceef1",
-          "toneB": "#333a41"
+          "toneB": "#eceef1",
+          "toneA": "#333a41"
         },
         "brand": {
-          "toneA": "#f9eaed",
-          "toneB": "#691837"
+          "toneB": "#f9eaed",
+          "toneA": "#691837"
         },
         "success": "#cbfbdb",
         "warning": "#ffe6d2"
@@ -3316,12 +3325,12 @@ export const components = {
       },
       "color": {
         "neutral": {
-          "toneA": "#95a5b7",
-          "toneB": "#697684"
+          "toneB": "#95a5b7",
+          "toneA": "#697684"
         },
         "brand": {
-          "toneA": "#f3a5b9",
-          "toneB": "#ce3871"
+          "toneB": "#f3a5b9",
+          "toneA": "#ce3871"
         },
         "success": "#03834e",
         "warning": "#f6a04a"
@@ -3378,6 +3387,18 @@ export const components = {
         "neutral": {
           "toneB": "#f9fafb",
           "toneA": "#202429"
+        },
+        "nature": {
+          "toneA": "#343a32",
+          "toneB": "#d9e7d5"
+        },
+        "thriller": {
+          "toneA": "#0b2e3a",
+          "toneB": "#aec3c3"
+        },
+        "fantasy": {
+          "toneA": "#28222a",
+          "toneB": "#c1b9c4"
         }
       }
     },
@@ -3401,7 +3422,13 @@ export const components = {
       }
     },
     "innerContainer": {
-      "gap": 40
+      "gap": 40,
+      "contentTopBlock": {
+        "gap": 16
+      },
+      "textBlock": {
+        "gap": 8
+      }
     }
   },
   "contentTopBlock": {
@@ -3542,7 +3569,8 @@ export const components = {
         "neutral": "#f9fafb",
         "brand": "#f9eaed"
       },
-      "radius": 9999
+      "radius": 9999,
+      "size": 24
     },
     "size": {
       "height": 32,
@@ -3647,7 +3675,8 @@ export const semantics = {
       "40": 40,
       "50": 50,
       "60": 60,
-      "70": 70
+      "72": 72,
+      "84": 84
     },
     "space": {
       "large": 24,
@@ -3706,9 +3735,9 @@ export const semantics = {
     "bold": "semibold",
     "weight": {
       "light": 300,
-      "book": 375,
+      "book": 300,
       "regular": 400,
-      "semibold": 600
+      "bold": 600
     }
   },
   "color": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gyldendal/kobber-tokens",
-  "version": "11.0.0",
+  "version": "13.0.0",
   "description": "Gyldendal Kobber design tokens",
   "license": "UNLICENSED",
   "private": false,