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