From 70b604139c2077d03d1bb7e49e6af5563e25d989 Mon Sep 17 00:00:00 2001 From: Remko Date: Thu, 14 Mar 2024 09:19:02 +0100 Subject: [PATCH 01/49] Roosendaal innit --- .../noordwijk-design-tokens/LICENSE.md | 10 ++-- .../roosendaal-design-tokens/LICENSE.md | 17 ++++++ .../roosendaal-design-tokens/README.md | 3 + .../documentation/color.stories.mdx | 17 ++++++ .../documentation/components.stories.mdx | 11 ++++ .../documentation/design-tokens.stories.mdx | 14 +++++ .../documentation/readme.stories.mdx | 7 +++ .../roosendaal-design-tokens/package.json | 42 ++++++++++++++ .../src/common/utrecht/action.tokens.json | 9 +++ .../roosendaal-design-tokens/src/config.json | 58 +++++++++++++++++++ .../roosendaal-design-tokens/src/index.scss | 7 +++ .../style-dictionary.config.js | 6 ++ package.json | 3 +- 13 files changed, 198 insertions(+), 6 deletions(-) create mode 100644 municipalities/roosendaal-design-tokens/LICENSE.md create mode 100644 municipalities/roosendaal-design-tokens/README.md create mode 100644 municipalities/roosendaal-design-tokens/documentation/color.stories.mdx create mode 100644 municipalities/roosendaal-design-tokens/documentation/components.stories.mdx create mode 100644 municipalities/roosendaal-design-tokens/documentation/design-tokens.stories.mdx create mode 100644 municipalities/roosendaal-design-tokens/documentation/readme.stories.mdx create mode 100644 municipalities/roosendaal-design-tokens/package.json create mode 100644 municipalities/roosendaal-design-tokens/src/common/utrecht/action.tokens.json create mode 100644 municipalities/roosendaal-design-tokens/src/config.json create mode 100644 municipalities/roosendaal-design-tokens/src/index.scss create mode 100644 municipalities/roosendaal-design-tokens/style-dictionary.config.js diff --git a/municipalities/noordwijk-design-tokens/LICENSE.md b/municipalities/noordwijk-design-tokens/LICENSE.md index 0f544264..e6ff7f54 100644 --- a/municipalities/noordwijk-design-tokens/LICENSE.md +++ b/municipalities/noordwijk-design-tokens/LICENSE.md @@ -1,12 +1,12 @@ -# Auteursrecht Gemeente Noordwijk +# Auteursrecht Gemeente Roosendaal -Copyright (c) 2023 Gemeente Noordwijk +Copyright (c) 2023 Gemeente Roosendaal ## Logo en huisstijl -Op het huisstijl en logo zijn auteursrechten van toepassing. Het gebruik van logo en huisstijl is alleen toegestaan voor gebruik door Gemeente Noordwijk. +Op het huisstijl en logo zijn auteursrechten van toepassing. Het gebruik van logo en huisstijl is alleen toegestaan voor gebruik door Gemeente Roosendaal. -Wanneer je een bewerking van de software wilt gebruiken voor andere doeleinden, mag je niet het logo van Gemeente Noordwijk gebruiken en je ontwerpt een eigen huisstijl. +Wanneer je een bewerking van de software wilt gebruiken voor andere doeleinden, mag je niet het logo van Gemeente Roosendaal gebruiken en je ontwerpt een eigen huisstijl. ## Lettertype @@ -14,4 +14,4 @@ Lettertypes die worden gebruikt voor de huisstijl zijn niet allemaal gratis en o ## Toestemming -Wanneer je het logo of de huisstijl wilt gebruiken kun je voor toestemming contact opnemen met Gemeente Noordwijk. +Wanneer je het logo of de huisstijl wilt gebruiken kun je voor toestemming contact opnemen met Gemeente Roosendaal. diff --git a/municipalities/roosendaal-design-tokens/LICENSE.md b/municipalities/roosendaal-design-tokens/LICENSE.md new file mode 100644 index 00000000..0f544264 --- /dev/null +++ b/municipalities/roosendaal-design-tokens/LICENSE.md @@ -0,0 +1,17 @@ +# Auteursrecht Gemeente Noordwijk + +Copyright (c) 2023 Gemeente Noordwijk + +## Logo en huisstijl + +Op het huisstijl en logo zijn auteursrechten van toepassing. Het gebruik van logo en huisstijl is alleen toegestaan voor gebruik door Gemeente Noordwijk. + +Wanneer je een bewerking van de software wilt gebruiken voor andere doeleinden, mag je niet het logo van Gemeente Noordwijk gebruiken en je ontwerpt een eigen huisstijl. + +## Lettertype + +Lettertypes die worden gebruikt voor de huisstijl zijn niet allemaal gratis en open source. Let op dat bij gebruik van die bijgeleverde lettertypes je een (betaalde) licentie regelt. Pas anders de configuratie aan om minder of andere lettertypes te gebruiken. + +## Toestemming + +Wanneer je het logo of de huisstijl wilt gebruiken kun je voor toestemming contact opnemen met Gemeente Noordwijk. diff --git a/municipalities/roosendaal-design-tokens/README.md b/municipalities/roosendaal-design-tokens/README.md new file mode 100644 index 00000000..991e7be2 --- /dev/null +++ b/municipalities/roosendaal-design-tokens/README.md @@ -0,0 +1,3 @@ +# NL Design System design tokens Gemeente Roosendaal + +These tokens have been obtained by analysing the [website of Gemeente Roosendaal](https://www.roosendaal.nl/). diff --git a/municipalities/roosendaal-design-tokens/documentation/color.stories.mdx b/municipalities/roosendaal-design-tokens/documentation/color.stories.mdx new file mode 100644 index 00000000..746f03e5 --- /dev/null +++ b/municipalities/roosendaal-design-tokens/documentation/color.stories.mdx @@ -0,0 +1,17 @@ +import { Meta, ColorPalette, ColorItem } from "@storybook/addon-docs"; +import tokens from "../dist/tokens.json"; +import { ColorSearch } from "@nl-design-system-unstable/theme-toolkit/src/ColorSearch"; +import { ColorTable } from "@nl-design-system-unstable/theme-toolkit/src/ColorTable"; +import config from "../src/config.json"; + + + +# Color + +## Find a color + + + +## Color palette + + diff --git a/municipalities/roosendaal-design-tokens/documentation/components.stories.mdx b/municipalities/roosendaal-design-tokens/documentation/components.stories.mdx new file mode 100644 index 00000000..0937db7f --- /dev/null +++ b/municipalities/roosendaal-design-tokens/documentation/components.stories.mdx @@ -0,0 +1,11 @@ +import { Meta, Story } from "@storybook/addon-docs"; +import { ComponentStories } from "@nl-design-system-unstable/theme-toolkit/src/ComponentStories"; +import config from "../src/config.json"; + + + +# Components + + + + diff --git a/municipalities/roosendaal-design-tokens/documentation/design-tokens.stories.mdx b/municipalities/roosendaal-design-tokens/documentation/design-tokens.stories.mdx new file mode 100644 index 00000000..dce92c26 --- /dev/null +++ b/municipalities/roosendaal-design-tokens/documentation/design-tokens.stories.mdx @@ -0,0 +1,14 @@ +import { Meta, ColorPalette, ColorItem } from "@storybook/addon-docs"; +import { DesignTokensTable } from "@nl-design-system-unstable/theme-toolkit/src/DesignTokensTable"; +import tokens from "../dist/index.json"; +import config from "../src/config.json"; + + + +# Design Tokens + + token.path[0] !== config.prefix)}> + +## Proprietary Design Tokens + + token.path[0] === config.prefix)}> diff --git a/municipalities/roosendaal-design-tokens/documentation/readme.stories.mdx b/municipalities/roosendaal-design-tokens/documentation/readme.stories.mdx new file mode 100644 index 00000000..e1d67fa5 --- /dev/null +++ b/municipalities/roosendaal-design-tokens/documentation/readme.stories.mdx @@ -0,0 +1,7 @@ +import { Meta, Description } from "@storybook/addon-docs"; +import markdown from "../README.md"; +import config from "../src/config.json"; + + + +{markdown} diff --git a/municipalities/roosendaal-design-tokens/package.json b/municipalities/roosendaal-design-tokens/package.json new file mode 100644 index 00000000..d33b8706 --- /dev/null +++ b/municipalities/roosendaal-design-tokens/package.json @@ -0,0 +1,42 @@ +{ + "version": "1.0.0-alpha.1", + "author": "Community for NL Design System", + "description": "NL Design System design tokens for Gemeente Roosendaal", + "website": "https://www.roosendaal.nl/", + "keywords": [ + "nl-design-system", + "conduction" + ], + "license": "SEE LICENSE IN LICENSE.md", + "name": "@nl-design-system-unstable/roosendaal-design-tokens", + "private": false, + "publishConfig": { + "access": "public" + }, + "repository": { + "type": "git+ssh", + "url": "git@github.com:nl-design-system/themes.git" + }, + "scripts": { + "clean": "rimraf -rf dist/", + "prebuild": "npm run clean", + "watch": "npm-run-all watch:**", + "watch:style-dictionary": "chokidar --follow-symlinks --command 'npm run --ignore-scripts build' 'src/**/*.tokens.json'", + "build": "npm-run-all build:**", + "build:scss": "sass --no-source-map src/:dist/", + "build:style-dictionary": "style-dictionary build --config ./style-dictionary.config.js" + }, + "devDependencies": { + "@fontsource/roboto": "5.0.8", + "@fontsource/roboto-slab": "5.0.11", + "@nl-design-system-unstable/theme-toolkit": "workspace:*", + "chokidar-cli": "3.0.0", + "npm-run-all": "4.1.5", + "rimraf": "3.0.2", + "style-dictionary": "3.8.0" + }, + "bugs": { + "url": "https://github.com/ConductionNL/conduction-theme/issues" + }, + "homepage": "https://github.com/ConductionNL/conduction-theme#readme" +} diff --git a/municipalities/roosendaal-design-tokens/src/common/utrecht/action.tokens.json b/municipalities/roosendaal-design-tokens/src/common/utrecht/action.tokens.json new file mode 100644 index 00000000..e437f13d --- /dev/null +++ b/municipalities/roosendaal-design-tokens/src/common/utrecht/action.tokens.json @@ -0,0 +1,9 @@ +{ + "utrecht": { + "action": { + "busy": { "cursor": { "value": "wait" } }, + "disabled": { "cursor": { "value": "not-allowed" } }, + "submit": { "cursor": { "value": "pointer" } } + } + } +} diff --git a/municipalities/roosendaal-design-tokens/src/config.json b/municipalities/roosendaal-design-tokens/src/config.json new file mode 100644 index 00000000..c28cb01b --- /dev/null +++ b/municipalities/roosendaal-design-tokens/src/config.json @@ -0,0 +1,58 @@ +{ + "fullName": "Gemeente Roosendaal", + "name": "Roosendaal", + "prefix": "roosendaal", + "npm": "@nl-design-system-unstable/roosendaal-design-tokens", + "stories": [ + "react-utrecht-alert--default", + "react-utrecht-alert--warning", + "react-utrecht-alert--error", + "react-utrecht-alert--ok", + "react-utrecht-badge-counter--default", + "react-utrecht-breadcrumb-nav--default", + "react-utrecht-breadcrumb-nav--separator", + "react-utrecht-button--default", + "react-utrecht-button--hover", + "react-utrecht-button--primary-action-button", + "react-utrecht-button--secondary-action-button", + "react-utrecht-code--default", + "react-utrecht-code-block--default", + "react-utrecht-document--default", + "react-utrecht-heading-1--default", + "react-utrecht-heading-2--default", + "react-utrecht-heading-3--default", + "react-utrecht-heading-4--default", + "react-utrecht-alert--default", + "react-utrecht-link--default", + "react-utrecht-link--hover", + "react-utrecht-link--focus", + "react-utrecht-ordered-list--default", + "react-utrecht-unordered-list--default", + "react-utrecht-page-header--default", + "react-utrecht-page-footer--default", + "react-utrecht-paragraph--default", + "react-utrecht-radio-button--default", + "react-utrecht-radio-button--hover", + "react-utrecht-radio-button--focus", + "react-utrecht-radio-button--checked", + "react-utrecht-radio-button--checked-and-disabled", + "react-utrecht-radio-button--disabled", + "react-utrecht-separator--default", + "react-utrecht-surface--default", + "react-utrecht-table--default", + "react-utrecht-textbox--default", + "react-conduction-card-header--default", + "react-conduction-card-header--hover", + "react-conduction-card-wrapper--default", + "react-conduction-card-wrapper--hover", + "react-conduction-pagination--default", + "react-conduction-input-select--default", + "react-conduction-input-select--list-option", + "react-conduction-input-select--placeholder", + "react-conduction-tabs--default", + "react-conduction-tabs--selected", + "react-conduction-tabs--hover", + "react-conduction-tabs--list", + "react-conduction-tabs--panel" + ] +} diff --git a/municipalities/roosendaal-design-tokens/src/index.scss b/municipalities/roosendaal-design-tokens/src/index.scss new file mode 100644 index 00000000..cd5978ad --- /dev/null +++ b/municipalities/roosendaal-design-tokens/src/index.scss @@ -0,0 +1,7 @@ +/** + * @license SEE LICENSE.md + * Copyright (c) 2021 NL Design System Community + * All rights reserved + */ + +@import "./design-tokens.css"; diff --git a/municipalities/roosendaal-design-tokens/style-dictionary.config.js b/municipalities/roosendaal-design-tokens/style-dictionary.config.js new file mode 100644 index 00000000..84c1e408 --- /dev/null +++ b/municipalities/roosendaal-design-tokens/style-dictionary.config.js @@ -0,0 +1,6 @@ +const config = require('./src/config.json'); +const { createConfig } = require('../../style-dictionary-config'); + +module.exports = createConfig({ + selector: `.${config.prefix}-theme`, +}); diff --git a/package.json b/package.json index a70d7f44..a60767e4 100644 --- a/package.json +++ b/package.json @@ -26,7 +26,8 @@ "build:zutphen": "cd ./municipalities/zutphen-design-tokens && npm run build", "build:sloterburg": "cd ./municipalities/sloterburg-design-tokens && npm run build", "build:gouda": "cd ./municipalities/gouda-design-tokens && npm run build", - "build:zuiddrecht": "cd ./municipalities/zuiddrecht-design-tokens && npm run build" + "build:zuiddrecht": "cd ./municipalities/zuiddrecht-design-tokens && npm run build", + "build:roosendaal": "cd ./municipalities/roosendaal-design-tokens && npm run build" }, "dependencies": { "@nl-design-system-unstable/rotterdam-design-tokens": "^1.0.0-alpha.100", From e73d772a97099c406c3e2a305211dbc2dd953453 Mon Sep 17 00:00:00 2001 From: Remko Date: Thu, 14 Mar 2024 09:22:19 +0100 Subject: [PATCH 02/49] added size tokens --- .../src/brand/roosendaal/size.tokens.json | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) create mode 100644 municipalities/roosendaal-design-tokens/src/brand/roosendaal/size.tokens.json diff --git a/municipalities/roosendaal-design-tokens/src/brand/roosendaal/size.tokens.json b/municipalities/roosendaal-design-tokens/src/brand/roosendaal/size.tokens.json new file mode 100644 index 00000000..06ea0f66 --- /dev/null +++ b/municipalities/roosendaal-design-tokens/src/brand/roosendaal/size.tokens.json @@ -0,0 +1,17 @@ +{ + "roosendaal": { + "size": { + "4xs": { "value": "1px" }, + "3xs": { "value": "2px" }, + "2xs": { "value": "4px" }, + "xs": { "value": "8px" }, + "sm": { "value": "14px" }, + "md": { "value": "18px" }, + "lg": { "value": "24px" }, + "xl": { "value": "32px" }, + "2xl": { "value": "48px" }, + "3xl": { "value": "72px" }, + "4xl": { "value": "96px" } + } + } +} From ae71ff569743525a3abded0fe31ee55353b4a709 Mon Sep 17 00:00:00 2001 From: Remko Date: Thu, 14 Mar 2024 09:22:52 +0100 Subject: [PATCH 03/49] added space tokens --- .../src/common/utrecht/space.tokens.json | 28 +++++++++++++++++++ 1 file changed, 28 insertions(+) create mode 100644 municipalities/roosendaal-design-tokens/src/common/utrecht/space.tokens.json diff --git a/municipalities/roosendaal-design-tokens/src/common/utrecht/space.tokens.json b/municipalities/roosendaal-design-tokens/src/common/utrecht/space.tokens.json new file mode 100644 index 00000000..7ace68a2 --- /dev/null +++ b/municipalities/roosendaal-design-tokens/src/common/utrecht/space.tokens.json @@ -0,0 +1,28 @@ +{ + "utrecht": { + "space": { + "block": { + "3xs": { "value": "{roosendaal.size.3xs}" }, + "2xs": { "value": "{roosendaal.size.2xs}" }, + "xs": { "value": "{roosendaal.size.xs}" }, + "sm": { "value": "{roosendaal.size.sm}" }, + "md": { "value": "{roosendaal.size.md}" }, + "lg": { "value": "{roosendaal.size.lg}" }, + "xl": { "value": "{roosendaal.size.xl}" }, + "2xl": { "value": "{roosendaal.size.2xl}" }, + "3xl": { "value": "{roosendaal.size.3xl}" } + }, + "inline": { + "3xs": { "value": "{roosendaal.size.3xs}" }, + "2xs": { "value": "{roosendaal.size.2xs}" }, + "xs": { "value": "{roosendaal.size.xs}" }, + "sm": { "value": "{roosendaal.size.sm}" }, + "md": { "value": "{roosendaal.size.md}" }, + "lg": { "value": "{roosendaal.size.lg}" }, + "xl": { "value": "{roosendaal.size.xl}" }, + "2xl": { "value": "{roosendaal.size.2xl}" }, + "3xl": { "value": "{roosendaal.size.3xl}" } + } + } + } +} From 4f27f9e890fee103aab728e0fea8503daa26ac33 Mon Sep 17 00:00:00 2001 From: Remko Date: Thu, 14 Mar 2024 09:24:31 +0100 Subject: [PATCH 04/49] added page tokens --- .../src/component/utrecht/page.tokens.json | 11 +++++++++++ 1 file changed, 11 insertions(+) create mode 100644 municipalities/roosendaal-design-tokens/src/component/utrecht/page.tokens.json diff --git a/municipalities/roosendaal-design-tokens/src/component/utrecht/page.tokens.json b/municipalities/roosendaal-design-tokens/src/component/utrecht/page.tokens.json new file mode 100644 index 00000000..84695f50 --- /dev/null +++ b/municipalities/roosendaal-design-tokens/src/component/utrecht/page.tokens.json @@ -0,0 +1,11 @@ +{ + "utrecht": { + "page": { + "background-color": {}, + "color": {}, + "margin-inline-start": { "value": "{roosendaal.size.lg}" }, + "margin-inline-end": { "value": "{roosendaal.size.lg}" }, + "max-inline-size": { "value": "1140px" } + } + } +} From 50e50a1e3ae2ad4429de3c5e3f11dc4a869e061c Mon Sep 17 00:00:00 2001 From: Remko Date: Thu, 14 Mar 2024 09:29:23 +0100 Subject: [PATCH 05/49] added color tokens --- .../src/brand/roosendaal/color.tokens.json | 80 +++++++++++++++++++ 1 file changed, 80 insertions(+) create mode 100644 municipalities/roosendaal-design-tokens/src/brand/roosendaal/color.tokens.json diff --git a/municipalities/roosendaal-design-tokens/src/brand/roosendaal/color.tokens.json b/municipalities/roosendaal-design-tokens/src/brand/roosendaal/color.tokens.json new file mode 100644 index 00000000..a9ec4166 --- /dev/null +++ b/municipalities/roosendaal-design-tokens/src/brand/roosendaal/color.tokens.json @@ -0,0 +1,80 @@ +{ + "roosendaal": { + "color": { + "primary": { "value": "{roosendaal.color.green.33}" }, + "primary-hover": { "value": "{roosendaal.color.green.35}" }, + "error": { "value": "#dc3545" }, + "alert-error": { "value": "#721c24" }, + "alert-error-background": { "value": "#f8d7da" }, + "warning": { "value": "#ffc107" }, + "alert-warning": { "value": "#856404" }, + "alert-warning-background": { "value": "#fff3cd" }, + "succes": { "value": "#28a745" }, + "alert-succes": { "value": "#155724" }, + "alert-succes-background": { "value": "#d4edda" }, + "info": { "value": "{roosendaal.color.primary}" }, + "alert-info": { "value": "#004085" }, + "alert-info-background": { "value": "#cce5ff" }, + "green": { + "33": { + "value": "#238527", + "comment": "Base/Green" + }, + "35": { + "value": "#328160" + } + }, + "grey": { + "27": { + "value": "#444444" + }, + "29": { + "value": "#4a4a4a" + }, + "31": { + "value": "#4f4f4f" + }, + "46": { + "value": "#767676" + }, + "48": { + "value": "#7a7a7a" + }, + "50": { + "value": "#808080", + "comment": "Base/Grey" + }, + "82": { + "value": "#d1d1d1" + }, + "87": { + "value": "#dddddd" + }, + "97": { + "value": "#f7f7f7" + } + }, + "lightgrey": { + "96": { + "value": "#f5f5f5", + "comment": "Base/LightGrey" + } + }, + "white": { + "98": { + "value": "#fafafa" + }, + "100": { + "value": "#ffffff", + "comment": "Base/White" + } + }, + "black": { + "0": { + "value": "#000000", + "comment": "Base/Black" + } + } + } + } +} From 95f2118744957dd98942f8d7265c578557cc4058 Mon Sep 17 00:00:00 2001 From: Remko Date: Thu, 14 Mar 2024 09:40:29 +0100 Subject: [PATCH 06/49] added font-size tokens --- .../brand/roosendaal/font-size.tokens.json | 50 +++++++++++++++++++ 1 file changed, 50 insertions(+) create mode 100644 municipalities/roosendaal-design-tokens/src/brand/roosendaal/font-size.tokens.json diff --git a/municipalities/roosendaal-design-tokens/src/brand/roosendaal/font-size.tokens.json b/municipalities/roosendaal-design-tokens/src/brand/roosendaal/font-size.tokens.json new file mode 100644 index 00000000..af8c478b --- /dev/null +++ b/municipalities/roosendaal-design-tokens/src/brand/roosendaal/font-size.tokens.json @@ -0,0 +1,50 @@ +{ + "roosendaal": { + "font-size": { + "4xs": { + "value": "0.313rem", + "comment": "5px" + }, + "3xs": { + "value": "0.5rem", + "comment": "8px" + }, + "2xs": { + "value": "0.625rem", + "comment": "10px" + }, + "xs": { + "value": "0.75rem", + "comment": "12px" + }, + "sm": { + "value": "1.125rem", + "comment": "18px" + }, + "md": { + "value": "1.313rem", + "comment": "21px" + }, + "lg": { + "value": "1.5rem", + "comment": "24px" + }, + "xl": { + "value": "1.875rem", + "comment": "30px" + }, + "2xl": { + "value": "2.494rem", + "comment": "39.9px" + }, + "3xl": { + "value": "2.625rem", + "comment": "42px" + }, + "4xl": { + "value": "3rem", + "comment": "48px" + } + } + } +} From f8e80c3b6a369e07ac77399e85e0cadc6dc417f8 Mon Sep 17 00:00:00 2001 From: Remko Date: Thu, 14 Mar 2024 09:44:14 +0100 Subject: [PATCH 07/49] added typography tokens --- .../brand/roosendaal/typography.tokens.json | 40 +++++++++++++++++++ 1 file changed, 40 insertions(+) create mode 100644 municipalities/roosendaal-design-tokens/src/brand/roosendaal/typography.tokens.json diff --git a/municipalities/roosendaal-design-tokens/src/brand/roosendaal/typography.tokens.json b/municipalities/roosendaal-design-tokens/src/brand/roosendaal/typography.tokens.json new file mode 100644 index 00000000..0d9e3ded --- /dev/null +++ b/municipalities/roosendaal-design-tokens/src/brand/roosendaal/typography.tokens.json @@ -0,0 +1,40 @@ +{ + "conduction": { + "typography": { + "sans-serif": { + "font-family": { + "value": "\"Source Sans\", Arial, Helvetica, sans-serif" + } + }, + "monospace": { + "font-family": { + "value": "Monospace, \"Lucida Console\"" + } + }, + "font-weight": { + "bold": { + "value": "700" + }, + "normal": { + "value": "400" + }, + "light": { + "value": "100" + } + }, + "scale": { + "4xs": { "value": "{roosendaal.font-size.4xs}" }, + "3xs": { "value": "{roosendaal.font-size.3xs}" }, + "2xs": { "value": "{roosendaal.font-size.2xs}" }, + "xs": { "value": "{roosendaal.font-size.xs}" }, + "sm": { "value": "{roosendaal.font-size.sm}" }, + "md": { "value": "{roosendaal.font-size.md}" }, + "lg": { "value": "{roosendaal.font-size.lg}" }, + "xl": { "value": "{roosendaal.font-size.xl}" }, + "2xl": { "value": "{roosendaal.font-size.2xl}" }, + "3xl": { "value": "{roosendaal.font-size.3xl}" }, + "4xl": { "value": "{roosendaal.font-size.4xl}" } + } + } + } +} From 100407df8f6e5abe50a2a947dc0c813cb59eae2b Mon Sep 17 00:00:00 2001 From: Remko Date: Thu, 14 Mar 2024 09:49:05 +0100 Subject: [PATCH 08/49] added document tokens --- .../src/brand/roosendaal/color.tokens.json | 3 +++ .../src/brand/roosendaal/typography.tokens.json | 2 +- .../src/component/utrecht/document.tokens.json | 12 ++++++++++++ 3 files changed, 16 insertions(+), 1 deletion(-) create mode 100644 municipalities/roosendaal-design-tokens/src/component/utrecht/document.tokens.json diff --git a/municipalities/roosendaal-design-tokens/src/brand/roosendaal/color.tokens.json b/municipalities/roosendaal-design-tokens/src/brand/roosendaal/color.tokens.json index a9ec4166..98724a84 100644 --- a/municipalities/roosendaal-design-tokens/src/brand/roosendaal/color.tokens.json +++ b/municipalities/roosendaal-design-tokens/src/brand/roosendaal/color.tokens.json @@ -73,6 +73,9 @@ "0": { "value": "#000000", "comment": "Base/Black" + }, + "3": { + "value": "#080808" } } } diff --git a/municipalities/roosendaal-design-tokens/src/brand/roosendaal/typography.tokens.json b/municipalities/roosendaal-design-tokens/src/brand/roosendaal/typography.tokens.json index 0d9e3ded..30410d4b 100644 --- a/municipalities/roosendaal-design-tokens/src/brand/roosendaal/typography.tokens.json +++ b/municipalities/roosendaal-design-tokens/src/brand/roosendaal/typography.tokens.json @@ -1,5 +1,5 @@ { - "conduction": { + "roosendaal": { "typography": { "sans-serif": { "font-family": { diff --git a/municipalities/roosendaal-design-tokens/src/component/utrecht/document.tokens.json b/municipalities/roosendaal-design-tokens/src/component/utrecht/document.tokens.json new file mode 100644 index 00000000..24f0d16e --- /dev/null +++ b/municipalities/roosendaal-design-tokens/src/component/utrecht/document.tokens.json @@ -0,0 +1,12 @@ +{ + "utrecht": { + "document": { + "background-color": { "value": "{roosendaal.color.white.100}" }, + "color": { "value": "{roosendaal.color.black.3}" }, + "font-family": { "value": "{roosendaal.typography.sans-serif.font-family}" }, + "font-size": { "value": "{roosendaal.font-size.md}" }, + "font-weight": {}, + "line-height": {} + } + } +} From bfc454f4302a482c0e9fb2c5e734e83b63e697b7 Mon Sep 17 00:00:00 2001 From: Remko Date: Thu, 14 Mar 2024 09:51:07 +0100 Subject: [PATCH 09/49] added alert tokens --- .../src/component/utrecht/alert.tokens.json | 46 +++++++++++++++++++ .../utrecht/extra-tokens/alert.tokens.json | 9 ++++ 2 files changed, 55 insertions(+) create mode 100644 municipalities/roosendaal-design-tokens/src/component/utrecht/alert.tokens.json create mode 100644 municipalities/roosendaal-design-tokens/src/component/utrecht/extra-tokens/alert.tokens.json diff --git a/municipalities/roosendaal-design-tokens/src/component/utrecht/alert.tokens.json b/municipalities/roosendaal-design-tokens/src/component/utrecht/alert.tokens.json new file mode 100644 index 00000000..621cfedc --- /dev/null +++ b/municipalities/roosendaal-design-tokens/src/component/utrecht/alert.tokens.json @@ -0,0 +1,46 @@ +{ + "utrecht": { + "alert": { + "background-color": { "value": "{roosendaal.color.alert-info-background}" }, + "border-color": {}, + "border-width": {}, + "color": { "value": "{roosendaal.color.alert-info}" }, + "padding-block-start": { "value": "{roosendaal.size.lg}" }, + "padding-block-end": { "value": "{roosendaal.size.lg}" }, + "padding-inline-start": { "value": "{roosendaal.size.lg}" }, + "padding-inline-end": { "value": "{roosendaal.size.lg}" }, + "margin-block-start": {}, + "margin-block-end": {}, + "warning": { + "background-color": { "value": "{roosendaal.color.alert-warning-background}" }, + "color": { "value": "{roosendaal.color.alert-warning}" }, + "border-color": {}, + "border-width": {} + }, + "error": { + "background-color": { "value": "{roosendaal.color.alert-error-background}" }, + "color": { "value": "{roosendaal.color.alert-error}" }, + "border-color": {}, + "border-width": {} + }, + "ok": { + "background-color": { "value": "{roosendaal.color.alert-succes-background}" }, + "color": { "value": "{roosendaal.color.alert-succes}" }, + "border-color": {}, + "border-width": {} + }, + "icon": { + "color": { "value": "{roosendaal.color.alert-info}" }, + "error": { + "color": { "value": "{roosendaal.color.alert-error}" } + }, + "warning": { + "color": { "value": "{roosendaal.color.alert-warning}" } + }, + "ok": { + "color": { "value": "{roosendaal.color.alert-succes}" } + } + } + } + } +} diff --git a/municipalities/roosendaal-design-tokens/src/component/utrecht/extra-tokens/alert.tokens.json b/municipalities/roosendaal-design-tokens/src/component/utrecht/extra-tokens/alert.tokens.json new file mode 100644 index 00000000..4b76a894 --- /dev/null +++ b/municipalities/roosendaal-design-tokens/src/component/utrecht/extra-tokens/alert.tokens.json @@ -0,0 +1,9 @@ +{ + "utrecht": { + "alert": { + "icon": { + "gap": { "value": "{roosendaal.size.xs}" } + } + } + } +} From 21252b12a1f6475e8be4b2fd1545f30a2550bc9e Mon Sep 17 00:00:00 2001 From: Remko Date: Thu, 14 Mar 2024 10:00:09 +0100 Subject: [PATCH 10/49] added badge tokens --- .../src/brand/roosendaal/color.tokens.json | 16 ++++++++++++++-- .../src/component/utrecht/alert.tokens.json | 16 ++++++++-------- .../component/utrecht/badge-counter.tokens.json | 13 +++++++++++++ .../extra-tokens/badge-counter.tokens.json | 11 +++++++++++ 4 files changed, 46 insertions(+), 10 deletions(-) create mode 100644 municipalities/roosendaal-design-tokens/src/component/utrecht/badge-counter.tokens.json create mode 100644 municipalities/roosendaal-design-tokens/src/component/utrecht/extra-tokens/badge-counter.tokens.json diff --git a/municipalities/roosendaal-design-tokens/src/brand/roosendaal/color.tokens.json b/municipalities/roosendaal-design-tokens/src/brand/roosendaal/color.tokens.json index 98724a84..aed4dba0 100644 --- a/municipalities/roosendaal-design-tokens/src/brand/roosendaal/color.tokens.json +++ b/municipalities/roosendaal-design-tokens/src/brand/roosendaal/color.tokens.json @@ -4,8 +4,8 @@ "primary": { "value": "{roosendaal.color.green.33}" }, "primary-hover": { "value": "{roosendaal.color.green.35}" }, "error": { "value": "#dc3545" }, - "alert-error": { "value": "#721c24" }, - "alert-error-background": { "value": "#f8d7da" }, + "alert-error": { "value": "{roosendaal.color.red.12}" }, + "alert-error-background": { "value": "{roosendaal.color.red.94}" }, "warning": { "value": "#ffc107" }, "alert-warning": { "value": "#856404" }, "alert-warning-background": { "value": "#fff3cd" }, @@ -24,6 +24,18 @@ "value": "#328160" } }, + "red": { + "12": { + "value": "#34090a" + }, + "52": { + "value": "#dc2e33", + "comment": "Base/Red" + }, + "94": { + "value": "#fbe5e6" + } + }, "grey": { "27": { "value": "#444444" diff --git a/municipalities/roosendaal-design-tokens/src/component/utrecht/alert.tokens.json b/municipalities/roosendaal-design-tokens/src/component/utrecht/alert.tokens.json index 621cfedc..91b09a58 100644 --- a/municipalities/roosendaal-design-tokens/src/component/utrecht/alert.tokens.json +++ b/municipalities/roosendaal-design-tokens/src/component/utrecht/alert.tokens.json @@ -2,8 +2,8 @@ "utrecht": { "alert": { "background-color": { "value": "{roosendaal.color.alert-info-background}" }, - "border-color": {}, - "border-width": {}, + "border-color": { "value": "{roosendaal.color.alert-info}" }, + "border-width": { "value": "{roosendaal.size.4xs}" }, "color": { "value": "{roosendaal.color.alert-info}" }, "padding-block-start": { "value": "{roosendaal.size.lg}" }, "padding-block-end": { "value": "{roosendaal.size.lg}" }, @@ -14,20 +14,20 @@ "warning": { "background-color": { "value": "{roosendaal.color.alert-warning-background}" }, "color": { "value": "{roosendaal.color.alert-warning}" }, - "border-color": {}, - "border-width": {} + "border-color": { "value": "{roosendaal.color.alert-warning}" }, + "border-width": { "value": "{roosendaal.size.4xs}" } }, "error": { "background-color": { "value": "{roosendaal.color.alert-error-background}" }, "color": { "value": "{roosendaal.color.alert-error}" }, - "border-color": {}, - "border-width": {} + "border-color": { "value": "{roosendaal.color.red.52}" }, + "border-width": { "value": "{roosendaal.size.4xs}" } }, "ok": { "background-color": { "value": "{roosendaal.color.alert-succes-background}" }, "color": { "value": "{roosendaal.color.alert-succes}" }, - "border-color": {}, - "border-width": {} + "border-color": { "value": "{roosendaal.color.alert-succes}" }, + "border-width": { "value": "{roosendaal.size.4xs}" } }, "icon": { "color": { "value": "{roosendaal.color.alert-info}" }, diff --git a/municipalities/roosendaal-design-tokens/src/component/utrecht/badge-counter.tokens.json b/municipalities/roosendaal-design-tokens/src/component/utrecht/badge-counter.tokens.json new file mode 100644 index 00000000..eb78eded --- /dev/null +++ b/municipalities/roosendaal-design-tokens/src/component/utrecht/badge-counter.tokens.json @@ -0,0 +1,13 @@ +{ + "utrecht": { + "badge-counter": { + "background-color": { "value": "{roosendaal.color.primary}" }, + "border-radius": { "value": "50%" }, + "color": { "value": "{roosendaal.color.white.100}" }, + "font-size": { "value": "{utrecht.document.font-size}" }, + "font-weight": { "value": "{roosendaal.typography.font-weight.normal}" }, + "padding-block": { "value": "{roosendaal.size.2xs}" }, + "padding-inline": { "value": "{roosendaal.size.2xs}" } + } + } +} diff --git a/municipalities/roosendaal-design-tokens/src/component/utrecht/extra-tokens/badge-counter.tokens.json b/municipalities/roosendaal-design-tokens/src/component/utrecht/extra-tokens/badge-counter.tokens.json new file mode 100644 index 00000000..016542a9 --- /dev/null +++ b/municipalities/roosendaal-design-tokens/src/component/utrecht/extra-tokens/badge-counter.tokens.json @@ -0,0 +1,11 @@ +{ + "utrecht": { + "badge-counter": { + "font-family": { "value": "{utrecht.document.font-family}" }, + "font-style": {}, + "text-decoration": { "value": "none" }, + "min-block-size": {}, + "min-inline-size": {} + } + } +} From 6f998b415aeddcb3a1761368e4f1a3f5c42bb22f Mon Sep 17 00:00:00 2001 From: Remko Date: Thu, 14 Mar 2024 10:02:18 +0100 Subject: [PATCH 11/49] added badge tokens --- .../src/component/utrecht/badge.tokens.json | 15 +++++++++++++++ 1 file changed, 15 insertions(+) create mode 100644 municipalities/roosendaal-design-tokens/src/component/utrecht/badge.tokens.json diff --git a/municipalities/roosendaal-design-tokens/src/component/utrecht/badge.tokens.json b/municipalities/roosendaal-design-tokens/src/component/utrecht/badge.tokens.json new file mode 100644 index 00000000..ed868ad7 --- /dev/null +++ b/municipalities/roosendaal-design-tokens/src/component/utrecht/badge.tokens.json @@ -0,0 +1,15 @@ +{ + "utrecht": { + "badge": { + "background-color": { "value": "{roosendaal.color.black.0} " }, + "border-radius": { "value": "0" }, + "color": { "value": "{roosendaal.color.white.100} " }, + "font-size": { "value": "{roosendaal.font-size.sm}" }, + "font-weight": { "value": "{roosendaal.typography.font-weight.normal}" }, + "line-height": {}, + "padding-block": { "value": "{roosendaal.size.xs}" }, + "padding-inline": { "value": "{roosendaal.size.xs}" }, + "text-transform": {} + } + } +} From a3d1ed018afe335deb8697c53a2141fa69a23589 Mon Sep 17 00:00:00 2001 From: Remko Date: Thu, 14 Mar 2024 10:02:52 +0100 Subject: [PATCH 12/49] added blockquote tokens --- .../component/utrecht/blockquote.tokens.json | 27 +++++++++++++++++++ 1 file changed, 27 insertions(+) create mode 100644 municipalities/roosendaal-design-tokens/src/component/utrecht/blockquote.tokens.json diff --git a/municipalities/roosendaal-design-tokens/src/component/utrecht/blockquote.tokens.json b/municipalities/roosendaal-design-tokens/src/component/utrecht/blockquote.tokens.json new file mode 100644 index 00000000..c9c62905 --- /dev/null +++ b/municipalities/roosendaal-design-tokens/src/component/utrecht/blockquote.tokens.json @@ -0,0 +1,27 @@ +{ + "utrecht": { + "blockquote": { + "background-color": {}, + "color": {}, + "margin-inline-start": { "value": "{roosendaal.size.xl}" }, + "margin-inline-end": { "value": "{roosendaal.size.xl}" }, + "margin-inline-block-start": {}, + "margin-inline-block-end": {}, + "font-size": {}, + "font-style": {}, + "font-family": {}, + "padding-inline-start": {}, + "padding-inline-end": {}, + "padding-inline-block-start": {}, + "padding-inline-block-end": {}, + "attribution": { + "color": {}, + "font-size": {} + }, + "content": { + "color": { "value": "{roosendaal.color.black.0}" }, + "font-size": { "value": "{roosendaal.font-size.md}" } + } + } + } +} From 0fe9ec73846f6bf74eade7e3094d67421cb528b7 Mon Sep 17 00:00:00 2001 From: Remko Date: Thu, 14 Mar 2024 10:50:26 +0100 Subject: [PATCH 13/49] added breadcrumb tokens --- .../src/brand/roosendaal/color.tokens.json | 3 ++ .../brand/roosendaal/font-size.tokens.json | 8 ++--- .../component/utrecht/breadcrumb.tokens.json | 35 +++++++++++++++++++ .../extra-tokens/breadcrumb.tokens.json | 22 ++++++++++++ 4 files changed, 64 insertions(+), 4 deletions(-) create mode 100644 municipalities/roosendaal-design-tokens/src/component/utrecht/breadcrumb.tokens.json create mode 100644 municipalities/roosendaal-design-tokens/src/component/utrecht/extra-tokens/breadcrumb.tokens.json diff --git a/municipalities/roosendaal-design-tokens/src/brand/roosendaal/color.tokens.json b/municipalities/roosendaal-design-tokens/src/brand/roosendaal/color.tokens.json index aed4dba0..9d12e3e0 100644 --- a/municipalities/roosendaal-design-tokens/src/brand/roosendaal/color.tokens.json +++ b/municipalities/roosendaal-design-tokens/src/brand/roosendaal/color.tokens.json @@ -16,6 +16,9 @@ "alert-info": { "value": "#004085" }, "alert-info-background": { "value": "#cce5ff" }, "green": { + "19": { + "value": "#006139" + }, "33": { "value": "#238527", "comment": "Base/Green" diff --git a/municipalities/roosendaal-design-tokens/src/brand/roosendaal/font-size.tokens.json b/municipalities/roosendaal-design-tokens/src/brand/roosendaal/font-size.tokens.json index af8c478b..e8904144 100644 --- a/municipalities/roosendaal-design-tokens/src/brand/roosendaal/font-size.tokens.json +++ b/municipalities/roosendaal-design-tokens/src/brand/roosendaal/font-size.tokens.json @@ -10,13 +10,13 @@ "comment": "8px" }, "2xs": { - "value": "0.625rem", - "comment": "10px" - }, - "xs": { "value": "0.75rem", "comment": "12px" }, + "xs": { + "value": "0.875rem", + "comment": "14px" + }, "sm": { "value": "1.125rem", "comment": "18px" diff --git a/municipalities/roosendaal-design-tokens/src/component/utrecht/breadcrumb.tokens.json b/municipalities/roosendaal-design-tokens/src/component/utrecht/breadcrumb.tokens.json new file mode 100644 index 00000000..631bacc6 --- /dev/null +++ b/municipalities/roosendaal-design-tokens/src/component/utrecht/breadcrumb.tokens.json @@ -0,0 +1,35 @@ +{ + "utrecht": { + "breadcrumb-nav": { + "block-size": {}, + "font-family": { "value": "{utrecht.document.font-family}" }, + "font-size": { "value": "{roosendaal.font-size.sm}" }, + "text-transform": {}, + "item": { + "padding-block-start": {}, + "padding-block-end": {}, + "padding-inline-end": {}, + "padding-inline-start": {} + }, + "link": { + "background-color": {}, + "color": { "value": "{roosendaal.color.white.100}" }, + "focus": { + "background-color": {}, + "color": {} + }, + "current": { + "background-color": {}, + "color": { "value": "{roosendaal.color.white.100}" } + } + }, + "separator": { + "inline-size": {}, + "color": { "value": "{roosendaal.color.white.100}" }, + "icon": { + "size": { "value": "{roosendaal.font-size.xs}" } + } + } + } + } +} diff --git a/municipalities/roosendaal-design-tokens/src/component/utrecht/extra-tokens/breadcrumb.tokens.json b/municipalities/roosendaal-design-tokens/src/component/utrecht/extra-tokens/breadcrumb.tokens.json new file mode 100644 index 00000000..747d1dff --- /dev/null +++ b/municipalities/roosendaal-design-tokens/src/component/utrecht/extra-tokens/breadcrumb.tokens.json @@ -0,0 +1,22 @@ +{ + "utrecht": { + "breadcrumb-nav": { + "background-color": { "value": "{roosendaal.color.green.19}" }, + "border-radius": { "value": "0px" }, + "padding-inline-start": { "value": "0" }, + "padding-inline-end": { "value": "0" }, + "padding-block-start": { "value": "12px" }, + "padding-block-end": { "value": "12px" }, + "link": { + "disabled": { + "background-color": {}, + "color": { "value": "{roosendaal.color.white.100}" } + }, + "hover": { + "background-color": {}, + "color": { "value": "{roosendaal.color.primary-hover}" } + } + } + } + } +} From 419f672d30b5d1032d92f51def7dfc078b4be52e Mon Sep 17 00:00:00 2001 From: Remko Date: Thu, 14 Mar 2024 11:28:45 +0100 Subject: [PATCH 14/49] added button tokens --- .../src/brand/roosendaal/color.tokens.json | 3 + .../src/component/utrecht/button.tokens.json | 153 ++++++++++++++++++ 2 files changed, 156 insertions(+) create mode 100644 municipalities/roosendaal-design-tokens/src/component/utrecht/button.tokens.json diff --git a/municipalities/roosendaal-design-tokens/src/brand/roosendaal/color.tokens.json b/municipalities/roosendaal-design-tokens/src/brand/roosendaal/color.tokens.json index 9d12e3e0..5d55e00b 100644 --- a/municipalities/roosendaal-design-tokens/src/brand/roosendaal/color.tokens.json +++ b/municipalities/roosendaal-design-tokens/src/brand/roosendaal/color.tokens.json @@ -65,6 +65,9 @@ "87": { "value": "#dddddd" }, + "95": { + "value": "#f2f2f2" + }, "97": { "value": "#f7f7f7" } diff --git a/municipalities/roosendaal-design-tokens/src/component/utrecht/button.tokens.json b/municipalities/roosendaal-design-tokens/src/component/utrecht/button.tokens.json new file mode 100644 index 00000000..940ee38e --- /dev/null +++ b/municipalities/roosendaal-design-tokens/src/component/utrecht/button.tokens.json @@ -0,0 +1,153 @@ +{ + "utrecht": { + "button": { + "background-color": { "value": "{roosendaal.color.primary}" }, + "border-color": {}, + "border-radius": { "value": "3px" }, + "border-width": {}, + "color": { "value": "{roosendaal.color.white.100}" }, + "font-family": { "value": "{roosendaal.typography.sans-serif.font-family}" }, + "font-size": { "value": "24px" }, + "font-weight": { "value": "inherit" }, + "inline-size": {}, + "letter-spacing": {}, + "line-height": {}, + "min-block-size": {}, + "min-inline-size": {}, + "padding-block-start": { "value": "11.2px" }, + "padding-block-end": { "value": "11.2px" }, + "padding-inline-start": { "value": "20.8px" }, + "padding-inline-end": { "value": "20.8px" }, + "text-transform": {}, + "active": { + "background-color": {}, + "border-color": {}, + "color": {} + }, + "icon": { + "gap": { "value": "{roosendaal.size.xs}" }, + "size": {} + }, + "disabled": { + "background-color": { "value": "{roosendaal.color.grey.82}" }, + "border-color": { "value": "{roosendaal.color.grey.82}" }, + "color": { "value": "{roosendaal.color.grey.50}" } + }, + "focus": { + "background-color": {}, + "border-color": {}, + "color": {}, + "scale": {} + }, + "hover": { + "background-color": { "value": "{roosendaal.color.primary-hover}" }, + "border-color": { "value": "{roosendaal.color.primary-hover}" }, + "color": { "value": "{roosendaal.color.white.100}" }, + "scale": {} + }, + "pressed": { + "background-color": {}, + "border-color": {}, + "color": {} + }, + "primary-action": { + "background-color": { "value": "{roosendaal.color.primary}" }, + "border-color": {}, + "border-width": {}, + "color": { "value": "{roosendaal.color.white.100}" }, + "font-weight": { "value": "inherit" }, + "active": { + "background-color": { "value": "{roosendaal.color.primary-hover}" }, + "border-color": {}, + "color": { "value": "{roosendaal.color.white.100}" } + }, + "disabled": { + "background-color": { "value": "{roosendaal.color.grey.82}" }, + "border-color": { "value": "{roosendaal.color.grey.82}" }, + "color": { "value": "{roosendaal.color.grey.50}" } + }, + "hover": { + "background-color": { "value": "{roosendaal.color.primary-hover}" }, + "border-color": {}, + "color": { "value": "{roosendaal.color.white.100}" }, + "scale": {} + }, + "focus": { + "background-color": {}, + "border-color": {}, + "color": {} + }, + "pressed": { + "background-color": {}, + "border-color": {}, + "color": {} + } + }, + "secondary-action": { + "background-color": { "value": "{roosendaal.color.grey.95}" }, + "border-color": {}, + "border-width": {}, + "color": { "value": "{roosendaal.color.green.19}" }, + "font-weight": { "value": "{roosendaal.typography.font-weight.normal}" }, + "active": { + "background-color": {}, + "border-color": {}, + "color": {} + }, + "disabled": { + "background-color": { "value": "{roosendaal.color.grey.82}" }, + "border-color": { "value": "{roosendaal.color.grey.82}" }, + "color": { "value": "{roosendaal.color.grey.50}" } + }, + "hover": { + "background-color": { "value": "{roosendaal.color.green.19}" }, + "border-color": {}, + "color": { "value": "{roosendaal.color.grey.95}" } + }, + "focus": { + "background-color": {}, + "border-color": {}, + "color": {} + }, + "pressed": { + "background-color": {}, + "border-color": {}, + "color": {} + } + }, + "subtle": { + "background-color": { "value": "{roosendaal.color.primary}" }, + "border-color": {}, + "border-width": {}, + "color": { "value": "{roosendaal.color.white.100}" }, + "font-weight": { "value": "inherit" }, + "active": { + "background-color": {}, + "border-color": {}, + "color": {} + }, + "disabled": { + "background-color": { "value": "{roosendaal.color.grey.82}" }, + "border-color": { "value": "{roosendaal.color.grey.82}" }, + "color": { "value": "{roosendaal.color.grey.50}" } + }, + "hover": { + "background-color": { "value": "{roosendaal.color.primary}" }, + "border-color": {}, + "color": { "value": "{roosendaal.color.white.100}" }, + "scale": {} + }, + "focus": { + "background-color": {}, + "border-color": {}, + "color": {} + }, + "pressed": { + "background-color": {}, + "border-color": {}, + "color": {} + } + } + } + } +} From 778a9c10707ca0b15214f6d0e78dfd74bfaf70b3 Mon Sep 17 00:00:00 2001 From: Remko Date: Thu, 14 Mar 2024 11:39:43 +0100 Subject: [PATCH 15/49] added calender tokens --- .../src/brand/roosendaal/color.tokens.json | 3 + .../src/component/utrecht/button.tokens.json | 4 +- .../component/utrecht/calendar.tokens.json | 80 +++++++++++++++++++ 3 files changed, 85 insertions(+), 2 deletions(-) create mode 100644 municipalities/roosendaal-design-tokens/src/component/utrecht/calendar.tokens.json diff --git a/municipalities/roosendaal-design-tokens/src/brand/roosendaal/color.tokens.json b/municipalities/roosendaal-design-tokens/src/brand/roosendaal/color.tokens.json index 5d55e00b..37bb9957 100644 --- a/municipalities/roosendaal-design-tokens/src/brand/roosendaal/color.tokens.json +++ b/municipalities/roosendaal-design-tokens/src/brand/roosendaal/color.tokens.json @@ -25,6 +25,9 @@ }, "35": { "value": "#328160" + }, + "95": { + "value": "#ebfaeb" } }, "red": { diff --git a/municipalities/roosendaal-design-tokens/src/component/utrecht/button.tokens.json b/municipalities/roosendaal-design-tokens/src/component/utrecht/button.tokens.json index 940ee38e..ee99ce57 100644 --- a/municipalities/roosendaal-design-tokens/src/component/utrecht/button.tokens.json +++ b/municipalities/roosendaal-design-tokens/src/component/utrecht/button.tokens.json @@ -3,11 +3,11 @@ "button": { "background-color": { "value": "{roosendaal.color.primary}" }, "border-color": {}, - "border-radius": { "value": "3px" }, + "border-radius": { "value": "{roosendaal.size.2xs}" }, "border-width": {}, "color": { "value": "{roosendaal.color.white.100}" }, "font-family": { "value": "{roosendaal.typography.sans-serif.font-family}" }, - "font-size": { "value": "24px" }, + "font-size": { "value": "{roosendaal.size.lg}" }, "font-weight": { "value": "inherit" }, "inline-size": {}, "letter-spacing": {}, diff --git a/municipalities/roosendaal-design-tokens/src/component/utrecht/calendar.tokens.json b/municipalities/roosendaal-design-tokens/src/component/utrecht/calendar.tokens.json new file mode 100644 index 00000000..bd5cb919 --- /dev/null +++ b/municipalities/roosendaal-design-tokens/src/component/utrecht/calendar.tokens.json @@ -0,0 +1,80 @@ +{ + "utrecht": { + "calendar": { + "width": {}, + "background-color": {}, + "table": { + "padding-block-start": {}, + "padding-block-end": {}, + "weeks-item": { + "width": { "value": "44px" }, + "padding-block-start": { "value": "{roosendaal.size.2xs}" }, + "padding-block-end": { "value": "10px" }, + "line-height": { "value": "{roosendaal.size.lg}" } + }, + "days-item-day": { + "size": { "value": "44px" }, + "color": { "value": "{roosendaal.color.black.0}" }, + "border-width": { "value": "{roosendaal.size.3xs}" }, + "border-color": { "value": "transparent" }, + "hover": { + "background-color": {}, + "color": { "value": "{roosendaal.color.primary}" }, + "border-color": { "value": "{roosendaal.color.black.0}" } + }, + "focus": { + "background-color": {}, + "color": {}, + "border-color": { "value": "transparent" } + }, + "active": { + "background-color": {}, + "color": {}, + "border-color": { "value": "transparent" } + }, + "out-of-the-month": { + "background-color": {}, + "color": { "value": "{roosendaal.color.grey.82}" }, + "border-color": { "value": "transparent" } + }, + "is-today": { + "background-color": { "value": "{roosendaal.color.green.95}" }, + "color": { "value": "{roosendaal.color.primary}" }, + "border-color": { "value": "{roosendaal.color.green.19}" }, + "font-weight": { "value": "{roosendaal.typography.font-weight.bold}" } + }, + "emphasis": { + "background-color": {}, + "color": {}, + "border-color": { "value": "transparent" }, + "font-weight": {} + }, + "selected": { + "background-color": { "value": "{roosendaal.color.green.19}" }, + "color": { "value": "{roosendaal.color.white.100}" }, + "border-color": {}, + "font-weight": { "value": "{roosendaal.typography.font-weight.bold}" } + }, + "disabled": { + "background-color": {}, + "color": {}, + "border-color": {} + } + } + }, + "navigation": { + "background-color": {}, + "color": { "value": "{roosendaal.color.green.19}" }, + "padding-block-start": { "value": "{roosendaal.size.3xs}" }, + "padding-block-end": { "value": "{roosendaal.size.3xs}" }, + "label": { + "min-inline-size": { "value": "200px" }, + "color": { "value": "{roosendaal.color.black.0}" } + } + }, + "icon": { + "size": { "value": "{roosendaal.size.lg}" } + } + } + } +} From 4d0d24f59b067bd7300e13a58d101393e39c070a Mon Sep 17 00:00:00 2001 From: Remko Date: Thu, 14 Mar 2024 11:53:26 +0100 Subject: [PATCH 16/49] added utrecht-checkbox tokens --- .../component/utrecht/checkbox.tokens.json | 57 +++++++++++++++++++ 1 file changed, 57 insertions(+) create mode 100644 municipalities/roosendaal-design-tokens/src/component/utrecht/checkbox.tokens.json diff --git a/municipalities/roosendaal-design-tokens/src/component/utrecht/checkbox.tokens.json b/municipalities/roosendaal-design-tokens/src/component/utrecht/checkbox.tokens.json new file mode 100644 index 00000000..71bf8ff9 --- /dev/null +++ b/municipalities/roosendaal-design-tokens/src/component/utrecht/checkbox.tokens.json @@ -0,0 +1,57 @@ +{ + "utrecht": { + "checkbox": { + "background-color": {}, + "border-color": {}, + "border-radius": { "value": "3px" }, + "border-width": { "value": "{roosendaal.size.4xs}" }, + "color": { "value": "{roosendaal.color.white.100}" }, + "size": { "value": "{roosendaal.size.lg}" }, + "icon": { + "size": {} + }, + "active": { + "border-color": {}, + "border-width": {}, + "background-color": {}, + "color": {} + }, + "hover": { + "border-color": { "value": "{roosendaal.color.grey.31}" }, + "border-width": { "value": "{roosendaal.size.4xs}" }, + "background-color": {}, + "color": { "value": "{roosendaal.color.white.100}" } + }, + "focus": { + "border-color": {}, + "border-width": {}, + "background-color": {}, + "color": {} + }, + "disabled": { + "border-color": { "value": "{roosendaal.color.grey.82}" }, + "border-width": { "value": "{roosendaal.size.4xs}" }, + "background-color": { "value": "{roosendaal.color.grey.82}" }, + "color": { "value": "{roosendaal.color.grey.82}" } + }, + "checked": { + "border-color": { "value": "{roosendaal.color.primary}" }, + "border-width": { "value": "{roosendaal.size.4xs}" }, + "background-color": { "value": "{roosendaal.color.primary}" }, + "color": { "value": "{roosendaal.color.primary}" } + }, + "indeterminate": { + "border-color": {}, + "border-width": {}, + "background-color": {}, + "color": {} + }, + "invalid": { + "border-color": {}, + "border-width": {}, + "background-color": {}, + "color": {} + } + } + } +} From c659b4cfa9d79ca7925e697505f4f257e5c8c368 Mon Sep 17 00:00:00 2001 From: Remko Date: Thu, 14 Mar 2024 11:59:55 +0100 Subject: [PATCH 17/49] added code tokens --- .../src/component/utrecht/code.tokens.json | 26 +++++++++++++++++++ 1 file changed, 26 insertions(+) create mode 100644 municipalities/roosendaal-design-tokens/src/component/utrecht/code.tokens.json diff --git a/municipalities/roosendaal-design-tokens/src/component/utrecht/code.tokens.json b/municipalities/roosendaal-design-tokens/src/component/utrecht/code.tokens.json new file mode 100644 index 00000000..dfcc6e9a --- /dev/null +++ b/municipalities/roosendaal-design-tokens/src/component/utrecht/code.tokens.json @@ -0,0 +1,26 @@ +{ + "utrecht": { + "code": { + "background-color": { "value": "{roosendaal.color.lightgrey.96}" }, + "color": { "value": "{roosendaal.color.black.0}" }, + "font-family": { "value": "{roosendaal.typography.monospace.font-family}" }, + "font-size": { "value": "inherit" }, + "line-height": {} + }, + "code-block": { + "background-color": { "value": "{roosendaal.color.lightgrey.96}" }, + "color": { "value": "{roosendaal.color.black.0}" }, + "font-family": { "value": "{roosendaal.typography.monospace.font-family}" }, + "font-size": { "value": "{roosendaal.font-size.md}" }, + "line-height": { "value": "{roosendaal.size.lg}" }, + "margin-block-start": { "value": "{roosendaal.size.md}" }, + "margin-block-end": { "value": "{roosendaal.size.md}" }, + "margin-inline-start": { "value": 0 }, + "margin-inline-end": { "value": 0 }, + "padding-block-start": { "value": "{roosendaal.size.md}" }, + "padding-block-end": { "value": "{roosendaal.size.md}" }, + "padding-inline-start": { "value": "{roosendaal.size.md}" }, + "padding-inline-end": { "value": "{roosendaal.size.md}" } + } + } +} From 7e320a00f60ea98138649a2eb990516021ecb0b4 Mon Sep 17 00:00:00 2001 From: Remko Date: Thu, 14 Mar 2024 12:00:59 +0100 Subject: [PATCH 18/49] added form-input tokens --- .../extra-tokens/form-input.tokens.json | 26 ++++++++++++++ .../component/utrecht/form-input.tokens.json | 34 +++++++++++++++++++ 2 files changed, 60 insertions(+) create mode 100644 municipalities/roosendaal-design-tokens/src/component/utrecht/extra-tokens/form-input.tokens.json create mode 100644 municipalities/roosendaal-design-tokens/src/component/utrecht/form-input.tokens.json diff --git a/municipalities/roosendaal-design-tokens/src/component/utrecht/extra-tokens/form-input.tokens.json b/municipalities/roosendaal-design-tokens/src/component/utrecht/extra-tokens/form-input.tokens.json new file mode 100644 index 00000000..e3fe22b9 --- /dev/null +++ b/municipalities/roosendaal-design-tokens/src/component/utrecht/extra-tokens/form-input.tokens.json @@ -0,0 +1,26 @@ +{ + "utrecht": { + "form-input": { + "background-color": { "value": "{roosendaal.color.white.100}" }, + "line-height": {}, + "placeholder": { + "color": { "value": "{roosendaal.color.grey.46}" } + }, + "disabled": { + "background-color": {} + }, + "focus": { + "background-color": { "value": "{roosendaal.color.white.100}" }, + "border-color": {}, + "color": {} + }, + "invalid": { + "background-color": {}, + "color": {} + }, + "read-only": { + "background-color": {} + } + } + } +} diff --git a/municipalities/roosendaal-design-tokens/src/component/utrecht/form-input.tokens.json b/municipalities/roosendaal-design-tokens/src/component/utrecht/form-input.tokens.json new file mode 100644 index 00000000..6f8f97af --- /dev/null +++ b/municipalities/roosendaal-design-tokens/src/component/utrecht/form-input.tokens.json @@ -0,0 +1,34 @@ +{ + "utrecht": { + "form-input": { + "border-bottom-width": {}, + "border-color": { "value": "{roosendaal.color.grey.48}" }, + "border-radius": { "value": "3px" }, + "border-width": { "value": "{roosendaal.size.4xs}" }, + "color": { "value": "{roosendaal.color.grey.29}" }, + "font-family": { "value": "{roosendaal.typography.sans-serif.font-family}" }, + "font-size": { + "value": "0.938rem", + "comment": "15px" + }, + "min-inline-height": {}, + "max-inline-size": {}, + "padding-block-end": { "value": "{roosendaal.size.xs}" }, + "padding-block-start": { "value": "{roosendaal.size.xs}" }, + "padding-inline-end": { "value": "{roosendaal.size.sm}" }, + "padding-inline-start": { "value": "{roosendaal.size.sm}" }, + "disabled": { + "border-color": {}, + "color": {} + }, + "invalid": { + "border-color": {}, + "border-width": {} + }, + "read-only": { + "border-color": {}, + "color": {} + } + } + } +} From 679194a083d08cc0adb6d19c690f7cd70a33768b Mon Sep 17 00:00:00 2001 From: Remko Date: Thu, 14 Mar 2024 12:07:32 +0100 Subject: [PATCH 19/49] added focus tokens --- .../src/component/utrecht/focus.tokens.json | 15 +++++++++++++++ 1 file changed, 15 insertions(+) create mode 100644 municipalities/roosendaal-design-tokens/src/component/utrecht/focus.tokens.json diff --git a/municipalities/roosendaal-design-tokens/src/component/utrecht/focus.tokens.json b/municipalities/roosendaal-design-tokens/src/component/utrecht/focus.tokens.json new file mode 100644 index 00000000..53c49251 --- /dev/null +++ b/municipalities/roosendaal-design-tokens/src/component/utrecht/focus.tokens.json @@ -0,0 +1,15 @@ +{ + "utrecht": { + "focus": { + "background-color": {}, + "color": {}, + "outline-color": {}, + "outline-offset": {}, + "outline-style": {}, + "outline-width": {}, + "inverse": { + "outline-color": {} + } + } + } +} From e3f2b960ba0a6c63b07549a56bf1d9d1a7bdd4fc Mon Sep 17 00:00:00 2001 From: Remko Date: Thu, 14 Mar 2024 12:28:57 +0100 Subject: [PATCH 20/49] added heading tokens --- .../src/brand/roosendaal/color.tokens.json | 3 ++ .../brand/roosendaal/typography.tokens.json | 5 ++ .../src/component/utrecht/heading.tokens.json | 49 ++++++++++++++++++ .../roosendaal-design-tokens/src/font.scss | 6 +++ .../src/font/MuseoSans.woff2 | Bin 0 -> 20868 bytes .../roosendaal-design-tokens/src/index.scss | 4 +- 6 files changed, 66 insertions(+), 1 deletion(-) create mode 100644 municipalities/roosendaal-design-tokens/src/component/utrecht/heading.tokens.json create mode 100644 municipalities/roosendaal-design-tokens/src/font.scss create mode 100644 municipalities/roosendaal-design-tokens/src/font/MuseoSans.woff2 diff --git a/municipalities/roosendaal-design-tokens/src/brand/roosendaal/color.tokens.json b/municipalities/roosendaal-design-tokens/src/brand/roosendaal/color.tokens.json index 37bb9957..ec592beb 100644 --- a/municipalities/roosendaal-design-tokens/src/brand/roosendaal/color.tokens.json +++ b/municipalities/roosendaal-design-tokens/src/brand/roosendaal/color.tokens.json @@ -16,6 +16,9 @@ "alert-info": { "value": "#004085" }, "alert-info-background": { "value": "#cce5ff" }, "green": { + "15": { + "value": "#014b2c" + }, "19": { "value": "#006139" }, diff --git a/municipalities/roosendaal-design-tokens/src/brand/roosendaal/typography.tokens.json b/municipalities/roosendaal-design-tokens/src/brand/roosendaal/typography.tokens.json index 30410d4b..2f7246df 100644 --- a/municipalities/roosendaal-design-tokens/src/brand/roosendaal/typography.tokens.json +++ b/municipalities/roosendaal-design-tokens/src/brand/roosendaal/typography.tokens.json @@ -6,6 +6,11 @@ "value": "\"Source Sans\", Arial, Helvetica, sans-serif" } }, + "museosans": { + "font-family": { + "value": "\"MuseoSans\", Monospace, Arial, Helvetica, sans-serif" + } + }, "monospace": { "font-family": { "value": "Monospace, \"Lucida Console\"" diff --git a/municipalities/roosendaal-design-tokens/src/component/utrecht/heading.tokens.json b/municipalities/roosendaal-design-tokens/src/component/utrecht/heading.tokens.json new file mode 100644 index 00000000..0c2f1af8 --- /dev/null +++ b/municipalities/roosendaal-design-tokens/src/component/utrecht/heading.tokens.json @@ -0,0 +1,49 @@ +{ + "utrecht": { + "heading-1": { + "color": { "value": "{roosendaal.color.green.15}" }, + "font-family": { "value": "{roosendaal.typography.museosans.font-family}" }, + "font-size": { "value": "{roosendaal.font-size.3xl}" }, + "font-weight": { "value": "{roosendaal.typography.font-weight.bold}" }, + "line-height": { "value": "1.56097" }, + "margin-block-end": { "value": "{roosendaal.size.2xl}" }, + "margin-block-start": { "value": "{roosendaal.size.md}" } + }, + "heading-2": { + "color": { "value": "{roosendaal.color.green.15}" }, + "font-family": { "value": "{roosendaal.typography.museosans.font-family}" }, + "font-size": { "value": "{roosendaal.font-size.2xl}" }, + "font-weight": { "value": "{roosendaal.typography.font-weight.bold}" }, + "line-height": { "value": "1.58333" }, + "margin-block-end": { "value": "{roosendaal.size.2xl}" }, + "margin-block-start": { "value": "{roosendaal.size.md}" } + }, + "heading-3": { + "color": { "value": "{roosendaal.color.green.15}" }, + "font-family": { "value": "{roosendaal.typography.museosans.font-family}" }, + "font-size": { "value": "{roosendaal.font-size.xl}" }, + "font-weight": { "value": "{roosendaal.typography.font-weight.bold}" }, + "line-height": { "value": "1.59375" }, + "margin-block-end": { "value": "{roosendaal.size.xl}" }, + "margin-block-start": { "value": "{roosendaal.size.md}" } + }, + "heading-4": { + "color": { "value": "{roosendaal.color.green.15}" }, + "font-family": { "value": "{roosendaal.typography.museosans.font-family}" }, + "font-size": { "value": "{roosendaal.font-size.lg}" }, + "font-weight": { "value": "{roosendaal.typography.font-weight.bold}" }, + "line-height": { "value": "1.60714" }, + "margin-block-end": { "value": "{roosendaal.size.lg}" }, + "margin-block-start": { "value": "{roosendaal.size.md}" } + }, + "heading-5": { + "color": { "value": "{roosendaal.color.green.15}" }, + "font-family": { "value": "{roosendaal.typography.museosans.font-family}" }, + "font-size": { "value": "{roosendaal.font-size.md}" }, + "font-weight": { "value": "{roosendaal.typography.font-weight.bold}" }, + "line-height": { "value": "1.64" }, + "margin-block-end": { "value": "{roosendaal.size.lg}" }, + "margin-block-start": { "value": "{roosendaal.size.md}" } + } + } +} diff --git a/municipalities/roosendaal-design-tokens/src/font.scss b/municipalities/roosendaal-design-tokens/src/font.scss new file mode 100644 index 00000000..4a97758d --- /dev/null +++ b/municipalities/roosendaal-design-tokens/src/font.scss @@ -0,0 +1,6 @@ +/* Place any @font-face definitions here */ + +@font-face { + font-family: "MuseoSans"; + src: url("../src/font/MuseoSans.woff2") format("woff2"); +} diff --git a/municipalities/roosendaal-design-tokens/src/font/MuseoSans.woff2 b/municipalities/roosendaal-design-tokens/src/font/MuseoSans.woff2 new file mode 100644 index 0000000000000000000000000000000000000000..afc83081b1f3f2c45ac00b500ad2e89a728e2d36 GIT binary patch literal 20868 zcmV(}K+wN;Pew8T0RR9108xYh6951J0L7>P08thI0RR9100000000000000000000 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