diff --git a/package-lock.json b/package-lock.json index fe163c8..621409b 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "@open-inwoner/design-tokens", - "version": "0.0.5-alpha.3", + "version": "0.0.5-alpha.4", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@open-inwoner/design-tokens", - "version": "0.0.5-alpha.3", + "version": "0.0.5-alpha.4", "license": "EUPL-1.2", "devDependencies": { "chokidar": "^3.5.3", diff --git a/package.json b/package.json index dfcf433..b353d6d 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@open-inwoner/design-tokens", - "version": "0.0.5-alpha.3", + "version": "0.0.5-alpha.4", "description": "Design tokens for Open Inwoner", "scripts": { "test": "echo \"Error: no test specified\" && exit 1", diff --git a/src/brand/openinwoner/color.tokens.json b/src/brand/openinwoner/color.tokens.json index 24ed63c..9ac5c25 100644 --- a/src/brand/openinwoner/color.tokens.json +++ b/src/brand/openinwoner/color.tokens.json @@ -59,101 +59,43 @@ }, "success": { "value": "#4A7746", - "comment": "The dark green text color for success states and/or messages.", - "$extensions": { - "dte.metadata": { - "isCurated": true, - "category": "color" - } - } + "comment": "The dark green text color for success states and/or messages." }, "success-light": { "value": "#ecf4ec", - "comment": "The light green background color for success states and/or messages.", - "$extensions": { - "dte.metadata": { - "isCurated": true, - "category": "color" - } - } + "comment": "The light green background color for success states and/or messages." }, "warning": { "value": "#704000", - "comment": "The dark orange text color for warning states and/or messages.", - "$extensions": { - "dte.metadata": { - "isCurated": true, - "category": "color" - } - } + "comment": "The dark orange text color for warning states and/or messages." }, "warning-light": { "value": "#ffdcad", - "comment": "The light orange background color for warning states and/or messages.", - "$extensions": { - "dte.metadata": { - "isCurated": true, - "category": "color" - } - } + "comment": "The light orange background color for warning states and/or messages." }, "danger": { "value": "#5c000f", - "comment": "The dark red text color for error/critical states and/or messages.", - "$extensions": { - "dte.metadata": { - "isCurated": true, - "category": "color" - } - } + "comment": "The dark red text color for error/critical states and/or messages." }, "danger-light": { "value": "#ffdbe1", - "comment": "The light red background color for error/critical states and/or messages.", - "$extensions": { - "dte.metadata": { - "isCurated": true, - "category": "color" - } - } + "comment": "The light red background color for error/critical states and/or messages." }, "bg": { "value": "#ffffff", - "comment": "Background color for the (main) user interface.", - "$extensions": { - "dte.metadata": { - "isCurated": true, - "category": "color" - } - } + "comment": "Background color for the (main) user interface." }, "fg": { "value": "#4b4b4b", - "comment": "Blackish foreground color for the (main) user interface.", - "$extensions": { - "dte.metadata": { - "isCurated": true, - "category": "color" - } - } + "comment": "Blackish foreground color for the (main) user interface." }, "fg-muted": { "value": "#d2d2d2", - "comment": "Font/foreground color for non-actionable or less-important content.", - "$extensions": { - "dte.metadata": { - "category": "color" - } - } + "comment": "Font/foreground color for non-actionable or less-important content." }, "fg-heading": { "value": "#000000", - "comment": "Black foreground color for fully black elements.", - "$extensions": { - "dte.metadata": { - "category": "color" - } - } + "comment": "Black foreground color for fully black elements." }, "border": { "value": "#d2d2d2", @@ -167,11 +109,9 @@ }, "border": {} }, - "read-only": { - "bg": { - "value": "#d2d2d2", - "comment": "Default color for disabled/non-interactable input elements." - } + "red-notification": { + "value": "#d94100", + "comment": "The bright red color for notification badges and texts." } } } diff --git a/src/components/paragraph-modifiers.tokens.json b/src/components/paragraph-modifiers.tokens.json index fa91502..5721c7a 100644 --- a/src/components/paragraph-modifiers.tokens.json +++ b/src/components/paragraph-modifiers.tokens.json @@ -7,7 +7,7 @@ "value": "14px" }, "line-height": { - "value": "{utrecht.paragraph.line-height}" + "value": "{utrecht.paragraph.small.line-height}" } }, "muted": {