@openkfw/design-tokens 0.5.5 → 0.5.7

package/output/json/{kfw-design-tokens.light.json → kfw-design-tokens.json}

@@ -1017,11 +1017,11 @@
           "$value": {
             "colorSpace": "srgb",
             "components": [
-              0.5765,
-              0.5961,
-              0.8784
+              0.6431,
+              0.3333,
+              0.7725
             ],
-            "hex": "#9598e0"
+            "hex": "#a455c5"
           },
           "filePath": "tokens/tokens.json",
           "isSource": true,
@@ -1030,11 +1030,11 @@
             "$value": {
               "colorSpace": "srgb",
               "components": [
-                0.5765,
-                0.5961,
-                0.8784
+                0.6431,
+                0.3333,
+                0.7725
               ],
-              "hex": "#9598e0"
+              "hex": "#a455c5"
             },
             "$type": "color",
             "key": "{base.color.violet.400}"
@@ -1058,11 +1058,11 @@
           "$value": {
             "colorSpace": "srgb",
             "components": [
-              0.4,
-              0.4353,
-              0.7843
+              0.3921,
+              0.1921,
+              0.4745
             ],
-            "hex": "#686fc8"
+            "hex": "#643179"
           },
           "filePath": "tokens/tokens.json",
           "isSource": true,
@@ -1071,11 +1071,11 @@
             "$value": {
               "colorSpace": "srgb",
               "components": [
-                0.4,
-                0.4353,
-                0.7843
+                0.3921,
+                0.1921,
+                0.4745
               ],
-              "hex": "#686fc8"
+              "hex": "#643179"
             },
             "$type": "color",
             "key": "{base.color.violet.500}"
@@ -4512,13 +4512,13 @@
             ],
             "hex": "#005a8c"
           },
-          "$description": "Main interaction color for buttons and links",
+          "$description": "Main interaction color for buttons and links (Blue 600)",
           "filePath": "tokens/tokens.json",
           "isSource": true,
           "$type": "color",
           "original": {
             "$value": "{base.color.blue.600}",
-            "$description": "Main interaction color for buttons and links",
+            "$description": "Main interaction color for buttons and links (Blue 600)",
             "$type": "color",
             "key": "{semantic.color.fn.default}"
           },
@@ -4547,11 +4547,13 @@
             ],
             "hex": "#00446e"
           },
+          "$description": "Interaction color when active (e.g., hover, Blue 700)",
           "filePath": "tokens/tokens.json",
           "isSource": true,
           "$type": "color",
           "original": {
             "$value": "{base.color.blue.700}",
+            "$description": "Interaction color when active (e.g., hover, Blue 700)",
             "$type": "color",
             "key": "{semantic.color.fn.active}"
           },
@@ -4580,11 +4582,13 @@
             ],
             "hex": "#a1adb5"
           },
+          "$description": "Interaction color when inactive (Gray 300)",
           "filePath": "tokens/tokens.json",
           "isSource": true,
           "$type": "color",
           "original": {
             "$value": "{base.color.gray.300}",
+            "$description": "Interaction color when inactive (Gray 300)",
             "$type": "color",
             "key": "{semantic.color.fn.inactive}"
           },
@@ -4613,11 +4617,13 @@
             ],
             "hex": "#2d3134"
           },
+          "$description": "Interaction border color (Gray 600)",
           "filePath": "tokens/tokens.json",
           "isSource": true,
           "$type": "color",
           "original": {
             "$value": "{base.color.gray.600}",
+            "$description": "Interaction border color (Gray 600)",
             "$type": "color",
             "key": "{semantic.color.fn.border}"
           },
@@ -4646,11 +4652,13 @@
             ],
             "hex": "#2d3134"
           },
+          "$description": "Interaction label color (Gray 600)",
           "filePath": "tokens/tokens.json",
           "isSource": true,
           "$type": "color",
           "original": {
             "$value": "{base.color.gray.600}",
+            "$description": "Interaction label color (Gray 600)",
             "$type": "color",
             "key": "{semantic.color.fn.label}"
           },
@@ -4681,13 +4689,13 @@
             ],
             "hex": "#2d3134"
           },
