@gyldendal/kobber-tokens 1.0.0 → 2.0.0

package/dist/CHANGELOG.txt

@@ -1,3 +1,33 @@
+=== 19.12.2025, 16:14:53 [1a5ee550] - MAJOR - npm: v2.0.0 ===
+
+ADDED
+component-pagination-border-color-brand-tone-a
+component-pagination-border-color-brand-tone-b
+component-pagination-border-color-neutral-tone-a
+component-pagination-padding-block-left
+component-pagination-padding-block-right
+component-text-body-text-weight-brand
+component-text-body-text-weight-reading-italic
+component-text-body-text-weight-reading-regular
+groups-pagination-color-aubergine-150
+groups-pagination-color-aubergine-50
+groups-pagination-color-concrete-50
+groups-pagination-space-small
+groups-pagination-space-xxsmall
+groups-pagination-stroke
+layout-island-background-color
+layout-island-border-color-brand-tone-a
+layout-island-border-color-neutral
+semantics-typography-italic
+
+REMOVED
+component-pagination-padding-block
+component-text-body-text-weight
+groups-pagination-space-large
+
+CHANGED
+component-pagination-padding-inline|var(--kobber-groups-pagination-space-medium)|var(--kobber-groups-pagination-space-xxsmall)
+
 === 19.12.2025, 13:06:37 [016b64de] - MAJOR - npm: v1.0.0 ===
 
 ADDED

package/dist/k-tokens.css

@@ -229,6 +229,7 @@
   --k-semantics-typography-regular: regular;
   --k-semantics-typography-book: book;
   --k-semantics-typography-light: light;
+  --k-semantics-typography-italic: italic;
   --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);
@@ -262,9 +263,15 @@
   --k-groups-cards-and-modules-color-aubergine-1000-20: var(--k-primitives-color-aubergine-1000-20);
   --k-groups-cards-and-modules-color-neutral-1000-10: var(--k-primitives-color-concrete-1000-10);
   --k-groups-filters-color-carmine-1000-10: var(--k-primitives-color-carmine-1000-10);
+  --k-groups-pagination-color-concrete-50: var(--k-primitives-color-concrete-1000-10);
+  --k-groups-pagination-color-aubergine-50: var(--k-primitives-color-aubergine-850-10);
+  --k-groups-pagination-color-aubergine-150: var(--k-primitives-color-aubergine-25-20);
   --k-component-text-label-text-weight: var(--k-semantics-typography-regular);
-  --k-component-text-body-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-display-extended-text-weight-alt2: var(--k-semantics-typography-light);
+  --k-layout-island-border-color-brand-tone-a: var(--k-primitives-color-aubergine-850-10);
   --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);
@@ -686,8 +693,10 @@
   --k-groups-text-blocks-color-nostalgia-25: var(--k-semantics-color-theme-nostalgia-nostalgia-25);
   --k-groups-pagination-color-concrete-25: var(--k-semantics-color-identity-neutral-concrete-25);
   --k-groups-pagination-space-medium: var(--k-semantics-layout-element-space-medium);
-  --k-groups-pagination-space-large: var(--k-semantics-layout-element-space-large);
+  --k-groups-pagination-space-small: var(--k-semantics-layout-element-space-small);
   --k-groups-pagination-space-xlarge: var(--k-semantics-layout-element-space-xlarge);
+  --k-groups-pagination-space-xxsmall: var(--k-semantics-layout-element-space-xxsmall);
+  --k-groups-pagination-stroke: var(--k-semantics-layout-element-stroke-fat);
   --k-component-button-background-color-brand-primary-tone-a-hover: var(--k-groups-buttons-color-carmine-transparent-dark);
   --k-component-button-background-color-brand-secondary-tone-b-hover: var(--k-groups-buttons-color-aubergine-transparent-darkest);
   --k-component-button-background-color-brand-secondary-tone-a-hover: var(--k-groups-buttons-color-aubergine-transparent-brightest);
@@ -780,6 +789,9 @@
   --k-component-text-display-extended-text-font-alt2: var(--k-semantics-typography-font-family-lyon-display);
   --k-component-text-display-extended-text-font-alt1: var(--k-semantics-typography-font-family-pp-mori);
   --k-component-text-display-padding-bottom: var(--k-semantics-layout-element-space-xsmall);
+  --k-component-pagination-border-color-neutral-tone-a: var(--k-groups-pagination-color-concrete-50);
+  --k-component-pagination-border-color-brand-tone-b: var(--k-groups-pagination-color-aubergine-150);
+  --k-component-pagination-border-color-brand-tone-a: var(--k-groups-pagination-color-aubergine-50);
   --k-universal-focus-border-radius-xsmall: var(--k-semantics-layout-element-radius-xsmall);
   --k-universal-focus-border-radius-medium: var(--k-semantics-layout-element-radius-medium);
   --k-universal-focus-border-radius-large: var(--k-semantics-layout-element-radius-large);
@@ -806,6 +818,8 @@
   --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-island-background-color: var(--k-semantics-color-identity-neutral-concrete-25);
