From fcdfaa747fc08ebe95ef65275c33e69ada31a8e6 Mon Sep 17 00:00:00 2001 From: Jiro Ghianni <118177951+jiromaykin@users.noreply.github.com> Date: Tue, 24 Mar 2026 16:46:39 +0100 Subject: [PATCH 1/2] [#2203] Add Headings and Paragraph with --nl suffix, rem values --- package-lock.json | 4 +- package.json | 2 +- src/brand/openinwoner/typography.tokens.json | 3 ++ src/community/nl/paragraph.tokens.json | 44 +++++++++++++++++++ src/community/utrecht/fieldset.tokens.json | 3 +- src/community/utrecht/paragraph.tokens.json | 2 + .../paragraph-modifiers.tokens.json | 11 +++++ style-dictionary.config.json | 3 ++ 8 files changed, 68 insertions(+), 4 deletions(-) create mode 100644 src/community/nl/paragraph.tokens.json diff --git a/package-lock.json b/package-lock.json index bb7b7a7..5b7b30a 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "@open-inwoner/design-tokens", - "version": "0.0.28", + "version": "0.0.29", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@open-inwoner/design-tokens", - "version": "0.0.28", + "version": "0.0.29", "license": "EUPL-1.2", "devDependencies": { "chokidar": "^4.0.3", diff --git a/package.json b/package.json index 05e4af8..0beeffd 100644 --- a/package.json +++ b/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", diff --git a/src/brand/openinwoner/typography.tokens.json b/src/brand/openinwoner/typography.tokens.json index 80f1583..087276c 100644 --- a/src/brand/openinwoner/typography.tokens.json +++ b/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": { diff --git a/src/community/nl/paragraph.tokens.json b/src/community/nl/paragraph.tokens.json new file mode 100644 index 0000000..ce7b1a9 --- /dev/null +++ b/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" + } + } + } + } +} diff --git a/src/community/utrecht/fieldset.tokens.json b/src/community/utrecht/fieldset.tokens.json index 6efc9af..a8bd12d 100644 --- a/src/community/utrecht/fieldset.tokens.json +++ b/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"}, diff --git a/src/community/utrecht/paragraph.tokens.json b/src/community/utrecht/paragraph.tokens.json index 7bbbbea..f84af6c 100644 --- a/src/community/utrecht/paragraph.tokens.json +++ b/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"}, diff --git a/src/components/paragraph-modifiers.tokens.json b/src/components/paragraph-modifiers.tokens.json index 40c0a7d..732ca03 100644 --- a/src/components/paragraph-modifiers.tokens.json +++ b/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}"} + } } } } diff --git a/style-dictionary.config.json b/style-dictionary.config.json index 3c2a771..56ab93a 100644 --- a/style-dictionary.config.json +++ b/style-dictionary.config.json @@ -1,4 +1,7 @@ { + "log": { + "verbosity": "verbose" + }, "source": ["./src/**/tokens.json", "./src/**/*.tokens.json"], "platforms": { "css": { From 26c9ac931f7520ed251185872567ddea135a29f0 Mon Sep 17 00:00:00 2001 From: Jiro Ghianni <118177951+jiromaykin@users.noreply.github.com> Date: Thu, 26 Mar 2026 14:32:19 +0100 Subject: [PATCH 2/2] remove non-optional verbose logging --- style-dictionary.config.json | 3 --- 1 file changed, 3 deletions(-) diff --git a/style-dictionary.config.json b/style-dictionary.config.json index 56ab93a..3c2a771 100644 --- a/style-dictionary.config.json +++ b/style-dictionary.config.json @@ -1,7 +1,4 @@ { - "log": { - "verbosity": "verbose" - }, "source": ["./src/**/tokens.json", "./src/**/*.tokens.json"], "platforms": { "css": {