-          "$description": "Main text color for body",
+          "$description": "Main text color for body (Gray 600)",
           "filePath": "tokens/tokens.json",
           "isSource": true,
           "$type": "color",
           "original": {
             "$value": "{base.color.gray.600}",
-            "$description": "Main text color for body",
+            "$description": "Main text color for body (Gray 600)",
             "$type": "color",
             "key": "{semantic.color.text.default}"
           },
@@ -4716,11 +4724,13 @@
             ],
             "hex": "#ffffff"
           },
+          "$description": "Main text color on dark background (White)",
           "filePath": "tokens/tokens.json",
           "isSource": true,
           "$type": "color",
           "original": {
             "$value": "{base.color.white.default}",
+            "$description": "Main text color on dark background (White)",
             "$type": "color",
             "key": "{semantic.color.text.on-dark-bg}"
           },
@@ -4749,11 +4759,13 @@
             ],
             "hex": "#ffffff"
           },
+          "$description": "Main text color on disabled (White)",
           "filePath": "tokens/tokens.json",
           "isSource": true,
           "$type": "color",
           "original": {
             "$value": "{base.color.white.default}",
+            "$description": "Main text color on disabled (White)",
             "$type": "color",
             "key": "{semantic.color.text.on-disabled}"
           },
@@ -4782,11 +4794,13 @@
             ],
             "hex": "#b7f9aa"
           },
+          "$description": "Headline text color on dark background (Green 300)",
           "filePath": "tokens/tokens.json",
           "isSource": true,
           "$type": "color",
           "original": {
             "$value": "{base.color.green.300}",
+            "$description": "Headline text color on dark background (Green 300)",
             "$type": "color",
             "key": "{semantic.color.text.headline-on-dark-bg}"
           },
@@ -4817,13 +4831,13 @@
             ],
             "hex": "#ffffff"
           },
-          "$description": "Main background color for body",
+          "$description": "Main background color for body (White)",
           "filePath": "tokens/tokens.json",
           "isSource": true,
           "$type": "color",
           "original": {
             "$value": "{base.color.white.default}",
-            "$description": "Main background color for body",
+            "$description": "Main background color for body (White)",
             "$type": "color",
             "key": "{semantic.color.background.default}"
           },
@@ -4852,11 +4866,13 @@
             ],
             "hex": "#f6f7f8"
           },
+          "$description": "Neutral (Gray 50)",
           "filePath": "tokens/tokens.json",
           "isSource": true,
           "$type": "color",
           "original": {
             "$value": "{base.color.gray.50}",
+            "$description": "Neutral (Gray 50)",
             "$type": "color",
             "key": "{semantic.color.background.subtle}"
           },
@@ -4885,11 +4901,13 @@
             ],
             "hex": "#a1adb5"
           },
+          "$description": "Disabled (Gray 300)",
           "filePath": "tokens/tokens.json",
           "isSource": true,
           "$type": "color",
           "original": {
             "$value": "{base.color.gray.300}",
+            "$description": "Disabled (Gray 300)",
             "$type": "color",
             "key": "{semantic.color.background.disabled}"
           },
@@ -4918,11 +4936,13 @@
             ],
             "hex": "#e9f5fb"
           },
+          "$description": "Light blue (Blue 100)",
           "filePath": "tokens/tokens.json",
           "isSource": true,
           "$type": "color",
           "original": {
             "$value": "{base.color.blue.100}",
+            "$description": "Light blue (Blue 100)",
             "$type": "color",
             "key": "{semantic.color.background.light-blue}"
           },
@@ -4951,11 +4971,13 @@
             ],
             "hex": "#ecfded"
           },
+          "$description": "Light green (Green 100)",
           "filePath": "tokens/tokens.json",
           "isSource": true,
           "$type": "color",
           "original": {
             "$value": "{base.color.green.100}",
+            "$description": "Light green (Green 100)",
             "$type": "color",
             "key": "{semantic.color.background.light-green}"
           },
@@ -4984,11 +5006,13 @@
             ],
             "hex": "#00375b"
           },
+          "$description": "Dark blue (Blue 800)",
           "filePath": "tokens/tokens.json",
           "isSource": true,
           "$type": "color",
           "original": {
             "$value": "{base.color.blue.800}",
+            "$description": "Dark blue (Blue 800)",
             "$type": "color",
             "key": "{semantic.color.background.dark-blue}"
           },
