@openkfw/design-tokens 0.4.2 → 0.4.3

package/output/figma/kfw-design-tokens.light.json

@@ -603,14 +603,14 @@
         "$value": "20px",
         "$type": "fontSizes"
       },
-      "Small": {
-        "$value": "14px",
-        "$type": "fontSizes"
-      },
       "Large": {
         "$value": "18px",
         "$type": "fontSizes"
       },
+      "Small": {
+        "$value": "14px",
+        "$type": "fontSizes"
+      },
       "Heading-1": {
         "Mobile": {
           "$value": "30px",
@@ -679,8 +679,18 @@
       }
     },
     "Borderradius": {
-      "$value": "4px",
-      "$type": "borderRadius"
+      "Default": {
+        "$value": "4px",
+        "$type": "borderRadius"
+      },
+      "Large": {
+        "$value": "20px",
+        "$type": "borderRadius"
+      },
+      "Small": {
+        "$value": "2px",
+        "$type": "borderRadius"
+      }
     },
     "Borderwidth": {
       "Default": {

package/output/json/kfw-design-tokens.light.json

@@ -6521,48 +6521,48 @@
           "introduction"
         ]
       },
-      "small": {
-        "key": "{semantic.fontsize.small}",
+      "large": {
+        "key": "{semantic.fontsize.large}",
         "$value": {
           "unit": "px",
-          "value": 14
+          "value": 18
         },
         "filePath": "tokens/tokens.json",
         "isSource": true,
         "$type": "dimension",
         "original": {
-          "$value": "{base.fontsize.static.sm}",
+          "$value": "{base.fontsize.static.lg}",
           "$type": "dimension",
-          "key": "{semantic.fontsize.small}"
+          "key": "{semantic.fontsize.large}"
         },
-        "name": "small",
+        "name": "large",
         "attributes": {},
         "path": [
           "semantic",
           "fontsize",
-          "small"
+          "large"
         ]
       },
-      "large": {
-        "key": "{semantic.fontsize.large}",
+      "small": {
+        "key": "{semantic.fontsize.small}",
         "$value": {
           "unit": "px",
-          "value": 18
+          "value": 14
         },
         "filePath": "tokens/tokens.json",
         "isSource": true,
         "$type": "dimension",
         "original": {
-          "$value": "{base.fontsize.static.lg}",
+          "$value": "{base.fontsize.static.sm}",
           "$type": "dimension",
-          "key": "{semantic.fontsize.large}"
+          "key": "{semantic.fontsize.small}"
         },
-        "name": "large",
+        "name": "small",
         "attributes": {},
         "path": [
           "semantic",
           "fontsize",
-          "large"
+          "small"
         ]
       },
       "heading-1": {
@@ -6989,25 +6989,72 @@
       }
     },
     "borderradius": {
-      "key": "{semantic.borderradius}",
-      "$type": "dimension",
-      "$value": {
-        "unit": "px",
-        "value": 4
+      "default": {
+        "key": "{semantic.borderradius.default}",
+        "$value": {
+          "unit": "px",
+          "value": 4
+        },
+        "filePath": "tokens/tokens.json",
+        "isSource": true,
+        "$type": "dimension",
+        "original": {
+          "$value": "{base.borderradius.md}",
+          "$type": "dimension",
+          "key": "{semantic.borderradius.default}"
+        },
+        "name": "default",
+        "attributes": {},
+        "path": [
+          "semantic",
+          "borderradius",
+          "default"
+        ]
       },
-      "filePath": "tokens/tokens.json",
-      "isSource": true,
-      "original": {
+      "large": {
+        "key": "{semantic.borderradius.large}",
+        "$value": {
+          "unit": "px",
+          "value": 20
+        },
+        "filePath": "tokens/tokens.json",
+        "isSource": true,
         "$type": "dimension",
-        "$value": "{base.borderradius.md}",
-        "key": "{semantic.borderradius}"
+        "original": {
+          "$value": "{base.borderradius.lg}",
+          "$type": "dimension",
+          "key": "{semantic.borderradius.large}"
+        },
+        "name": "large",
+        "attributes": {},
+        "path": [
+          "semantic",
+          "borderradius",
+          "large"
+        ]
       },
-      "name": "borderradius",
-      "attributes": {},
-      "path": [
-        "semantic",
-        "borderradius"
-      ]
+      "small": {
+        "key": "{semantic.borderradius.small}",
+        "$value": {
+          "unit": "px",
+          "value": 2
+        },
+        "filePath": "tokens/tokens.json",
+        "isSource": true,
+        "$type": "dimension",
+        "original": {
+          "$value": "{base.borderradius.sm}",
+          "$type": "dimension",
+          "key": "{semantic.borderradius.small}"
+        },
+        "name": "small",
+        "attributes": {},
+        "path": [
+          "semantic",
+          "borderradius",
+          "small"
+        ]
+      }
     },
     "borderwidth": {
       "default": {

package/output/penpot/kfw-design-tokens.light.json

@@ -603,14 +603,14 @@
         "$value": "20px",
         "$type": "fontSizes"
       },
-      "Small": {
-        "$value": "14px",
-        "$type": "fontSizes"
-      },
       "Large": {
         "$value": "18px",
         "$type": "fontSizes"
       },
+      "Small": {
+        "$value": "14px",
+        "$type": "fontSizes"
+      },
       "Heading-1": {
         "Mobile": {
           "$value": "30px",
@@ -679,8 +679,18 @@
       }
     },
     "Borderradius": {
-      "$value": "4px",
-      "$type": "borderRadius"
+      "Default": {
+        "$value": "4px",
+        "$type": "borderRadius"
+      },
+      "Large": {
+        "$value": "20px",
+        "$type": "borderRadius"
+      },
+      "Small": {
+        "$value": "2px",
+        "$type": "borderRadius"
+      }
     },
     "Borderwidth": {
       "Default": {

package/output/web_stable_10px/css/kfw-design-tokens.light.css

@@ -1,5 +1,5 @@
 /**
- * KfW Design Tokens v0.4.1
+ * KfW Design Tokens v0.4.3
  * Copyright 2025
  * Licensed under MPL-2.0 (https://github.com/openkfw/design-tokens/blob/main/LICENSE)
  */
@@ -225,8 +225,8 @@
   --kfw-fontspace-heading-6: 1rem;
   --kfw-fontsize: 1.6rem;
   --kfw-fontsize-introduction: 2rem;
-  --kfw-fontsize-small: 1.4rem;
   --kfw-fontsize-large: 1.8rem;
+  --kfw-fontsize-small: 1.4rem;
   --kfw-fontsize-heading-1-min: 3rem;
   --kfw-fontsize-heading-1-max: 3.6rem;
   --kfw-fontsize-heading-1-val: 0.882vi + 2.4706rem;
@@ -246,6 +246,8 @@
   --kfw-lineheight-heading: 1.3;
   --kfw-lineheight-heading-5: 1.333;
   --kfw-borderradius: 0.4rem;
+  --kfw-borderradius-large: 2rem;
+  --kfw-borderradius-small: 2px;
   --kfw-borderwidth: 1px;
   --kfw-borderwidth-large: 2px;
   --kfw-focusring-outline-width: 2px;

package/output/web_stable_10px/js/kfw-design-tokens.light.d.ts

@@ -1,5 +1,5 @@
 /**
- * KfW Design Tokens v0.4.1
+ * KfW Design Tokens v0.4.3
  * Copyright 2025
  * Licensed under MPL-2.0 (https://github.com/openkfw/design-tokens/blob/main/LICENSE)
  */
@@ -519,8 +519,8 @@ export const KfwFontspaceHeading5: string;
 export const KfwFontspaceHeading6: string;
 export const KfwFontsize: string;
 export const KfwFontsizeIntroduction: string;
-export const KfwFontsizeSmall: string;
 export const KfwFontsizeLarge: string;
+export const KfwFontsizeSmall: string;
 export const KfwFontsizeHeading1Min: string;
 export const KfwFontsizeHeading1Max: string;
 export const KfwFontsizeHeading1Val: string;
@@ -540,6 +540,8 @@ export const KfwLineheightList: number;
 export const KfwLineheightHeading: number;
 export const KfwLineheightHeading5: number;
 export const KfwBorderradius: string;
+export const KfwBorderradiusLarge: string;
+export const KfwBorderradiusSmall: string;
 export const KfwBorderwidth: string;
 export const KfwBorderwidthLarge: string;
 export const KfwFocusringOutlineWidth: string;

package/output/web_stable_10px/js/kfw-design-tokens.light.js

@@ -1,5 +1,5 @@
 /**
- * KfW Design Tokens v0.4.1
+ * KfW Design Tokens v0.4.3
  * Copyright 2025
  * Licensed under MPL-2.0 (https://github.com/openkfw/design-tokens/blob/main/LICENSE)
  */
@@ -520,8 +520,8 @@ export const KfwFontspaceHeading5 = "1rem";
 export const KfwFontspaceHeading6 = "1rem";
 export const KfwFontsize = "1.6rem";
 export const KfwFontsizeIntroduction = "2rem";
-export const KfwFontsizeSmall = "1.4rem";
 export const KfwFontsizeLarge = "1.8rem";
+export const KfwFontsizeSmall = "1.4rem";
 export const KfwFontsizeHeading1Min = "3rem";
 export const KfwFontsizeHeading1Max = "3.6rem";
 export const KfwFontsizeHeading1Val = "2.4706rem";
@@ -541,6 +541,8 @@ export const KfwLineheightList = 1.5;
 export const KfwLineheightHeading = 1.3;
 export const KfwLineheightHeading5 = 1.333;
 export const KfwBorderradius = "0.4rem";
+export const KfwBorderradiusLarge = "2rem";
+export const KfwBorderradiusSmall = "2px";
 export const KfwBorderwidth = "1px";
 export const KfwBorderwidthLarge = "2px";
 export const KfwFocusringOutlineWidth = "2px";

package/output/web_stable_10px/scss/kfw-design-tokens.light.scss

@@ -1,5 +1,5 @@
 
-// KfW Design Tokens v0.4.1
+// KfW Design Tokens v0.4.3
 // Copyright 2025
 // Licensed under MPL-2.0 (https://github.com/openkfw/design-tokens/blob/main/LICENSE)
 
@@ -221,8 +221,8 @@ $kfw-fontspace-heading-5: 1rem;
 $kfw-fontspace-heading-6: 1rem;
 $kfw-fontsize: 1.6rem;
 $kfw-fontsize-introduction: 2rem;
-$kfw-fontsize-small: 1.4rem;
 $kfw-fontsize-large: 1.8rem;
+$kfw-fontsize-small: 1.4rem;
 $kfw-fontsize-heading-1-min: 3rem;
 $kfw-fontsize-heading-1-max: 3.6rem;
 $kfw-fontsize-heading-1-val: 0.882vi + 2.4706rem;
@@ -242,6 +242,8 @@ $kfw-lineheight-list: 1.5;
 $kfw-lineheight-heading: 1.3;
 $kfw-lineheight-heading-5: 1.333;
 $kfw-borderradius: 0.4rem;
+$kfw-borderradius-large: 2rem;
+$kfw-borderradius-small: 2px;
 $kfw-borderwidth: 1px;
 $kfw-borderwidth-large: 2px;
 $kfw-focusring-outline-width: 2px;

package/output/web_thirdparty_16px/css/kfw-design-tokens.light.css

@@ -1,5 +1,5 @@
 /**
- * KfW Design Tokens v0.4.1
+ * KfW Design Tokens v0.4.3
  * Copyright 2025
  * Licensed under MPL-2.0 (https://github.com/openkfw/design-tokens/blob/main/LICENSE)
  */
@@ -225,8 +225,8 @@
   --kfw-fontspace-heading-6: 0.625rem;
   --kfw-fontsize: 1rem;
   --kfw-fontsize-introduction: 1.25rem;
-  --kfw-fontsize-small: 0.875rem;
   --kfw-fontsize-large: 1.125rem;
+  --kfw-fontsize-small: 0.875rem;
   --kfw-fontsize-heading-1-min: 1.875rem;
   --kfw-fontsize-heading-1-max: 2.25rem;
   --kfw-fontsize-heading-1-val: 0.882vi + 1.544125rem;
@@ -246,6 +246,8 @@
   --kfw-lineheight-heading: 1.3;
   --kfw-lineheight-heading-5: 1.333;
   --kfw-borderradius: 0.25rem;
+  --kfw-borderradius-large: 1.25rem;
+  --kfw-borderradius-small: 2px;
   --kfw-borderwidth: 1px;
   --kfw-borderwidth-large: 2px;
   --kfw-focusring-outline-width: 2px;

package/output/web_thirdparty_16px/js/kfw-design-tokens.light.d.ts

@@ -1,5 +1,5 @@
 /**
- * KfW Design Tokens v0.4.1
+ * KfW Design Tokens v0.4.3
  * Copyright 2025
  * Licensed under MPL-2.0 (https://github.com/openkfw/design-tokens/blob/main/LICENSE)
  */
@@ -519,8 +519,8 @@ export const KfwFontspaceHeading5: string;
 export const KfwFontspaceHeading6: string;
 export const KfwFontsize: string;
 export const KfwFontsizeIntroduction: string;
-export const KfwFontsizeSmall: string;
 export const KfwFontsizeLarge: string;
+export const KfwFontsizeSmall: string;
 export const KfwFontsizeHeading1Min: string;
 export const KfwFontsizeHeading1Max: string;
 export const KfwFontsizeHeading1Val: string;
@@ -540,6 +540,8 @@ export const KfwLineheightList: number;
 export const KfwLineheightHeading: number;
 export const KfwLineheightHeading5: number;
 export const KfwBorderradius: string;
+export const KfwBorderradiusLarge: string;
+export const KfwBorderradiusSmall: string;
 export const KfwBorderwidth: string;
 export const KfwBorderwidthLarge: string;
 export const KfwFocusringOutlineWidth: string;

package/output/web_thirdparty_16px/js/kfw-design-tokens.light.js

@@ -1,5 +1,5 @@
 /**
- * KfW Design Tokens v0.4.1
+ * KfW Design Tokens v0.4.3
  * Copyright 2025
  * Licensed under MPL-2.0 (https://github.com/openkfw/design-tokens/blob/main/LICENSE)
  */
@@ -520,8 +520,8 @@ export const KfwFontspaceHeading5 = "0.625rem";
 export const KfwFontspaceHeading6 = "0.625rem";
 export const KfwFontsize = "1rem";
 export const KfwFontsizeIntroduction = "1.25rem";
-export const KfwFontsizeSmall = "0.875rem";
 export const KfwFontsizeLarge = "1.125rem";
+export const KfwFontsizeSmall = "0.875rem";
 export const KfwFontsizeHeading1Min = "1.875rem";
 export const KfwFontsizeHeading1Max = "2.25rem";
 export const KfwFontsizeHeading1Val = "1.544125rem";
@@ -541,6 +541,8 @@ export const KfwLineheightList = 1.5;
 export const KfwLineheightHeading = 1.3;
 export const KfwLineheightHeading5 = 1.333;
 export const KfwBorderradius = "0.25rem";
+export const KfwBorderradiusLarge = "1.25rem";
+export const KfwBorderradiusSmall = "2px";
 export const KfwBorderwidth = "1px";
 export const KfwBorderwidthLarge = "2px";
 export const KfwFocusringOutlineWidth = "2px";

package/output/web_thirdparty_16px/scss/kfw-design-tokens.light.scss

@@ -1,5 +1,5 @@
 
-// KfW Design Tokens v0.4.1
+// KfW Design Tokens v0.4.3
 // Copyright 2025
 // Licensed under MPL-2.0 (https://github.com/openkfw/design-tokens/blob/main/LICENSE)
 
@@ -221,8 +221,8 @@ $kfw-fontspace-heading-5: 0.625rem;
 $kfw-fontspace-heading-6: 0.625rem;
 $kfw-fontsize: 1rem;
 $kfw-fontsize-introduction: 1.25rem;
-$kfw-fontsize-small: 0.875rem;
 $kfw-fontsize-large: 1.125rem;
+$kfw-fontsize-small: 0.875rem;
 $kfw-fontsize-heading-1-min: 1.875rem;
 $kfw-fontsize-heading-1-max: 2.25rem;
 $kfw-fontsize-heading-1-val: 0.882vi + 1.544125rem;
@@ -242,6 +242,8 @@ $kfw-lineheight-list: 1.5;
 $kfw-lineheight-heading: 1.3;
 $kfw-lineheight-heading-5: 1.333;
 $kfw-borderradius: 0.25rem;
+$kfw-borderradius-large: 1.25rem;
+$kfw-borderradius-small: 2px;
 $kfw-borderwidth: 1px;
 $kfw-borderwidth-large: 2px;
 $kfw-focusring-outline-width: 2px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openkfw/design-tokens",
-  "version": "0.4.2",
+  "version": "0.4.3",
   "description": "The source of truth for KfW-branded digital products.",
   "files": [
     "output",

package/tokens/gen-tokens.dark.json5

@@ -1327,12 +1327,12 @@
       introduction: {
         $value: "{base.fontsize.static.xl}",
       },
-      small: {
-        $value: "{base.fontsize.static.sm}",
-      },
       large: {
         $value: "{base.fontsize.static.lg}",
       },
+      small: {
+        $value: "{base.fontsize.static.sm}",
+      },
       "heading-1": {
         min: {
           $value: "{base.fontsize.fluid.6xl.min}",
@@ -1401,7 +1401,15 @@
     },
     borderradius: {
       $type: "dimension",
-      $value: "{base.borderradius.md}",
+      default: {
+        $value: "{base.borderradius.md}",
+      },
+      large: {
+        $value: "{base.borderradius.lg}",
+      },
+      small: {
+        $value: "{base.borderradius.sm}",
+      },
     },
     borderwidth: {
       $type: "dimension",

package/tokens/tokens.json

@@ -376,8 +376,8 @@
       "$type": "dimension",
       "default": { "$value": "{base.fontsize.static.md}" },
       "introduction": { "$value": "{base.fontsize.static.xl}" },
-      "small": { "$value": "{base.fontsize.static.sm}" },
       "large": { "$value": "{base.fontsize.static.lg}" },
+      "small": { "$value": "{base.fontsize.static.sm}" },
       "heading-1": {
         "min": { "$value": "{base.fontsize.fluid.6xl.min}" },
         "max": { "$value": "{base.fontsize.fluid.6xl.max}" },
@@ -410,7 +410,9 @@
     },
     "borderradius": {
       "$type": "dimension",
-      "$value": "{base.borderradius.md}"
+      "default": { "$value": "{base.borderradius.md}" },
+      "large": { "$value": "{base.borderradius.lg}" },
+      "small": { "$value": "{base.borderradius.sm}" }
     },
     "borderwidth": {
       "$type": "dimension",