From 4981426443fb0e30f2edffb1856781f4af3dcccd Mon Sep 17 00:00:00 2001 From: Remko Date: Wed, 8 Nov 2023 12:18:41 +0100 Subject: [PATCH 01/40] added OpenCatalogi rating tokens to all themes --- .../src/component/open-catalogi/rating.tokens.json | 12 ++++++++++++ .../src/component/open-catalogi/rating.tokens.json | 12 ++++++++++++ .../src/component/open-catalogi/rating.tokens.json | 12 ++++++++++++ .../src/component/open-catalogi/rating.tokens.json | 12 ++++++++++++ .../src/component/open-catalogi/rating.tokens.json | 12 ++++++++++++ .../src/component/open-catalogi/rating.tokens.json | 12 ++++++++++++ .../src/component/open-catalogi/rating.tokens.json | 12 ++++++++++++ .../src/component/open-catalogi/rating.tokens.json | 12 ++++++++++++ .../src/component/open-catalogi/rating.tokens.json | 12 ++++++++++++ .../src/component/open-catalogi/rating.tokens.json | 12 ++++++++++++ .../src/component/open-catalogi/rating.tokens.json | 12 ++++++++++++ 11 files changed, 132 insertions(+) create mode 100644 conduction-design-tokens/src/component/open-catalogi/rating.tokens.json create mode 100644 municipalities/dimpact-design-tokens/src/component/open-catalogi/rating.tokens.json create mode 100644 municipalities/dinkelland-design-tokens/src/component/open-catalogi/rating.tokens.json create mode 100644 municipalities/epe-design-tokens/src/component/open-catalogi/rating.tokens.json create mode 100644 municipalities/leiden-design-tokens/src/component/open-catalogi/rating.tokens.json create mode 100644 municipalities/noaberkracht-design-tokens/src/component/open-catalogi/rating.tokens.json create mode 100644 municipalities/noordwijk-design-tokens/src/component/open-catalogi/rating.tokens.json create mode 100644 municipalities/open-webconcept-design-tokens/src/component/open-catalogi/rating.tokens.json create mode 100644 municipalities/rotterdam-design-tokens/src/component/open-catalogi/rating.tokens.json create mode 100644 municipalities/tubbergen-design-tokens/src/component/open-catalogi/rating.tokens.json create mode 100644 municipalities/xxllnc-design-tokens/src/component/open-catalogi/rating.tokens.json diff --git a/conduction-design-tokens/src/component/open-catalogi/rating.tokens.json b/conduction-design-tokens/src/component/open-catalogi/rating.tokens.json new file mode 100644 index 00000000..79f5aad9 --- /dev/null +++ b/conduction-design-tokens/src/component/open-catalogi/rating.tokens.json @@ -0,0 +1,12 @@ +{ + "open-catalogi": { + "rating": { + "rating-bar": { + "color": { "value": "{conduction.color.primary}" }, + "background-color": {} + }, + "font-size": { "value": "{utrecht.document.font-size}" }, + "font-family": { "value": "{utrecht.document.font-family}" } + } + } +} diff --git a/municipalities/dimpact-design-tokens/src/component/open-catalogi/rating.tokens.json b/municipalities/dimpact-design-tokens/src/component/open-catalogi/rating.tokens.json new file mode 100644 index 00000000..9a523e9f --- /dev/null +++ b/municipalities/dimpact-design-tokens/src/component/open-catalogi/rating.tokens.json @@ -0,0 +1,12 @@ +{ + "open-catalogi": { + "rating": { + "rating-bar": { + "color": { "value": "{dimpact.color.pink.62}" }, + "background-color": {} + }, + "font-size": { "value": "{utrecht.document.font-size}" }, + "font-family": { "value": "{utrecht.document.font-family}" } + } + } +} diff --git a/municipalities/dinkelland-design-tokens/src/component/open-catalogi/rating.tokens.json b/municipalities/dinkelland-design-tokens/src/component/open-catalogi/rating.tokens.json new file mode 100644 index 00000000..0ff8fb26 --- /dev/null +++ b/municipalities/dinkelland-design-tokens/src/component/open-catalogi/rating.tokens.json @@ -0,0 +1,12 @@ +{ + "open-catalogi": { + "rating": { + "rating-bar": { + "color": { "value": "{dinkelland.color.primary}" }, + "background-color": {} + }, + "font-size": { "value": "{utrecht.document.font-size}" }, + "font-family": { "value": "{utrecht.document.font-family}" } + } + } +} diff --git a/municipalities/epe-design-tokens/src/component/open-catalogi/rating.tokens.json b/municipalities/epe-design-tokens/src/component/open-catalogi/rating.tokens.json new file mode 100644 index 00000000..2d8f8bee --- /dev/null +++ b/municipalities/epe-design-tokens/src/component/open-catalogi/rating.tokens.json @@ -0,0 +1,12 @@ +{ + "open-catalogi": { + "rating": { + "rating-bar": { + "color": { "value": "{epe.color.primary}" }, + "background-color": {} + }, + "font-size": { "value": "{utrecht.document.font-size}" }, + "font-family": { "value": "{utrecht.document.font-family}" } + } + } +} diff --git a/municipalities/leiden-design-tokens/src/component/open-catalogi/rating.tokens.json b/municipalities/leiden-design-tokens/src/component/open-catalogi/rating.tokens.json new file mode 100644 index 00000000..f8f244d6 --- /dev/null +++ b/municipalities/leiden-design-tokens/src/component/open-catalogi/rating.tokens.json @@ -0,0 +1,12 @@ +{ + "open-catalogi": { + "rating": { + "rating-bar": { + "color": { "value": "{leiden.color.primary}" }, + "background-color": {} + }, + "font-size": { "value": "{utrecht.document.font-size}" }, + "font-family": { "value": "{utrecht.document.font-family}" } + } + } +} diff --git a/municipalities/noaberkracht-design-tokens/src/component/open-catalogi/rating.tokens.json b/municipalities/noaberkracht-design-tokens/src/component/open-catalogi/rating.tokens.json new file mode 100644 index 00000000..829ef347 --- /dev/null +++ b/municipalities/noaberkracht-design-tokens/src/component/open-catalogi/rating.tokens.json @@ -0,0 +1,12 @@ +{ + "open-catalogi": { + "rating": { + "rating-bar": { + "color": { "value": "{noaberkracht.color.blue.22}" }, + "background-color": {} + }, + "font-size": { "value": "{utrecht.document.font-size}" }, + "font-family": { "value": "{utrecht.document.font-family}" } + } + } +} diff --git a/municipalities/noordwijk-design-tokens/src/component/open-catalogi/rating.tokens.json b/municipalities/noordwijk-design-tokens/src/component/open-catalogi/rating.tokens.json new file mode 100644 index 00000000..d69f35a6 --- /dev/null +++ b/municipalities/noordwijk-design-tokens/src/component/open-catalogi/rating.tokens.json @@ -0,0 +1,12 @@ +{ + "open-catalogi": { + "rating": { + "rating-bar": { + "color": { "value": "{noordwijk.color.primary}" }, + "background-color": {} + }, + "font-size": { "value": "{utrecht.document.font-size}" }, + "font-family": { "value": "{utrecht.document.font-family}" } + } + } +} diff --git a/municipalities/open-webconcept-design-tokens/src/component/open-catalogi/rating.tokens.json b/municipalities/open-webconcept-design-tokens/src/component/open-catalogi/rating.tokens.json new file mode 100644 index 00000000..ceda79a7 --- /dev/null +++ b/municipalities/open-webconcept-design-tokens/src/component/open-catalogi/rating.tokens.json @@ -0,0 +1,12 @@ +{ + "open-catalogi": { + "rating": { + "rating-bar": { + "color": { "value": "{open-webconcept.color.primary}" }, + "background-color": {} + }, + "font-size": { "value": "{utrecht.document.font-size}" }, + "font-family": { "value": "{utrecht.document.font-family}" } + } + } +} diff --git a/municipalities/rotterdam-design-tokens/src/component/open-catalogi/rating.tokens.json b/municipalities/rotterdam-design-tokens/src/component/open-catalogi/rating.tokens.json new file mode 100644 index 00000000..8d68de90 --- /dev/null +++ b/municipalities/rotterdam-design-tokens/src/component/open-catalogi/rating.tokens.json @@ -0,0 +1,12 @@ +{ + "open-catalogi": { + "rating": { + "rating-bar": { + "color": { "value": "var(--rotterdam-color-green-tint-01)" }, + "background-color": {} + }, + "font-size": { "value": "var(--utrecht-document-font-size)" }, + "font-family": { "value": "var(--utrecht-document-font-family)" } + } + } +} diff --git a/municipalities/tubbergen-design-tokens/src/component/open-catalogi/rating.tokens.json b/municipalities/tubbergen-design-tokens/src/component/open-catalogi/rating.tokens.json new file mode 100644 index 00000000..ea7e160a --- /dev/null +++ b/municipalities/tubbergen-design-tokens/src/component/open-catalogi/rating.tokens.json @@ -0,0 +1,12 @@ +{ + "open-catalogi": { + "rating": { + "rating-bar": { + "color": { "value": "{tubbergen.color.primary}" }, + "background-color": {} + }, + "font-size": { "value": "{utrecht.document.font-size}" }, + "font-family": { "value": "{utrecht.document.font-family}" } + } + } +} diff --git a/municipalities/xxllnc-design-tokens/src/component/open-catalogi/rating.tokens.json b/municipalities/xxllnc-design-tokens/src/component/open-catalogi/rating.tokens.json new file mode 100644 index 00000000..4d611e65 --- /dev/null +++ b/municipalities/xxllnc-design-tokens/src/component/open-catalogi/rating.tokens.json @@ -0,0 +1,12 @@ +{ + "open-catalogi": { + "rating": { + "rating-bar": { + "color": { "value": "{xxllnc.color.primary}" }, + "background-color": {} + }, + "font-size": { "value": "{utrecht.document.font-size}" }, + "font-family": { "value": "{utrecht.document.font-family}" } + } + } +} From 40ac91957d174ef433836fae7ce8e35de281e2bc Mon Sep 17 00:00:00 2001 From: Remko Date: Wed, 8 Nov 2023 12:19:00 +0100 Subject: [PATCH 02/40] updated version and readme --- README.md | 1 + package.json | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index e44dcfe4..d47f0c1f 100644 --- a/README.md +++ b/README.md @@ -6,6 +6,7 @@ Conduction's design tokens theme - **Version 1** + - 1.0.54: Added OpenCatalogi Rating tokens to all themes. - 1.0.53: Added Conduction Logo tokens. - 1.0.52: - Updated table tokens for Noordwijk theme. diff --git a/package.json b/package.json index e348ff1d..1af50452 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@conduction/theme", - "version": "1.0.53", + "version": "1.0.54", "description": "Conduction's design tokens theme", "main": "index.js", "repository": { From 3ebccd418f1dd7399ccb442eeef25b83a3ee9dfe Mon Sep 17 00:00:00 2001 From: Remko Date: Wed, 8 Nov 2023 13:23:20 +0100 Subject: [PATCH 03/40] Added ToolTip tokens to all themes --- README.md | 4 +++- .../src/component/conduction/logo.tokens.json | 1 - .../component/conduction/tooltip.tokens.json | 18 ++++++++++++++++++ .../src/component/conduction/logo.tokens.json | 1 - .../component/conduction/tooltip.tokens.json | 18 ++++++++++++++++++ .../src/component/conduction/logo.tokens.json | 1 - .../component/conduction/tooltip.tokens.json | 18 ++++++++++++++++++ .../src/component/conduction/logo.tokens.json | 1 - .../component/conduction/tooltip.tokens.json | 18 ++++++++++++++++++ .../src/brand/leiden/color.tokens.json | 3 +++ .../src/component/conduction/logo.tokens.json | 1 - .../component/conduction/tooltip.tokens.json | 18 ++++++++++++++++++ .../src/component/conduction/logo.tokens.json | 1 - .../component/conduction/tooltip.tokens.json | 18 ++++++++++++++++++ .../src/component/conduction/logo.tokens.json | 1 - .../component/conduction/tooltip.tokens.json | 18 ++++++++++++++++++ .../src/component/conduction/logo.tokens.json | 1 - .../component/conduction/tooltip.tokens.json | 18 ++++++++++++++++++ .../src/component/conduction/logo.tokens.json | 1 - .../component/conduction/tooltip.tokens.json | 18 ++++++++++++++++++ .../src/component/conduction/logo.tokens.json | 1 - .../component/conduction/tooltip.tokens.json | 18 ++++++++++++++++++ .../src/brand/xxllnc/color.tokens.json | 3 +++ .../src/component/conduction/logo.tokens.json | 1 - .../component/conduction/tooltip.tokens.json | 18 ++++++++++++++++++ 25 files changed, 207 insertions(+), 12 deletions(-) create mode 100644 conduction-design-tokens/src/component/conduction/tooltip.tokens.json create mode 100644 municipalities/dimpact-design-tokens/src/component/conduction/tooltip.tokens.json create mode 100644 municipalities/dinkelland-design-tokens/src/component/conduction/tooltip.tokens.json create mode 100644 municipalities/epe-design-tokens/src/component/conduction/tooltip.tokens.json create mode 100644 municipalities/leiden-design-tokens/src/component/conduction/tooltip.tokens.json create mode 100644 municipalities/noaberkracht-design-tokens/src/component/conduction/tooltip.tokens.json create mode 100644 municipalities/noordwijk-design-tokens/src/component/conduction/tooltip.tokens.json create mode 100644 municipalities/open-webconcept-design-tokens/src/component/conduction/tooltip.tokens.json create mode 100644 municipalities/rotterdam-design-tokens/src/component/conduction/tooltip.tokens.json create mode 100644 municipalities/tubbergen-design-tokens/src/component/conduction/tooltip.tokens.json create mode 100644 municipalities/xxllnc-design-tokens/src/component/conduction/tooltip.tokens.json diff --git a/README.md b/README.md index d47f0c1f..59554a8b 100644 --- a/README.md +++ b/README.md @@ -6,7 +6,9 @@ Conduction's design tokens theme - **Version 1** - - 1.0.54: Added OpenCatalogi Rating tokens to all themes. + - 1.0.54: + - Added ToolTip tokens to all themes. + - Added OpenCatalogi Rating tokens to all themes. - 1.0.53: Added Conduction Logo tokens. - 1.0.52: - Updated table tokens for Noordwijk theme. diff --git a/conduction-design-tokens/src/component/conduction/logo.tokens.json b/conduction-design-tokens/src/component/conduction/logo.tokens.json index db2e5286..ae1ac787 100644 --- a/conduction-design-tokens/src/component/conduction/logo.tokens.json +++ b/conduction-design-tokens/src/component/conduction/logo.tokens.json @@ -8,7 +8,6 @@ "value": "url('https://conduction.nl/wp-content/uploads/2021/07/cropped-conductionlogo-1.png')" } }, - "footer": { "inline-size": { "value": "220px" }, "block-size": { "value": "40px" }, diff --git a/conduction-design-tokens/src/component/conduction/tooltip.tokens.json b/conduction-design-tokens/src/component/conduction/tooltip.tokens.json new file mode 100644 index 00000000..147401e0 --- /dev/null +++ b/conduction-design-tokens/src/component/conduction/tooltip.tokens.json @@ -0,0 +1,18 @@ +{ + "conduction": { + "tooltip": { + "background-color": { "value": "{conduction.color.black.0}" }, + "color": { "value": "{conduction.color.white.100}" }, + "padding-block-start": { "value": "{conduction.size.xs}" }, + "padding-block-end": { "value": "{conduction.size.xs}" }, + "padding-inline-start": { "value": "{conduction.size.sm}" }, + "padding-inline-end": { "value": "{conduction.size.sm}" }, + "border-width": { "value": "0px" }, + "border-style": { "value": "unset" }, + "border-color": { "value": "unset" }, + "border-radius": { "value": "0px" }, + "opacity": { "value": "1" }, + "z-index": { "value": "9999" } + } + } +} diff --git a/municipalities/dimpact-design-tokens/src/component/conduction/logo.tokens.json b/municipalities/dimpact-design-tokens/src/component/conduction/logo.tokens.json index b1e41527..cd8812bc 100644 --- a/municipalities/dimpact-design-tokens/src/component/conduction/logo.tokens.json +++ b/municipalities/dimpact-design-tokens/src/component/conduction/logo.tokens.json @@ -6,7 +6,6 @@ "block-size": { "value": "44px" }, "background-image": { "value": "url('https://www.dimpact.nl/sites/all/themes/custom/dimpact/logo.png')" } }, - "footer": { "inline-size": { "value": "150px" }, "block-size": { "value": "44px" }, diff --git a/municipalities/dimpact-design-tokens/src/component/conduction/tooltip.tokens.json b/municipalities/dimpact-design-tokens/src/component/conduction/tooltip.tokens.json new file mode 100644 index 00000000..d392bf48 --- /dev/null +++ b/municipalities/dimpact-design-tokens/src/component/conduction/tooltip.tokens.json @@ -0,0 +1,18 @@ +{ + "conduction": { + "tooltip": { + "background-color": { "value": "{dimpact.color.black.0}" }, + "color": { "value": "{dimpact.color.white.100}" }, + "padding-block-start": { "value": "{dimpact.size.xs}" }, + "padding-block-end": { "value": "{dimpact.size.xs}" }, + "padding-inline-start": { "value": "{dimpact.size.sm}" }, + "padding-inline-end": { "value": "{dimpact.size.sm}" }, + "border-width": { "value": "0px" }, + "border-style": { "value": "unset" }, + "border-color": { "value": "unset" }, + "border-radius": { "value": "0px" }, + "opacity": { "value": "1" }, + "z-index": { "value": "9999" } + } + } +} diff --git a/municipalities/dinkelland-design-tokens/src/component/conduction/logo.tokens.json b/municipalities/dinkelland-design-tokens/src/component/conduction/logo.tokens.json index 87576e61..255a322f 100644 --- a/municipalities/dinkelland-design-tokens/src/component/conduction/logo.tokens.json +++ b/municipalities/dinkelland-design-tokens/src/component/conduction/logo.tokens.json @@ -6,7 +6,6 @@ "block-size": { "value": "30px" }, "background-image": { "value": "url('https://www.dinkelland.nl/sites/all/themes/dinkelland/logo.svg')" } }, - "footer": { "inline-size": { "value": "" }, "block-size": { "value": "" }, diff --git a/municipalities/dinkelland-design-tokens/src/component/conduction/tooltip.tokens.json b/municipalities/dinkelland-design-tokens/src/component/conduction/tooltip.tokens.json new file mode 100644 index 00000000..63b1951a --- /dev/null +++ b/municipalities/dinkelland-design-tokens/src/component/conduction/tooltip.tokens.json @@ -0,0 +1,18 @@ +{ + "conduction": { + "tooltip": { + "background-color": { "value": "{dinkelland.color.black.0}" }, + "color": { "value": "{dinkelland.color.white.100}" }, + "padding-block-start": { "value": "{dinkelland.size.xs}" }, + "padding-block-end": { "value": "{dinkelland.size.xs}" }, + "padding-inline-start": { "value": "{dinkelland.size.sm}" }, + "padding-inline-end": { "value": "{dinkelland.size.sm}" }, + "border-width": { "value": "0px" }, + "border-style": { "value": "unset" }, + "border-color": { "value": "unset" }, + "border-radius": { "value": "0px" }, + "opacity": { "value": "1" }, + "z-index": { "value": "9999" } + } + } +} diff --git a/municipalities/epe-design-tokens/src/component/conduction/logo.tokens.json b/municipalities/epe-design-tokens/src/component/conduction/logo.tokens.json index 85b6bf9b..b76a43b0 100644 --- a/municipalities/epe-design-tokens/src/component/conduction/logo.tokens.json +++ b/municipalities/epe-design-tokens/src/component/conduction/logo.tokens.json @@ -8,7 +8,6 @@ "value": "url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='155' height='88' viewBox='0 0 155 88' class='logo__svg' role='img' aria-hidden='true'%3E%3Ctitle id='site-logo-title'%3EGemeente Epe%3C/title%3E%3Cdesc id='site-logo-desc'%3ELogo dat naar de hoofdpagina leidt%3C/desc%3E%3Cpath fill='%23231f20' class='logo__svg--letters-path' d='M7.7,74.621h5.957v8.144a16.255,16.255,0,0,1-5.594.8C4.916,83.57,0,82.137,0,75.642c0-3.715,2.325-7.754,8.767-7.754A16.751,16.751,0,0,1,13.2,68.5l-.242,2.975a9.753,9.753,0,0,0-3.875-.847c-4.19,0-5.013,3.453-5.013,5.169,0,2.824,1.453,5.038,4.48,5.038a3.46,3.46,0,0,0,1.381-.217V77.184H7.7ZM19.69,76.684c0-.607,0-2.781,1.962-2.781,1.574,0,1.985,1.347,1.985,2.781Zm7.435,1.043c0-5.909-4.335-5.909-5.473-5.909a5.478,5.478,0,0,0-5.6,5.8c0,3.454,1.962,5.865,6.394,5.865a13.084,13.084,0,0,0,4-.653l-.073-2.583a8.557,8.557,0,0,1-3.56.89c-2.156,0-3.124-1.238-3.124-2.585h7.435Zm15.96-1.389c0-1.3-.605-1.782-1.453-1.782a1.445,1.445,0,0,0-1.574,1.586v7.167H36.231V76.338c0-1.434-.7-1.782-1.332-1.782-1.259,0-1.7.977-1.7,2.411v6.342H29.377V74.36a19.59,19.59,0,0,0-.1-2.368h3.488c.048.5.1,1.13.1,1.891h.049a3.461,3.461,0,0,1,3.56-2.065,3.212,3.212,0,0,1,3.27,1.891,3.434,3.434,0,0,1,3.463-1.891c2.786,0,3.706,1.826,3.706,4.085v7.406H43.085Zm9.809.346c0-.607,0-2.781,1.961-2.781,1.575,0,1.987,1.347,1.987,2.781Zm7.435,1.043c0-5.909-4.335-5.909-5.474-5.909a5.478,5.478,0,0,0-5.594,5.8c0,3.454,1.962,5.865,6.394,5.865a13.084,13.084,0,0,0,4-.653l-.073-2.583a8.553,8.553,0,0,1-3.56.89c-2.155,0-3.124-1.238-3.124-2.585h7.435Zm5.57-1.043c0-.607,0-2.781,1.962-2.781,1.574,0,1.986,1.347,1.986,2.781Zm7.435,1.043c0-5.909-4.335-5.909-5.473-5.909a5.478,5.478,0,0,0-5.6,5.8c0,3.454,1.962,5.865,6.394,5.865a13.079,13.079,0,0,0,4-.653l-.072-2.583a8.561,8.561,0,0,1-3.561.89c-2.155,0-3.124-1.238-3.124-2.585h7.435Zm9.228-1.389c0-1.412-.7-1.782-1.478-1.782-1.235,0-1.67.955-1.67,2.411v6.342H75.587V74.36a19.8,19.8,0,0,0-.1-2.368h3.487c.049.5.1,1.13.1,1.891h.048a3.463,3.463,0,0,1,3.561-2.065c2.785,0,3.7,1.826,3.7,4.085v7.406H82.562Zm5.5-4.346h2.18V69.669l3.73-1.064v3.387h2.47V74.4h-2.47v5.19c0,1.108.557,1.412,1.283,1.412a3.133,3.133,0,0,0,1.261-.239v2.411a10.072,10.072,0,0,1-2.665.305c-1.986,0-3.706-.869-3.706-3.345V74.4H88.059Zm13.733,4.692c0-.607,0-2.781,1.961-2.781,1.575,0,1.986,1.347,1.986,2.781Zm7.434,1.043c0-5.909-4.335-5.909-5.473-5.909a5.479,5.479,0,0,0-5.595,5.8c0,3.454,1.961,5.865,6.395,5.865a13.089,13.089,0,0,0,4-.653l-.074-2.583a8.544,8.544,0,0,1-3.559.89c-2.156,0-3.124-1.238-3.124-2.585h7.434Zm8.815-9.578H127.8V70.8h-5.933v3.39h5.642v2.648h-5.642V80.66h6.223v2.649H118.041Zm19.885,9.491c0,1.8-.146,3.5-1.841,3.5-1.551,0-1.913-1.694-1.913-3.5,0-1.3.339-3.345,1.913-3.345C137.828,74.3,137.926,76.467,137.926,77.64ZM130.345,88h3.827V81.637h.048a3.278,3.278,0,0,0,3.245,1.846c3.173,0,4.432-2.52,4.432-5.561,0-3.6-1.6-6.1-4.432-6.1a3.607,3.607,0,0,0-3.439,1.978h-.048a15.517,15.517,0,0,0-.1-1.8h-3.632a23.955,23.955,0,0,1,.1,2.542Zm17.22-11.316c0-.607,0-2.781,1.962-2.781,1.574,0,1.986,1.347,1.986,2.781ZM155,77.727c0-5.909-4.335-5.909-5.473-5.909a5.479,5.479,0,0,0-5.6,5.8c0,3.454,1.963,5.865,6.394,5.865a13.091,13.091,0,0,0,4-.653l-.072-2.583a8.569,8.569,0,0,1-3.561.89c-2.156,0-3.124-1.238-3.124-2.585H155Z'%3E%3C/path%3E%3Cpath fill='%2300539f' class='logo__svg--deer-path' d='M102.234,38.54l.11-.063c-.038-7.534-2.5-14.87-6.094-21.718v-.248l8.5-2.678-.6-2.989-7.8-.437A8.7,8.7,0,0,0,99.4,7.557l-1.809-1c-1.073,1.529-3.054,3.053-6.7,3.053-9.735,0-15.672-7.5-17.153-9.614L71.754.783c.956,1.481,5.885,8.486,14.6,10.413l-6.025,3.031,6,.436L87.5,25.622l-39.711-.006.054,2.164c1.447-.083,3.011-.042,3.975,1a4.948,4.948,0,0,1,.5,5.167,37.313,37.313,0,0,1-2.967,5.109c-9.037,2-16.871,5-22.686,8.82l2.466,3.062c5.771-3.791,13.73-6.721,22.965-8.591l.005,0v0a126.7,126.7,0,0,1,26.561-2.336c17.5.231,34.074,3.822,44.985,9.683l2.119-3.266A83.593,83.593,0,0,0,102.234,38.54Z'%3E%3C/path%3E%3Cpath fill='%23d5a10f' class='logo__svg--emblem-path' d='M115.353,41.321c.036.224.068.458.1.684-.8-.273-1.615-.532-2.44-.787.3-.845.732-1.635,1.208-1.58C114.809,39.706,115.217,40.479,115.353,41.321Zm-82.624-.978c1.1,1.09,2.674,2.585,2.982,2.873q1.681-.684,3.475-1.308a12.483,12.483,0,0,1-.321-2.475,19.928,19.928,0,0,1,.363-3.388.927.927,0,0,0-.272-1.069.535.535,0,0,0-.794.159,19.482,19.482,0,0,0-1.382,2.411s-.136.492-.333.477-.075-.5-.061-.591a16.765,16.765,0,0,1,1.588-4.866c1.284-2.562,1.1-1.971,1.194-2.3s.226-1.046-.485-.849-.694.243-.785.106.121-.349.257-.606a16.566,16.566,0,0,1,3.4-3.684s.757-.591.438-1.015-.68-.152-.906-.122-.363.106-.438-.03.1-.576.544-.849a42.561,42.561,0,0,0,5.244-3.9c.862-1,1.33-1.622.968-2.077s-1.345-.379-2.086.091a24.753,24.753,0,0,0-3.31,2.926,9.567,9.567,0,0,1-1.375,1.379c-.151.061-.378.167-.181-.182s.5-.924.226-1.121-.65-.273-1.33.182a11.369,11.369,0,0,0-3.37,3.986,17.766,17.766,0,0,0-.877,2.744c-.03.137-.332.561-.453.076a7.037,7.037,0,0,1-.181-1.152c-.016-.212-.046-.561-.318-.606a.919.919,0,0,0-.967.5c-.257.47-1.633,3.683-1.149,6.033a23.4,23.4,0,0,0,.877,3.532c.151.364.257.531.106.622a1,1,0,0,1-.877-.318c-.227-.258-.71-.9-.8-1.032s-.439-.454-.756-.227a2,2,0,0,0-.242,1.85A12.089,12.089,0,0,0,32.729,40.343ZM114.5,23.213c.44.273.62.712.545.849s-.212.06-.439.03-.588-.3-.906.122.438,1.015.438,1.015a16.609,16.609,0,0,1,3.4,3.684c.136.257.347.47.256.606s-.075.091-.785-.106-.576.515-.484.849-.092-.258,1.194,2.3a16.744,16.744,0,0,1,1.587,4.866c.014.091.136.576-.061.591s-.332-.477-.332-.477a19.61,19.61,0,0,0-1.382-2.411.535.535,0,0,0-.794-.159.928.928,0,0,0-.273,1.069,20.012,20.012,0,0,1,.364,3.388,14.049,14.049,0,0,1-.418,2.912q1.629.579,3.176,1.206c.134-.115.273-.222.34-.283.166-.152,1.873-1.773,3.037-2.925a12.07,12.07,0,0,0,2.388-3.82,2,2,0,0,0-.241-1.85c-.318-.227-.665.091-.756.227s-.574.774-.8,1.032a1,1,0,0,1-.878.318c-.15-.091-.044-.258.107-.622a23.621,23.621,0,0,0,.876-3.532c.485-2.35-.892-5.563-1.149-6.033a.919.919,0,0,0-.967-.5c-.272.045-.3.394-.316.606a7.1,7.1,0,0,1-.183,1.152c-.12.485-.423.061-.452-.076a17.581,17.581,0,0,0-.878-2.744,11.368,11.368,0,0,0-3.369-3.986c-.681-.455-1.058-.38-1.33-.182s.03.773.225,1.121-.03.243-.18.182a9.567,9.567,0,0,1-1.375-1.379,24.815,24.815,0,0,0-3.31-2.926c-.742-.47-1.723-.545-2.086-.091s.1,1.077.967,2.077A42.561,42.561,0,0,0,114.5,23.213Zm5.79,20.62q1.323.553,2.579,1.144a20.9,20.9,0,0,0,2.438-2.3c.3-.378.832-1.485.513-1.819s-1.48.622-2.388,1.334A15.2,15.2,0,0,1,120.288,43.833Zm-2.025,5.045c-.274.076-1.332.348-1.981.47s-3.128.273-3.416.287-.287.076-.3-.167.166-.211.166-.211.982-.274,2.508-.713a34.4,34.4,0,0,0,3.383-1.219q-3.251-1.358-6.921-2.491a10.7,10.7,0,0,1-.791,1.534,7.909,7.909,0,0,1-3.037,2.365c-.636.228-.25-.341-.25-.341s.18-.227.522-.682a10.755,10.755,0,0,0,1.019-2.387,1.742,1.742,0,0,0-.107-1.257c-.209-.057-.425-.11-.635-.166a1.173,1.173,0,0,0-.39.444,20.853,20.853,0,0,1-9.3,6.458c-6.849,2.465-14.532,3.2-20.964,3.267-6.4-.073-14.02-.821-20.814-3.267a20.848,20.848,0,0,1-9.3-6.458s-.362-.749-.861-.432-.317,1.115-.272,1.411a10.716,10.716,0,0,0,1.02,2.387c.34.455.522.682.522.682s.386.569-.25.341a7.9,7.9,0,0,1-3.038-2.365,12.548,12.548,0,0,1-.971-1.958,69.708,69.708,0,0,0-7.355,2.653,35.7,35.7,0,0,0,4,1.481c1.526.439,2.509.713,2.509.713s.181-.031.165.211-.014.182-.3.167-2.766-.167-3.415-.287-1.708-.394-1.981-.47-.694-.167-.846.273.968,1.136,1.224,1.273A28.168,28.168,0,0,0,44.73,52.8a92,92,0,0,0,9.944,1.7s.529,0,.529.226-.3.213-.529.228-2.145.075-2.539.061-2.765-.212-3.052-.258-1.18-.061-1.134.228.257.7,1.013.864,6.544,1.106,7.737,1.182,6.485.318,6.772.318.876.379.03.41-3.2.091-3.2.091-.439.014-.439.242.258.3.514.334,3.764.546,3.764.546,6.59.818,7.375.894c.577.055,3.637.235,6.175.3,0,0,.606.028.917.018.087,0,.261-.01.261-.01,2.328-.089,4.8-.259,5.316-.308.786-.076,7.376-.894,7.376-.894s3.507-.516,3.763-.546.515-.107.515-.334-.439-.242-.439-.242-2.358-.061-3.2-.091-.257-.41.03-.41,5.577-.242,6.772-.318,6.981-1.016,7.737-1.182.967-.577,1.012-.864-.846-.273-1.134-.228-2.658.243-3.053.258-2.311-.046-2.538-.061-.529,0-.529-.228.529-.226.529-.226a91.957,91.957,0,0,0,9.944-1.7,28.13,28.13,0,0,0,6.923-2.379c.257-.137,1.375-.834,1.224-1.273S118.534,48.8,118.263,48.878ZM32.438,44.657q1.155-.55,2.376-1.067a13.562,13.562,0,0,1-2.553-1.4c-.907-.712-2.071-1.667-2.388-1.334s.212,1.441.514,1.819A20.028,20.028,0,0,0,32.438,44.657Zm9.034-5.019c-.589.068-1,.841-1.133,1.683-.01.067-.021.137-.031.206q1.092-.363,2.22-.7C42.24,40.146,41.872,39.592,41.472,39.638Z'%3E%3C/path%3E%3C/svg%3E\")" } }, - "footer": { "inline-size": { "value": "" }, "block-size": { "value": "" }, diff --git a/municipalities/epe-design-tokens/src/component/conduction/tooltip.tokens.json b/municipalities/epe-design-tokens/src/component/conduction/tooltip.tokens.json new file mode 100644 index 00000000..d3534e01 --- /dev/null +++ b/municipalities/epe-design-tokens/src/component/conduction/tooltip.tokens.json @@ -0,0 +1,18 @@ +{ + "conduction": { + "tooltip": { + "background-color": { "value": "{epe.color.black.0}" }, + "color": { "value": "{epe.color.white.100}" }, + "padding-block-start": { "value": "{epe.size.xs}" }, + "padding-block-end": { "value": "{epe.size.xs}" }, + "padding-inline-start": { "value": "{epe.size.sm}" }, + "padding-inline-end": { "value": "{epe.size.sm}" }, + "border-width": { "value": "0px" }, + "border-style": { "value": "unset" }, + "border-color": { "value": "unset" }, + "border-radius": { "value": "0px" }, + "opacity": { "value": "1" }, + "z-index": { "value": "9999" } + } + } +} diff --git a/municipalities/leiden-design-tokens/src/brand/leiden/color.tokens.json b/municipalities/leiden-design-tokens/src/brand/leiden/color.tokens.json index 2837ff9a..8329b114 100644 --- a/municipalities/leiden-design-tokens/src/brand/leiden/color.tokens.json +++ b/municipalities/leiden-design-tokens/src/brand/leiden/color.tokens.json @@ -50,6 +50,9 @@ } }, "black": { + "0": { + "value": "#000000" + }, "9": { "value": "#0d1921", "comment": "Base/Black" diff --git a/municipalities/leiden-design-tokens/src/component/conduction/logo.tokens.json b/municipalities/leiden-design-tokens/src/component/conduction/logo.tokens.json index 7004ef23..c7f9745d 100644 --- a/municipalities/leiden-design-tokens/src/component/conduction/logo.tokens.json +++ b/municipalities/leiden-design-tokens/src/component/conduction/logo.tokens.json @@ -8,7 +8,6 @@ "value": "url('https://gemeente.leiden.nl/typo3conf/ext/leiden_template/Resources/Public/Images/logo_leiden.svg')" } }, - "footer": { "inline-size": { "value": "120px" }, "block-size": { "value": "100px" }, diff --git a/municipalities/leiden-design-tokens/src/component/conduction/tooltip.tokens.json b/municipalities/leiden-design-tokens/src/component/conduction/tooltip.tokens.json new file mode 100644 index 00000000..e8541980 --- /dev/null +++ b/municipalities/leiden-design-tokens/src/component/conduction/tooltip.tokens.json @@ -0,0 +1,18 @@ +{ + "conduction": { + "tooltip": { + "background-color": { "value": "{leiden.color.black.0}" }, + "color": { "value": "{leiden.color.white.100}" }, + "padding-block-start": { "value": "{leiden.size.xs}" }, + "padding-block-end": { "value": "{leiden.size.xs}" }, + "padding-inline-start": { "value": "{leiden.size.sm}" }, + "padding-inline-end": { "value": "{leiden.size.sm}" }, + "border-width": { "value": "0px" }, + "border-style": { "value": "unset" }, + "border-color": { "value": "unset" }, + "border-radius": { "value": "0px" }, + "opacity": { "value": "1" }, + "z-index": { "value": "9999" } + } + } +} diff --git a/municipalities/noaberkracht-design-tokens/src/component/conduction/logo.tokens.json b/municipalities/noaberkracht-design-tokens/src/component/conduction/logo.tokens.json index d18f64fe..d236d8a4 100644 --- a/municipalities/noaberkracht-design-tokens/src/component/conduction/logo.tokens.json +++ b/municipalities/noaberkracht-design-tokens/src/component/conduction/logo.tokens.json @@ -6,7 +6,6 @@ "block-size": { "value": "75px" }, "background-image": { "value": "url('https://werkenbijnoaberkracht.nl/assets/img/base/logo.png')" } }, - "footer": { "inline-size": { "value": "150px" }, "block-size": { "value": "87px" }, diff --git a/municipalities/noaberkracht-design-tokens/src/component/conduction/tooltip.tokens.json b/municipalities/noaberkracht-design-tokens/src/component/conduction/tooltip.tokens.json new file mode 100644 index 00000000..f98c9cde --- /dev/null +++ b/municipalities/noaberkracht-design-tokens/src/component/conduction/tooltip.tokens.json @@ -0,0 +1,18 @@ +{ + "conduction": { + "tooltip": { + "background-color": { "value": "{noaberkracht.color.black.0}" }, + "color": { "value": "{noaberkracht.color.white.100}" }, + "padding-block-start": { "value": "{noaberkracht.size.xs}" }, + "padding-block-end": { "value": "{noaberkracht.size.xs}" }, + "padding-inline-start": { "value": "{noaberkracht.size.sm}" }, + "padding-inline-end": { "value": "{noaberkracht.size.sm}" }, + "border-width": { "value": "0px" }, + "border-style": { "value": "unset" }, + "border-color": { "value": "unset" }, + "border-radius": { "value": "0px" }, + "opacity": { "value": "1" }, + "z-index": { "value": "9999" } + } + } +} diff --git a/municipalities/noordwijk-design-tokens/src/component/conduction/logo.tokens.json b/municipalities/noordwijk-design-tokens/src/component/conduction/logo.tokens.json index fdd6059a..060dbfad 100644 --- a/municipalities/noordwijk-design-tokens/src/component/conduction/logo.tokens.json +++ b/municipalities/noordwijk-design-tokens/src/component/conduction/logo.tokens.json @@ -8,7 +8,6 @@ "value": "url('data:image/svg+xml,%3Csvg class=\"custom-logo\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 165 72.7\"%3E%3Cdefs%3E%3CclipPath id=\"a\"%3E%3Cpath fill=\"none\" d=\"M5.6 0H165v72.7H5.6Z\" data-name=\"Path 5771\"%3E%3C/path%3E%3C/clipPath%3E%3C/defs%3E%3Cg data-name=\"Group 11598\"%3E%3Cg clip-path=\"url(%23a)\" data-name=\"Mask Group 11250\"%3E%3Cpath fill=\"%23111A64\" d=\"M72 27.1v.9h-1.6a1.9 1.9 0 0 1 .4.5 1.8 1.8 0 0 1 .1.8 1.9 1.9 0 0 1-.7 1.5 3.5 3.5 0 0 1-2.2.6h-.5a2 2 0 0 1-.4 0 2.9 2.9 0 0 1-.1.3.6.6 0 0 0-.1.3c0 .2 0 .3.3.4a5.5 5.5 0 0 0 .9.2l1 .3a5.5 5.5 0 0 1 1.2.3 2.5 2.5 0 0 1 .9.6 1.3 1.3 0 0 1 .3.9 1.5 1.5 0 0 1-.3.9 2 2 0 0 1-.7.6 3.9 3.9 0 0 1-1 .4 8 8 0 0 1-1.5 0 5.4 5.4 0 0 1-2.5-.4 1.3 1.3 0 0 1-.8-1.2 1.4 1.4 0 0 1 .5-1 4.1 4.1 0 0 1 1.4-.7 2.3 2.3 0 0 1-.5-.4.6.6 0 0 1-.2-.5.8.8 0 0 1 0-.3 1.4 1.4 0 0 1 .3-.3 2.2 2.2 0 0 1 .2-.3 2.1 2.1 0 0 1 .3-.2 2.5 2.5 0 0 1-1.2-.8 2 2 0 0 1-.5-1.2 1.8 1.8 0 0 1 .7-1.6 3.6 3.6 0 0 1 2.3-.6Zm-1.9 8a.9.9 0 0 0-.3-.8 2.5 2.5 0 0 0-.8-.4 7.1 7.1 0 0 0-1-.3 10.2 10.2 0 0 1-1-.2 1.9 1.9 0 0 0-.7.7 1.5 1.5 0 0 0-.2.7 1 1 0 0 0 .6.9 2.9 2.9 0 0 0 1.6.4 3.9 3.9 0 0 0 .9-.1 1.8 1.8 0 0 0 .5-.3.8.8 0 0 0 .3-.3 1 1 0 0 0 .1-.4m-3.7-5.7a2.4 2.4 0 0 0 0 .6 1.2 1.2 0 0 0 .3.5 1.2 1.2 0 0 0 .5.3 2.1 2.1 0 0 0 .8.1 1.5 1.5 0 0 0 1.2-.4 1.7 1.7 0 0 0 .3-1.1 4.4 4.4 0 0 0 0-.5 2.8 2.8 0 0 0 0-.3 2.1 2.1 0 0 0-.1-.3V28a2.4 2.4 0 0 0-.7-.2 5.3 5.3 0 0 0-.7 0 1.7 1.7 0 0 0-1.3.3 1.6 1.6 0 0 0-.3 1.2\" data-name=\"Path 5659\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"M79 33.1a2.3 2.3 0 0 1-1 .8 3.5 3.5 0 0 1-1.5.3 4.3 4.3 0 0 1-1.5-.3 3 3 0 0 1-1.8-1.8 4.5 4.5 0 0 1-.3-1.5 3.7 3.7 0 0 1 1-2.7 3.3 3.3 0 0 1 2.4-.9 4.1 4.1 0 0 1 1 .1 2.5 2.5 0 0 1 1 .5 2.2 2.2 0 0 1 .6.8 2.8 2.8 0 0 1 .2 1.2 4.4 4.4 0 0 1 0 .5v.5h-4.7a3.5 3.5 0 0 0 .1 1 2.2 2.2 0 0 0 .5.9 2.1 2.1 0 0 0 .8.5 2.9 2.9 0 0 0 1 .2 2.7 2.7 0 0 0 1-.2 2.5 2.5 0 0 0 .8-.4Zm-2.8-5.5a2 2 0 0 0-.7.1 1.3 1.3 0 0 0-.5.4 2 2 0 0 0-.4.8 5.2 5.2 0 0 0-.2 1h3.2a4.6 4.6 0 0 0 0-.4 2.4 2.4 0 0 0-.3-1.4 1.2 1.2 0 0 0-1-.5\" data-name=\"Path 5660\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"M88.1 34H85v-.6h.8v-3.2a9.6 9.6 0 0 0 0-1 2.2 2.2 0 0 0-.2-.7 1 1 0 0 0-.4-.5 1.4 1.4 0 0 0-.7-.1 1.5 1.5 0 0 0-.6 0 1.6 1.6 0 0 0-.4.4 2 2 0 0 0-.4.5 2.6 2.6 0 0 0-.2.5v4h.8v.7h-3.2v-.6h1v-5.6h-1v-.7h2.4v1.4a2.3 2.3 0 0 1 .8-1A2.2 2.2 0 0 1 85 27a3.5 3.5 0 0 1 .6 0 1.6 1.6 0 0 1 1.1.8 2.2 2.2 0 0 1 .3.9 3 3 0 0 1 .4-.7 2.6 2.6 0 0 1 .5-.5 2.5 2.5 0 0 1 .6-.4 2.3 2.3 0 0 1 .8 0 3 3 0 0 1 1 0 1.4 1.4 0 0 1 .6.5 2.1 2.1 0 0 1 .4.9 6.4 6.4 0 0 1 .2 1.4v3.5h1v.6h-3.3v-.6h.9v-3.5a6.5 6.5 0 0 0 0-.8 1.8 1.8 0 0 0-.3-.7 1 1 0 0 0-.4-.4 1.5 1.5 0 0 0-.7-.1 1.4 1.4 0 0 0-1 .4 2.5 2.5 0 0 0-.6 1.1v4h1Z\" data-name=\"Path 5661\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"M99.6 33.1a2.3 2.3 0 0 1-1 .8 3.5 3.5 0 0 1-1.5.3 4.3 4.3 0 0 1-1.5-.3 3 3 0 0 1-1.8-1.8 4.5 4.5 0 0 1-.2-1.5 3.7 3.7 0 0 1 .9-2.7 3.3 3.3 0 0 1 2.4-.9 4.1 4.1 0 0 1 1 .1 2.5 2.5 0 0 1 1 .5 2.2 2.2 0 0 1 .6.8 2.8 2.8 0 0 1 .3 1.2 4.4 4.4 0 0 1 0 .5l-.1.5H95a3.5 3.5 0 0 0 .2 1 2.2 2.2 0 0 0 .5.9 2.1 2.1 0 0 0 .7.5 2.9 2.9 0 0 0 1.1.2 2.7 2.7 0 0 0 1-.2 2.5 2.5 0 0 0 .7-.4Zm-2.7-5.5a2 2 0 0 0-.8.1 1.3 1.3 0 0 0-.5.4 2 2 0 0 0-.3.8 5.2 5.2 0 0 0-.2 1h3.2a4.6 4.6 0 0 0 0-.4 2.4 2.4 0 0 0-.4-1.4 1.2 1.2 0 0 0-1-.5\" data-name=\"Path 5662\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"M107.3 33.1a2.3 2.3 0 0 1-1 .8 3.5 3.5 0 0 1-1.4.3 4.3 4.3 0 0 1-1.5-.3 3 3 0 0 1-1.8-1.8 4.5 4.5 0 0 1-.3-1.5 3.7 3.7 0 0 1 1-2.7 3.3 3.3 0 0 1 2.4-.9 4.1 4.1 0 0 1 1 .1 2.5 2.5 0 0 1 1 .5 2.2 2.2 0 0 1 .6.8 2.8 2.8 0 0 1 .2 1.2 4.4 4.4 0 0 1 0 .5v.5h-4.7a3.5 3.5 0 0 0 .2 1 2.2 2.2 0 0 0 .4.9 2.1 2.1 0 0 0 .8.5 2.9 2.9 0 0 0 1.1.2 2.7 2.7 0 0 0 1-.2 2.5 2.5 0 0 0 .7-.4Zm-2.7-5.5a2 2 0 0 0-.7.1 1.3 1.3 0 0 0-.5.4 2 2 0 0 0-.4.8 5.2 5.2 0 0 0-.1 1h3.1a4.6 4.6 0 0 0 0-.4 2.4 2.4 0 0 0-.3-1.4 1.2 1.2 0 0 0-1-.5\" data-name=\"Path 5663\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"M117 34h-3.2v-.6h.9V30a3.4 3.4 0 0 0-.4-1.6 1.2 1.2 0 0 0-1.1-.6 1.9 1.9 0 0 0-.7.1 2 2 0 0 0-.5.3 2.1 2.1 0 0 0-.5.5 2.2 2.2 0 0 0-.2.5v4h.8v.7H109v-.6h1v-5.6h-1v-.7h2.4v1.4a2.8 2.8 0 0 1 .9-1 2.3 2.3 0 0 1 1.4-.5 4 4 0 0 1 1 .1 1.6 1.6 0 0 1 .8.5 2.2 2.2 0 0 1 .5.9 5 5 0 0 1 .1 1.4v3.5h1Z\" data-name=\"Path 5664\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"M117.6 27.1h1.1v-1l1.4-.6v1.6h2.2v.9h-2.2v3.8a2.4 2.4 0 0 0 .2 1.2.7.7 0 0 0 .7.3 1.6 1.6 0 0 0 .7-.1 4.4 4.4 0 0 0 .6-.3l.3.5a2.2 2.2 0 0 1-.3.2 3 3 0 0 1-.5.3 3.4 3.4 0 0 1-.6.2 2.8 2.8 0 0 1-.6 0 1.9 1.9 0 0 1-1.4-.4 2 2 0 0 1-.5-1.5V28h-1.1Z\" data-name=\"Path 5665\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"M129.6 33.1a2.3 2.3 0 0 1-1 .8 3.5 3.5 0 0 1-1.5.3 4.3 4.3 0 0 1-1.5-.3 3 3 0 0 1-1.8-1.8 4.5 4.5 0 0 1-.2-1.5 3.7 3.7 0 0 1 .9-2.7 3.3 3.3 0 0 1 2.4-.9 4.1 4.1 0 0 1 1 .1 2.5 2.5 0 0 1 1 .5 2.2 2.2 0 0 1 .6.8 2.8 2.8 0 0 1 .3 1.2 4.4 4.4 0 0 1 0 .5l-.1.5H125a3.5 3.5 0 0 0 .2 1 2.2 2.2 0 0 0 .5.9 2.1 2.1 0 0 0 .7.5 2.9 2.9 0 0 0 1.1.2 2.7 2.7 0 0 0 1-.2 2.5 2.5 0 0 0 .7-.4Zm-2.7-5.5a2 2 0 0 0-.7.1 1.3 1.3 0 0 0-.6.4 2 2 0 0 0-.3.8 5.2 5.2 0 0 0-.2 1h3.2a4.6 4.6 0 0 0 0-.4 2.4 2.4 0 0 0-.3-1.4 1.2 1.2 0 0 0-1.1-.5\" data-name=\"Path 5666\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"M89.9 43.4A5.3 5.3 0 0 0 88 42a6.8 6.8 0 0 0-4.9 0 5.3 5.3 0 0 0-1.8 1.3 5.4 5.4 0 0 0-1.1 1.9 7.8 7.8 0 0 0 0 4.9 5.4 5.4 0 0 0 1 1.9 5.3 5.3 0 0 0 2 1.2 6.8 6.8 0 0 0 4.8 0 5.3 5.3 0 0 0 1.9-1.2 5.4 5.4 0 0 0 1.1-2 7.8 7.8 0 0 0 0-4.8 5.4 5.4 0 0 0-1.1-2m-3 8a3 3 0 0 1-2.7 0 3 3 0 0 1-1-.9 4 4 0 0 1-.6-1.3 5.7 5.7 0 0 1 0-2.8 3.8 3.8 0 0 1 .6-1.3 3 3 0 0 1 1-.9 3 3 0 0 1 2.8 0 3 3 0 0 1 1 1 3.8 3.8 0 0 1 .5 1.2 5.7 5.7 0 0 1 0 2.8 4 4 0 0 1-.5 1.3 3 3 0 0 1-1 .9\" data-name=\"Path 5667\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"M102.7 43.4A5.3 5.3 0 0 0 101 42a6.8 6.8 0 0 0-4.9 0 5.3 5.3 0 0 0-1.8 1.3 5.4 5.4 0 0 0-1.2 1.9 7.8 7.8 0 0 0 0 4.9 5.4 5.4 0 0 0 1.2 1.9 5.3 5.3 0 0 0 1.8 1.2 6.8 6.8 0 0 0 5 0 5.3 5.3 0 0 0 1.7-1.2 5.4 5.4 0 0 0 1.2-2 7.8 7.8 0 0 0 0-4.8 5.4 5.4 0 0 0-1.2-2m-2.8 8a3 3 0 0 1-2.9 0 3 3 0 0 1-1-.9 4 4 0 0 1-.5-1.3 5.7 5.7 0 0 1 0-2.8 3.8 3.8 0 0 1 .6-1.3 3 3 0 0 1 1-.9 3 3 0 0 1 2.8 0 3 3 0 0 1 1 1 3.8 3.8 0 0 1 .5 1.2 5.7 5.7 0 0 1 0 2.8 4 4 0 0 1-.6 1.3 3 3 0 0 1-1 .9\" data-name=\"Path 5668\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"M112.5 41.7a5.4 5.4 0 0 0-.6 0 3.1 3.1 0 0 0-1.2.2 4 4 0 0 0-1 .6 4.3 4.3 0 0 0-.8.8 2.8 2.8 0 0 0-.3.5V42H106v11.5h2.6V48a5.2 5.2 0 0 1 .3-1.6 3.6 3.6 0 0 1 .6-1.2 2.7 2.7 0 0 1 1-.8 3.1 3.1 0 0 1 1.7-.2l.5.1v-2.6h-.3\" data-name=\"Path 5669\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"M122.1 43.3a3.2 3.2 0 0 0-.6-.6 4.3 4.3 0 0 0-1-.6 4.8 4.8 0 0 0-1-.3 5.4 5.4 0 0 0-3 .2 4.4 4.4 0 0 0-1.6 1 5.4 5.4 0 0 0-1.1 2 7.7 7.7 0 0 0-.4 2.6 8.5 8.5 0 0 0 .3 2.4 5.6 5.6 0 0 0 1 2 4.8 4.8 0 0 0 1.7 1.3 5.5 5.5 0 0 0 2.4.5 5.1 5.1 0 0 0 2-.5 3 3 0 0 0 1.4-1.2v1.4h2.6V38.3H122Zm-3 8.3a2.8 2.8 0 0 1-1.4-.3 2.8 2.8 0 0 1-1-.8 3.8 3.8 0 0 1-.5-1.3 5.4 5.4 0 0 1-.2-1.4 6.8 6.8 0 0 1 .2-1.4 3.9 3.9 0 0 1 .5-1.3 3 3 0 0 1 1-1 2.8 2.8 0 0 1 1.4-.3 2.7 2.7 0 0 1 2.3 1 4.5 4.5 0 0 1 .8 3 5.7 5.7 0 0 1-.2 1.4 4.1 4.1 0 0 1-.6 1.2 2.9 2.9 0 0 1-1 .9 2.7 2.7 0 0 1-1.3.3\" data-name=\"Path 5670\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"m137.8 50.3-2-8.3h-2.6l-2.1 8.3-2.2-8.3h-2.8l3.5 11.4h2.8l2-8.2 2 8.2H139.3l3.6-11.4h-2.7Z\" data-name=\"Path 5671\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"M144 38.3h2.8v2.5H144z\" data-name=\"Rectangle 17828\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"M144 42h2.8v11.5H144z\" data-name=\"Rectangle 17829\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"M149.2 54.2a3.6 3.6 0 0 1-.2 1.3c0 .2-.3.3-.8.3a4.5 4.5 0 0 1-.8 0v2l.5.2h.6a3.1 3.1 0 0 0 2.6-1 4.2 4.2 0 0 0 .7-2.6V42h-2.6Z\" data-name=\"Path 5672\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"M149.2 38.3h2.7v2.5h-2.7z\" data-name=\"Rectangle 17830\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"m160.2 46.2 4.4-4.2h-3.3l-4.4 4.4v-8h-2.7v15h2.7v-4l1.4-1.4 3.4 5.4h3.3Z\" data-name=\"Path 5673\"%3E%3C/path%3E%3Cpath fill=\"%23111A64\" d=\"M75.2 40v9l-6.7-9h-4.3v1.7l1.4.3v11.5h2.8v-9l6.6 9h3V40Z\" data-name=\"Path 5674\"%3E%3C/path%3E%3Cpath fill=\"%232C2276\" d=\"m50.7 0-9.2 19.6 10 13.3V16.7h9.2L64.8 0Z\" data-name=\"Path 5675\"%3E%3C/path%3E%3Cpath fill=\"%232C2276\" d=\"M39.2 36.9v16.7H25.5l-5.3 11.2a16.6 16.6 0 0 0 3.2 1.6l1.4.4 22 5.9 4-16 .8-3.3Z\" data-name=\"Path 5676\"%3E%3C/path%3E%3Cpath fill=\"%23007C4C\" d=\"m39.6 17 1.3 1.9L50 0h-1.6Z\" data-name=\"Path 5677\"%3E%3C/path%3E%3Cpath fill=\"%23007C4C\" d=\"M24.6 52.7v-6.5l-8 15.6a16.7 16.7 0 0 0 2.6 2.3Z\" data-name=\"Path 5678\"%3E%3C/path%3E%3Cpath fill=\"%23FFD66F\" d=\"M38.3 16.7h-2.4L45.2 0h2Z\" data-name=\"Path 5679\"%3E%3C/path%3E%3Cpath fill=\"%23FFD66F\" d=\"m24.6 36.9-11 20a16.5 16.5 0 0 0 1.6 3.1l9.4-17.7Z\" data-name=\"Path 5680\"%3E%3C/path%3E%3Cpath fill=\"%236096C7\" d=\"M24.6 24.7 19 23.2v-6.5h14.7L43.4 0H5.6v6.5l6.8 1.8V51a16.9 16.9 0 0 0 .1 1.8L24.6 32Z\" data-name=\"Path 5681\"%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E')" } }, - "footer": { "inline-size": { "value": "" }, "block-size": { "value": "" }, diff --git a/municipalities/noordwijk-design-tokens/src/component/conduction/tooltip.tokens.json b/municipalities/noordwijk-design-tokens/src/component/conduction/tooltip.tokens.json new file mode 100644 index 00000000..d4ea908e --- /dev/null +++ b/municipalities/noordwijk-design-tokens/src/component/conduction/tooltip.tokens.json @@ -0,0 +1,18 @@ +{ + "conduction": { + "tooltip": { + "background-color": { "value": "{noordwijk.color.black.0}" }, + "color": { "value": "{noordwijk.color.white.100}" }, + "padding-block-start": { "value": "{noordwijk.size.xs}" }, + "padding-block-end": { "value": "{noordwijk.size.xs}" }, + "padding-inline-start": { "value": "{noordwijk.size.sm}" }, + "padding-inline-end": { "value": "{noordwijk.size.sm}" }, + "border-width": { "value": "0px" }, + "border-style": { "value": "unset" }, + "border-color": { "value": "unset" }, + "border-radius": { "value": "0px" }, + "opacity": { "value": "1" }, + "z-index": { "value": "9999" } + } + } +} diff --git a/municipalities/open-webconcept-design-tokens/src/component/conduction/logo.tokens.json b/municipalities/open-webconcept-design-tokens/src/component/conduction/logo.tokens.json index 49266be4..bc47c122 100644 --- a/municipalities/open-webconcept-design-tokens/src/component/conduction/logo.tokens.json +++ b/municipalities/open-webconcept-design-tokens/src/component/conduction/logo.tokens.json @@ -8,7 +8,6 @@ "value": "url('https://openwebconcept.nl/wp-content/themes/openwebconcept/assets/src/images/logo@2x.png')" } }, - "footer": { "inline-size": { "value": "300px" }, "block-size": { "value": "109px" }, diff --git a/municipalities/open-webconcept-design-tokens/src/component/conduction/tooltip.tokens.json b/municipalities/open-webconcept-design-tokens/src/component/conduction/tooltip.tokens.json new file mode 100644 index 00000000..d2d7ba18 --- /dev/null +++ b/municipalities/open-webconcept-design-tokens/src/component/conduction/tooltip.tokens.json @@ -0,0 +1,18 @@ +{ + "conduction": { + "tooltip": { + "background-color": { "value": "{open-webconcept.color.black.0}" }, + "color": { "value": "{open-webconcept.color.white.100}" }, + "padding-block-start": { "value": "{open-webconcept.size.xs}" }, + "padding-block-end": { "value": "{open-webconcept.size.xs}" }, + "padding-inline-start": { "value": "{open-webconcept.size.sm}" }, + "padding-inline-end": { "value": "{open-webconcept.size.sm}" }, + "border-width": { "value": "0px" }, + "border-style": { "value": "unset" }, + "border-color": { "value": "unset" }, + "border-radius": { "value": "0px" }, + "opacity": { "value": "1" }, + "z-index": { "value": "9999" } + } + } +} diff --git a/municipalities/rotterdam-design-tokens/src/component/conduction/logo.tokens.json b/municipalities/rotterdam-design-tokens/src/component/conduction/logo.tokens.json index 1017c431..0809ca54 100644 --- a/municipalities/rotterdam-design-tokens/src/component/conduction/logo.tokens.json +++ b/municipalities/rotterdam-design-tokens/src/component/conduction/logo.tokens.json @@ -6,7 +6,6 @@ "block-size": { "value": "44px" }, "background-image": { "value": "url('https://www.rotterdam.nl/images/logo-base.svg')" } }, - "footer": { "inline-size": { "value": "240px" }, "block-size": { "value": "48px" }, diff --git a/municipalities/rotterdam-design-tokens/src/component/conduction/tooltip.tokens.json b/municipalities/rotterdam-design-tokens/src/component/conduction/tooltip.tokens.json new file mode 100644 index 00000000..78bb0d95 --- /dev/null +++ b/municipalities/rotterdam-design-tokens/src/component/conduction/tooltip.tokens.json @@ -0,0 +1,18 @@ +{ + "conduction": { + "tooltip": { + "background-color": { "value": "var(--rotterdam-color-base-black)" }, + "color": { "value": "var(--rotterdam-color-base-white)" }, + "padding-block-start": { "value": "8px" }, + "padding-block-end": { "value": "8px" }, + "padding-inline-start": { "value": "14px" }, + "padding-inline-end": { "value": "14px" }, + "border-width": { "value": "0px" }, + "border-style": { "value": "unset" }, + "border-color": { "value": "unset" }, + "border-radius": { "value": "0px" }, + "opacity": { "value": "1" }, + "z-index": { "value": "9999" } + } + } +} diff --git a/municipalities/tubbergen-design-tokens/src/component/conduction/logo.tokens.json b/municipalities/tubbergen-design-tokens/src/component/conduction/logo.tokens.json index 18b5ff30..690897d2 100644 --- a/municipalities/tubbergen-design-tokens/src/component/conduction/logo.tokens.json +++ b/municipalities/tubbergen-design-tokens/src/component/conduction/logo.tokens.json @@ -6,7 +6,6 @@ "block-size": { "value": "36px" }, "background-image": { "value": "url('https://www.tubbergen.nl/sites/all/themes/tubbergen/logo.svg')" } }, - "footer": { "inline-size": { "value": "" }, "block-size": { "value": "" }, diff --git a/municipalities/tubbergen-design-tokens/src/component/conduction/tooltip.tokens.json b/municipalities/tubbergen-design-tokens/src/component/conduction/tooltip.tokens.json new file mode 100644 index 00000000..11ab8bde --- /dev/null +++ b/municipalities/tubbergen-design-tokens/src/component/conduction/tooltip.tokens.json @@ -0,0 +1,18 @@ +{ + "conduction": { + "tooltip": { + "background-color": { "value": "{tubbergen.color.black.0}" }, + "color": { "value": "{tubbergen.color.white.100}" }, + "padding-block-start": { "value": "{tubbergen.size.xs}" }, + "padding-block-end": { "value": "{tubbergen.size.xs}" }, + "padding-inline-start": { "value": "{tubbergen.size.sm}" }, + "padding-inline-end": { "value": "{tubbergen.size.sm}" }, + "border-width": { "value": "0px" }, + "border-style": { "value": "unset" }, + "border-color": { "value": "unset" }, + "border-radius": { "value": "0px" }, + "opacity": { "value": "1" }, + "z-index": { "value": "9999" } + } + } +} diff --git a/municipalities/xxllnc-design-tokens/src/brand/xxllnc/color.tokens.json b/municipalities/xxllnc-design-tokens/src/brand/xxllnc/color.tokens.json index f9a43fbe..5944cdab 100644 --- a/municipalities/xxllnc-design-tokens/src/brand/xxllnc/color.tokens.json +++ b/municipalities/xxllnc-design-tokens/src/brand/xxllnc/color.tokens.json @@ -35,6 +35,9 @@ } }, "black": { + "0": { + "value": "#000000" + }, "0-22t": { "value": "#00000038", "comment": "Black with 22% transparency" diff --git a/municipalities/xxllnc-design-tokens/src/component/conduction/logo.tokens.json b/municipalities/xxllnc-design-tokens/src/component/conduction/logo.tokens.json index 38c06e7f..dab017d5 100644 --- a/municipalities/xxllnc-design-tokens/src/component/conduction/logo.tokens.json +++ b/municipalities/xxllnc-design-tokens/src/component/conduction/logo.tokens.json @@ -8,7 +8,6 @@ "value": "url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjIuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNzUuNCA0Mi4yIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNzUuNCA0Mi4yOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGQ9Ik03OC4zLDQwLjdoNy4yVjAuNGgtNy4yVjQwLjd6IE05NC44LDQwLjdoNy4yVjAuNGgtNy4yVjQwLjd6IE02NC41LDkuNEw1My40LDIwLjhsLTExLTExLjRsLTQuOCw0LjlsMTEuMSwxMS40TDM3LjYsMzcuMQoJbDQuOCw0LjlsMTEuMS0xMS40bDExLDExLjRsNC44LTQuOUw1OC4yLDI1LjdsMTEuMS0xMS40TDY0LjUsOS40eiBNMjcuMiw5LjRMMTYuMSwyMC44TDUuMSw5LjRsLTQuOCw0LjlsMTEuMSwxMS40TDAuMywzNy4xTDUuMSw0MgoJbDExLjEtMTEuNGwxMSwxMS40bDQuOC00LjlMMjAuOSwyNS43TDMyLDE0LjNMMjcuMiw5LjR6IE0xMjQuOCwxMC43Yy04LjIsMC0xNC4zLDUuMi0xNC4zLDE0LjF2MTUuOWg3LjJWMjVjMC00LjgsMy03LjMsNy4xLTcuMwoJczcuMSwyLjYsNy4xLDcuM3YxNS44aDcuMnYtMTZDMTM5LjEsMTUuOCwxMzMsMTAuNywxMjQuOCwxMC43eiBNMTYwLjQsMzQuOGMtNC41LDAtOC4yLTMuOS04LjItOC44YzAtNC44LDMuNy04LjgsOC4yLTguOAoJYzMuNCwwLDYuMywyLjIsNy41LDUuM2g3LjJjLTEuMy03LTcuMS0xMS44LTE0LjYtMTEuOGMtOC44LDAtMTUuMiw2LjUtMTUuMiwxNS40YzAsOC44LDYuNCwxNS4zLDE1LjIsMTUuMwoJYzcuNSwwLDEzLjMtNC44LDE0LjYtMTEuN2gtNy4yQzE2Ni42LDMyLjYsMTYzLjcsMzQuOCwxNjAuNCwzNC44eiIvPgo8L3N2Zz4K')" } }, - "footer": { "inline-size": { "value": "120px" }, "block-size": { "value": "100px" }, diff --git a/municipalities/xxllnc-design-tokens/src/component/conduction/tooltip.tokens.json b/municipalities/xxllnc-design-tokens/src/component/conduction/tooltip.tokens.json new file mode 100644 index 00000000..15dd0181 --- /dev/null +++ b/municipalities/xxllnc-design-tokens/src/component/conduction/tooltip.tokens.json @@ -0,0 +1,18 @@ +{ + "conduction": { + "tooltip": { + "background-color": { "value": "{xxllnc.color.black.0}" }, + "color": { "value": "{xxllnc.color.white.100}" }, + "padding-block-start": { "value": "{xxllnc.size.xs}" }, + "padding-block-end": { "value": "{xxllnc.size.xs}" }, + "padding-inline-start": { "value": "{xxllnc.size.sm}" }, + "padding-inline-end": { "value": "{xxllnc.size.sm}" }, + "border-width": { "value": "0px" }, + "border-style": { "value": "unset" }, + "border-color": { "value": "unset" }, + "border-radius": { "value": "0px" }, + "opacity": { "value": "1" }, + "z-index": { "value": "9999" } + } + } +} From 6975b0e88785f411849bfcea6cf864950bc22e04 Mon Sep 17 00:00:00 2001 From: Remko Date: Wed, 8 Nov 2023 14:47:30 +0100 Subject: [PATCH 04/40] commonground innit --- .../commonground-design-tokens/LICENSE.md | 17 +++++++++ .../commonground-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 ++++ .../commonground-design-tokens/package.json | 37 +++++++++++++++++++ .../src/brand/commonground/color.tokens.json | 33 +++++++++++++++++ .../src/common/utrecht/action.tokens.json | 9 +++++ .../component/utrecht/document.tokens.json | 12 ++++++ .../style-dictionary.config.js | 6 +++ .../dimpact-design-tokens/package.json | 2 +- package.json | 3 +- 13 files changed, 169 insertions(+), 2 deletions(-) create mode 100644 municipalities/commonground-design-tokens/LICENSE.md create mode 100644 municipalities/commonground-design-tokens/README.md create mode 100644 municipalities/commonground-design-tokens/documentation/color.stories.mdx create mode 100644 municipalities/commonground-design-tokens/documentation/components.stories.mdx create mode 100644 municipalities/commonground-design-tokens/documentation/design-tokens.stories.mdx create mode 100644 municipalities/commonground-design-tokens/documentation/readme.stories.mdx create mode 100644 municipalities/commonground-design-tokens/package.json create mode 100644 municipalities/commonground-design-tokens/src/brand/commonground/color.tokens.json create mode 100644 municipalities/commonground-design-tokens/src/common/utrecht/action.tokens.json create mode 100644 municipalities/commonground-design-tokens/src/component/utrecht/document.tokens.json create mode 100644 municipalities/commonground-design-tokens/style-dictionary.config.js diff --git a/municipalities/commonground-design-tokens/LICENSE.md b/municipalities/commonground-design-tokens/LICENSE.md new file mode 100644 index 00000000..0ea64bea --- /dev/null +++ b/municipalities/commonground-design-tokens/LICENSE.md @@ -0,0 +1,17 @@ +# Auteursrecht CommonGround + +Copyright (c) 2023 CommonGround + +## Logo en huisstijl + +Op het huisstijl en logo zijn auteursrechten van toepassing. Het gebruik van logo en huisstijl is alleen toegestaan voor gebruik door CommonGround. + +Wanneer je een bewerking van de software wilt gebruiken voor andere doeleinden, mag je niet het logo van CommonGround 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 CommonGround. diff --git a/municipalities/commonground-design-tokens/README.md b/municipalities/commonground-design-tokens/README.md new file mode 100644 index 00000000..fcaed805 --- /dev/null +++ b/municipalities/commonground-design-tokens/README.md @@ -0,0 +1,3 @@ +# NL Design System design tokens CommonGround + +These tokens have been obtained by analysing the [website of CommonGround](https://commonground.nl/). diff --git a/municipalities/commonground-design-tokens/documentation/color.stories.mdx b/municipalities/commonground-design-tokens/documentation/color.stories.mdx new file mode 100644 index 00000000..a73309c2 --- /dev/null +++ b/municipalities/commonground-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/commonground-design-tokens/documentation/components.stories.mdx b/municipalities/commonground-design-tokens/documentation/components.stories.mdx new file mode 100644 index 00000000..2087d8da --- /dev/null +++ b/municipalities/commonground-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/commonground-design-tokens/documentation/design-tokens.stories.mdx b/municipalities/commonground-design-tokens/documentation/design-tokens.stories.mdx new file mode 100644 index 00000000..7512b498 --- /dev/null +++ b/municipalities/commonground-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/commonground-design-tokens/documentation/readme.stories.mdx b/municipalities/commonground-design-tokens/documentation/readme.stories.mdx new file mode 100644 index 00000000..86a2203b --- /dev/null +++ b/municipalities/commonground-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/commonground-design-tokens/package.json b/municipalities/commonground-design-tokens/package.json new file mode 100644 index 00000000..ddac8fea --- /dev/null +++ b/municipalities/commonground-design-tokens/package.json @@ -0,0 +1,37 @@ +{ + "version": "1.0.0-alpha.1", + "author": "Community for NL Design System", + "description": "NL Design System design tokens for CommonGround", + "website": "https://commonground.nl/", + "keywords": ["nl-design-system", "conduction"], + "license": "SEE LICENSE IN LICENSE.md", + "name": "@nl-design-system-unstable/commonground-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": { + "@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/commonground-design-tokens/src/brand/commonground/color.tokens.json b/municipalities/commonground-design-tokens/src/brand/commonground/color.tokens.json new file mode 100644 index 00000000..f9f49717 --- /dev/null +++ b/municipalities/commonground-design-tokens/src/brand/commonground/color.tokens.json @@ -0,0 +1,33 @@ +{ + "commonground": { + "color": { + "primary": {}, + "primary-hover": {}, + "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": {}, + "alert-info": { "value": "#004085" }, + "alert-info-background": { "value": "#cce5ff" }, + + "white": { + "100": { + "value": "#ffffff", + "comment": "Base/White" + } + }, + "black": { + "0": { + "value": "#000000", + "comment": "Base/Black" + } + } + } + } +} diff --git a/municipalities/commonground-design-tokens/src/common/utrecht/action.tokens.json b/municipalities/commonground-design-tokens/src/common/utrecht/action.tokens.json new file mode 100644 index 00000000..e437f13d --- /dev/null +++ b/municipalities/commonground-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/commonground-design-tokens/src/component/utrecht/document.tokens.json b/municipalities/commonground-design-tokens/src/component/utrecht/document.tokens.json new file mode 100644 index 00000000..b9967710 --- /dev/null +++ b/municipalities/commonground-design-tokens/src/component/utrecht/document.tokens.json @@ -0,0 +1,12 @@ +{ + "utrecht": { + "document": { + "background-color": {}, + "color": {}, + "font-family": {}, + "font-size": {}, + "font-weight": {}, + "line-height": {} + } + } +} diff --git a/municipalities/commonground-design-tokens/style-dictionary.config.js b/municipalities/commonground-design-tokens/style-dictionary.config.js new file mode 100644 index 00000000..84c1e408 --- /dev/null +++ b/municipalities/commonground-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/municipalities/dimpact-design-tokens/package.json b/municipalities/dimpact-design-tokens/package.json index 23987f94..558a2c65 100644 --- a/municipalities/dimpact-design-tokens/package.json +++ b/municipalities/dimpact-design-tokens/package.json @@ -5,7 +5,7 @@ "website": "https://www.dimpact.nl/", "keywords": ["nl-design-system", "conduction"], "license": "SEE LICENSE IN LICENSE.md", - "name": "@nl-design-system-unstable/open-webconcept-design-tokens", + "name": "@nl-design-system-unstable/dimpact-design-tokens", "private": false, "publishConfig": { "access": "public" diff --git a/package.json b/package.json index 1af50452..f511c52c 100644 --- a/package.json +++ b/package.json @@ -19,7 +19,8 @@ "build:noaberkracht": "cd ./municipalities/noaberkracht-design-tokens && npm run build", "build:rotterdam": "cd ./municipalities/rotterdam-design-tokens && npm run build-all", "build:open-webconcept": "cd ./municipalities/open-webconcept-design-tokens && npm run build", - "build:dimpact": "cd ./municipalities/dimpact-design-tokens && npm run build" + "build:dimpact": "cd ./municipalities/dimpact-design-tokens && npm run build", + "build:commonground": "cd ./municipalities/commonground-design-tokens && npm run build" }, "dependencies": { "@nl-design-system-unstable/rotterdam-design-tokens": "^1.0.0-alpha.100" }, "author": "", From 6138349f2650dd0fbf26206762797a3079fe5f23 Mon Sep 17 00:00:00 2001 From: Remko Date: Wed, 8 Nov 2023 14:56:42 +0100 Subject: [PATCH 05/40] added size tokens --- .../src/brand/commonground/size.tokens.json | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) create mode 100644 municipalities/commonground-design-tokens/src/brand/commonground/size.tokens.json diff --git a/municipalities/commonground-design-tokens/src/brand/commonground/size.tokens.json b/municipalities/commonground-design-tokens/src/brand/commonground/size.tokens.json new file mode 100644 index 00000000..53298907 --- /dev/null +++ b/municipalities/commonground-design-tokens/src/brand/commonground/size.tokens.json @@ -0,0 +1,17 @@ +{ + "commonground": { + "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 91ea829d46bccdc46258ee0657b08367d0134418 Mon Sep 17 00:00:00 2001 From: Remko Date: Wed, 8 Nov 2023 14:59:25 +0100 Subject: [PATCH 06/40] commonground innit 2 --- .../src/config.json | 48 +++++++++++++++++++ .../commonground-design-tokens/src/index.scss | 7 +++ 2 files changed, 55 insertions(+) create mode 100644 municipalities/commonground-design-tokens/src/config.json create mode 100644 municipalities/commonground-design-tokens/src/index.scss diff --git a/municipalities/commonground-design-tokens/src/config.json b/municipalities/commonground-design-tokens/src/config.json new file mode 100644 index 00000000..7ae20de7 --- /dev/null +++ b/municipalities/commonground-design-tokens/src/config.json @@ -0,0 +1,48 @@ +{ + "fullName": "CommonGround", + "name": "CommonGround", + "prefix": "commonground", + "npm": "@nl-design-system-unstable/commonground-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-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-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-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/commonground-design-tokens/src/index.scss b/municipalities/commonground-design-tokens/src/index.scss new file mode 100644 index 00000000..cd5978ad --- /dev/null +++ b/municipalities/commonground-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"; From b1dadfffe86a594e6551a22e66e936b52a0102be Mon Sep 17 00:00:00 2001 From: Remko Date: Wed, 8 Nov 2023 15:00:18 +0100 Subject: [PATCH 07/40] added font-size tokens --- .../brand/commonground/font-size.tokens.json | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) create mode 100644 municipalities/commonground-design-tokens/src/brand/commonground/font-size.tokens.json diff --git a/municipalities/commonground-design-tokens/src/brand/commonground/font-size.tokens.json b/municipalities/commonground-design-tokens/src/brand/commonground/font-size.tokens.json new file mode 100644 index 00000000..cfb730b2 --- /dev/null +++ b/municipalities/commonground-design-tokens/src/brand/commonground/font-size.tokens.json @@ -0,0 +1,17 @@ +{ + "conduction": { + "font-size": { + "4xs": { "value": "5px" }, + "3xs": { "value": "8px" }, + "2xs": { "value": "10px" }, + "xs": { "value": "12px" }, + "sm": { "value": "14px" }, + "md": { "value": "16px" }, + "lg": { "value": "20px" }, + "xl": { "value": "24px" }, + "2xl": { "value": "30px" }, + "3xl": { "value": "48px" }, + "4xl": { "value": "58px" } + } + } +} From 0cb17d10de1066833188383ed5377c690e7744b7 Mon Sep 17 00:00:00 2001 From: Remko Date: Wed, 8 Nov 2023 15:07:58 +0100 Subject: [PATCH 08/40] added typography tokens --- .../brand/commonground/typography.tokens.json | 45 ++++++++++++++++++ .../commonground-design-tokens/src/font.scss | 7 +++ ...webtext-regular-webfont.b64ae9c9e044.woff2 | Bin 0 -> 22768 bytes .../commonground-design-tokens/src/index.scss | 1 + 4 files changed, 53 insertions(+) create mode 100644 municipalities/commonground-design-tokens/src/brand/commonground/typography.tokens.json create mode 100644 municipalities/commonground-design-tokens/src/font.scss create mode 100644 municipalities/commonground-design-tokens/src/font/rijksoverheidsanswebtext-regular-webfont.b64ae9c9e044.woff2 diff --git a/municipalities/commonground-design-tokens/src/brand/commonground/typography.tokens.json b/municipalities/commonground-design-tokens/src/brand/commonground/typography.tokens.json new file mode 100644 index 00000000..04621da6 --- /dev/null +++ b/municipalities/commonground-design-tokens/src/brand/commonground/typography.tokens.json @@ -0,0 +1,45 @@ +{ + "commonground": { + "typography": { + "aldritch": { + "font-family": { + "value": "\"Rijksoverheid Sans\", Monospace, \"Noto Sans\", Arial, sans-serif" + } + }, + "sans-serif": { + "font-family": { + "value": "\"Rijksoverheid Sans\", Monospace, Arial, sans-serif" + } + }, + "monospace": { + "font-family": { + "value": "Monospace, \"Lucida Console\"" + } + }, + "font-weight": { + "bold": { + "value": "700" + }, + "normal": { + "value": "400" + }, + "light": { + "value": "100" + } + }, + "scale": { + "4xs": { "value": "{commonground.font-size.4xs}" }, + "3xs": { "value": "{commonground.font-size.3xs}" }, + "2xs": { "value": "{commonground.font-size.2xs}" }, + "xs": { "value": "{commonground.font-size.xs}" }, + "sm": { "value": "{commonground.font-size.sm}" }, + "md": { "value": "{commonground.font-size.md}" }, + "lg": { "value": "{commonground.font-size.lg}" }, + "xl": { "value": "{commonground.font-size.xl}" }, + "2xl": { "value": "{commonground.font-size.2xl}" }, + "3xl": { "value": "{commonground.font-size.3xl}" }, + "4xl": { "value": "{commonground.font-size.4xl}" } + } + } + } +} diff --git a/municipalities/commonground-design-tokens/src/font.scss b/municipalities/commonground-design-tokens/src/font.scss new file mode 100644 index 00000000..8b881d44 --- /dev/null +++ b/municipalities/commonground-design-tokens/src/font.scss @@ -0,0 +1,7 @@ +/* Place any @font-face definitions here */ + +@font-face { + font-family: "Rijksoverheid Sans"; + src: url("../src/font/rijksoverheidsanswebtext-regular-webfont.b64ae9c9e044.woff2") + format("woff2"); +} diff --git a/municipalities/commonground-design-tokens/src/font/rijksoverheidsanswebtext-regular-webfont.b64ae9c9e044.woff2 b/municipalities/commonground-design-tokens/src/font/rijksoverheidsanswebtext-regular-webfont.b64ae9c9e044.woff2 new file mode 100644 index 0000000000000000000000000000000000000000..cd0e78dc225297c764ebe6fa0c1f48e66888097d GIT binary patch literal 22768 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 H{nsA>{(w_k literal 0 HcmV?d00001 diff --git a/municipalities/commonground-design-tokens/src/index.scss b/municipalities/commonground-design-tokens/src/index.scss index cd5978ad..d3ccf5f9 100644 --- a/municipalities/commonground-design-tokens/src/index.scss +++ b/municipalities/commonground-design-tokens/src/index.scss @@ -5,3 +5,4 @@ */ @import "./design-tokens.css"; +@import "./font.css"; From cabd146f78eaef315f43ab96d6b59b346d76784a Mon Sep 17 00:00:00 2001 From: Remko Date: Wed, 8 Nov 2023 15:08:32 +0100 Subject: [PATCH 09/40] added typography tokens --- .../src/brand/commonground/font-size.tokens.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/municipalities/commonground-design-tokens/src/brand/commonground/font-size.tokens.json b/municipalities/commonground-design-tokens/src/brand/commonground/font-size.tokens.json index cfb730b2..ea78a84d 100644 --- a/municipalities/commonground-design-tokens/src/brand/commonground/font-size.tokens.json +++ b/municipalities/commonground-design-tokens/src/brand/commonground/font-size.tokens.json @@ -1,5 +1,5 @@ { - "conduction": { + "commonground": { "font-size": { "4xs": { "value": "5px" }, "3xs": { "value": "8px" }, From ff7de9ab2eb4a0d417af36c5321ba5688e0f344b Mon Sep 17 00:00:00 2001 From: Remko Date: Wed, 8 Nov 2023 15:09:35 +0100 Subject: [PATCH 10/40] added space tokens --- .../src/common/utrecht/space.tokens.json | 28 +++++++++++++++++++ 1 file changed, 28 insertions(+) create mode 100644 municipalities/commonground-design-tokens/src/common/utrecht/space.tokens.json diff --git a/municipalities/commonground-design-tokens/src/common/utrecht/space.tokens.json b/municipalities/commonground-design-tokens/src/common/utrecht/space.tokens.json new file mode 100644 index 00000000..7a82dc36 --- /dev/null +++ b/municipalities/commonground-design-tokens/src/common/utrecht/space.tokens.json @@ -0,0 +1,28 @@ +{ + "utrecht": { + "space": { + "block": { + "3xs": { "value": "{commonground.size.3xs}" }, + "2xs": { "value": "{commonground.size.2xs}" }, + "xs": { "value": "{commonground.size.xs}" }, + "sm": { "value": "{commonground.size.sm}" }, + "md": { "value": "{commonground.size.md}" }, + "lg": { "value": "{commonground.size.lg}" }, + "xl": { "value": "{commonground.size.xl}" }, + "2xl": { "value": "{commonground.size.2xl}" }, + "3xl": { "value": "{commonground.size.3xl}" } + }, + "inline": { + "3xs": { "value": "{commonground.size.3xs}" }, + "2xs": { "value": "{commonground.size.2xs}" }, + "xs": { "value": "{commonground.size.xs}" }, + "sm": { "value": "{commonground.size.sm}" }, + "md": { "value": "{commonground.size.md}" }, + "lg": { "value": "{commonground.size.lg}" }, + "xl": { "value": "{commonground.size.xl}" }, + "2xl": { "value": "{commonground.size.2xl}" }, + "3xl": { "value": "{commonground.size.3xl}" } + } + } + } +} From cbd3efaf7040bf53f1d38377dac944533ba495b6 Mon Sep 17 00:00:00 2001 From: Remko Date: Wed, 8 Nov 2023 15:11:03 +0100 Subject: [PATCH 11/40] added page tokens --- .../src/component/utrecht/page.tokens.json | 11 +++++++++++ 1 file changed, 11 insertions(+) create mode 100644 municipalities/commonground-design-tokens/src/component/utrecht/page.tokens.json diff --git a/municipalities/commonground-design-tokens/src/component/utrecht/page.tokens.json b/municipalities/commonground-design-tokens/src/component/utrecht/page.tokens.json new file mode 100644 index 00000000..ab0540ea --- /dev/null +++ b/municipalities/commonground-design-tokens/src/component/utrecht/page.tokens.json @@ -0,0 +1,11 @@ +{ + "utrecht": { + "page": { + "background-color": {}, + "color": {}, + "margin-inline-start": { "value": "{commonground.size.lg}" }, + "margin-inline-end": { "value": "{commonground.size.lg}" }, + "max-inline-size": { "value": "1140px" } + } + } +} From a35457f338979c1d179838c3f3c4d4437ff917bd Mon Sep 17 00:00:00 2001 From: Remko Date: Wed, 8 Nov 2023 15:13:55 +0100 Subject: [PATCH 12/40] added document tokens --- .../src/brand/commonground/color.tokens.json | 3 +++ .../src/component/utrecht/document.tokens.json | 8 ++++---- 2 files changed, 7 insertions(+), 4 deletions(-) diff --git a/municipalities/commonground-design-tokens/src/brand/commonground/color.tokens.json b/municipalities/commonground-design-tokens/src/brand/commonground/color.tokens.json index f9f49717..f89bb32c 100644 --- a/municipalities/commonground-design-tokens/src/brand/commonground/color.tokens.json +++ b/municipalities/commonground-design-tokens/src/brand/commonground/color.tokens.json @@ -20,6 +20,9 @@ "100": { "value": "#ffffff", "comment": "Base/White" + }, + "96": { + "value": "f5f5f5" } }, "black": { diff --git a/municipalities/commonground-design-tokens/src/component/utrecht/document.tokens.json b/municipalities/commonground-design-tokens/src/component/utrecht/document.tokens.json index b9967710..1264a48d 100644 --- a/municipalities/commonground-design-tokens/src/component/utrecht/document.tokens.json +++ b/municipalities/commonground-design-tokens/src/component/utrecht/document.tokens.json @@ -1,10 +1,10 @@ { "utrecht": { "document": { - "background-color": {}, - "color": {}, - "font-family": {}, - "font-size": {}, + "background-color": { "value": "{commonground.color.white.96}" }, + "color": { "value": "{commonground.color.black.0}" }, + "font-family": { "value": "{commonground.typography.sans-serif.font-family}" }, + "font-size": { "value": "{commonground.font-size.md}" }, "font-weight": {}, "line-height": {} } From 1fb7ed6bd228dc0d3faf8254a13c2169570b8bf2 Mon Sep 17 00:00:00 2001 From: Remko Date: Wed, 8 Nov 2023 15:14:39 +0100 Subject: [PATCH 13/40] added surface tokens --- .../src/component/utrecht/surface.tokens.json | 8 ++++++++ 1 file changed, 8 insertions(+) create mode 100644 municipalities/commonground-design-tokens/src/component/utrecht/surface.tokens.json diff --git a/municipalities/commonground-design-tokens/src/component/utrecht/surface.tokens.json b/municipalities/commonground-design-tokens/src/component/utrecht/surface.tokens.json new file mode 100644 index 00000000..73705de5 --- /dev/null +++ b/municipalities/commonground-design-tokens/src/component/utrecht/surface.tokens.json @@ -0,0 +1,8 @@ +{ + "utrecht": { + "surface": { + "background-color": { "value": "{commonground.color.white.96}" }, + "color": {} + } + } +} From 6deedc4b7641aba6407ee3e58ce981c6425ddbc7 Mon Sep 17 00:00:00 2001 From: Remko Date: Wed, 8 Nov 2023 15:23:07 +0100 Subject: [PATCH 14/40] added breadcrumbs tokens --- .../src/brand/commonground/color.tokens.json | 9 +++-- .../component/utrecht/breadcrumb.tokens.json | 35 +++++++++++++++++++ .../extra-tokens/breadcrumb.tokens.json | 22 ++++++++++++ 3 files changed, 64 insertions(+), 2 deletions(-) create mode 100644 municipalities/commonground-design-tokens/src/component/utrecht/breadcrumb.tokens.json create mode 100644 municipalities/commonground-design-tokens/src/component/utrecht/extra-tokens/breadcrumb.tokens.json diff --git a/municipalities/commonground-design-tokens/src/brand/commonground/color.tokens.json b/municipalities/commonground-design-tokens/src/brand/commonground/color.tokens.json index f89bb32c..1e588974 100644 --- a/municipalities/commonground-design-tokens/src/brand/commonground/color.tokens.json +++ b/municipalities/commonground-design-tokens/src/brand/commonground/color.tokens.json @@ -1,8 +1,8 @@ { "commonground": { "color": { - "primary": {}, - "primary-hover": {}, + "primary": { "value": "#ffbc2c" }, + "primary-hover": { "value": "#ffae00" }, "error": { "value": "#dc3545" }, "alert-error": { "value": "#721c24" }, "alert-error-background": { "value": "#f8d7da" }, @@ -30,6 +30,11 @@ "value": "#000000", "comment": "Base/Black" } + }, + "grey": { + "29": { + "value": "#4a4a4a" + } } } } diff --git a/municipalities/commonground-design-tokens/src/component/utrecht/breadcrumb.tokens.json b/municipalities/commonground-design-tokens/src/component/utrecht/breadcrumb.tokens.json new file mode 100644 index 00000000..60c09422 --- /dev/null +++ b/municipalities/commonground-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": {}, + "text-transform": {}, + "item": { + "padding-block-start": {}, + "padding-block-end": {}, + "padding-inline-end": {}, + "padding-inline-start": {} + }, + "link": { + "background-color": {}, + "color": { "value": "{commonground.color.primary}" }, + "focus": { + "background-color": {}, + "color": {} + }, + "current": { + "background-color": {}, + "color": { "value": "{commonground.color.grey.29}" } + } + }, + "separator": { + "inline-size": {}, + "color": { "value": "{commonground.color.black.0}" }, + "icon": { + "size": { "value": "{commonground.font-size.sm}" } + } + } + } + } +} diff --git a/municipalities/commonground-design-tokens/src/component/utrecht/extra-tokens/breadcrumb.tokens.json b/municipalities/commonground-design-tokens/src/component/utrecht/extra-tokens/breadcrumb.tokens.json new file mode 100644 index 00000000..fb8a439f --- /dev/null +++ b/municipalities/commonground-design-tokens/src/component/utrecht/extra-tokens/breadcrumb.tokens.json @@ -0,0 +1,22 @@ +{ + "utrecht": { + "breadcrumb-nav": { + "background-color": { "value": "{commonground.color.white.100}" }, + "border-radius": {}, + "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": "{commonground.color.grey.29}" } + }, + "hover": { + "background-color": {}, + "color": { "value": "{commonground.color.primary-hover}" } + } + } + } + } +} From 4b9aada3ac06a1671127807ed77878c5bef730fc Mon Sep 17 00:00:00 2001 From: Remko Date: Wed, 8 Nov 2023 15:30:57 +0100 Subject: [PATCH 15/40] added heading tokens --- .../src/brand/commonground/color.tokens.json | 10 +++- .../brand/commonground/typography.tokens.json | 2 +- .../src/component/utrecht/heading.tokens.json | 49 +++++++++++++++++++ 3 files changed, 58 insertions(+), 3 deletions(-) create mode 100644 municipalities/commonground-design-tokens/src/component/utrecht/heading.tokens.json diff --git a/municipalities/commonground-design-tokens/src/brand/commonground/color.tokens.json b/municipalities/commonground-design-tokens/src/brand/commonground/color.tokens.json index 1e588974..990059b7 100644 --- a/municipalities/commonground-design-tokens/src/brand/commonground/color.tokens.json +++ b/municipalities/commonground-design-tokens/src/brand/commonground/color.tokens.json @@ -15,7 +15,6 @@ "info": {}, "alert-info": { "value": "#004085" }, "alert-info-background": { "value": "#cce5ff" }, - "white": { "100": { "value": "#ffffff", @@ -33,7 +32,14 @@ }, "grey": { "29": { - "value": "#4a4a4a" + "value": "#4a4a4a", + "comment": "Base/Grey" + } + }, + "blue": { + "26": { + "value": "#2e4057", + "comment": "Base/Blue" } } } diff --git a/municipalities/commonground-design-tokens/src/brand/commonground/typography.tokens.json b/municipalities/commonground-design-tokens/src/brand/commonground/typography.tokens.json index 04621da6..5793134c 100644 --- a/municipalities/commonground-design-tokens/src/brand/commonground/typography.tokens.json +++ b/municipalities/commonground-design-tokens/src/brand/commonground/typography.tokens.json @@ -1,7 +1,7 @@ { "commonground": { "typography": { - "aldritch": { + "rijksoverheid-sans": { "font-family": { "value": "\"Rijksoverheid Sans\", Monospace, \"Noto Sans\", Arial, sans-serif" } diff --git a/municipalities/commonground-design-tokens/src/component/utrecht/heading.tokens.json b/municipalities/commonground-design-tokens/src/component/utrecht/heading.tokens.json new file mode 100644 index 00000000..f374ae59 --- /dev/null +++ b/municipalities/commonground-design-tokens/src/component/utrecht/heading.tokens.json @@ -0,0 +1,49 @@ +{ + "utrecht": { + "heading-1": { + "color": { "value": "{commonground.color.blue.26}" }, + "font-family": { "value": "{commonground.typography.rijksoverheid-sans.font-family}" }, + "font-size": { "value": "{commonground.font-size.2xl}" }, + "font-weight": { "value": "{commonground.typography.font-weight.bold}" }, + "line-height": {}, + "margin-block-end": { "value": "{commonground.size.xl}" }, + "margin-block-start": { "value": "{commonground.size.md}" } + }, + "heading-2": { + "color": {}, + "font-family": { "value": "{commonground.typography.rijksoverheid-sans.font-family}" }, + "font-size": { "value": "{commonground.font-size.xl}" }, + "font-weight": { "value": "{commonground.typography.font-weight.bold}" }, + "line-height": {}, + "margin-block-end": { "value": "{commonground.size.xl}" }, + "margin-block-start": { "value": "{commonground.size.md}" } + }, + "heading-3": { + "color": {}, + "font-family": { "value": "{commonground.typography.rijksoverheid-sans.font-family}" }, + "font-size": { "value": "{commonground.font-size.lg}" }, + "font-weight": { "value": "{commonground.typography.font-weight.normal}" }, + "line-height": {}, + "margin-block-end": { "value": "{commonground.size.lg}" }, + "margin-block-start": { "value": "{commonground.size.md}" } + }, + "heading-4": { + "color": {}, + "font-family": { "value": "{commonground.typography.rijksoverheid-sans.font-family}" }, + "font-size": { "value": "{commonground.font-size.md}" }, + "font-weight": { "value": "{commonground.typography.font-weight.normal}" }, + "line-height": {}, + "margin-block-end": { "value": "{commonground.size.md}" }, + "margin-block-start": { "value": "{commonground.size.md}" } + }, + "heading-5": { + "color": {}, + "font-family": { "value": "{commonground.typography.rijksoverheid-sans.font-family}" }, + "font-size": { "value": "{commonground.font-size.md}" }, + "font-weight": { "value": "{commonground.typography.font-weight.light}" }, + "line-height": {}, + "margin-block-end": { "value": "{commonground.size.lg}" }, + "margin-block-start": { "value": "{commonground.size.md}" } + } + } +} From bc1f00462cc8b4989cd1d323241416dcb973b865 Mon Sep 17 00:00:00 2001 From: Remko Date: Wed, 8 Nov 2023 15:32:41 +0100 Subject: [PATCH 16/40] 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/commonground-design-tokens/src/component/utrecht/alert.tokens.json create mode 100644 municipalities/commonground-design-tokens/src/component/utrecht/extra-tokens/alert.tokens.json diff --git a/municipalities/commonground-design-tokens/src/component/utrecht/alert.tokens.json b/municipalities/commonground-design-tokens/src/component/utrecht/alert.tokens.json new file mode 100644 index 00000000..373f62ff --- /dev/null +++ b/municipalities/commonground-design-tokens/src/component/utrecht/alert.tokens.json @@ -0,0 +1,46 @@ +{ + "utrecht": { + "alert": { + "background-color": { "value": "{commonground.color.alert-info-background}" }, + "border-color": {}, + "border-width": {}, + "color": { "value": "{commonground.color.alert-info}" }, + "padding-block-start": { "value": "{commonground.size.lg}" }, + "padding-block-end": { "value": "{commonground.size.lg}" }, + "padding-inline-start": { "value": "{commonground.size.lg}" }, + "padding-inline-end": { "value": "{commonground.size.lg}" }, + "margin-block-start": {}, + "margin-block-end": {}, + "warning": { + "background-color": { "value": "{commonground.color.alert-warning-background}" }, + "color": { "value": "{commonground.color.alert-warning}" }, + "border-color": {}, + "border-width": {} + }, + "error": { + "background-color": { "value": "{commonground.color.alert-error-background}" }, + "color": { "value": "{commonground.color.alert-error}" }, + "border-color": {}, + "border-width": {} + }, + "ok": { + "background-color": { "value": "{commonground.color.alert-succes-background}" }, + "color": { "value": "{commonground.color.alert-succes}" }, + "border-color": {}, + "border-width": {} + }, + "icon": { + "color": { "value": "{commonground.color.alert-info}" }, + "error": { + "color": { "value": "{commonground.color.alert-error}" } + }, + "warning": { + "color": { "value": "{commonground.color.alert-warning}" } + }, + "ok": { + "color": { "value": "{commonground.color.alert-succes}" } + } + } + } + } +} diff --git a/municipalities/commonground-design-tokens/src/component/utrecht/extra-tokens/alert.tokens.json b/municipalities/commonground-design-tokens/src/component/utrecht/extra-tokens/alert.tokens.json new file mode 100644 index 00000000..129d64b3 --- /dev/null +++ b/municipalities/commonground-design-tokens/src/component/utrecht/extra-tokens/alert.tokens.json @@ -0,0 +1,9 @@ +{ + "utrecht": { + "alert": { + "icon": { + "gap": { "value": "{commonground.size.xs}" } + } + } + } +} From 93e8b69e08d5eb3fe5e1194c2de063ebfd593022 Mon Sep 17 00:00:00 2001 From: Remko Date: Wed, 8 Nov 2023 15:37:10 +0100 Subject: [PATCH 17/40] added badge-counter tokens --- .../src/component/utrecht/badge-counter.tokens.json | 13 +++++++++++++ .../utrecht/extra-tokens/badge-counter.tokens.json | 11 +++++++++++ 2 files changed, 24 insertions(+) create mode 100644 municipalities/commonground-design-tokens/src/component/utrecht/badge-counter.tokens.json create mode 100644 municipalities/commonground-design-tokens/src/component/utrecht/extra-tokens/badge-counter.tokens.json diff --git a/municipalities/commonground-design-tokens/src/component/utrecht/badge-counter.tokens.json b/municipalities/commonground-design-tokens/src/component/utrecht/badge-counter.tokens.json new file mode 100644 index 00000000..1e5d2246 --- /dev/null +++ b/municipalities/commonground-design-tokens/src/component/utrecht/badge-counter.tokens.json @@ -0,0 +1,13 @@ +{ + "utrecht": { + "badge-counter": { + "background-color": { "value": "{commonground.color.primary}" }, + "border-radius": { "value": "50%" }, + "color": { "value": "{commonground.color.white.100}" }, + "font-size": { "value": "{utrecht.document.font-size}" }, + "font-weight": { "value": "{commonground.typography.font-weight.normal}" }, + "padding-block": { "value": "{commonground.size.2xs}" }, + "padding-inline": { "value": "{commonground.size.2xs}" } + } + } +} diff --git a/municipalities/commonground-design-tokens/src/component/utrecht/extra-tokens/badge-counter.tokens.json b/municipalities/commonground-design-tokens/src/component/utrecht/extra-tokens/badge-counter.tokens.json new file mode 100644 index 00000000..016542a9 --- /dev/null +++ b/municipalities/commonground-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 59a6e323b5fbc012d819eff5d241219347ca4619 Mon Sep 17 00:00:00 2001 From: Remko Date: Wed, 8 Nov 2023 15:37:40 +0100 Subject: [PATCH 18/40] added blockquote tokens --- .../component/utrecht/blockquote.tokens.json | 27 +++++++++++++++++++ 1 file changed, 27 insertions(+) create mode 100644 municipalities/commonground-design-tokens/src/component/utrecht/blockquote.tokens.json diff --git a/municipalities/commonground-design-tokens/src/component/utrecht/blockquote.tokens.json b/municipalities/commonground-design-tokens/src/component/utrecht/blockquote.tokens.json new file mode 100644 index 00000000..209f7330 --- /dev/null +++ b/municipalities/commonground-design-tokens/src/component/utrecht/blockquote.tokens.json @@ -0,0 +1,27 @@ +{ + "utrecht": { + "blockquote": { + "background-color": {}, + "color": {}, + "margin-inline-start": { "value": "{commonground.size.xl}" }, + "margin-inline-end": { "value": "{commonground.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": "{commonground.color.black.0}" }, + "font-size": { "value": "{commonground.font-size.md}" } + } + } + } +} From 5491651650529ab2b740234f9d62c710d5ab523c Mon Sep 17 00:00:00 2001 From: Remko Date: Wed, 8 Nov 2023 15:52:35 +0100 Subject: [PATCH 19/40] added button tokens --- .../src/brand/commonground/color.tokens.json | 3 + .../src/component/utrecht/button.tokens.json | 152 ++++++++++++++++++ 2 files changed, 155 insertions(+) create mode 100644 municipalities/commonground-design-tokens/src/component/utrecht/button.tokens.json diff --git a/municipalities/commonground-design-tokens/src/brand/commonground/color.tokens.json b/municipalities/commonground-design-tokens/src/brand/commonground/color.tokens.json index 990059b7..66e63238 100644 --- a/municipalities/commonground-design-tokens/src/brand/commonground/color.tokens.json +++ b/municipalities/commonground-design-tokens/src/brand/commonground/color.tokens.json @@ -40,6 +40,9 @@ "26": { "value": "#2e4057", "comment": "Base/Blue" + }, + "29": { + "value": "#334761" } } } diff --git a/municipalities/commonground-design-tokens/src/component/utrecht/button.tokens.json b/municipalities/commonground-design-tokens/src/component/utrecht/button.tokens.json new file mode 100644 index 00000000..b6ff4389 --- /dev/null +++ b/municipalities/commonground-design-tokens/src/component/utrecht/button.tokens.json @@ -0,0 +1,152 @@ +{ + "utrecht": { + "button": { + "background-color": { "value": "{commonground.color.blue.26}" }, + "border-color": { "value": "{commonground.color.blue.26}" }, + "border-radius": { "value": "8px" }, + "border-width": { "value": "{commonground.size.4xs}" }, + "color": { "value": "{commonground.color.white.100}" }, + "font-family": { "value": "{commonground.typography.sans-serif.font-family}" }, + "font-size": { "value": "inherit" }, + "font-weight": { "value": "inherit" }, + "inline-size": {}, + "letter-spacing": {}, + "line-height": {}, + "min-block-size": {}, + "min-inline-size": {}, + "padding-block-start": { "value": "0px" }, + "padding-block-end": { "value": "0px" }, + "padding-inline-start": { "value": "{commonground.size.sm}" }, + "padding-inline-end": { "value": "{commonground.size.sm}" }, + "text-transform": {}, + "active": { + "background-color": {}, + "border-color": {}, + "color": {} + }, + "icon": { + "gap": { "value": "{commonground.size.xs}" }, + "size": {} + }, + "disabled": { + "background-color": {}, + "border-color": {}, + "color": {} + }, + "focus": { + "background-color": {}, + "border-color": {}, + "color": {}, + "scale": {} + }, + "hover": { + "background-color": { "value": "{commonground.color.blue.29}" }, + "border-color": { "value": "{commonground.color.blue.29}" }, + "color": { "value": "{commonground.color.white.100}" }, + "scale": {} + }, + "pressed": { + "background-color": {}, + "border-color": {}, + "color": {} + }, + "primary-action": { + "background-color": { "value": "{commonground.color.blue.26}" }, + "border-color": { "value": "{commonground.color.blue.26}" }, + "border-width": { "value": "{commonground.size.3xs}" }, + "color": { "value": "{commonground.color.white.100}" }, + "font-weight": { "value": "inherit" }, + "active": { + "background-color": {}, + "border-color": {}, + "color": {} + }, + "disabled": { + "background-color": {}, + "border-color": {}, + "color": {} + }, + "hover": { + "background-color": { "value": "{commonground.color.blue.26}" }, + "border-color": { "value": "{commonground.color.blue.26}" }, + "color": { "value": "{commonground.color.white.100}" }, + "scale": {} + }, + "focus": { + "background-color": {}, + "border-color": {}, + "color": {} + }, + "pressed": { + "background-color": {}, + "border-color": {}, + "color": {} + } + }, + "secondary-action": { + "background-color": { "value": "{commonground.color.white.100}" }, + "border-color": { "value": "{commonground.color.blue.26}" }, + "border-width": { "value": "{commonground.size.3xs}" }, + "color": { "value": "{commonground.color.blue.26}" }, + "font-weight": { "value": "{commonground.typography.font-weight.normal}" }, + "active": { + "background-color": {}, + "border-color": {}, + "color": {} + }, + "disabled": { + "background-color": {}, + "border-color": {}, + "color": {} + }, + "hover": { + "background-color": { "value": "{commonground.color.white.100}" }, + "border-color": { "value": "{commonground.color.blue.29}" }, + "color": { "value": "{commonground.color.blue.29}" } + }, + "focus": { + "background-color": {}, + "border-color": {}, + "color": {} + }, + "pressed": { + "background-color": {}, + "border-color": {}, + "color": {} + } + }, + "subtle": { + "background-color": {}, + "border-color": {}, + "border-width": {}, + "color": {}, + "font-weight": {}, + "active": { + "background-color": {}, + "border-color": {}, + "color": {} + }, + "disabled": { + "background-color": {}, + "border-color": {}, + "color": {} + }, + "hover": { + "background-color": {}, + "border-color": {}, + "color": {} + }, + "focus": { + "background-color": {}, + "border-color": {}, + "color": {} + }, + "pressed": { + "background-color": {}, + "border-color": {}, + "color": {} + } + } + } + } +} From 2a641a06b0be79c7203df1116fe6f4191d0bfd68 Mon Sep 17 00:00:00 2001 From: Remko Date: Thu, 9 Nov 2023 14:58:40 +0100 Subject: [PATCH 20/40] added code tokens --- .../src/brand/commonground/color.tokens.json | 15 ++++++++--- .../src/component/utrecht/code.tokens.json | 26 +++++++++++++++++++ .../component/utrecht/document.tokens.json | 2 +- .../src/component/utrecht/surface.tokens.json | 2 +- 4 files changed, 40 insertions(+), 5 deletions(-) create mode 100644 municipalities/commonground-design-tokens/src/component/utrecht/code.tokens.json diff --git a/municipalities/commonground-design-tokens/src/brand/commonground/color.tokens.json b/municipalities/commonground-design-tokens/src/brand/commonground/color.tokens.json index 66e63238..3d5870b1 100644 --- a/municipalities/commonground-design-tokens/src/brand/commonground/color.tokens.json +++ b/municipalities/commonground-design-tokens/src/brand/commonground/color.tokens.json @@ -19,9 +19,6 @@ "100": { "value": "#ffffff", "comment": "Base/White" - }, - "96": { - "value": "f5f5f5" } }, "black": { @@ -36,6 +33,18 @@ "comment": "Base/Grey" } }, + "lightgrey": { + "96": { + "value": "#f5f5f5", + "comment": "Base/LightGrey" + }, + "98": { + "value": "#fafafa" + }, + "89": { + "value": "#e4e4e4" + } + }, "blue": { "26": { "value": "#2e4057", diff --git a/municipalities/commonground-design-tokens/src/component/utrecht/code.tokens.json b/municipalities/commonground-design-tokens/src/component/utrecht/code.tokens.json new file mode 100644 index 00000000..999d44df --- /dev/null +++ b/municipalities/commonground-design-tokens/src/component/utrecht/code.tokens.json @@ -0,0 +1,26 @@ +{ + "utrecht": { + "code": { + "background-color": { "value": "{commonground.color.lightgrey.89}" }, + "color": { "value": "{commonground.color.black.0}" }, + "font-family": { "value": "{commonground.typography.monospace.font-family}" }, + "font-size": { "value": "inherit" }, + "line-height": {} + }, + "code-block": { + "background-color": { "value": "{commonground.color.lightgrey.89}" }, + "color": { "value": "{commonground.color.black.0}" }, + "font-family": { "value": "{commonground.typography.monospace.font-family}" }, + "font-size": { "value": "{commonground.font-size.md}" }, + "line-height": { "value": "{commonground.size.lg}" }, + "margin-block-start": { "value": "{commonground.size.md}" }, + "margin-block-end": { "value": "{commonground.size.md}" }, + "margin-inline-start": { "value": 0 }, + "margin-inline-end": { "value": 0 }, + "padding-block-start": { "value": "{commonground.size.md}" }, + "padding-block-end": { "value": "{commonground.size.md}" }, + "padding-inline-start": { "value": "{commonground.size.md}" }, + "padding-inline-end": { "value": "{commonground.size.md}" } + } + } +} diff --git a/municipalities/commonground-design-tokens/src/component/utrecht/document.tokens.json b/municipalities/commonground-design-tokens/src/component/utrecht/document.tokens.json index 1264a48d..5dde5bae 100644 --- a/municipalities/commonground-design-tokens/src/component/utrecht/document.tokens.json +++ b/municipalities/commonground-design-tokens/src/component/utrecht/document.tokens.json @@ -1,7 +1,7 @@ { "utrecht": { "document": { - "background-color": { "value": "{commonground.color.white.96}" }, + "background-color": { "value": "{commonground.color.lightgrey.96}" }, "color": { "value": "{commonground.color.black.0}" }, "font-family": { "value": "{commonground.typography.sans-serif.font-family}" }, "font-size": { "value": "{commonground.font-size.md}" }, diff --git a/municipalities/commonground-design-tokens/src/component/utrecht/surface.tokens.json b/municipalities/commonground-design-tokens/src/component/utrecht/surface.tokens.json index 73705de5..cbb80685 100644 --- a/municipalities/commonground-design-tokens/src/component/utrecht/surface.tokens.json +++ b/municipalities/commonground-design-tokens/src/component/utrecht/surface.tokens.json @@ -1,7 +1,7 @@ { "utrecht": { "surface": { - "background-color": { "value": "{commonground.color.white.96}" }, + "background-color": { "value": "{commonground.color.lightgrey.96}" }, "color": {} } } From 23b4982241324aebbbe115da14aee7fad53e5957 Mon Sep 17 00:00:00 2001 From: Remko Date: Thu, 9 Nov 2023 15:00:12 +0100 Subject: [PATCH 21/40] added icon tokens --- .../component/utrecht/extra-tokens/icon.tokens.json | 7 +++++++ .../src/component/utrecht/icon.tokens.json | 12 ++++++++++++ 2 files changed, 19 insertions(+) create mode 100644 municipalities/commonground-design-tokens/src/component/utrecht/extra-tokens/icon.tokens.json create mode 100644 municipalities/commonground-design-tokens/src/component/utrecht/icon.tokens.json diff --git a/municipalities/commonground-design-tokens/src/component/utrecht/extra-tokens/icon.tokens.json b/municipalities/commonground-design-tokens/src/component/utrecht/extra-tokens/icon.tokens.json new file mode 100644 index 00000000..59e9103c --- /dev/null +++ b/municipalities/commonground-design-tokens/src/component/utrecht/extra-tokens/icon.tokens.json @@ -0,0 +1,7 @@ +{ + "utrecht": { + "icon": { + "gap": { "value": "{commonground.size.xs}" } + } + } +} diff --git a/municipalities/commonground-design-tokens/src/component/utrecht/icon.tokens.json b/municipalities/commonground-design-tokens/src/component/utrecht/icon.tokens.json new file mode 100644 index 00000000..a0028672 --- /dev/null +++ b/municipalities/commonground-design-tokens/src/component/utrecht/icon.tokens.json @@ -0,0 +1,12 @@ +{ + "utrecht": { + "icon": { + "color": {}, + "size": {}, + "inset-block-start": {}, + "baseline": { + "inset-block-start": {} + } + } + } +} From a39e97d9d5bf3424ed26dad6aa911ef2ba2bf2ae Mon Sep 17 00:00:00 2001 From: Remko Date: Thu, 9 Nov 2023 15:04:04 +0100 Subject: [PATCH 22/40] added link tokens --- .../src/component/utrecht/link.tokens.json | 33 +++++++++++++++++++ 1 file changed, 33 insertions(+) create mode 100644 municipalities/commonground-design-tokens/src/component/utrecht/link.tokens.json diff --git a/municipalities/commonground-design-tokens/src/component/utrecht/link.tokens.json b/municipalities/commonground-design-tokens/src/component/utrecht/link.tokens.json new file mode 100644 index 00000000..2de44ee6 --- /dev/null +++ b/municipalities/commonground-design-tokens/src/component/utrecht/link.tokens.json @@ -0,0 +1,33 @@ +{ + "utrecht": { + "link": { + "color": { "value": "{commonground.color.blue.26}" }, + "text-decoration": { "value": "underline" }, + "text-decoration-color": { "value": "inherit" }, + "text-decoration-thickness": { "value": 0 }, + "text-underline-offset": { "value": "{commonground.size.3xs}" }, + "active": { + "color": {} + }, + "focus": { + "color": {}, + "text-decoration": {}, + "text-decoration-thickness": {} + }, + "hover": { + "color": { "value": "{commonground.color.blue.26}" }, + "text-decoration": { "value": "underline" }, + "text-decoration-thickness": { "value": "{commonground.size.4xs}" } + }, + "placeholder": { + "color": {} + }, + "visited": { + "color": { "value": "{commonground.color.blue.26}" } + }, + "icon": { + "size": { "value": "{commonground.size.md}" } + } + } + } +} From ee9eb43952bee0d06858a595d2d3701f5c8682d9 Mon Sep 17 00:00:00 2001 From: Remko Date: Thu, 9 Nov 2023 15:22:30 +0100 Subject: [PATCH 23/40] added textbox and form-input tokens --- .../src/brand/commonground/color.tokens.json | 7 +++++ .../extra-tokens/form-input.tokens.json | 26 ++++++++++++++++ .../utrecht/extra-tokens/textbox.tokens.json | 26 ++++++++++++++++ .../component/utrecht/form-input.tokens.json | 31 +++++++++++++++++++ .../src/component/utrecht/textbox.tokens.json | 31 +++++++++++++++++++ 5 files changed, 121 insertions(+) create mode 100644 municipalities/commonground-design-tokens/src/component/utrecht/extra-tokens/form-input.tokens.json create mode 100644 municipalities/commonground-design-tokens/src/component/utrecht/extra-tokens/textbox.tokens.json create mode 100644 municipalities/commonground-design-tokens/src/component/utrecht/form-input.tokens.json create mode 100644 municipalities/commonground-design-tokens/src/component/utrecht/textbox.tokens.json diff --git a/municipalities/commonground-design-tokens/src/brand/commonground/color.tokens.json b/municipalities/commonground-design-tokens/src/brand/commonground/color.tokens.json index 3d5870b1..0e4fa5b8 100644 --- a/municipalities/commonground-design-tokens/src/brand/commonground/color.tokens.json +++ b/municipalities/commonground-design-tokens/src/brand/commonground/color.tokens.json @@ -25,12 +25,19 @@ "0": { "value": "#000000", "comment": "Base/Black" + }, + "0-55t": { + "value": "#0000008c", + "comment": "Black with 55% transparency" } }, "grey": { "29": { "value": "#4a4a4a", "comment": "Base/Grey" + }, + "58": { + "value": "#949494" } }, "lightgrey": { diff --git a/municipalities/commonground-design-tokens/src/component/utrecht/extra-tokens/form-input.tokens.json b/municipalities/commonground-design-tokens/src/component/utrecht/extra-tokens/form-input.tokens.json new file mode 100644 index 00000000..c8e84499 --- /dev/null +++ b/municipalities/commonground-design-tokens/src/component/utrecht/extra-tokens/form-input.tokens.json @@ -0,0 +1,26 @@ +{ + "utrecht": { + "form-input": { + "background-color": { "value": "{commonground.color.white.100}" }, + "line-height": {}, + "placeholder": { + "color": { "value": "{commonground.color.black.0-55t}" } + }, + "disabled": { + "background-color": {} + }, + "focus": { + "background-color": { "value": "{commonground.color.white.100}" }, + "border-color": {}, + "color": {} + }, + "invalid": { + "background-color": {}, + "color": {} + }, + "read-only": { + "background-color": {} + } + } + } +} diff --git a/municipalities/commonground-design-tokens/src/component/utrecht/extra-tokens/textbox.tokens.json b/municipalities/commonground-design-tokens/src/component/utrecht/extra-tokens/textbox.tokens.json new file mode 100644 index 00000000..4bfedf51 --- /dev/null +++ b/municipalities/commonground-design-tokens/src/component/utrecht/extra-tokens/textbox.tokens.json @@ -0,0 +1,26 @@ +{ + "utrecht": { + "textbox": { + "background-color": { "value": "{commonground.color.white.100}" }, + "line-height": {}, + "placeholder": { + "color": { "value": "{commonground.color.black.0-55t}" } + }, + "disabled": { + "background-color": {} + }, + "focus": { + "background-color": { "value": "{commonground.color.white.100}" }, + "border-color": {}, + "color": {} + }, + "invalid": { + "background-color": {}, + "color": {} + }, + "read-only": { + "background-color": {} + } + } + } +} diff --git a/municipalities/commonground-design-tokens/src/component/utrecht/form-input.tokens.json b/municipalities/commonground-design-tokens/src/component/utrecht/form-input.tokens.json new file mode 100644 index 00000000..8b92a272 --- /dev/null +++ b/municipalities/commonground-design-tokens/src/component/utrecht/form-input.tokens.json @@ -0,0 +1,31 @@ +{ + "utrecht": { + "form-input": { + "border-bottom-width": {}, + "border-color": { "value": "{commonground.color.grey.58}" }, + "border-radius": { "value": "8px" }, + "border-width": { "value": "{commonground.size.4xs}" }, + "color": { "value": "{commonground.color.black.0}" }, + "font-family": { "value": "{commonground.typography.sans-serif.font-family}" }, + "font-size": { "value": "15px" }, + "min-inline-height": {}, + "max-inline-size": {}, + "padding-block-end": { "value": "{commonground.size.xs}" }, + "padding-block-start": { "value": "{commonground.size.xs}" }, + "padding-inline-end": { "value": "{commonground.size.sm}" }, + "padding-inline-start": { "value": "{commonground.size.sm}" }, + "disabled": { + "border-color": {}, + "color": {} + }, + "invalid": { + "border-color": {}, + "border-width": {} + }, + "read-only": { + "border-color": {}, + "color": {} + } + } + } +} diff --git a/municipalities/commonground-design-tokens/src/component/utrecht/textbox.tokens.json b/municipalities/commonground-design-tokens/src/component/utrecht/textbox.tokens.json new file mode 100644 index 00000000..50b28a06 --- /dev/null +++ b/municipalities/commonground-design-tokens/src/component/utrecht/textbox.tokens.json @@ -0,0 +1,31 @@ +{ + "utrecht": { + "textbox": { + "border-bottom-width": {}, + "border-color": { "value": "{commonground.color.grey.58}" }, + "border-radius": { "value": "8px" }, + "border-width": { "value": "{commonground.size.4xs}" }, + "color": { "value": "{commonground.color.black.0}" }, + "font-family": { "value": "{commonground.typography.sans-serif.font-family}" }, + "font-size": { "value": "15px" }, + "min-inline-height": {}, + "max-inline-size": {}, + "padding-block-end": { "value": "{commonground.size.xs}" }, + "padding-block-start": { "value": "{commonground.size.xs}" }, + "padding-inline-end": { "value": "{commonground.size.sm}" }, + "padding-inline-start": { "value": "{commonground.size.sm}" }, + "disabled": { + "border-color": {}, + "color": {} + }, + "invalid": { + "border-color": {}, + "border-width": {} + }, + "read-only": { + "border-color": {}, + "color": {} + } + } + } +} From fbb3a7b694d380bb0915588aba4b1c2b12e2a759 Mon Sep 17 00:00:00 2001 From: Remko Date: Thu, 9 Nov 2023 15:38:38 +0100 Subject: [PATCH 24/40] added list tokens --- .../src/component/utrecht/list.tokens.json | 31 +++++++++++++++++++ 1 file changed, 31 insertions(+) create mode 100644 municipalities/commonground-design-tokens/src/component/utrecht/list.tokens.json diff --git a/municipalities/commonground-design-tokens/src/component/utrecht/list.tokens.json b/municipalities/commonground-design-tokens/src/component/utrecht/list.tokens.json new file mode 100644 index 00000000..7bbc11a9 --- /dev/null +++ b/municipalities/commonground-design-tokens/src/component/utrecht/list.tokens.json @@ -0,0 +1,31 @@ +{ + "utrecht": { + "ordered-list": { + "font-size": { "value": "{utrecht.document.font-size}" }, + "line-height": {}, + "margin-block-start": { "value": "{commonground.size.sm}" }, + "margin-block-end": { "value": "{commonground.size.sm}" }, + "padding-inline-start": { "value": "{commonground.size.xl}" }, + "item": { + "margin-block-start": { "value": "{commonground.size.2xs}" }, + "margin-block-end": { "value": "{commonground.size.2xs}" }, + "padding-inline-start": { "value": "1ch" } + } + }, + "unordered-list": { + "font-size": { "value": "{utrecht.document.font-size}" }, + "line-height": {}, + "margin-block-start": { "value": "{commonground.size.md}" }, + "margin-block-end": { "value": 0 }, + "padding-inline-start": { "value": "1ch" }, + "item": { + "margin-block-start": { "value": "{commonground.size.xs}" }, + "margin-block-end": { "value": "{commonground.size.xs}" }, + "padding-inline-start": { "value": "1ch" } + }, + "marker": { + "color": { "value": "{commonground.color.black.0}" } + } + } + } +} From 1e2ee368e8388d8409eced5ce9e9c00b57c17d32 Mon Sep 17 00:00:00 2001 From: Remko Date: Thu, 9 Nov 2023 15:55:00 +0100 Subject: [PATCH 25/40] added page-footer tokens --- .../extra-tokens/page-footer.tokens.json | 35 +++++++++++++++++++ .../component/utrecht/page-footer.tokens.json | 13 +++++++ 2 files changed, 48 insertions(+) create mode 100644 municipalities/commonground-design-tokens/src/component/utrecht/extra-tokens/page-footer.tokens.json create mode 100644 municipalities/commonground-design-tokens/src/component/utrecht/page-footer.tokens.json diff --git a/municipalities/commonground-design-tokens/src/component/utrecht/extra-tokens/page-footer.tokens.json b/municipalities/commonground-design-tokens/src/component/utrecht/extra-tokens/page-footer.tokens.json new file mode 100644 index 00000000..87f8d649 --- /dev/null +++ b/municipalities/commonground-design-tokens/src/component/utrecht/extra-tokens/page-footer.tokens.json @@ -0,0 +1,35 @@ +{ + "utrecht": { + "page-footer": { + "min-height": {}, + "logo": { + "max-height": { "value": "100px" }, + "max-width": { "value": "100px" } + }, + "background-size": {}, + "background-position": {}, + "mobile": { + "background-position": {} + }, + "icon": { + "color": {} + }, + "heading": { + "color": {}, + "font-family": {} + }, + "link": { + "color": { "value": "{commonground.color.blue.26}" }, + "text-decoration": { "value": "underline" }, + "text-decoration-color": { "value": "inherit" }, + "text-decoration-thickness": { "value": 0 }, + "text-underline-offset": { "value": "{commonground.size.3xs}" }, + "hover": { + "color": { "value": "{commonground.color.blue.26}" }, + "text-decoration": { "value": "underline" }, + "text-decoration-thickness": { "value": "{commonground.size.4xs}" } + } + } + } + } +} diff --git a/municipalities/commonground-design-tokens/src/component/utrecht/page-footer.tokens.json b/municipalities/commonground-design-tokens/src/component/utrecht/page-footer.tokens.json new file mode 100644 index 00000000..a64eabe3 --- /dev/null +++ b/municipalities/commonground-design-tokens/src/component/utrecht/page-footer.tokens.json @@ -0,0 +1,13 @@ +{ + "utrecht": { + "page-footer": { + "background-color": { "value": "{commonground.color.primary}" }, + "background-image": { "value": "unset" }, + "color": { "value": "{commonground.color.black.0}" }, + "padding-inline-end": { "value": "{commonground.size.sm}" }, + "padding-inline-start": { "value": "{commonground.size.sm}" }, + "padding-block-end": { "value": "{commonground.size.2xl}" }, + "padding-block-start": { "value": "{commonground.size.2xl}" } + } + } +} From b2de05a94f068fec39974f6eb0e304b9181f2cad Mon Sep 17 00:00:00 2001 From: Remko Date: Thu, 9 Nov 2023 15:59:20 +0100 Subject: [PATCH 26/40] added page-header tokens --- .../utrecht/extra-tokens/page-header.tokens.json | 10 ++++++++++ .../src/component/utrecht/page-header.tokens.json | 10 ++++++++++ 2 files changed, 20 insertions(+) create mode 100644 municipalities/commonground-design-tokens/src/component/utrecht/extra-tokens/page-header.tokens.json create mode 100644 municipalities/commonground-design-tokens/src/component/utrecht/page-header.tokens.json diff --git a/municipalities/commonground-design-tokens/src/component/utrecht/extra-tokens/page-header.tokens.json b/municipalities/commonground-design-tokens/src/component/utrecht/extra-tokens/page-header.tokens.json new file mode 100644 index 00000000..2cee752a --- /dev/null +++ b/municipalities/commonground-design-tokens/src/component/utrecht/extra-tokens/page-header.tokens.json @@ -0,0 +1,10 @@ +{ + "utrecht": { + "page-header": { + "logo": { + "max-height": {}, + "max-width": { "value": "150px" } + } + } + } +} diff --git a/municipalities/commonground-design-tokens/src/component/utrecht/page-header.tokens.json b/municipalities/commonground-design-tokens/src/component/utrecht/page-header.tokens.json new file mode 100644 index 00000000..2f79a856 --- /dev/null +++ b/municipalities/commonground-design-tokens/src/component/utrecht/page-header.tokens.json @@ -0,0 +1,10 @@ +{ + "utrecht": { + "page-header": { + "background-color": { "value": "{commonground.color.primary}" }, + "color": { "value": "{commonground.color.black.0}" }, + "padding-block-start": { "value": "{commonground.size.sm}" }, + "padding-block-end": { "value": "{commonground.size.sm}" } + } + } +} From bd81155226706ada6a1b588fb887947cc7d92243 Mon Sep 17 00:00:00 2001 From: Remko Date: Thu, 9 Nov 2023 16:02:53 +0100 Subject: [PATCH 27/40] added paragraph tokens --- .../component/utrecht/paragraph.tokens.json | 25 +++++++++++++++++++ 1 file changed, 25 insertions(+) create mode 100644 municipalities/commonground-design-tokens/src/component/utrecht/paragraph.tokens.json diff --git a/municipalities/commonground-design-tokens/src/component/utrecht/paragraph.tokens.json b/municipalities/commonground-design-tokens/src/component/utrecht/paragraph.tokens.json new file mode 100644 index 00000000..981fa536 --- /dev/null +++ b/municipalities/commonground-design-tokens/src/component/utrecht/paragraph.tokens.json @@ -0,0 +1,25 @@ +{ + "utrecht": { + "paragraph": { + "color": { "value": "{utrecht.document.color}" }, + "font-family": { "value": "{commonground.typography.sans-serif.font-family}" }, + "font-size": { "value": "{commonground.font-size.md}" }, + "font-weight": { "value": "{commonground.typography.font-weight.normal}" }, + "line-height": { "value": "1.5em" }, + "margin-block-start": { "value": 0 }, + "margin-block-end": { "value": 0 }, + "lead": { + "color": {}, + "font-size": {}, + "font-weight": {}, + "line-height": {} + }, + "small": { + "color": {}, + "font-size": {}, + "font-weight": {}, + "line-height": {} + } + } + } +} From 8a128c3f457734362efed00a46a0fb9cc6734dca Mon Sep 17 00:00:00 2001 From: Remko Date: Thu, 9 Nov 2023 16:12:35 +0100 Subject: [PATCH 28/40] added seperator tokens --- .../src/brand/commonground/color.tokens.json | 3 +++ .../src/component/utrecht/separator.tokens.json | 10 ++++++++++ 2 files changed, 13 insertions(+) create mode 100644 municipalities/commonground-design-tokens/src/component/utrecht/separator.tokens.json diff --git a/municipalities/commonground-design-tokens/src/brand/commonground/color.tokens.json b/municipalities/commonground-design-tokens/src/brand/commonground/color.tokens.json index 0e4fa5b8..b9ee8a3e 100644 --- a/municipalities/commonground-design-tokens/src/brand/commonground/color.tokens.json +++ b/municipalities/commonground-design-tokens/src/brand/commonground/color.tokens.json @@ -38,6 +38,9 @@ }, "58": { "value": "#949494" + }, + "82": { + "value": "#d1d1d1" } }, "lightgrey": { diff --git a/municipalities/commonground-design-tokens/src/component/utrecht/separator.tokens.json b/municipalities/commonground-design-tokens/src/component/utrecht/separator.tokens.json new file mode 100644 index 00000000..4600d454 --- /dev/null +++ b/municipalities/commonground-design-tokens/src/component/utrecht/separator.tokens.json @@ -0,0 +1,10 @@ +{ + "utrecht": { + "separator": { + "color": { "value": "{commonground.color.grey.82}" }, + "block-size": { "value": "{commonground.size.4xs}" }, + "margin-block-end": { "value": "0px" }, + "margin-block-start": { "value": "0px" } + } + } +} From c125654cf4a0b53c784fb483184dfdbb0da140ec Mon Sep 17 00:00:00 2001 From: Remko Date: Thu, 9 Nov 2023 16:29:47 +0100 Subject: [PATCH 29/40] added table tokens --- .../src/brand/commonground/color.tokens.json | 3 + .../utrecht/extra-tokens/table.tokens.json | 25 ++++++++ .../src/component/utrecht/table.tokens.json | 60 +++++++++++++++++++ 3 files changed, 88 insertions(+) create mode 100644 municipalities/commonground-design-tokens/src/component/utrecht/extra-tokens/table.tokens.json create mode 100644 municipalities/commonground-design-tokens/src/component/utrecht/table.tokens.json diff --git a/municipalities/commonground-design-tokens/src/brand/commonground/color.tokens.json b/municipalities/commonground-design-tokens/src/brand/commonground/color.tokens.json index b9ee8a3e..a98a1cb9 100644 --- a/municipalities/commonground-design-tokens/src/brand/commonground/color.tokens.json +++ b/municipalities/commonground-design-tokens/src/brand/commonground/color.tokens.json @@ -41,6 +41,9 @@ }, "82": { "value": "#d1d1d1" + }, + "97": { + "value": "#f7f7f7" } }, "lightgrey": { diff --git a/municipalities/commonground-design-tokens/src/component/utrecht/extra-tokens/table.tokens.json b/municipalities/commonground-design-tokens/src/component/utrecht/extra-tokens/table.tokens.json new file mode 100644 index 00000000..a904cba7 --- /dev/null +++ b/municipalities/commonground-design-tokens/src/component/utrecht/extra-tokens/table.tokens.json @@ -0,0 +1,25 @@ +{ + "utrecht": { + "table": { + "border-collapse": { "value": "collapse" }, + "background-color": { "value": "{commonground.color.white.100}" }, + "header": { + "border-block-end-color": { "value": "{commonground.color.grey.82}" }, + "border-block-end-width": { "value": "{commonground.size.4xs}" }, + "font-family": {} + }, + "row": { + "hover": { + "background-color": { "value": "{commonground.color.grey.97}" }, + "color": {} + } + }, + "body": { + "border": {} + }, + "caption": { + "font-style": {} + } + } + } +} diff --git a/municipalities/commonground-design-tokens/src/component/utrecht/table.tokens.json b/municipalities/commonground-design-tokens/src/component/utrecht/table.tokens.json new file mode 100644 index 00000000..c12dc34f --- /dev/null +++ b/municipalities/commonground-design-tokens/src/component/utrecht/table.tokens.json @@ -0,0 +1,60 @@ +{ + "utrecht": { + "table": { + "border-color": {}, + "border-width": {}, + "font-family": { "value": "{utrecht.document.font-family}" }, + "font-size": { "value": "{utrecht.document.font-size}" }, + "line-height": {}, + "margin-block-end": { "value": 0 }, + "margin-block-start": { "value": "{commonground.size.md}" }, + "caption": { + "font-weight": {}, + "font-family": {}, + "font-size": {}, + "color": {}, + "line-height": {}, + "text-align": {}, + "margin-block-end": {} + }, + "header": { + "font-weight": { "value": "{commonground.typography.font-weight.bold}" }, + "background-color": {}, + "color": { "value": "{utrecht.document.color}" }, + "text-transform": { "value": "unset" }, + "border-block-end-color": {}, + "border-block-end-width": {} + }, + "header-cell": { + "font-size": { "value": "{utrecht.document.font-size}" }, + "font-weight": { "value": "{commonground.typography.font-weight.bold}" }, + "color": { "value": "{utrecht.document.color}" }, + "text-transform": { "value": "unset" } + }, + "cell": { + "line-height": {}, + "padding-block-end": { "value": "{commonground.size.md}" }, + "padding-block-start": { "value": "{commonground.size.md}" }, + "padding-inline-end": { "value": "{commonground.size.md}" }, + "padding-inline-start": { "value": "{commonground.size.md}" }, + "icon": { + "size": {} + } + }, + "row": { + "border-block-end-color": { "value": "{commonground.color.grey.82}" }, + "border-block-end-width": { "value": "{commonground.size.4xs}" }, + "padding-inline-end": {}, + "padding-inline-start": {}, + "alternate-odd": { + "background-color": {}, + "color": {} + }, + "alternate-even": { + "background-color": {}, + "color": {} + } + } + } + } +} From ec649dbaae423100d59cd06b07de708334982f2b Mon Sep 17 00:00:00 2001 From: Remko Date: Thu, 9 Nov 2023 16:37:04 +0100 Subject: [PATCH 30/40] added rating tokens --- .../src/component/open-catalogi/rating.tokens.json | 12 ++++++++++++ 1 file changed, 12 insertions(+) create mode 100644 municipalities/commonground-design-tokens/src/component/open-catalogi/rating.tokens.json diff --git a/municipalities/commonground-design-tokens/src/component/open-catalogi/rating.tokens.json b/municipalities/commonground-design-tokens/src/component/open-catalogi/rating.tokens.json new file mode 100644 index 00000000..8416bb8b --- /dev/null +++ b/municipalities/commonground-design-tokens/src/component/open-catalogi/rating.tokens.json @@ -0,0 +1,12 @@ +{ + "open-catalogi": { + "rating": { + "rating-bar": { + "color": { "value": "{commonground.color.primary}" }, + "background-color": {} + }, + "font-size": { "value": "{utrecht.document.font-size}" }, + "font-family": { "value": "{utrecht.document.font-family}" } + } + } +} From 7fca5cabaa3a681c485e4c5936b6fcdeb12c6f84 Mon Sep 17 00:00:00 2001 From: Remko Date: Thu, 9 Nov 2023 16:38:38 +0100 Subject: [PATCH 31/40] added tooltip tokens --- .../component/conduction/tooltip.tokens.json | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) create mode 100644 municipalities/commonground-design-tokens/src/component/conduction/tooltip.tokens.json diff --git a/municipalities/commonground-design-tokens/src/component/conduction/tooltip.tokens.json b/municipalities/commonground-design-tokens/src/component/conduction/tooltip.tokens.json new file mode 100644 index 00000000..44081e93 --- /dev/null +++ b/municipalities/commonground-design-tokens/src/component/conduction/tooltip.tokens.json @@ -0,0 +1,18 @@ +{ + "conduction": { + "tooltip": { + "background-color": { "value": "{commonground.color.black.0}" }, + "color": { "value": "{commonground.color.white.100}" }, + "padding-block-start": { "value": "{commonground.size.xs}" }, + "padding-block-end": { "value": "{commonground.size.xs}" }, + "padding-inline-start": { "value": "{commonground.size.sm}" }, + "padding-inline-end": { "value": "{commonground.size.sm}" }, + "border-width": { "value": "0px" }, + "border-style": { "value": "unset" }, + "border-color": { "value": "unset" }, + "border-radius": { "value": "0px" }, + "opacity": { "value": "1" }, + "z-index": { "value": "9999" } + } + } +} From b48dd1a3054a0a0d8b9235e6bde103f900837153 Mon Sep 17 00:00:00 2001 From: Remko Date: Thu, 9 Nov 2023 16:40:56 +0100 Subject: [PATCH 32/40] added tablewrapper tokens --- .../conduction/table-wrapper.tokens.json | 21 +++++++++++++++++++ 1 file changed, 21 insertions(+) create mode 100644 municipalities/commonground-design-tokens/src/component/conduction/table-wrapper.tokens.json diff --git a/municipalities/commonground-design-tokens/src/component/conduction/table-wrapper.tokens.json b/municipalities/commonground-design-tokens/src/component/conduction/table-wrapper.tokens.json new file mode 100644 index 00000000..af466a2c --- /dev/null +++ b/municipalities/commonground-design-tokens/src/component/conduction/table-wrapper.tokens.json @@ -0,0 +1,21 @@ +{ + "conduction": { + "table-wrapper": { + "scroll-button": { + "background-color": { "value": "{commonground.color.white.100}" }, + "color": { "value": "{commonground.color.black.0}" }, + "padding-inline-start": { "value": "{commonground.size.sm}" }, + "padding-inline-end": { "value": "{commonground.size.sm}" }, + "padding-block-start": {}, + "padding-block-end": {}, + "border-width": {}, + "border-style": {}, + "border-color": {}, + "hover": { + "background-color": { "value": "{commonground.color.white.100}" }, + "color": { "value": "{commonground.color.primary}" } + } + } + } + } +} From a2014afe7331a0fa682475094bc8b161e3b250ff Mon Sep 17 00:00:00 2001 From: Remko Date: Thu, 9 Nov 2023 16:43:18 +0100 Subject: [PATCH 33/40] added tabs tokens --- .../src/component/conduction/tabs.tokens.json | 84 +++++++++++++++++++ 1 file changed, 84 insertions(+) create mode 100644 municipalities/commonground-design-tokens/src/component/conduction/tabs.tokens.json diff --git a/municipalities/commonground-design-tokens/src/component/conduction/tabs.tokens.json b/municipalities/commonground-design-tokens/src/component/conduction/tabs.tokens.json new file mode 100644 index 00000000..01437587 --- /dev/null +++ b/municipalities/commonground-design-tokens/src/component/conduction/tabs.tokens.json @@ -0,0 +1,84 @@ +{ + "conduction": { + "tabs": { + "tab": { + "background-color": { "value": "transparent" }, + "color": { "value": "{commonground.color.grey.29}" }, + "border-width": {}, + "border-style": {}, + "border-color": {}, + "border-bottom": {}, + "border-bottom-width": {}, + "border-bottom-style": {}, + "border-bottom-color": {}, + "bottom": { "value": "-2px" }, + "padding-block-start": { "value": "{commonground.size.xs}" }, + "padding-block-end": { "value": "{commonground.size.xs}" }, + "padding-inline-start": { "value": "{commonground.size.sm}" }, + "padding-inline-end": { "value": "{commonground.size.sm}" }, + "margin-inline-end": {}, + "font-size": { "value": "{commonground.font-size.md}" }, + "font-weight": { "value": "{commonground.typography.font-weight.normal}" }, + "font-family": { "value": "{utrecht.document.font-family}" }, + "max-width": { "value": "unset" }, + "min-width": { "value": "160px" }, + "min-height": { "value": "61px" }, + "letter-spacing": {}, + "text-transform": {}, + "selected": { + "background-color": { "value": "transparent" }, + "color": { "value": "{commonground.color.grey.29}" }, + "box-shadow": {}, + "border-width": {}, + "border-style": {}, + "border-color": {}, + "border-bottom": {}, + "border-bottom-width": { "value": "{commonground.size.3xs}" }, + "border-bottom-style": { "value": "solid" }, + "border-bottom-color": { "value": "{commonground.color.primary}" }, + "font-weight": { "value": "{commonground.typography.font-weight.bold}" }, + "font-family": { "value": "{utrecht.document.font-family}" }, + "hover": { + "background-color": {}, + "color": { "value": "{commonground.color.grey.29}" }, + "text-decoration": {} + } + }, + "hover": { + "background-color": {}, + "color": { "value": "{commonground.color.grey.29}" }, + "text-decoration": {} + }, + "list": { + "padding-inline-start": { "value": "0px" }, + "margin-block-end": { "value": "0px" }, + "border-bottom-width": { "value": "{commonground.size.3xs}" }, + "border-bottom-style": { "value": "solid" }, + "border-bottom-color": { "value": "{commonground.color.grey.82}" } + }, + "panel": { + "background-color": {}, + "padding-block-start": { "value": "{commonground.size.lg}" }, + "padding-block-end": { "value": "{commonground.size.lg}" }, + "padding-inline-start": { "value": "{commonground.size.lg}" }, + "padding-inline-end": { "value": "{commonground.size.lg}" }, + "border-width": {}, + "border-style": {}, + "border-color": {}, + "border-top": {} + } + }, + "scroll-button": { + "background-color": { "value": "{commonground.color.primary}" }, + "color": { "value": "{commonground.color.white.100}" }, + "border-width": {}, + "border-style": {}, + "border-color": {}, + "hover": { + "background-color": { "value": "{commonground.color.primary-hover}" }, + "color": { "value": "{commonground.color.white.100}" } + } + } + } + } +} From af9b74dca4640a0d48cda3a4574027a3c3ac5c21 Mon Sep 17 00:00:00 2001 From: Remko Date: Fri, 10 Nov 2023 12:46:53 +0100 Subject: [PATCH 34/40] added card-header tokens --- .../src/component/conduction/logo.tokens.json | 2 +- .../conduction/card-header.tokens.json | 26 +++++++++++++++++++ 2 files changed, 27 insertions(+), 1 deletion(-) create mode 100644 municipalities/commonground-design-tokens/src/component/conduction/card-header.tokens.json diff --git a/conduction-design-tokens/src/component/conduction/logo.tokens.json b/conduction-design-tokens/src/component/conduction/logo.tokens.json index ae1ac787..f6161c45 100644 --- a/conduction-design-tokens/src/component/conduction/logo.tokens.json +++ b/conduction-design-tokens/src/component/conduction/logo.tokens.json @@ -12,7 +12,7 @@ "inline-size": { "value": "220px" }, "block-size": { "value": "40px" }, "background-image": { - "value": "url('https://conduction.nl/wp-content/uploads/2021/07/cropped-conductionlogo-1.png')" + "value": "url('https://raw.githubusercontent.com/OpenCatalogi/web-app/df1e0533081d780c05b1d0b57ab327d97adcbdc6/pwa/src/assets/svgs/LogoConduction.svg')" } } } diff --git a/municipalities/commonground-design-tokens/src/component/conduction/card-header.tokens.json b/municipalities/commonground-design-tokens/src/component/conduction/card-header.tokens.json new file mode 100644 index 00000000..ec743e6a --- /dev/null +++ b/municipalities/commonground-design-tokens/src/component/conduction/card-header.tokens.json @@ -0,0 +1,26 @@ +{ + "conduction": { + "card-header": { + "background-color": {}, + "border-bottom-width": {}, + "border-bottom-style": {}, + "border-bottom-color": {}, + "color": { "value": "{utrecht.document.color}" }, + "hover": { + "background-color": {}, + "border-bottom-width": {}, + "border-bottom-style": {}, + "border-bottom-color": {} + }, + "title": { + "color": { "value": "{commonground.color.blue.26}" } + }, + "date": { + "color": { "value": "{commonground.color.black.0-55t}" }, + "font-size": { "value": "{commonground.font-size.xs}" }, + "font-weight": { "value": "{commonground.typography.font-weight.light}" }, + "margin-block-end": { "value": "{commonground.size.xs}" } + } + } + } +} From 32fbf06e5fd4b9838a64d4b0e6802ac5032ec94e Mon Sep 17 00:00:00 2001 From: Remko Date: Fri, 10 Nov 2023 13:54:01 +0100 Subject: [PATCH 35/40] added card-wrapper tokens --- .../conduction/card-wrapper.tokens.json | 1 + .../src/brand/commonground/color.tokens.json | 4 +++ .../conduction/card-wrapper.tokens.json | 26 +++++++++++++++++++ .../conduction/card-wrapper.tokens.json | 1 + .../conduction/card-wrapper.tokens.json | 1 + .../conduction/card-wrapper.tokens.json | 1 + .../conduction/card-wrapper.tokens.json | 1 + .../conduction/card-wrapper.tokens.json | 1 + .../conduction/card-wrapper.tokens.json | 1 + .../conduction/card-wrapper.tokens.json | 1 + .../conduction/card-wrapper.tokens.json | 1 + .../conduction/card-wrapper.tokens.json | 1 + .../conduction/card-wrapper.tokens.json | 1 + package-lock.json | 4 +-- 14 files changed, 43 insertions(+), 2 deletions(-) create mode 100644 municipalities/commonground-design-tokens/src/component/conduction/card-wrapper.tokens.json diff --git a/conduction-design-tokens/src/component/conduction/card-wrapper.tokens.json b/conduction-design-tokens/src/component/conduction/card-wrapper.tokens.json index 61daad40..375dc49b 100644 --- a/conduction-design-tokens/src/component/conduction/card-wrapper.tokens.json +++ b/conduction-design-tokens/src/component/conduction/card-wrapper.tokens.json @@ -9,6 +9,7 @@ "border-bottom-style": {}, "border-bottom-width": {}, "border-radius": { "value": "{conduction.size.md}" }, + "box-shadow": {}, "color": { "value": "{conduction.color.black.0}" }, "hover": { "background-color": {}, diff --git a/municipalities/commonground-design-tokens/src/brand/commonground/color.tokens.json b/municipalities/commonground-design-tokens/src/brand/commonground/color.tokens.json index a98a1cb9..06106986 100644 --- a/municipalities/commonground-design-tokens/src/brand/commonground/color.tokens.json +++ b/municipalities/commonground-design-tokens/src/brand/commonground/color.tokens.json @@ -26,6 +26,10 @@ "value": "#000000", "comment": "Base/Black" }, + "0-11t": { + "value": "#0000001c", + "comment": "Black with 11% transparency" + }, "0-55t": { "value": "#0000008c", "comment": "Black with 55% transparency" diff --git a/municipalities/commonground-design-tokens/src/component/conduction/card-wrapper.tokens.json b/municipalities/commonground-design-tokens/src/component/conduction/card-wrapper.tokens.json new file mode 100644 index 00000000..a1bd372d --- /dev/null +++ b/municipalities/commonground-design-tokens/src/component/conduction/card-wrapper.tokens.json @@ -0,0 +1,26 @@ +{ + "conduction": { + "card-wrapper": { + "background-color": { "value": "{commonground.color.white.100}" }, + "border-color": {}, + "border-style": {}, + "border-width": {}, + "border-bottom-color": {}, + "border-bottom-style": {}, + "border-bottom-width": {}, + "border-radius": { "value": "6px" }, + "box-shadow": { "value": "{commonground.color.black.0-11t} 0px 0px 0px 1px" }, + "color": { "value": "{commonground.color.black.0}" }, + "hover": { + "background-color": {}, + "border-bottom-color": {}, + "border-bottom-style": {}, + "border-bottom-width": {} + }, + "padding-inline-end": { "value": "{commonground.size.lg}" }, + "padding-inline-start": { "value": "{commonground.size.lg}" }, + "padding-block-end": { "value": "20px" }, + "padding-block-start": { "value": "20px" } + } + } +} diff --git a/municipalities/dimpact-design-tokens/src/component/conduction/card-wrapper.tokens.json b/municipalities/dimpact-design-tokens/src/component/conduction/card-wrapper.tokens.json index e94702e6..9d9f19b3 100644 --- a/municipalities/dimpact-design-tokens/src/component/conduction/card-wrapper.tokens.json +++ b/municipalities/dimpact-design-tokens/src/component/conduction/card-wrapper.tokens.json @@ -9,6 +9,7 @@ "border-bottom-style": {}, "border-bottom-width": {}, "border-radius": { "value": "6px" }, + "box-shadow": {}, "color": { "value": "{dimpact.color.primary}" }, "hover": { "background-color": {}, diff --git a/municipalities/dinkelland-design-tokens/src/component/conduction/card-wrapper.tokens.json b/municipalities/dinkelland-design-tokens/src/component/conduction/card-wrapper.tokens.json index 4426c218..2168dafc 100644 --- a/municipalities/dinkelland-design-tokens/src/component/conduction/card-wrapper.tokens.json +++ b/municipalities/dinkelland-design-tokens/src/component/conduction/card-wrapper.tokens.json @@ -9,6 +9,7 @@ "border-bottom-style": {}, "border-bottom-width": {}, "border-radius": { "value": "0px" }, + "box-shadow": {}, "color": { "value": "{utrecht.document.color}" }, "hover": { "background-color": {}, diff --git a/municipalities/epe-design-tokens/src/component/conduction/card-wrapper.tokens.json b/municipalities/epe-design-tokens/src/component/conduction/card-wrapper.tokens.json index 7c06fa96..72701151 100644 --- a/municipalities/epe-design-tokens/src/component/conduction/card-wrapper.tokens.json +++ b/municipalities/epe-design-tokens/src/component/conduction/card-wrapper.tokens.json @@ -9,6 +9,7 @@ "border-bottom-style": {}, "border-bottom-width": {}, "border-radius": { "value": "0px" }, + "box-shadow": {}, "color": { "value": "{utrecht.document.color}" }, "hover": { "background-color": { "value": "{epe.color.yellow.90}" }, diff --git a/municipalities/leiden-design-tokens/src/component/conduction/card-wrapper.tokens.json b/municipalities/leiden-design-tokens/src/component/conduction/card-wrapper.tokens.json index f620d07b..9ec1a30a 100644 --- a/municipalities/leiden-design-tokens/src/component/conduction/card-wrapper.tokens.json +++ b/municipalities/leiden-design-tokens/src/component/conduction/card-wrapper.tokens.json @@ -9,6 +9,7 @@ "border-bottom-style": {}, "border-bottom-width": {}, "border-radius": { "value": "0px" }, + "box-shadow": {}, "color": { "value": "{utrecht.document.color}" }, "hover": { "background-color": {}, diff --git a/municipalities/noaberkracht-design-tokens/src/component/conduction/card-wrapper.tokens.json b/municipalities/noaberkracht-design-tokens/src/component/conduction/card-wrapper.tokens.json index f9b21fb1..72695168 100644 --- a/municipalities/noaberkracht-design-tokens/src/component/conduction/card-wrapper.tokens.json +++ b/municipalities/noaberkracht-design-tokens/src/component/conduction/card-wrapper.tokens.json @@ -9,6 +9,7 @@ "border-bottom-style": {}, "border-bottom-width": {}, "border-radius": { "value": "22px" }, + "box-shadow": {}, "color": { "value": "{noaberkracht.color.blue.22}" }, "hover": { "background-color": {}, diff --git a/municipalities/noordwijk-design-tokens/src/component/conduction/card-wrapper.tokens.json b/municipalities/noordwijk-design-tokens/src/component/conduction/card-wrapper.tokens.json index bb7db60c..0c2939c1 100644 --- a/municipalities/noordwijk-design-tokens/src/component/conduction/card-wrapper.tokens.json +++ b/municipalities/noordwijk-design-tokens/src/component/conduction/card-wrapper.tokens.json @@ -9,6 +9,7 @@ "border-bottom-style": {}, "border-bottom-width": {}, "border-radius": { "value": "5px" }, + "box-shadow": {}, "color": { "value": "{noordwijk.color.black.0}" }, "hover": { "background-color": {}, diff --git a/municipalities/open-webconcept-design-tokens/src/component/conduction/card-wrapper.tokens.json b/municipalities/open-webconcept-design-tokens/src/component/conduction/card-wrapper.tokens.json index 633f397f..2a8984fa 100644 --- a/municipalities/open-webconcept-design-tokens/src/component/conduction/card-wrapper.tokens.json +++ b/municipalities/open-webconcept-design-tokens/src/component/conduction/card-wrapper.tokens.json @@ -9,6 +9,7 @@ "border-bottom-style": {}, "border-bottom-width": {}, "border-radius": { "value": "usnet" }, + "box-shadow": {}, "color": { "value": "{open-webconcept.color.black.33}" }, "hover": { "background-color": {}, diff --git a/municipalities/rotterdam-design-tokens/src/component/conduction/card-wrapper.tokens.json b/municipalities/rotterdam-design-tokens/src/component/conduction/card-wrapper.tokens.json index 872a6376..36494aff 100644 --- a/municipalities/rotterdam-design-tokens/src/component/conduction/card-wrapper.tokens.json +++ b/municipalities/rotterdam-design-tokens/src/component/conduction/card-wrapper.tokens.json @@ -9,6 +9,7 @@ "border-bottom-style": { "value": "solid" }, "border-bottom-width": { "value": "4px" }, "border-radius": { "value": "0px" }, + "box-shadow": {}, "color": { "value": "var(--rotterdam-color-gray-tint-11)" }, "hover": { "background-color": {}, diff --git a/municipalities/tubbergen-design-tokens/src/component/conduction/card-wrapper.tokens.json b/municipalities/tubbergen-design-tokens/src/component/conduction/card-wrapper.tokens.json index 6676398e..311d3035 100644 --- a/municipalities/tubbergen-design-tokens/src/component/conduction/card-wrapper.tokens.json +++ b/municipalities/tubbergen-design-tokens/src/component/conduction/card-wrapper.tokens.json @@ -9,6 +9,7 @@ "border-bottom-style": {}, "border-bottom-width": {}, "border-radius": { "value": "0px" }, + "box-shadow": {}, "color": { "value": "{utrecht.document.color}" }, "hover": { "background-color": {}, diff --git a/municipalities/xxllnc-design-tokens/src/component/conduction/card-wrapper.tokens.json b/municipalities/xxllnc-design-tokens/src/component/conduction/card-wrapper.tokens.json index a7819f6c..6f951d00 100644 --- a/municipalities/xxllnc-design-tokens/src/component/conduction/card-wrapper.tokens.json +++ b/municipalities/xxllnc-design-tokens/src/component/conduction/card-wrapper.tokens.json @@ -9,6 +9,7 @@ "border-bottom-style": {}, "border-bottom-width": {}, "border-radius": { "value": "{xxllnc.size.md}" }, + "box-shadow": {}, "color": { "value": "{xxllnc.color.white.95}" }, "hover": { "background-color": {}, diff --git a/package-lock.json b/package-lock.json index 6af5d971..2ff3a95d 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "@conduction/theme", - "version": "1.0.35", + "version": "1.0.54", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "@conduction/theme", - "version": "1.0.35", + "version": "1.0.54", "license": "ISC", "dependencies": { "@nl-design-system-unstable/rotterdam-design-tokens": "^1.0.0-alpha.100" From c48e16d8b294877cdd6bd50fa3632c726a479f51 Mon Sep 17 00:00:00 2001 From: Remko Date: Fri, 10 Nov 2023 14:08:45 +0100 Subject: [PATCH 36/40] added logo tokens --- .../src/component/conduction/logo.tokens.json | 20 +++++++++++++++++++ .../component/utrecht/page-header.tokens.json | 4 ++-- 2 files changed, 22 insertions(+), 2 deletions(-) create mode 100644 municipalities/commonground-design-tokens/src/component/conduction/logo.tokens.json diff --git a/municipalities/commonground-design-tokens/src/component/conduction/logo.tokens.json b/municipalities/commonground-design-tokens/src/component/conduction/logo.tokens.json new file mode 100644 index 00000000..68d54281 --- /dev/null +++ b/municipalities/commonground-design-tokens/src/component/conduction/logo.tokens.json @@ -0,0 +1,20 @@ +{ + "conduction": { + "logo": { + "header": { + "inline-size": { "value": "47px" }, + "block-size": { "value": "47px" }, + "background-image": { + "value": "url('https://commonground.nl/file/embed/ca48ca97-b475-4318-bb7b-14cb552770c9/cg_small.png')" + } + }, + "footer": { + "inline-size": { "value": "75px" }, + "block-size": { "value": "75px" }, + "background-image": { + "value": "url('https://commonground.nl/file/embed/ca48ca97-b475-4318-bb7b-14cb552770c9/cg_small.png')" + } + } + } + } +} diff --git a/municipalities/commonground-design-tokens/src/component/utrecht/page-header.tokens.json b/municipalities/commonground-design-tokens/src/component/utrecht/page-header.tokens.json index 2f79a856..b11fb056 100644 --- a/municipalities/commonground-design-tokens/src/component/utrecht/page-header.tokens.json +++ b/municipalities/commonground-design-tokens/src/component/utrecht/page-header.tokens.json @@ -3,8 +3,8 @@ "page-header": { "background-color": { "value": "{commonground.color.primary}" }, "color": { "value": "{commonground.color.black.0}" }, - "padding-block-start": { "value": "{commonground.size.sm}" }, - "padding-block-end": { "value": "{commonground.size.sm}" } + "padding-block-start": { "value": "1px" }, + "padding-block-end": { "value": "1px" } } } } From 9dec0f06b931c9a0f54737ca1fd8464511da6d01 Mon Sep 17 00:00:00 2001 From: Remko Date: Fri, 10 Nov 2023 14:37:15 +0100 Subject: [PATCH 37/40] added navigation tokens --- .../conduction/navigation.tokens.json | 3 +- .../src/brand/commonground/color.tokens.json | 15 ++++- .../conduction/navigation.tokens.json | 67 +++++++++++++++++++ .../conduction/navigation.tokens.json | 3 +- .../conduction/navigation.tokens.json | 3 +- .../conduction/navigation.tokens.json | 3 +- .../conduction/navigation.tokens.json | 3 +- .../conduction/navigation.tokens.json | 3 +- .../conduction/navigation.tokens.json | 3 +- .../conduction/navigation.tokens.json | 3 +- .../conduction/navigation.tokens.json | 3 +- .../conduction/navigation.tokens.json | 3 +- .../conduction/navigation.tokens.json | 3 +- 13 files changed, 103 insertions(+), 12 deletions(-) create mode 100644 municipalities/commonground-design-tokens/src/component/conduction/navigation.tokens.json diff --git a/conduction-design-tokens/src/component/conduction/navigation.tokens.json b/conduction-design-tokens/src/component/conduction/navigation.tokens.json index 7648c377..64973fd9 100644 --- a/conduction-design-tokens/src/component/conduction/navigation.tokens.json +++ b/conduction-design-tokens/src/component/conduction/navigation.tokens.json @@ -30,7 +30,8 @@ } }, "item": { - "padding": { "value": "18px" } + "padding": { "value": "18px" }, + "border-radius": {} }, "padding-inline-end": { "value": "16px" }, "padding-inline-start": { "value": "16px" }, diff --git a/municipalities/commonground-design-tokens/src/brand/commonground/color.tokens.json b/municipalities/commonground-design-tokens/src/brand/commonground/color.tokens.json index 06106986..18583d14 100644 --- a/municipalities/commonground-design-tokens/src/brand/commonground/color.tokens.json +++ b/municipalities/commonground-design-tokens/src/brand/commonground/color.tokens.json @@ -1,7 +1,7 @@ { "commonground": { "color": { - "primary": { "value": "#ffbc2c" }, + "primary": { "value": "{commonground.color.yellow.59}" }, "primary-hover": { "value": "#ffae00" }, "error": { "value": "#dc3545" }, "alert-error": { "value": "#721c24" }, @@ -26,6 +26,10 @@ "value": "#000000", "comment": "Base/Black" }, + "0-6t": { + "value": "#0000000f", + "comment": "Black with 6% transparency" + }, "0-11t": { "value": "#0000001c", "comment": "Black with 11% transparency" @@ -35,6 +39,15 @@ "comment": "Black with 55% transparency" } }, + "yellow": { + "59": { + "value": "#ffbc2c", + "comment": "Base/Yellow" + }, + "64": { + "value": "#ffc446" + } + }, "grey": { "29": { "value": "#4a4a4a", diff --git a/municipalities/commonground-design-tokens/src/component/conduction/navigation.tokens.json b/municipalities/commonground-design-tokens/src/component/conduction/navigation.tokens.json new file mode 100644 index 00000000..949a3724 --- /dev/null +++ b/municipalities/commonground-design-tokens/src/component/conduction/navigation.tokens.json @@ -0,0 +1,67 @@ +{ + "conduction": { + "primary": { + "top-nav": { + "color": { "value": "{commonground.color.black.0}" }, + "background-color": { "value": "{commonground.color.primary}" }, + "hover": { + "color": { "value": "{commonground.color.black.0}" }, + "background-color": { "value": "{commonground.color.yellow.64}" }, + "box-shadow": {} + }, + "current": { + "color": { "value": "{commonground.color.black.0}" }, + "background-color": { "value": "{commonground.color.primary}" }, + "box-shadow": { "value": "inset 0px 0px 0px 2px {commonground.color.black.0}" }, + "mobile": { + "box-shadow": { "value": "" } + } + }, + "dropdown": { + "color": { "value": "{commonground.color.black.0}" }, + "background-color": { "value": "{commonground.color.primary}" }, + "border-width": {}, + "border-style": {}, + "border-color": {}, + "hover": { + "color": { "value": "{commonground.color.black.0}" }, + "background-color": { "value": "{commonground.color.yellow.64}" }, + "box-shadow": {} + } + }, + "item": { + "padding": { "value": "18px" }, + "border-radius": { "value": "{commonground.size.2xs}" } + }, + "padding-inline-end": { "value": "16px" }, + "padding-inline-start": { "value": "16px" }, + "padding-block-end": { "value": "16px" }, + "padding-block-start": { "value": "16px" } + } + }, + "secondary": { + "top-nav": { + "color": { "value": "{commonground.color.black.0}" }, + "background-color": { "value": "transparent" }, + "hover": { + "color": { "value": "{commonground.color.black.0}" }, + "background-color": { "value": "{commonground.color.yellow.64}" } + }, + "current": { + "color": { "value": "{commonground.color.white.100}" }, + "background-color": { "value": "{commonground.color.primary}" }, + "box-shadow": { "value": "" } + }, + "font-size": { "value": "{commonground.font-size.md}" }, + "font-weight": { "value": "400" }, + "item": { + "padding": { "value": "18px" } + }, + "padding-inline-end": { "value": "16px" }, + "padding-inline-start": { "value": "16px" }, + "padding-block-end": { "value": "16px" }, + "padding-block-start": { "value": "16px" } + } + } + } +} diff --git a/municipalities/dimpact-design-tokens/src/component/conduction/navigation.tokens.json b/municipalities/dimpact-design-tokens/src/component/conduction/navigation.tokens.json index 2a5a103b..b8ef9efa 100644 --- a/municipalities/dimpact-design-tokens/src/component/conduction/navigation.tokens.json +++ b/municipalities/dimpact-design-tokens/src/component/conduction/navigation.tokens.json @@ -30,7 +30,8 @@ } }, "item": { - "padding": { "value": "18px" } + "padding": { "value": "18px" }, + "border-radius": {} }, "padding-inline-end": { "value": "16px" }, "padding-inline-start": { "value": "16px" }, diff --git a/municipalities/dinkelland-design-tokens/src/component/conduction/navigation.tokens.json b/municipalities/dinkelland-design-tokens/src/component/conduction/navigation.tokens.json index 3b10d2c6..f459915b 100644 --- a/municipalities/dinkelland-design-tokens/src/component/conduction/navigation.tokens.json +++ b/municipalities/dinkelland-design-tokens/src/component/conduction/navigation.tokens.json @@ -30,7 +30,8 @@ } }, "item": { - "padding": { "value": "18px" } + "padding": { "value": "18px" }, + "border-radius": {} }, "padding-inline-end": { "value": "16px" }, "padding-inline-start": { "value": "16px" }, diff --git a/municipalities/epe-design-tokens/src/component/conduction/navigation.tokens.json b/municipalities/epe-design-tokens/src/component/conduction/navigation.tokens.json index a336ee92..846a14f1 100644 --- a/municipalities/epe-design-tokens/src/component/conduction/navigation.tokens.json +++ b/municipalities/epe-design-tokens/src/component/conduction/navigation.tokens.json @@ -30,7 +30,8 @@ } }, "item": { - "padding": { "value": "18px" } + "padding": { "value": "18px" }, + "border-radius": {} }, "padding-inline-end": { "value": "16px" }, "padding-inline-start": { "value": "16px" }, diff --git a/municipalities/leiden-design-tokens/src/component/conduction/navigation.tokens.json b/municipalities/leiden-design-tokens/src/component/conduction/navigation.tokens.json index 06d451d5..abfc0290 100644 --- a/municipalities/leiden-design-tokens/src/component/conduction/navigation.tokens.json +++ b/municipalities/leiden-design-tokens/src/component/conduction/navigation.tokens.json @@ -30,7 +30,8 @@ } }, "item": { - "padding": { "value": "18px" } + "padding": { "value": "18px" }, + "border-radius": {} }, "padding-inline-end": { "value": "16px" }, "padding-inline-start": { "value": "16px" }, diff --git a/municipalities/noaberkracht-design-tokens/src/component/conduction/navigation.tokens.json b/municipalities/noaberkracht-design-tokens/src/component/conduction/navigation.tokens.json index 80444af7..9940e531 100644 --- a/municipalities/noaberkracht-design-tokens/src/component/conduction/navigation.tokens.json +++ b/municipalities/noaberkracht-design-tokens/src/component/conduction/navigation.tokens.json @@ -30,7 +30,8 @@ } }, "item": { - "padding": { "value": "18px" } + "padding": { "value": "18px" }, + "border-radius": {} }, "padding-inline-end": { "value": "16px" }, "padding-inline-start": { "value": "16px" }, diff --git a/municipalities/noordwijk-design-tokens/src/component/conduction/navigation.tokens.json b/municipalities/noordwijk-design-tokens/src/component/conduction/navigation.tokens.json index 5126b6ad..4fa5117e 100644 --- a/municipalities/noordwijk-design-tokens/src/component/conduction/navigation.tokens.json +++ b/municipalities/noordwijk-design-tokens/src/component/conduction/navigation.tokens.json @@ -30,7 +30,8 @@ } }, "item": { - "padding": { "value": "18px" } + "padding": { "value": "18px" }, + "border-radius": {} }, "padding-inline-end": { "value": "16px" }, "padding-inline-start": { "value": "16px" }, diff --git a/municipalities/open-webconcept-design-tokens/src/component/conduction/navigation.tokens.json b/municipalities/open-webconcept-design-tokens/src/component/conduction/navigation.tokens.json index 588be74f..d00439f3 100644 --- a/municipalities/open-webconcept-design-tokens/src/component/conduction/navigation.tokens.json +++ b/municipalities/open-webconcept-design-tokens/src/component/conduction/navigation.tokens.json @@ -30,7 +30,8 @@ } }, "item": { - "padding": { "value": "18px" } + "padding": { "value": "18px" }, + "border-radius": {} }, "padding-inline-end": { "value": "16px" }, "padding-inline-start": { "value": "16px" }, diff --git a/municipalities/rotterdam-design-tokens/src/component/conduction/navigation.tokens.json b/municipalities/rotterdam-design-tokens/src/component/conduction/navigation.tokens.json index c7f6035d..eae73b33 100644 --- a/municipalities/rotterdam-design-tokens/src/component/conduction/navigation.tokens.json +++ b/municipalities/rotterdam-design-tokens/src/component/conduction/navigation.tokens.json @@ -30,7 +30,8 @@ } }, "item": { - "padding": { "value": "18px" } + "padding": { "value": "18px" }, + "border-radius": {} }, "padding-inline-end": { "value": "16px" }, "padding-inline-start": { "value": "16px" }, diff --git a/municipalities/tubbergen-design-tokens/src/component/conduction/navigation.tokens.json b/municipalities/tubbergen-design-tokens/src/component/conduction/navigation.tokens.json index e3d9d207..073a121b 100644 --- a/municipalities/tubbergen-design-tokens/src/component/conduction/navigation.tokens.json +++ b/municipalities/tubbergen-design-tokens/src/component/conduction/navigation.tokens.json @@ -30,7 +30,8 @@ } }, "item": { - "padding": { "value": "18px" } + "padding": { "value": "18px" }, + "border-radius": {} }, "padding-inline-end": { "value": "16px" }, "padding-inline-start": { "value": "16px" }, diff --git a/municipalities/xxllnc-design-tokens/src/component/conduction/navigation.tokens.json b/municipalities/xxllnc-design-tokens/src/component/conduction/navigation.tokens.json index c9f63d95..cdd452b0 100644 --- a/municipalities/xxllnc-design-tokens/src/component/conduction/navigation.tokens.json +++ b/municipalities/xxllnc-design-tokens/src/component/conduction/navigation.tokens.json @@ -30,7 +30,8 @@ } }, "item": { - "padding": { "value": "18px" } + "padding": { "value": "18px" }, + "border-radius": {} }, "padding-inline-end": { "value": "16px" }, "padding-inline-start": { "value": "16px" }, From 183a44a802617ecd431f28a89b3e29257d58421d Mon Sep 17 00:00:00 2001 From: Remko Date: Fri, 10 Nov 2023 14:41:01 +0100 Subject: [PATCH 38/40] added pagination tokens --- .../conduction/pagination.tokens.json | 76 +++++++++++++++++++ 1 file changed, 76 insertions(+) create mode 100644 municipalities/commonground-design-tokens/src/component/conduction/pagination.tokens.json diff --git a/municipalities/commonground-design-tokens/src/component/conduction/pagination.tokens.json b/municipalities/commonground-design-tokens/src/component/conduction/pagination.tokens.json new file mode 100644 index 00000000..6822b4cb --- /dev/null +++ b/municipalities/commonground-design-tokens/src/component/conduction/pagination.tokens.json @@ -0,0 +1,76 @@ +{ + "conduction": { + "pagination": { + "container": { + "background-color": { "value": "unset" }, + "padding-inline-start": { "value": "0px" }, + "padding-inline-end": { "value": "0px" }, + "padding-block-start": { "value": "0px" }, + "padding-block-end": { "value": "0px" } + }, + "item": { + "gap": { "value": "{commonground.size.2xs}" }, + "color": { "value": "{commonground.color.black.0}" }, + "background-color": { "value": "{commonground.color.white.100}" }, + "padding-inline-start": { "value": "{commonground.size.xs}" }, + "padding-inline-end": { "value": "{commonground.size.xs}" }, + "padding-block-start": { "value": "{commonground.size.xs}" }, + "padding-block-end": { "value": "{commonground.size.xs}" }, + "font-size": { "value": "{utrecht.document.font-size}" }, + "font-weight": { "value": "{commonground.typography.font-weight.normal}" }, + "font-family": { "value": "{utrecht.document.font-family}" }, + "border-width": {}, + "border-style": {}, + "border-color": {}, + "border-radius": { "value": "{commonground.size.2xs}" } + }, + "navigation-button": { + "color": { "value": "{commonground.color.white.100}" }, + "background-color": { "value": "{commonground.color.primary}" }, + "border-color": {}, + "border-radius": {}, + "border-width": {}, + "padding-inline-start": { "value": "{commonground.size.xs}" }, + "padding-inline-end": { "value": "{commonground.size.xs}" }, + "padding-block-start": { "value": "0px" }, + "padding-block-end": { "value": "0px" }, + "disabled": { + "color": { "value": "{commonground.color.white.100}" }, + "background-color": { "value": "{commonground.color.grey.82}" }, + "border-width": {}, + "border-style": {}, + "border-color": {}, + "border-radius": {} + }, + "hover": { + "color": { "value": "{commonground.color.white.100}" }, + "background-color": { "value": "{commonground.color.primary-hover}" }, + "border-width": {}, + "border-style": {}, + "border-color": {}, + "border-radius": {} + } + }, + "current-page": { + "color": { "value": "{commonground.color.white.100}" }, + "background-color": { "value": "{commonground.color.primary}" }, + "font-weight": { "value": "{commonground.typography.font-weight.bold}" }, + "text-decoration": { "value": "unset" }, + "border-width": {}, + "border-style": {}, + "border-color": {} + }, + "page": { + "hover": { + "color": { "value": "{commonground.color.primary}" }, + "background-color": { "value": "{commonground.color.white.100}" }, + "text-decoration": { "value": "unset" }, + "text-decoration-thickness": { "value": "0px" }, + "border-width": {}, + "border-style": {}, + "border-color": {} + } + } + } + } +} From 8cb18106d6ec124cf83258bee13d0bc04d110650 Mon Sep 17 00:00:00 2001 From: Remko Date: Fri, 10 Nov 2023 14:46:03 +0100 Subject: [PATCH 39/40] added select tokens --- .../src/brand/commonground/color.tokens.json | 3 ++ .../component/conduction/select.tokens.json | 39 +++++++++++++++++++ 2 files changed, 42 insertions(+) create mode 100644 municipalities/commonground-design-tokens/src/component/conduction/select.tokens.json diff --git a/municipalities/commonground-design-tokens/src/brand/commonground/color.tokens.json b/municipalities/commonground-design-tokens/src/brand/commonground/color.tokens.json index 18583d14..24cb3388 100644 --- a/municipalities/commonground-design-tokens/src/brand/commonground/color.tokens.json +++ b/municipalities/commonground-design-tokens/src/brand/commonground/color.tokens.json @@ -56,6 +56,9 @@ "58": { "value": "#949494" }, + "65": { + "value": "#a5a5a5" + }, "82": { "value": "#d1d1d1" }, diff --git a/municipalities/commonground-design-tokens/src/component/conduction/select.tokens.json b/municipalities/commonground-design-tokens/src/component/conduction/select.tokens.json new file mode 100644 index 00000000..4e55ac75 --- /dev/null +++ b/municipalities/commonground-design-tokens/src/component/conduction/select.tokens.json @@ -0,0 +1,39 @@ +{ + "conduction": { + "input-select": { + "background-color": { "value": "{commonground.color.white.100}" }, + "border": { "value": "{commonground.size.4xs} solid {commonground.color.grey.65}" }, + "border-focus": { "value": "unset" }, + "border-radius": { "value": "{utrecht.form-input.border-radius}" }, + "invalid-border-color": { "value": "{commonground.color.error}" }, + "padding-block-end": { "value": 0 }, + "padding-block-start": { "value": 0 }, + "hover": {}, + "focus": {}, + "list-option": { + "font-family": { "value": "{commonground.typography.sans-serif.font-family}" }, + "background-color": {}, + "color": {}, + "hover": { + "font-family": { "value": "{commonground.typography.sans-serif.font-family}" }, + "background-color": {}, + "color": {} + }, + "selected": { + "background-color": {}, + "color": {} + }, + "focus": { + "background-color": {}, + "color": {} + } + }, + "placeholder": { + "color": { + "value": "{utrecht.form-input.placeholder.color}" + }, + "font-family": { "value": "{commonground.typography.sans-serif.font-family}" } + } + } + } +} From d4f25861c739cd567e9637333b9c13f2d9f0b23b Mon Sep 17 00:00:00 2001 From: Remko Date: Fri, 10 Nov 2023 15:11:12 +0100 Subject: [PATCH 40/40] updated version and readme --- README.md | 1 + package-lock.json | 4 ++-- package.json | 2 +- 3 files changed, 4 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index 59554a8b..795b7b19 100644 --- a/README.md +++ b/README.md @@ -6,6 +6,7 @@ Conduction's design tokens theme - **Version 1** + - 1.0.55: Added CommongGround theme. - 1.0.54: - Added ToolTip tokens to all themes. - Added OpenCatalogi Rating tokens to all themes. diff --git a/package-lock.json b/package-lock.json index 2ff3a95d..ab7a6f89 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "@conduction/theme", - "version": "1.0.54", + "version": "1.0.55", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "@conduction/theme", - "version": "1.0.54", + "version": "1.0.55", "license": "ISC", "dependencies": { "@nl-design-system-unstable/rotterdam-design-tokens": "^1.0.0-alpha.100" diff --git a/package.json b/package.json index f511c52c..18516da4 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@conduction/theme", - "version": "1.0.54", + "version": "1.0.55", "description": "Conduction's design tokens theme", "main": "index.js", "repository": {