[#2452] Corrected line-height

maykinmedia · May 27, 2024 · 6c75250 · 6c75250
1 parent 432b077
commit 6c75250
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 77 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@open-inwoner/design-tokens",
-  "version": "0.0.5-alpha.3",
+  "version": "0.0.5-alpha.4",
   "description": "Design tokens for Open Inwoner",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",

diff --git a/src/brand/openinwoner/color.tokens.json b/src/brand/openinwoner/color.tokens.json
@@ -59,101 +59,43 @@
       },
       "success": {
         "value": "#4A7746",
-        "comment": "The dark green text color for success states and/or messages.",
-        "$extensions": {
-          "dte.metadata": {
-            "isCurated": true,
-            "category": "color"
-          }
-        }
+        "comment": "The dark green text color for success states and/or messages."
       },
       "success-light": {
         "value": "#ecf4ec",
-        "comment": "The light green background color for success states and/or messages.",
-        "$extensions": {
-          "dte.metadata": {
-            "isCurated": true,
-            "category": "color"
-          }
-        }
+        "comment": "The light green background color for success states and/or messages."
       },
       "warning": {
         "value": "#704000",
-        "comment": "The dark orange text color for warning states and/or messages.",
-        "$extensions": {
-          "dte.metadata": {
-            "isCurated": true,
-            "category": "color"
-          }
-        }
+        "comment": "The dark orange text color for warning states and/or messages."
       },
       "warning-light": {
         "value": "#ffdcad",
-        "comment": "The light orange background color for warning states and/or messages.",
-        "$extensions": {
-          "dte.metadata": {
-            "isCurated": true,
-            "category": "color"
-          }
-        }
+        "comment": "The light orange background color for warning states and/or messages."
       },
       "danger": {
         "value": "#5c000f",
-        "comment": "The dark red text color for error/critical states and/or messages.",
-        "$extensions": {
-          "dte.metadata": {
-            "isCurated": true,
-            "category": "color"
-          }
-        }
+        "comment": "The dark red text color for error/critical states and/or messages."
       },
       "danger-light": {
         "value": "#ffdbe1",
-        "comment": "The light red background color for error/critical states and/or messages.",
-        "$extensions": {
-          "dte.metadata": {
-            "isCurated": true,
-            "category": "color"
-          }
-        }
+        "comment": "The light red background color for error/critical states and/or messages."
       },
       "bg": {
         "value": "#ffffff",
-        "comment": "Background color for the (main) user interface.",
-        "$extensions": {
-          "dte.metadata": {
-            "isCurated": true,
-            "category": "color"
-          }
-        }
+        "comment": "Background color for the (main) user interface."
       },
       "fg": {
         "value": "#4b4b4b",
-        "comment": "Blackish foreground color for the (main) user interface.",
-        "$extensions": {
-          "dte.metadata": {
-            "isCurated": true,
-            "category": "color"
-          }
-        }
+        "comment": "Blackish foreground color for the (main) user interface."
       },
       "fg-muted": {
         "value": "#d2d2d2",
-        "comment": "Font/foreground color for non-actionable or less-important content.",
-        "$extensions": {
-          "dte.metadata": {
-            "category": "color"
-          }
-        }
+        "comment": "Font/foreground color for non-actionable or less-important content."
       },
       "fg-heading": {
         "value": "#000000",
-        "comment": "Black foreground color for fully black elements.",
-        "$extensions": {
-          "dte.metadata": {
-            "category": "color"
-          }
-        }
+        "comment": "Black foreground color for fully black elements."
       },
       "border": {
         "value": "#d2d2d2",
@@ -167,11 +109,9 @@
         },
         "border": {}
       },
-      "read-only": {
-        "bg": {
-          "value": "#d2d2d2",
-          "comment": "Default color for disabled/non-interactable input elements."
-        }
+      "red-notification": {
+        "value": "#d94100",
+        "comment": "The bright red color for notification badges and texts."
       }
     }
   }

diff --git a/src/components/paragraph-modifiers.tokens.json b/src/components/paragraph-modifiers.tokens.json
@@ -7,7 +7,7 @@
             "value": "14px"
           },
           "line-height": {
-            "value": "{utrecht.paragraph.line-height}"
+            "value": "{utrecht.paragraph.small.line-height}"
           }
         },
         "muted": {