@@ -5017,11 +5041,13 @@
             ],
             "hex": "#398357"
           },
+          "$description": "Dark green (Green 700)",
           "filePath": "tokens/tokens.json",
           "isSource": true,
           "$type": "color",
           "original": {
             "$value": "{base.color.green.700}",
+            "$description": "Dark green (Green 700)",
             "$type": "color",
             "key": "{semantic.color.background.dark-green}"
           },
@@ -5053,11 +5079,13 @@
             "hex": "#ffffff",
             "alpha": 0.9
           },
+          "$description": "White 90%",
           "filePath": "tokens/tokens.json",
           "isSource": true,
           "$type": "color",
           "original": {
             "$value": "{base.color.white.90}",
+            "$description": "White 90%",
             "$type": "color",
             "key": "{semantic.color.opaque.white-90}"
           },
@@ -5087,11 +5115,13 @@
             "hex": "#ffffff",
             "alpha": 0.95
           },
+          "$description": "White 95%",
           "filePath": "tokens/tokens.json",
           "isSource": true,
           "$type": "color",
           "original": {
             "$value": "{base.color.white.95}",
+            "$description": "White 95%",
             "$type": "color",
             "key": "{semantic.color.opaque.white-95}"
           },
@@ -5121,11 +5151,13 @@
             "hex": "#41484c",
             "alpha": 0.1
           },
+          "$description": "Gray 500 10%",
           "filePath": "tokens/tokens.json",
           "isSource": true,
           "$type": "color",
           "original": {
             "$value": "{base.color.gray.500.10}",
+            "$description": "Gray 500 10%",
             "$type": "color",
             "key": "{semantic.color.opaque.gray-500-10}"
           },
@@ -5155,11 +5187,13 @@
             "hex": "#41484c",
             "alpha": 0.3
           },
+          "$description": "Gray 500 30%",
           "filePath": "tokens/tokens.json",
           "isSource": true,
           "$type": "color",
           "original": {
             "$value": "{base.color.gray.500.30}",
+            "$description": "Gray 500 30%",
             "$type": "color",
             "key": "{semantic.color.opaque.gray-500-30}"
           },
@@ -5189,11 +5223,13 @@
             "hex": "#41484c",
             "alpha": 0.9
           },
+          "$description": "Gray 500 90%",
           "filePath": "tokens/tokens.json",
           "isSource": true,
           "$type": "color",
           "original": {
             "$value": "{base.color.gray.500.90}",
+            "$description": "Gray 500 90%",
             "$type": "color",
             "key": "{semantic.color.opaque.gray-500-90}"
           },
@@ -5284,11 +5320,11 @@
           "$value": {
             "colorSpace": "srgb",
             "components": [
-              0.5765,
-              0.5961,
-              0.8784
+              0.6431,
+              0.3333,
+              0.7725
             ],
-            "hex": "#9598e0"
+            "hex": "#a455c5"
           },
           "filePath": "tokens/tokens.json",
           "isSource": true,
@@ -5752,11 +5788,11 @@
           "$value": {
             "colorSpace": "srgb",
             "components": [
-              0.4,
-              0.4353,
-              0.7843
+              0.3921,
+              0.1921,
+              0.4745
             ],
-            "hex": "#686fc8"
+            "hex": "#643179"
           },
           "filePath": "tokens/tokens.json",
           "isSource": true,
@@ -7099,6 +7135,27 @@
         ]
       }
     },
+    "borderstyle": {
+      "key": "{semantic.borderstyle}",
+      "$type": "strokeStyle",
+      "$value": "solid",
+      "filePath": "tokens/tokens.json",
+      "isSource": true,
+      "original": {
+        "$type": "strokeStyle",
+        "$value": "solid",
+        "key": "{semantic.borderstyle}"
+      },
+      "name": "kfw-borderstyle",
+      "attributes": {
+        "category": "semantic",
+        "type": "borderstyle"
+      },
+      "path": [
+        "semantic",
+        "borderstyle"
+      ]
+    },
     "focusring": {
       "outline-width": {
         "key": "{semantic.focusring.outline-width}",

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

@@ -109,11 +109,11 @@
       },
       "Violet": {
         "400": {
-          "$value": "#9598e0",
+          "$value": "#a455c5",
           "$type": "color"
         },
         "500": {
-          "$value": "#686fc8",
+          "$value": "#643179",
           "$type": "color"
         }
       },
@@ -411,7 +411,7 @@
           "$type": "color"
         },
         "Warning": {
-          "$value": "#9598e0",
+          "$value": "#a455c5",
           "$type": "color"
         }
       },
