🏷️ [2203] Add --nl Candidate Paragraph tokens

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-inwoner/design-tokens",
-  "version": "0.0.28",
+  "version": "0.0.29",
   "description": "Design tokens for Open Inwoner",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",

src/brand/openinwoner/typography.tokens.json

@@ -10,6 +10,9 @@
       "big": {
         "font-size": {"value": "24px"}
       },
+      "small": {
+        "font-size": {"value": "0.875rem"}
+      },
       "line-height": {"value": "24px"}
     },
     "typography": {

src/community/nl/paragraph.tokens.json

@@ -0,0 +1,44 @@
+{
+  "nl": {
+    "paragraph": {
+      "color": {
+        "value": "{oip.color.fg}"
+      },
+      "font-family": {
+        "value": "{oip.typography.sans-serif.font-family}"
+      },
+      "font-size": {
+        "value": "{oip.text.font-size}"
+      },
+      "font-weight": {
+        "value": "normal"
+      },
+      "line-height": {
+        "value": "1.5"
+      },
+      "margin-block-end": {
+        "value": "0"
+      },
+      "margin-block-start": {
+        "value": "0"
+      },
+      "lead": {
+        "font-size": {
+          "value": "1.25rem"
+        },
+        "font-weight": {
+          "value": "normal"
+        },
+        "line-height": {
+          "value": "1.4286"
+        },
+        "margin-block-end": {
+          "value": "0"
+        },
+        "margin-block-start": {
+          "value": "0"
+        }
+      }
+    }
+  }
+}

src/community/utrecht/fieldset.tokens.json

@@ -9,8 +9,9 @@
       },
       "legend": {
         "color": {"value": "{oip.color.fg-lighter}"},
+        "comment": "Utrecht paragraph--small will become deprecated and smaller texts should point to 'basis.text.font-size.sm' when Basis tokens become available.",
         "font-family": {"value": "{oip.typography.sans-serif.font-family}"},
-        "font-size": {"value": "{utrecht.paragraph.small.font-size}"},
+        "font-size": {"value": "{oip.text.small.font-size}"},
         "font-weight": {"value": "normal"},
         "line-height": {"value": "21px"},
         "margin-block-end": {"value": "0"},

src/community/utrecht/paragraph.tokens.json

@@ -2,6 +2,7 @@
   "utrecht": {
     "paragraph": {
       "color": {"value": "{oip.color.fg}"},
+      "comment": "TODO: remove these Utrecht paragraph community legacy tokens when Candidate is implemented.",
       "font-family": {"value": "{oip.typography.sans-serif.font-family}"},
       "font-size": {"value": "{oip.text.font-size}"},
       "font-weight": {"value": "normal"},
@@ -10,6 +11,7 @@
       "margin-block-start": {"value": "0"},
       "small": {
         "color": {"value": "rgba(75,75,75,0.9)"},
+        "comment": "Utrecht paragraph--small will become deprecated and should point to 'basis.text.font-size.sm' when Basis tokens become available.",
         "font-family": {"value": "{oip.typography.sans-serif.font-family}"},
         "font-weight": {"value": "normal"},
         "font-size": {"value": "14px"},

src/components/paragraph-modifiers.tokens.json

@@ -5,12 +5,23 @@
         "color": {"value": "{oip.color.fg-muted}"}
       },
       "centered": {
+        "comment": "TODO: modifier may be removed in future, or added to the shadow DOM.",
         "text-align": {"value": "center"}
       },
       "compact": {
+        "comment": "TODO: modifier may be removed in future, or added to the shadow DOM.",
         "margin-bottom": {"value": "0 !important"},
         "margin-top": {"value": "0 !important"}
       }
+    },
+    "nl-paragraph": {
+      "muted": {
+        "color": {"value": "{oip.color.fg-muted}"}
+      },
+      "small": {
+        "comment": "TODO: When Basis tokens become available, this should point to 'basis.text.font-size.sm'.",
+        "font-size": {"value": "{oip.text.small.font-size}"}
+      }
     }
   }
 }