+  --k-layout-island-border-color-neutral: var(--k-semantics-color-identity-neutral-concrete-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);
@@ -1533,8 +1547,9 @@
   --k-component-dropdown-item-border-radius: var(--k-groups-menus-radius-medium);
   --k-component-pagination-container-gap: var(--k-groups-pagination-space-medium);
   --k-component-pagination-gap: var(--k-groups-pagination-space-xlarge);
-  --k-component-pagination-padding-block: var(--k-groups-pagination-space-large);
-  --k-component-pagination-padding-inline: var(--k-groups-pagination-space-medium);
+  --k-component-pagination-padding-block-right: var(--k-groups-pagination-space-xxsmall);
+  --k-component-pagination-padding-block-left: var(--k-groups-pagination-space-small);
+  --k-component-pagination-padding-inline: var(--k-groups-pagination-space-xxsmall);
   --k-component-pagination-background-color-neutral: var(--k-groups-pagination-color-concrete-25);
   --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);

package/dist/tokens.css

@@ -229,6 +229,7 @@
   --kobber-semantics-typography-regular: regular;
   --kobber-semantics-typography-book: book;
   --kobber-semantics-typography-light: light;
+  --kobber-semantics-typography-italic: italic;
   --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);
@@ -262,9 +263,15 @@
   --kobber-groups-cards-and-modules-color-aubergine-1000-20: var(--kobber-primitives-color-aubergine-1000-20);
   --kobber-groups-cards-and-modules-color-neutral-1000-10: var(--kobber-primitives-color-concrete-1000-10);
   --kobber-groups-filters-color-carmine-1000-10: var(--kobber-primitives-color-carmine-1000-10);
+  --kobber-groups-pagination-color-concrete-50: var(--kobber-primitives-color-concrete-1000-10);
+  --kobber-groups-pagination-color-aubergine-50: var(--kobber-primitives-color-aubergine-850-10);
+  --kobber-groups-pagination-color-aubergine-150: var(--kobber-primitives-color-aubergine-25-20);
   --kobber-component-text-label-text-weight: var(--kobber-semantics-typography-regular);
-  --kobber-component-text-body-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-display-extended-text-weight-alt2: var(--kobber-semantics-typography-light);
+  --kobber-layout-island-border-color-brand-tone-a: var(--kobber-primitives-color-aubergine-850-10);
   --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);
@@ -686,8 +693,10 @@
   --kobber-groups-text-blocks-color-nostalgia-25: var(--kobber-semantics-color-theme-nostalgia-nostalgia-25);
   --kobber-groups-pagination-color-concrete-25: var(--kobber-semantics-color-identity-neutral-concrete-25);
   --kobber-groups-pagination-space-medium: var(--kobber-semantics-layout-element-space-medium);
-  --kobber-groups-pagination-space-large: var(--kobber-semantics-layout-element-space-large);
+  --kobber-groups-pagination-space-small: var(--kobber-semantics-layout-element-space-small);
   --kobber-groups-pagination-space-xlarge: var(--kobber-semantics-layout-element-space-xlarge);
+  --kobber-groups-pagination-space-xxsmall: var(--kobber-semantics-layout-element-space-xxsmall);
+  --kobber-groups-pagination-stroke: var(--kobber-semantics-layout-element-stroke-fat);
   --kobber-component-button-background-color-brand-primary-tone-a-hover: var(--kobber-groups-buttons-color-carmine-transparent-dark);
   --kobber-component-button-background-color-brand-secondary-tone-b-hover: var(--kobber-groups-buttons-color-aubergine-transparent-darkest);
   --kobber-component-button-background-color-brand-secondary-tone-a-hover: var(--kobber-groups-buttons-color-aubergine-transparent-brightest);
@@ -780,6 +789,9 @@
   --kobber-component-text-display-extended-text-font-alt2: var(--kobber-semantics-typography-font-family-lyon-display);
   --kobber-component-text-display-extended-text-font-alt1: var(--kobber-semantics-typography-font-family-pp-mori);
   --kobber-component-text-display-padding-bottom: var(--kobber-semantics-layout-element-space-xsmall);
+  --kobber-component-pagination-border-color-neutral-tone-a: var(--kobber-groups-pagination-color-concrete-50);
+  --kobber-component-pagination-border-color-brand-tone-b: var(--kobber-groups-pagination-color-aubergine-150);
+  --kobber-component-pagination-border-color-brand-tone-a: var(--kobber-groups-pagination-color-aubergine-50);
   --kobber-universal-focus-border-radius-xsmall: var(--kobber-semantics-layout-element-radius-xsmall);
   --kobber-universal-focus-border-radius-medium: var(--kobber-semantics-layout-element-radius-medium);
   --kobber-universal-focus-border-radius-large: var(--kobber-semantics-layout-element-radius-large);
@@ -806,6 +818,8 @@
   --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-island-background-color: var(--kobber-semantics-color-identity-neutral-concrete-25);
+  --kobber-layout-island-border-color-neutral: var(--kobber-semantics-color-identity-neutral-concrete-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);
@@ -1533,8 +1547,9 @@
   --kobber-component-dropdown-item-border-radius: var(--kobber-groups-menus-radius-medium);
   --kobber-component-pagination-container-gap: var(--kobber-groups-pagination-space-medium);
   --kobber-component-pagination-gap: var(--kobber-groups-pagination-space-xlarge);