@@ -473,7 +473,7 @@
           "$type": "color"
         },
         "Cooperation": {
-          "$value": "#686fc8",
+          "$value": "#643179",
           "$type": "color"
         },
         "Credit-benefit": {
@@ -702,6 +702,10 @@
         "$type": "borderWidth"
       }
     },
+    "Borderstyle": {
+      "$value": "solid",
+      "$type": "strokeStyle"
+    },
     "Fontweight": {
       "Default": {
         "$value": 400,

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

@@ -1,5 +1,5 @@
 
-// KfW Design Tokens v0.5.5 | MPL-2.0 | https://github.com/openkfw/design-tokens
+// KfW Design Tokens v0.5.7 | MPL-2.0 | https://github.com/openkfw/design-tokens
 
 $kfw-base-color-blue-100: #e9f5fb;
 $kfw-base-color-blue-400: #54b3e2;
@@ -25,8 +25,8 @@ $kfw-base-color-gray-500-30: #41484c4d;
 $kfw-base-color-gray-500-90: #41484ce6;
 $kfw-base-color-gray-500: #41484c;
 $kfw-base-color-gray-600: #2d3134;
-$kfw-base-color-violet-400: #9598e0;
-$kfw-base-color-violet-500: #686fc8;
+$kfw-base-color-violet-400: #a455c5;
+$kfw-base-color-violet-500: #643179;
 $kfw-base-color-red-400: #c80538;
 $kfw-base-color-yellow-500: #eac80b;
 $kfw-base-fontfamily-sans: "KfW Centro Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
@@ -151,30 +151,30 @@ $kfw-base-layout-gridgap-static-xl: 3.6rem;
 $kfw-base-layout-gridgap-fluid-min: 1.2rem;
 $kfw-base-layout-gridgap-fluid-max: 3.6rem;
 $kfw-base-layout-gridgap-fluid-val: 3.529vi - 0.9176rem;
-$kfw-color-fn: #005a8c; // Main interaction color for buttons and links
-$kfw-color-fn-active: #00446e;
-$kfw-color-fn-inactive: #a1adb5;
-$kfw-color-fn-border: #2d3134;
-$kfw-color-fn-label: #2d3134;
-$kfw-color-text: #2d3134; // Main text color for body
-$kfw-color-text-on-dark-bg: #ffffff;
-$kfw-color-text-on-disabled: #ffffff;
-$kfw-color-text-headline-on-dark-bg: #b7f9aa;
-$kfw-color-background: #ffffff; // Main background color for body
-$kfw-color-background-subtle: #f6f7f8;
-$kfw-color-background-disabled: #a1adb5;
-$kfw-color-background-light-blue: #e9f5fb;
-$kfw-color-background-light-green: #ecfded;
-$kfw-color-background-dark-blue: #00375b;
-$kfw-color-background-dark-green: #398357;
-$kfw-color-opaque-white-90: #ffffffe6;
-$kfw-color-opaque-white-95: #fffffff2;
-$kfw-color-opaque-gray-500-10: #41484c1a;
-$kfw-color-opaque-gray-500-30: #41484c4d;
-$kfw-color-opaque-gray-500-90: #41484ce6;
+$kfw-color-fn: #005a8c; // Main interaction color for buttons and links (Blue 600)
+$kfw-color-fn-active: #00446e; // Interaction color when active (e.g., hover, Blue 700)
+$kfw-color-fn-inactive: #a1adb5; // Interaction color when inactive (Gray 300)
+$kfw-color-fn-border: #2d3134; // Interaction border color (Gray 600)
+$kfw-color-fn-label: #2d3134; // Interaction label color (Gray 600)
+$kfw-color-text: #2d3134; // Main text color for body (Gray 600)
+$kfw-color-text-on-dark-bg: #ffffff; // Main text color on dark background (White)
+$kfw-color-text-on-disabled: #ffffff; // Main text color on disabled (White)
+$kfw-color-text-headline-on-dark-bg: #b7f9aa; // Headline text color on dark background (Green 300)
+$kfw-color-background: #ffffff; // Main background color for body (White)
+$kfw-color-background-subtle: #f6f7f8; // Neutral (Gray 50)
+$kfw-color-background-disabled: #a1adb5; // Disabled (Gray 300)
+$kfw-color-background-light-blue: #e9f5fb; // Light blue (Blue 100)
+$kfw-color-background-light-green: #ecfded; // Light green (Green 100)
+$kfw-color-background-dark-blue: #00375b; // Dark blue (Blue 800)
+$kfw-color-background-dark-green: #398357; // Dark green (Green 700)
+$kfw-color-opaque-white-90: #ffffffe6; // White 90%
+$kfw-color-opaque-white-95: #fffffff2; // White 95%
+$kfw-color-opaque-gray-500-10: #41484c1a; // Gray 500 10%
+$kfw-color-opaque-gray-500-30: #41484c4d; // Gray 500 30%
+$kfw-color-opaque-gray-500-90: #41484ce6; // Gray 500 90%
 $kfw-color-state-danger: #c80538;
 $kfw-color-state-success: #398357;
-$kfw-color-state-warning: #9598e0;
+$kfw-color-state-warning: #a455c5;
 $kfw-color-status-red: #c80538;
 $kfw-color-status-yellow: #eac80b;
 $kfw-color-status-green: #398357;
@@ -188,7 +188,7 @@ $kfw-color-line-12: #a1adb5;
 $kfw-color-product-container: #f6f7f8;
 $kfw-color-product-benefit: #007abc;
 $kfw-color-product-credit: #398357;
-$kfw-color-product-cooperation: #686fc8;
+$kfw-color-product-cooperation: #643179;
 $kfw-color-product-credit-benefit: #41484c;
 $kfw-color-icon: #005a8c;
 $kfw-color-icon-secondary: #54b3e2;
@@ -244,6 +244,7 @@ $kfw-borderradius-small: 2px;
 $kfw-borderradius-circle: 999.9rem;
 $kfw-borderwidth: 1px;
 $kfw-borderwidth-large: 2px;
+$kfw-borderstyle: solid;
 $kfw-focusring-outline-width: 2px;
 $kfw-focusring-outline-offset: 2px;
 $kfw-focusring-outline-style: dashed;

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

@@ -1,5 +1,5 @@
 /**
- * KfW Design Tokens v0.5.5 | MPL-2.0 | https://github.com/openkfw/design-tokens
+ * KfW Design Tokens v0.5.7 | MPL-2.0 | https://github.com/openkfw/design-tokens
  */
 
 :root, :host, .kfw-theme--light { color-scheme: light; }
@@ -29,8 +29,8 @@
   --kfw-base-color-gray-500-90: #41484ce6;
   --kfw-base-color-gray-500: #41484c;
   --kfw-base-color-gray-600: #2d3134;
-  --kfw-base-color-violet-400: #9598e0;
-  --kfw-base-color-violet-500: #686fc8;
+  --kfw-base-color-violet-400: #a455c5;
+  --kfw-base-color-violet-500: #643179;
   --kfw-base-color-red-400: #c80538;
   --kfw-base-color-yellow-500: #eac80b;
   --kfw-base-fontfamily-sans: "KfW Centro Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
@@ -155,30 +155,30 @@
   --kfw-base-layout-gridgap-fluid-min: 0.75rem;
   --kfw-base-layout-gridgap-fluid-max: 2.25rem;
   --kfw-base-layout-gridgap-fluid-val: 3.529vi - 0.5735rem;
-  --kfw-color-fn: #005a8c; /** Main interaction color for buttons and links */
-  --kfw-color-fn-active: #00446e;
-  --kfw-color-fn-inactive: #a1adb5;
-  --kfw-color-fn-border: #2d3134;
-  --kfw-color-fn-label: #2d3134;
-  --kfw-color-text: #2d3134; /** Main text color for body */
-  --kfw-color-text-on-dark-bg: #ffffff;
-  --kfw-color-text-on-disabled: #ffffff;
-  --kfw-color-text-headline-on-dark-bg: #b7f9aa;
-  --kfw-color-background: #ffffff; /** Main background color for body */
-  --kfw-color-background-subtle: #f6f7f8;
-  --kfw-color-background-disabled: #a1adb5;
-  --kfw-color-background-light-blue: #e9f5fb;
-  --kfw-color-background-light-green: #ecfded;
-  --kfw-color-background-dark-blue: #00375b;
-  --kfw-color-background-dark-green: #398357;
-  --kfw-color-opaque-white-90: #ffffffe6;
-  --kfw-color-opaque-white-95: #fffffff2;
-  --kfw-color-opaque-gray-500-10: #41484c1a;
-  --kfw-color-opaque-gray-500-30: #41484c4d;
-  --kfw-color-opaque-gray-500-90: #41484ce6;
+  --kfw-color-fn: #005a8c; /** Main interaction color for buttons and links (Blue 600) */
+  --kfw-color-fn-active: #00446e; /** Interaction color when active (e.g., hover, Blue 700) */
+  --kfw-color-fn-inactive: #a1adb5; /** Interaction color when inactive (Gray 300) */
+  --kfw-color-fn-border: #2d3134; /** Interaction border color (Gray 600) */
+  --kfw-color-fn-label: #2d3134; /** Interaction label color (Gray 600) */
+  --kfw-color-text: #2d3134; /** Main text color for body (Gray 600) */
+  --kfw-color-text-on-dark-bg: #ffffff; /** Main text color on dark background (White) */
+  --kfw-color-text-on-disabled: #ffffff; /** Main text color on disabled (White) */
+  --kfw-color-text-headline-on-dark-bg: #b7f9aa; /** Headline text color on dark background (Green 300) */
+  --kfw-color-background: #ffffff; /** Main background color for body (White) */
+  --kfw-color-background-subtle: #f6f7f8; /** Neutral (Gray 50) */
+  --kfw-color-background-disabled: #a1adb5; /** Disabled (Gray 300) */
+  --kfw-color-background-light-blue: #e9f5fb; /** Light blue (Blue 100) */
+  --kfw-color-background-light-green: #ecfded; /** Light green (Green 100) */
+  --kfw-color-background-dark-blue: #00375b; /** Dark blue (Blue 800) */
+  --kfw-color-background-dark-green: #398357; /** Dark green (Green 700) */
+  --kfw-color-opaque-white-90: #ffffffe6; /** White 90% */
+  --kfw-color-opaque-white-95: #fffffff2; /** White 95% */
+  --kfw-color-opaque-gray-500-10: #41484c1a; /** Gray 500 10% */
+  --kfw-color-opaque-gray-500-30: #41484c4d; /** Gray 500 30% */
+  --kfw-color-opaque-gray-500-90: #41484ce6; /** Gray 500 90% */
   --kfw-color-state-danger: #c80538;
   --kfw-color-state-success: #398357;
-  --kfw-color-state-warning: #9598e0;
+  --kfw-color-state-warning: #a455c5;
   --kfw-color-status-red: #c80538;
   --kfw-color-status-yellow: #eac80b;
   --kfw-color-status-green: #398357;
@@ -192,7 +192,7 @@
   --kfw-color-product-container: #f6f7f8;
   --kfw-color-product-benefit: #007abc;
   --kfw-color-product-credit: #398357;
-  --kfw-color-product-cooperation: #686fc8;
+  --kfw-color-product-cooperation: #643179;
   --kfw-color-product-credit-benefit: #41484c;
   --kfw-color-icon: #005a8c;
   --kfw-color-icon-secondary: #54b3e2;
@@ -248,6 +248,7 @@
   --kfw-borderradius-circle: 624.9375rem;
   --kfw-borderwidth: 1px;
   --kfw-borderwidth-large: 2px;
+  --kfw-borderstyle: solid;
   --kfw-focusring-outline-width: 2px;
   --kfw-focusring-outline-offset: 2px;
   --kfw-focusring-outline-style: dashed;

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

@@ -1,5 +1,5 @@
 /**
- * KfW Design Tokens v0.5.4 | MPL-2.0 | https://github.com/openkfw/design-tokens
+ * KfW Design Tokens v0.5.6 | MPL-2.0 | https://github.com/openkfw/design-tokens
  */
 
 export const KfwBaseColorBlue100: {