From ce61470d68ef1a6fc365a4b0bc245382b83be4d5 Mon Sep 17 00:00:00 2001
From: Sergei Maertens <sergei@maykinmedia.nl>
Date: Tue, 2 Jan 2024 17:35:55 +0100
Subject: [PATCH] :sparkles: [open-formulieren/open-forms-sdk#471] Add
 utrecht-data-list design tokens + OF extensions

---
 src/community/utrecht/data-list.tokens.json   | 11 ++++++-
 .../summary-row/summary-row.tokens.json       |  3 +-
 src/components/summary.tokens.json            | 30 +++++++++++++++++++
 3 files changed, 42 insertions(+), 2 deletions(-)
 create mode 100644 src/components/summary.tokens.json

diff --git a/src/community/utrecht/data-list.tokens.json b/src/community/utrecht/data-list.tokens.json
index c6ea013..302770f 100644
--- a/src/community/utrecht/data-list.tokens.json
+++ b/src/community/utrecht/data-list.tokens.json
@@ -4,7 +4,16 @@
       "margin-block-end": {"value": "0"},
       "margin-block-start": {"value": "0"},
       "item-key": {
-        "font-weight": {"value": 700}
+        "color": {"value": "{of.color.fg}"},
+        "font-size": {"value": "1rem"},
+        "font-weight": {"value": 700},
+        "line-height": {"value": "1.5"}
+      },
+      "item-value": {
+        "color": {"value": "{of.color.fg}"},
+        "font-size": {"value": "1rem"},
+        "font-weight": {"value": 400},
+        "line-height": {"value": "1.5"}
       },
       "rows": {
         "column": {
diff --git a/src/components/summary-row/summary-row.tokens.json b/src/components/summary-row/summary-row.tokens.json
index 3bdcb95..b563359 100644
--- a/src/components/summary-row/summary-row.tokens.json
+++ b/src/components/summary-row/summary-row.tokens.json
@@ -2,7 +2,8 @@
   "of": {
     "summary-row": {
       "spacing": {
-        "value": "10px"
+        "value": "10px",
+        "comment": "DEPRECATED"
       }
     }
   }
diff --git a/src/components/summary.tokens.json b/src/components/summary.tokens.json
new file mode 100644
index 0000000..1c52ce9
--- /dev/null
+++ b/src/components/summary.tokens.json
@@ -0,0 +1,30 @@
+{
+  "of": {
+    "summary": {
+      "step-name": {
+        "font-size": {"value": "{utrecht.heading-3.font-size}"},
+        "line-height": {"value": "1.17"}
+      },
+      "header": {
+        "border-block-end-color": {"value": "{of.color.border}"},
+        "border-block-end-style": {"value": "solid"},
+        "border-block-end-width": {"value": "1px"},
+        "padding-block-end": {"value": "12p"},
+        "mobile": {
+          "row-gap": {"value": "8px"}
+        }
+      }
+    },
+    "utrecht-data-list": {
+      "padding-block-end": {"value": "20px"},
+      "item-key": {
+        "laptop": {
+          "font-weight": {"value": "400"}
+        }
+      },
+      "laptop": {
+        "display": {"value": "flex"}
+      }
+    }
+  }
+}