-  --kobber-component-pagination-padding-block: var(--kobber-groups-pagination-space-large);
-  --kobber-component-pagination-padding-inline: var(--kobber-groups-pagination-space-medium);
+  --kobber-component-pagination-padding-block-right: var(--kobber-groups-pagination-space-xxsmall);
+  --kobber-component-pagination-padding-block-left: var(--kobber-groups-pagination-space-small);
+  --kobber-component-pagination-padding-inline: var(--kobber-groups-pagination-space-xxsmall);
   --kobber-component-pagination-background-color-neutral: var(--kobber-groups-pagination-color-concrete-25);
   --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);

package/dist/tokens.d.ts

@@ -802,13 +802,18 @@ export const groups: {
   },
   "pagination": {
     "color": {
-      "concrete-25": "#f9fafb"
+      "concrete-25": "#f9fafb",
+      "concrete-50": "#0f11141a",
+      "aubergine-50": "#4811251a",
+      "aubergine-150": "#fdf9f933"
     },
     "space": {
       "medium": 16,
-      "large": 24,
-      "xlarge": 32
-    }
+      "small": 12,
+      "xlarge": 32,
+      "xxsmall": 4
+    },
+    "stroke": 4
   }
 };
 
@@ -2701,7 +2706,13 @@ export const component: {
       },
       "reading": "inter",
       "brand": "pp-mori",
-      "weight": "regular"
+      "weight": {
+        "brand": "regular",
+        "reading": {
+          "regular": "regular",
+          "italic": "italic"
+        }
+      }
     }
   },
   "textHeading": {
@@ -2929,13 +2940,27 @@ export const component: {
     },
     "gap": 32,
     "padding": {
-      "block": 24,
-      "inline": 16
+      "block": {
+        "right": 4,
+        "left": 12
+      },
+      "inline": 4
     },
     "background": {
       "color": {
         "neutral": "#f9fafb"
       }
+    },
+    "border": {
+      "color": {
+        "neutral": {
+          "toneA": "#0f11141a"
+        },
+        "brand": {
+          "toneB": "#fdf9f933",
+          "toneA": "#4811251a"
+        }
+      }
     }
   }
 };
@@ -3054,6 +3079,19 @@ export const layout: {
   },
   "contentTopBlock": {
     "gap": 16
+  },
+  "island": {
+    "background": {
+      "color": "#f9fafb"
+    },
+    "border": {
+      "color": {
+        "neutral": "#eceef1",
+        "brand": {
+          "toneA": "#4811251a"
+        }
+      }
+    }
   }
 };
 
@@ -3147,7 +3185,8 @@ export const semantics: {
     "regular": "regular",
     "book": "book",
     "light": "light",
-    "indent": 24
+    "indent": 24,
+    "italic": "italic"
   },
   "color": {
     "identity": {

package/dist/tokens.js

@@ -801,13 +801,18 @@ export const groups = {
   },
   "pagination": {
     "color": {
-      "concrete-25": "#f9fafb"
+      "concrete-25": "#f9fafb",
+      "concrete-50": "#0f11141a",
+      "aubergine-50": "#4811251a",
+      "aubergine-150": "#fdf9f933"
     },
     "space": {
       "medium": 16,
-      "large": 24,
-      "xlarge": 32
-    }
+      "small": 12,
+      "xlarge": 32,
+      "xxsmall": 4
+    },
+    "stroke": 4
   }
 };
 
@@ -2700,7 +2705,13 @@ export const component = {
       },
       "reading": "inter",
       "brand": "pp-mori",
-      "weight": "regular"
+      "weight": {
+        "brand": "regular",
+        "reading": {
+          "regular": "regular",
+          "italic": "italic"
+        }
+      }
     }
   },
   "textHeading": {
@@ -2928,13 +2939,27 @@ export const component = {
     },
     "gap": 32,
     "padding": {
-      "block": 24,
-      "inline": 16
+      "block": {
+        "right": 4,
+        "left": 12
+      },
+      "inline": 4
     },
     "background": {
       "color": {
         "neutral": "#f9fafb"
       }
+    },
+    "border": {
+      "color": {
+        "neutral": {
+          "toneA": "#0f11141a"
+        },
+        "brand": {
+          "toneB": "#fdf9f933",
+          "toneA": "#4811251a"
+        }
+      }
     }
   }
 };
@@ -3053,6 +3078,19 @@ export const layout = {
   },
   "contentTopBlock": {
     "gap": 16
+  },
+  "island": {
+    "background": {
+      "color": "#f9fafb"
+    },
+    "border": {
+      "color": {
+        "neutral": "#eceef1",
+        "brand": {
+          "toneA": "#4811251a"
+        }
+      }
+    }
   }
 };
 
@@ -3146,7 +3184,8 @@ export const semantics = {
     "regular": "regular",
     "book": "book",
     "light": "light",
-    "indent": 24
+    "indent": 24,
+    "italic": "italic"
   },
   "color": {
     "identity": {

package/package.json

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