✨ [open-formulieren/open-forms-sdk#471] Add utrecht-data-list design …

…tokens + OF extensions

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": {

src/components/summary-row/summary-row.tokens.json

@@ -2,7 +2,8 @@
   "of": {
     "summary-row": {
       "spacing": {
-        "value": "10px"
+        "value": "10px",
+        "comment": "DEPRECATED"
       }
     }
   }

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"}
+      }
+    }
+  }
+}