From 3170de1bdcea76cd76d2c167a749b918ab2e5c08 Mon Sep 17 00:00:00 2001 From: Remko Date: Mon, 13 Nov 2023 15:27:45 +0100 Subject: [PATCH 01/30] added badge tokens to Rotterdam theme --- .../src/component/utrecht/badge.tokens.json | 29 +++++++++++++++++++ 1 file changed, 29 insertions(+) create mode 100644 municipalities/rotterdam-design-tokens/src/component/utrecht/badge.tokens.json diff --git a/municipalities/rotterdam-design-tokens/src/component/utrecht/badge.tokens.json b/municipalities/rotterdam-design-tokens/src/component/utrecht/badge.tokens.json new file mode 100644 index 00000000..78e225eb --- /dev/null +++ b/municipalities/rotterdam-design-tokens/src/component/utrecht/badge.tokens.json @@ -0,0 +1,29 @@ +{ + "utrecht": { + "badge": { + "background-color": { + "value": "var(--rotterdam-color-base-black) !important" + }, + "border-radius": { + "value": "0" + }, + "color": { + "value": "var(--rotterdam-color-base-white) " + }, + "font-size": { + "value": "14px !important" + }, + "font-weight": { + "value": "var(--rotterdam-typography-weight-scale-bold-font-weight)" + }, + "line-height": {}, + "padding-block": { + "value": "8px !important" + }, + "padding-inline": { + "value": "8px !important" + }, + "text-transform": {} + } + } +} From c554985e78c48c2e36e17432f2ce363a030aee13 Mon Sep 17 00:00:00 2001 From: Remko Date: Mon, 13 Nov 2023 16:14:17 +0100 Subject: [PATCH 02/30] added badge tokens to Conduction theme --- .../src/component/utrecht/badge.tokens.json | 15 +++++++++++++++ 1 file changed, 15 insertions(+) create mode 100644 conduction-design-tokens/src/component/utrecht/badge.tokens.json diff --git a/conduction-design-tokens/src/component/utrecht/badge.tokens.json b/conduction-design-tokens/src/component/utrecht/badge.tokens.json new file mode 100644 index 00000000..a55176a0 --- /dev/null +++ b/conduction-design-tokens/src/component/utrecht/badge.tokens.json @@ -0,0 +1,15 @@ +{ + "utrecht": { + "badge": { + "background-color": { "value": "{conduction.color.black.0} " }, + "border-radius": { "value": "0" }, + "color": { "value": "{conduction.color.white.100} " }, + "font-size": { "value": "{conduction.font-size.sm}" }, + "font-weight": { "value": "{conduction.typography.font-weight.normal}" }, + "line-height": {}, + "padding-block": { "value": "{conduction.size.xs}" }, + "padding-inline": { "value": "{conduction.size.xs}" }, + "text-transform": {} + } + } +} From 2fc8d97bb4b151bdd6e3d3972c4b5e1679bb150b Mon Sep 17 00:00:00 2001 From: Remko Date: Mon, 13 Nov 2023 16:27:39 +0100 Subject: [PATCH 03/30] added badge tokens to Epe theme --- .../src/brand/epe/color.tokens.json | 3 +++ .../src/component/utrecht/badge.tokens.json | 15 +++++++++++++++ 2 files changed, 18 insertions(+) create mode 100644 municipalities/epe-design-tokens/src/component/utrecht/badge.tokens.json diff --git a/municipalities/epe-design-tokens/src/brand/epe/color.tokens.json b/municipalities/epe-design-tokens/src/brand/epe/color.tokens.json index 337893e7..77b0cc9a 100644 --- a/municipalities/epe-design-tokens/src/brand/epe/color.tokens.json +++ b/municipalities/epe-design-tokens/src/brand/epe/color.tokens.json @@ -47,6 +47,9 @@ }, "83": { "value": "#c1cce6" + }, + "93": { + "value": "#e0ebfa" } }, "lightgrey": { diff --git a/municipalities/epe-design-tokens/src/component/utrecht/badge.tokens.json b/municipalities/epe-design-tokens/src/component/utrecht/badge.tokens.json new file mode 100644 index 00000000..64b8ffaa --- /dev/null +++ b/municipalities/epe-design-tokens/src/component/utrecht/badge.tokens.json @@ -0,0 +1,15 @@ +{ + "utrecht": { + "badge": { + "background-color": { "value": "{epe.color.blue.93}" }, + "border-radius": { "value": "0" }, + "color": { "value": "{epe.color.light-blue.31} " }, + "font-size": { "value": "{epe.font-size.sm}" }, + "font-weight": { "value": "{epe.typography.font-weight.normal}" }, + "line-height": {}, + "padding-block": { "value": "{epe.size.xs}" }, + "padding-inline": { "value": "{epe.size.xs}" }, + "text-transform": {} + } + } +} From 6b40fefd4dbd61950a7c5ec4207e0580c19330fa Mon Sep 17 00:00:00 2001 From: Remko Date: Mon, 13 Nov 2023 16:37:07 +0100 Subject: [PATCH 04/30] added badge tokens to Commonground theme --- .../src/component/utrecht/badge.tokens.json | 15 +++++++++++++++ 1 file changed, 15 insertions(+) create mode 100644 municipalities/commonground-design-tokens/src/component/utrecht/badge.tokens.json diff --git a/municipalities/commonground-design-tokens/src/component/utrecht/badge.tokens.json b/municipalities/commonground-design-tokens/src/component/utrecht/badge.tokens.json new file mode 100644 index 00000000..2bee80ba --- /dev/null +++ b/municipalities/commonground-design-tokens/src/component/utrecht/badge.tokens.json @@ -0,0 +1,15 @@ +{ + "utrecht": { + "badge": { + "background-color": { "value": "{commonground.color.black.0} " }, + "border-radius": { "value": "0" }, + "color": { "value": "{commonground.color.white.100} " }, + "font-size": { "value": "{commonground.font-size.sm}" }, + "font-weight": { "value": "{commonground.typography.font-weight.normal}" }, + "line-height": {}, + "padding-block": { "value": "{commonground.size.xs}" }, + "padding-inline": { "value": "{commonground.size.xs}" }, + "text-transform": {} + } + } +} From 4fdb35d7f2fa5a5f5173e46913880937593ad004 Mon Sep 17 00:00:00 2001 From: Remko Date: Tue, 14 Nov 2023 09:05:09 +0100 Subject: [PATCH 05/30] added badge tokens to Dimpact theme --- .../src/component/utrecht/badge.tokens.json | 15 +++++++++++++++ 1 file changed, 15 insertions(+) create mode 100644 municipalities/dimpact-design-tokens/src/component/utrecht/badge.tokens.json diff --git a/municipalities/dimpact-design-tokens/src/component/utrecht/badge.tokens.json b/municipalities/dimpact-design-tokens/src/component/utrecht/badge.tokens.json new file mode 100644 index 00000000..6acd2301 --- /dev/null +++ b/municipalities/dimpact-design-tokens/src/component/utrecht/badge.tokens.json @@ -0,0 +1,15 @@ +{ + "utrecht": { + "badge": { + "background-color": { "value": "#eeeff1" }, + "border-radius": { "value": "20px" }, + "color": { "value": "{dimpact.color.primary}" }, + "font-size": { "value": "{dimpact.font-size.sm}" }, + "font-weight": { "value": "{dimpact.typography.font-weight.normal}" }, + "line-height": {}, + "padding-block": { "value": "{dimpact.size.xs}" }, + "padding-inline": { "value": "{dimpact.size.xs}" }, + "text-transform": {} + } + } +} From c81752f6fa64bd7b468a2f584fefa37c87af38fc Mon Sep 17 00:00:00 2001 From: Remko Date: Tue, 14 Nov 2023 09:33:27 +0100 Subject: [PATCH 06/30] added badge tokens to Dinkelland theme --- .../src/component/utrecht/badge.tokens.json | 15 +++++++++++++++ 1 file changed, 15 insertions(+) create mode 100644 municipalities/dinkelland-design-tokens/src/component/utrecht/badge.tokens.json diff --git a/municipalities/dinkelland-design-tokens/src/component/utrecht/badge.tokens.json b/municipalities/dinkelland-design-tokens/src/component/utrecht/badge.tokens.json new file mode 100644 index 00000000..9d1de951 --- /dev/null +++ b/municipalities/dinkelland-design-tokens/src/component/utrecht/badge.tokens.json @@ -0,0 +1,15 @@ +{ + "utrecht": { + "badge": { + "background-color": { "value": "{dinkelland.color.black.0} " }, + "border-radius": { "value": "0" }, + "color": { "value": "{dinkelland.color.white.100} " }, + "font-size": { "value": "{dinkelland.font-size.sm}" }, + "font-weight": { "value": "{dinkelland.typography.font-weight.normal}" }, + "line-height": {}, + "padding-block": { "value": "{dinkelland.size.xs}" }, + "padding-inline": { "value": "{dinkelland.size.xs}" }, + "text-transform": {} + } + } +} From 65447eff52b689281847595b1f96b6b1b888583a Mon Sep 17 00:00:00 2001 From: Remko Date: Tue, 14 Nov 2023 09:34:34 +0100 Subject: [PATCH 07/30] added badge tokens to Leiden theme --- .../src/component/utrecht/badge.tokens.json | 15 +++++++++++++++ 1 file changed, 15 insertions(+) create mode 100644 municipalities/leiden-design-tokens/src/component/utrecht/badge.tokens.json diff --git a/municipalities/leiden-design-tokens/src/component/utrecht/badge.tokens.json b/municipalities/leiden-design-tokens/src/component/utrecht/badge.tokens.json new file mode 100644 index 00000000..4e202c73 --- /dev/null +++ b/municipalities/leiden-design-tokens/src/component/utrecht/badge.tokens.json @@ -0,0 +1,15 @@ +{ + "utrecht": { + "badge": { + "background-color": { "value": "{leiden.color.black.0} " }, + "border-radius": { "value": "0" }, + "color": { "value": "{leiden.color.white.100} " }, + "font-size": { "value": "{leiden.font-size.sm}" }, + "font-weight": { "value": "{leiden.typography.font-weight.normal}" }, + "line-height": {}, + "padding-block": { "value": "{leiden.size.xs}" }, + "padding-inline": { "value": "{leiden.size.xs}" }, + "text-transform": {} + } + } +} From cf25f35a539672eb7257c3c42210f956c40720bc Mon Sep 17 00:00:00 2001 From: Remko Date: Tue, 14 Nov 2023 09:45:57 +0100 Subject: [PATCH 08/30] added badge tokens to Noaberkracht theme --- .../src/component/utrecht/badge.tokens.json | 15 +++++++++++++++ 1 file changed, 15 insertions(+) create mode 100644 municipalities/noaberkracht-design-tokens/src/component/utrecht/badge.tokens.json diff --git a/municipalities/noaberkracht-design-tokens/src/component/utrecht/badge.tokens.json b/municipalities/noaberkracht-design-tokens/src/component/utrecht/badge.tokens.json new file mode 100644 index 00000000..d7a52aa3 --- /dev/null +++ b/municipalities/noaberkracht-design-tokens/src/component/utrecht/badge.tokens.json @@ -0,0 +1,15 @@ +{ + "utrecht": { + "badge": { + "background-color": { "value": "{noaberkracht.color.blue.31} " }, + "border-radius": { "value": "9999px" }, + "color": { "value": "{noaberkracht.color.white.100} " }, + "font-size": { "value": "{noaberkracht.font-size.sm}" }, + "font-weight": { "value": "{noaberkracht.typography.font-weight.normal}" }, + "line-height": {}, + "padding-block": { "value": "{noaberkracht.size.xs}" }, + "padding-inline": { "value": "{noaberkracht.size.xs}" }, + "text-transform": {} + } + } +} From 024cf82624dee1f11c43a1a84a01bb30f28f41f2 Mon Sep 17 00:00:00 2001 From: Remko Date: Tue, 14 Nov 2023 09:49:45 +0100 Subject: [PATCH 09/30] added badge tokens to Noordwijk theme --- .../src/component/utrecht/badge.tokens.json | 15 +++++++++++++++ 1 file changed, 15 insertions(+) create mode 100644 municipalities/noordwijk-design-tokens/src/component/utrecht/badge.tokens.json diff --git a/municipalities/noordwijk-design-tokens/src/component/utrecht/badge.tokens.json b/municipalities/noordwijk-design-tokens/src/component/utrecht/badge.tokens.json new file mode 100644 index 00000000..9696bec9 --- /dev/null +++ b/municipalities/noordwijk-design-tokens/src/component/utrecht/badge.tokens.json @@ -0,0 +1,15 @@ +{ + "utrecht": { + "badge": { + "background-color": { "value": "{noordwijk.color.black.0} " }, + "border-radius": { "value": "0" }, + "color": { "value": "{noordwijk.color.white.100} " }, + "font-size": { "value": "{noordwijk.font-size.sm}" }, + "font-weight": { "value": "{noordwijk.typography.font-weight.normal}" }, + "line-height": {}, + "padding-block": { "value": "{noordwijk.size.xs}" }, + "padding-inline": { "value": "{noordwijk.size.xs}" }, + "text-transform": {} + } + } +} From 6951f2814f246dd97cb775112f47f51556034c78 Mon Sep 17 00:00:00 2001 From: Remko Date: Tue, 14 Nov 2023 09:55:29 +0100 Subject: [PATCH 10/30] added badge tokens to Open-Webconcept theme --- .../src/component/utrecht/badge.tokens.json | 15 +++++++++++++++ 1 file changed, 15 insertions(+) create mode 100644 municipalities/open-webconcept-design-tokens/src/component/utrecht/badge.tokens.json diff --git a/municipalities/open-webconcept-design-tokens/src/component/utrecht/badge.tokens.json b/municipalities/open-webconcept-design-tokens/src/component/utrecht/badge.tokens.json new file mode 100644 index 00000000..24b161d6 --- /dev/null +++ b/municipalities/open-webconcept-design-tokens/src/component/utrecht/badge.tokens.json @@ -0,0 +1,15 @@ +{ + "utrecht": { + "badge": { + "background-color": { "value": "{open-webconcept.color.black.0} " }, + "border-radius": { "value": "0" }, + "color": { "value": "{open-webconcept.color.white.100} " }, + "font-size": { "value": "{open-webconcept.font-size.sm}" }, + "font-weight": { "value": "{open-webconcept.typography.font-weight.normal}" }, + "line-height": {}, + "padding-block": { "value": "{open-webconcept.size.xs}" }, + "padding-inline": { "value": "{open-webconcept.size.xs}" }, + "text-transform": {} + } + } +} From 0801eac757c9d77b4a01cec9a7901d5688cc4b97 Mon Sep 17 00:00:00 2001 From: Remko Date: Tue, 14 Nov 2023 09:56:18 +0100 Subject: [PATCH 11/30] added badge tokens to Tubbergen theme --- .../src/component/utrecht/badge.tokens.json | 15 +++++++++++++++ 1 file changed, 15 insertions(+) create mode 100644 municipalities/tubbergen-design-tokens/src/component/utrecht/badge.tokens.json diff --git a/municipalities/tubbergen-design-tokens/src/component/utrecht/badge.tokens.json b/municipalities/tubbergen-design-tokens/src/component/utrecht/badge.tokens.json new file mode 100644 index 00000000..07f35f21 --- /dev/null +++ b/municipalities/tubbergen-design-tokens/src/component/utrecht/badge.tokens.json @@ -0,0 +1,15 @@ +{ + "utrecht": { + "badge": { + "background-color": { "value": "{tubbergen.color.black.0} " }, + "border-radius": { "value": "0" }, + "color": { "value": "{tubbergen.color.white.100} " }, + "font-size": { "value": "{tubbergen.font-size.sm}" }, + "font-weight": { "value": "{tubbergen.typography.font-weight.normal}" }, + "line-height": {}, + "padding-block": { "value": "{tubbergen.size.xs}" }, + "padding-inline": { "value": "{tubbergen.size.xs}" }, + "text-transform": {} + } + } +} From 49f1df336c0566391f714034f5b51b41892ed80b Mon Sep 17 00:00:00 2001 From: Remko Date: Tue, 14 Nov 2023 10:05:05 +0100 Subject: [PATCH 12/30] added badge tokens to xxllnc theme --- .../src/brand/xxllnc/color.tokens.json | 1 + .../src/component/utrecht/badge.tokens.json | 15 +++++++++++++++ 2 files changed, 16 insertions(+) create mode 100644 municipalities/xxllnc-design-tokens/src/component/utrecht/badge.tokens.json 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 5944cdab..972ec07f 100644 --- a/municipalities/xxllnc-design-tokens/src/brand/xxllnc/color.tokens.json +++ b/municipalities/xxllnc-design-tokens/src/brand/xxllnc/color.tokens.json @@ -25,6 +25,7 @@ "95": { "value": "#f1f1f1" }, + "100": { "value": "#ffffff", "comment": "Base/White" diff --git a/municipalities/xxllnc-design-tokens/src/component/utrecht/badge.tokens.json b/municipalities/xxllnc-design-tokens/src/component/utrecht/badge.tokens.json new file mode 100644 index 00000000..f0f1ecae --- /dev/null +++ b/municipalities/xxllnc-design-tokens/src/component/utrecht/badge.tokens.json @@ -0,0 +1,15 @@ +{ + "utrecht": { + "badge": { + "background-color": { "value": "{xxllnc.color.black.16} " }, + "border-radius": { "value": "10000px" }, + "color": { "value": "{xxllnc.color.white.95} " }, + "font-size": { "value": "{xxllnc.font-size.sm}" }, + "font-weight": { "value": "{xxllnc.typography.font-weight.normal}" }, + "line-height": {}, + "padding-block": { "value": "{xxllnc.size.xs}" }, + "padding-inline": { "value": "{xxllnc.size.xs}" }, + "text-transform": {} + } + } +} From 9d9a4273418d57af1def87e36e6bc2cb89ce75ab Mon Sep 17 00:00:00 2001 From: Remko Date: Tue, 14 Nov 2023 10:07:31 +0100 Subject: [PATCH 13/30] 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 795b7b19..a462ad20 100644 --- a/README.md +++ b/README.md @@ -6,6 +6,7 @@ Conduction's design tokens theme - **Version 1** + - 1.0.55: Added DataBadge/Badge tokens to all themes. - 1.0.55: Added CommongGround theme. - 1.0.54: - Added ToolTip tokens to all themes. diff --git a/package.json b/package.json index 18516da4..262fa182 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@conduction/theme", - "version": "1.0.55", + "version": "1.0.56", "description": "Conduction's design tokens theme", "main": "index.js", "repository": { From b3fff52f769b2de4ae292c3062a44b23a5c4aef0 Mon Sep 17 00:00:00 2001 From: Remko Date: Tue, 14 Nov 2023 10:07:55 +0100 Subject: [PATCH 14/30] updated readme --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index a462ad20..4e2f1365 100644 --- a/README.md +++ b/README.md @@ -6,7 +6,7 @@ Conduction's design tokens theme - **Version 1** - - 1.0.55: Added DataBadge/Badge tokens to all themes. + - 1.0.56: Added DataBadge/Badge tokens to all themes. - 1.0.55: Added CommongGround theme. - 1.0.54: - Added ToolTip tokens to all themes. From 8b4b680a818162964f3459e651da8a926c81ff60 Mon Sep 17 00:00:00 2001 From: Remko Date: Tue, 14 Nov 2023 10:08:54 +0100 Subject: [PATCH 15/30] cleanup --- .../xxllnc-design-tokens/src/brand/xxllnc/color.tokens.json | 1 - 1 file changed, 1 deletion(-) 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 972ec07f..5944cdab 100644 --- a/municipalities/xxllnc-design-tokens/src/brand/xxllnc/color.tokens.json +++ b/municipalities/xxllnc-design-tokens/src/brand/xxllnc/color.tokens.json @@ -25,7 +25,6 @@ "95": { "value": "#f1f1f1" }, - "100": { "value": "#ffffff", "comment": "Base/White" From 81ed36b19e45ec39ee93cd0f69ffd8735c99e642 Mon Sep 17 00:00:00 2001 From: Remko Date: Mon, 20 Nov 2023 09:36:02 +0100 Subject: [PATCH 16/30] added checkbox tokens to conduction theme --- .../src/brand/conduction/color.tokens.json | 6 +++ .../component/conduction/checkbox.tokens.json | 52 +++++++++++++++++++ 2 files changed, 58 insertions(+) create mode 100644 conduction-design-tokens/src/component/conduction/checkbox.tokens.json diff --git a/conduction-design-tokens/src/brand/conduction/color.tokens.json b/conduction-design-tokens/src/brand/conduction/color.tokens.json index 2e3bc5de..44eff3ec 100644 --- a/conduction-design-tokens/src/brand/conduction/color.tokens.json +++ b/conduction-design-tokens/src/brand/conduction/color.tokens.json @@ -23,6 +23,12 @@ "29": { "value": "#4a4a4a" }, + "31": { + "value": "#4f4f4f" + }, + "46": { + "value": "#767676" + }, "48": { "value": "#7a7a7a" }, diff --git a/conduction-design-tokens/src/component/conduction/checkbox.tokens.json b/conduction-design-tokens/src/component/conduction/checkbox.tokens.json new file mode 100644 index 00000000..f668c357 --- /dev/null +++ b/conduction-design-tokens/src/component/conduction/checkbox.tokens.json @@ -0,0 +1,52 @@ +{ + "conduction": { + "input-checkbox": { + "color": { "value": "{conduction.color.white.100}" }, + "border-width": { "value": "{conduction.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{conduction.color.grey.46}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {}, + "hover": { + "color": { "value": "{conduction.color.white.100}" }, + "border-width": { "value": "{conduction.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{conduction.color.grey.31}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {} + }, + "checked": { + "color": { "value": "{conduction.color.primary}" }, + "border-width": { "value": "{conduction.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{conduction.color.primary}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {}, + "hover": { + "color": { "value": "{conduction.color.primary-hover}" }, + "border-width": { "value": "{conduction.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{conduction.color.primary-hover}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {} + } + }, + "disabled": { + "color": { "value": "{conduction.color.grey.82}" }, + "border-width": { "value": "{conduction.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{conduction.color.grey.82}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {}, + "hover": { + "color": { "value": "{conduction.color.grey.82}" }, + "border-width": { "value": "{conduction.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{conduction.color.grey.82}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {} + } + } + } + } +} From 03abfea3d65931a7aa4d1bee806d05398c3445fd Mon Sep 17 00:00:00 2001 From: Remko Date: Mon, 20 Nov 2023 09:54:35 +0100 Subject: [PATCH 17/30] added checkbox tokens to commonground theme --- .../src/brand/commonground/color.tokens.json | 6 +++ .../component/conduction/checkbox.tokens.json | 52 +++++++++++++++++++ 2 files changed, 58 insertions(+) create mode 100644 municipalities/commonground-design-tokens/src/component/conduction/checkbox.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 24cb3388..5e377838 100644 --- a/municipalities/commonground-design-tokens/src/brand/commonground/color.tokens.json +++ b/municipalities/commonground-design-tokens/src/brand/commonground/color.tokens.json @@ -53,6 +53,12 @@ "value": "#4a4a4a", "comment": "Base/Grey" }, + "31": { + "value": "#4f4f4f" + }, + "46": { + "value": "#767676" + }, "58": { "value": "#949494" }, diff --git a/municipalities/commonground-design-tokens/src/component/conduction/checkbox.tokens.json b/municipalities/commonground-design-tokens/src/component/conduction/checkbox.tokens.json new file mode 100644 index 00000000..19b0a5c5 --- /dev/null +++ b/municipalities/commonground-design-tokens/src/component/conduction/checkbox.tokens.json @@ -0,0 +1,52 @@ +{ + "conduction": { + "input-checkbox": { + "color": { "value": "{commonground.color.white.100}" }, + "border-width": { "value": "{commonground.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{commonground.color.grey.46}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {}, + "hover": { + "color": { "value": "{commonground.color.white.100}" }, + "border-width": { "value": "{commonground.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{commonground.color.grey.31}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {} + }, + "checked": { + "color": { "value": "{commonground.color.primary}" }, + "border-width": { "value": "{commonground.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{commonground.color.primary}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {}, + "hover": { + "color": { "value": "{commonground.color.primary-hover}" }, + "border-width": { "value": "{commonground.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{commonground.color.primary-hover}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {} + } + }, + "disabled": { + "color": { "value": "{commonground.color.grey.82}" }, + "border-width": { "value": "{commonground.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{commonground.color.grey.82}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {}, + "hover": { + "color": { "value": "{commonground.color.grey.82}" }, + "border-width": { "value": "{commonground.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{commonground.color.grey.82}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {} + } + } + } + } +} From 3bc7dd22561f017de458290e2479e78f8a39aa3b Mon Sep 17 00:00:00 2001 From: Remko Date: Mon, 20 Nov 2023 09:56:42 +0100 Subject: [PATCH 18/30] added checkbox tokens to dimpact theme --- .../src/brand/dimpact/color.tokens.json | 9 ++++ .../component/conduction/checkbox.tokens.json | 52 +++++++++++++++++++ 2 files changed, 61 insertions(+) create mode 100644 municipalities/dimpact-design-tokens/src/component/conduction/checkbox.tokens.json diff --git a/municipalities/dimpact-design-tokens/src/brand/dimpact/color.tokens.json b/municipalities/dimpact-design-tokens/src/brand/dimpact/color.tokens.json index 21659120..1ddc4934 100644 --- a/municipalities/dimpact-design-tokens/src/brand/dimpact/color.tokens.json +++ b/municipalities/dimpact-design-tokens/src/brand/dimpact/color.tokens.json @@ -57,6 +57,15 @@ "value": "#4a4a4a", "comment": "Base/Grey" }, + "31": { + "value": "#4f4f4f" + }, + "46": { + "value": "#767676" + }, + "82": { + "value": "#d1d1d1" + }, "84": { "value": "#d4d6d8" }, diff --git a/municipalities/dimpact-design-tokens/src/component/conduction/checkbox.tokens.json b/municipalities/dimpact-design-tokens/src/component/conduction/checkbox.tokens.json new file mode 100644 index 00000000..d45a6464 --- /dev/null +++ b/municipalities/dimpact-design-tokens/src/component/conduction/checkbox.tokens.json @@ -0,0 +1,52 @@ +{ + "conduction": { + "input-checkbox": { + "color": { "value": "{dimpact.color.white.100}" }, + "border-width": { "value": "{dimpact.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{dimpact.color.grey.46}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {}, + "hover": { + "color": { "value": "{dimpact.color.white.100}" }, + "border-width": { "value": "{dimpact.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{dimpact.color.grey.31}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {} + }, + "checked": { + "color": { "value": "{dimpact.color.primary}" }, + "border-width": { "value": "{dimpact.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{dimpact.color.primary}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {}, + "hover": { + "color": { "value": "{dimpact.color.primary-hover}" }, + "border-width": { "value": "{dimpact.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{dimpact.color.primary-hover}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {} + } + }, + "disabled": { + "color": { "value": "{dimpact.color.grey.82}" }, + "border-width": { "value": "{dimpact.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{dimpact.color.grey.82}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {}, + "hover": { + "color": { "value": "{dimpact.color.grey.82}" }, + "border-width": { "value": "{dimpact.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{dimpact.color.grey.82}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {} + } + } + } + } +} From 56ba5b472344c242b609b912a6e9d8fb3a0baf13 Mon Sep 17 00:00:00 2001 From: Remko Date: Mon, 20 Nov 2023 09:58:54 +0100 Subject: [PATCH 19/30] added checkbox tokens to dinkelland theme --- .../src/brand/dinkelland/color.tokens.json | 6 +++ .../component/conduction/checkbox.tokens.json | 52 +++++++++++++++++++ 2 files changed, 58 insertions(+) create mode 100644 municipalities/dinkelland-design-tokens/src/component/conduction/checkbox.tokens.json diff --git a/municipalities/dinkelland-design-tokens/src/brand/dinkelland/color.tokens.json b/municipalities/dinkelland-design-tokens/src/brand/dinkelland/color.tokens.json index 0ad165e7..fefbbc63 100644 --- a/municipalities/dinkelland-design-tokens/src/brand/dinkelland/color.tokens.json +++ b/municipalities/dinkelland-design-tokens/src/brand/dinkelland/color.tokens.json @@ -74,6 +74,9 @@ } }, "grey": { + "31": { + "value": "#4f4f4f" + }, "38": { "value": "#5c6066" }, @@ -90,6 +93,9 @@ "72": { "value": "#AEB6C2" }, + "82": { + "value": "#d1d1d1" + }, "94": { "value": "#edeff2" } diff --git a/municipalities/dinkelland-design-tokens/src/component/conduction/checkbox.tokens.json b/municipalities/dinkelland-design-tokens/src/component/conduction/checkbox.tokens.json new file mode 100644 index 00000000..b6050c1e --- /dev/null +++ b/municipalities/dinkelland-design-tokens/src/component/conduction/checkbox.tokens.json @@ -0,0 +1,52 @@ +{ + "conduction": { + "input-checkbox": { + "color": { "value": "{dinkelland.color.white.100}" }, + "border-width": { "value": "{dinkelland.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{dinkelland.color.grey.46}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {}, + "hover": { + "color": { "value": "{dinkelland.color.white.100}" }, + "border-width": { "value": "{dinkelland.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{dinkelland.color.grey.31}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {} + }, + "checked": { + "color": { "value": "{dinkelland.color.primary}" }, + "border-width": { "value": "{dinkelland.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{dinkelland.color.primary}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {}, + "hover": { + "color": { "value": "{dinkelland.color.primary-hover}" }, + "border-width": { "value": "{dinkelland.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{dinkelland.color.primary-hover}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {} + } + }, + "disabled": { + "color": { "value": "{dinkelland.color.grey.82}" }, + "border-width": { "value": "{dinkelland.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{dinkelland.color.grey.82}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {}, + "hover": { + "color": { "value": "{dinkelland.color.grey.82}" }, + "border-width": { "value": "{dinkelland.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{dinkelland.color.grey.82}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {} + } + } + } + } +} From ab284e97dcb41ad1b63a020bea74f203bfa9b6cc Mon Sep 17 00:00:00 2001 From: Remko Date: Mon, 20 Nov 2023 10:00:19 +0100 Subject: [PATCH 20/30] added checkbox tokens to epe theme --- .../src/brand/epe/color.tokens.json | 6 +++ .../component/conduction/checkbox.tokens.json | 52 +++++++++++++++++++ 2 files changed, 58 insertions(+) create mode 100644 municipalities/epe-design-tokens/src/component/conduction/checkbox.tokens.json diff --git a/municipalities/epe-design-tokens/src/brand/epe/color.tokens.json b/municipalities/epe-design-tokens/src/brand/epe/color.tokens.json index 77b0cc9a..d38b7ac9 100644 --- a/municipalities/epe-design-tokens/src/brand/epe/color.tokens.json +++ b/municipalities/epe-design-tokens/src/brand/epe/color.tokens.json @@ -62,6 +62,9 @@ } }, "grey": { + "31": { + "value": "#4f4f4f" + }, "34": { "value": "#575757", "comment": "Base/Grey" @@ -69,6 +72,9 @@ "46": { "value": "#757575" }, + "82": { + "value": "#d1d1d1" + }, "90": { "value": "#e6e6e6" } diff --git a/municipalities/epe-design-tokens/src/component/conduction/checkbox.tokens.json b/municipalities/epe-design-tokens/src/component/conduction/checkbox.tokens.json new file mode 100644 index 00000000..6c9cd48b --- /dev/null +++ b/municipalities/epe-design-tokens/src/component/conduction/checkbox.tokens.json @@ -0,0 +1,52 @@ +{ + "conduction": { + "input-checkbox": { + "color": { "value": "{epe.color.white.100}" }, + "border-width": { "value": "{epe.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{epe.color.grey.46}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {}, + "hover": { + "color": { "value": "{epe.color.white.100}" }, + "border-width": { "value": "{epe.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{epe.color.grey.31}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {} + }, + "checked": { + "color": { "value": "{epe.color.primary}" }, + "border-width": { "value": "{epe.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{epe.color.primary}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {}, + "hover": { + "color": { "value": "{epe.color.primary-hover}" }, + "border-width": { "value": "{epe.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{epe.color.primary-hover}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {} + } + }, + "disabled": { + "color": { "value": "{epe.color.grey.82}" }, + "border-width": { "value": "{epe.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{epe.color.grey.82}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {}, + "hover": { + "color": { "value": "{epe.color.grey.82}" }, + "border-width": { "value": "{epe.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{epe.color.grey.82}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {} + } + } + } + } +} From 44d5638a37c219b39ba4942d2b2540a4187011c6 Mon Sep 17 00:00:00 2001 From: Remko Date: Mon, 20 Nov 2023 10:04:16 +0100 Subject: [PATCH 21/30] added checkbox tokens to leiden theme --- .../src/brand/leiden/color.tokens.json | 9 ++++ .../component/conduction/checkbox.tokens.json | 52 +++++++++++++++++++ 2 files changed, 61 insertions(+) create mode 100644 municipalities/leiden-design-tokens/src/component/conduction/checkbox.tokens.json 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 8329b114..0fdf66df 100644 --- a/municipalities/leiden-design-tokens/src/brand/leiden/color.tokens.json +++ b/municipalities/leiden-design-tokens/src/brand/leiden/color.tokens.json @@ -23,9 +23,18 @@ "11": { "value": "#1d1d1b" }, + "31": { + "value": "#4f4f4f" + }, "33": { "value": "#5f594a", "comment": "Base/Grey" + }, + "46": { + "value": "#767676" + }, + "82": { + "value": "#d1d1d1" } }, "lightgrey": { diff --git a/municipalities/leiden-design-tokens/src/component/conduction/checkbox.tokens.json b/municipalities/leiden-design-tokens/src/component/conduction/checkbox.tokens.json new file mode 100644 index 00000000..271e318d --- /dev/null +++ b/municipalities/leiden-design-tokens/src/component/conduction/checkbox.tokens.json @@ -0,0 +1,52 @@ +{ + "conduction": { + "input-checkbox": { + "color": { "value": "{leiden.color.white.100}" }, + "border-width": { "value": "{leiden.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{leiden.color.grey.46}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {}, + "hover": { + "color": { "value": "{leiden.color.white.100}" }, + "border-width": { "value": "{leiden.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{leiden.color.grey.31}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {} + }, + "checked": { + "color": { "value": "{leiden.color.primary}" }, + "border-width": { "value": "{leiden.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{leiden.color.primary}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {}, + "hover": { + "color": { "value": "{leiden.color.primary-hover}" }, + "border-width": { "value": "{leiden.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{leiden.color.primary-hover}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {} + } + }, + "disabled": { + "color": { "value": "{leiden.color.grey.82}" }, + "border-width": { "value": "{leiden.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{leiden.color.grey.82}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {}, + "hover": { + "color": { "value": "{leiden.color.grey.82}" }, + "border-width": { "value": "{leiden.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{leiden.color.grey.82}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {} + } + } + } + } +} From 998e7730a1e331bda5c6929f978e52f7be5fbc82 Mon Sep 17 00:00:00 2001 From: Remko Date: Mon, 20 Nov 2023 10:26:36 +0100 Subject: [PATCH 22/30] added checkbox tokens to noaberkracht theme --- .../src/brand/noaberkracht/color.tokens.json | 11 ++++ .../component/conduction/checkbox.tokens.json | 52 +++++++++++++++++++ 2 files changed, 63 insertions(+) create mode 100644 municipalities/noaberkracht-design-tokens/src/component/conduction/checkbox.tokens.json diff --git a/municipalities/noaberkracht-design-tokens/src/brand/noaberkracht/color.tokens.json b/municipalities/noaberkracht-design-tokens/src/brand/noaberkracht/color.tokens.json index e724adbc..20fc5c99 100644 --- a/municipalities/noaberkracht-design-tokens/src/brand/noaberkracht/color.tokens.json +++ b/municipalities/noaberkracht-design-tokens/src/brand/noaberkracht/color.tokens.json @@ -60,6 +60,17 @@ "comment": "Base/Yellow from Huisstijlhandboek, base color of website is #f0af00" } }, + "grey": { + "31": { + "value": "#4f4f4f" + }, + "46": { + "value": "#767676" + }, + "82": { + "value": "#d1d1d1" + } + }, "lightgrey": { "96": { "value": "#f5f5f5", diff --git a/municipalities/noaberkracht-design-tokens/src/component/conduction/checkbox.tokens.json b/municipalities/noaberkracht-design-tokens/src/component/conduction/checkbox.tokens.json new file mode 100644 index 00000000..e2a4174b --- /dev/null +++ b/municipalities/noaberkracht-design-tokens/src/component/conduction/checkbox.tokens.json @@ -0,0 +1,52 @@ +{ + "conduction": { + "input-checkbox": { + "color": { "value": "{noaberkracht.color.white.100}" }, + "border-width": { "value": "{noaberkracht.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{noaberkracht.color.grey.46}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {}, + "hover": { + "color": { "value": "{noaberkracht.color.white.100}" }, + "border-width": { "value": "{noaberkracht.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{noaberkracht.color.grey.31}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {} + }, + "checked": { + "color": { "value": "{noaberkracht.color.primary}" }, + "border-width": { "value": "{noaberkracht.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{noaberkracht.color.primary}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {}, + "hover": { + "color": { "value": "{noaberkracht.color.primary-hover}" }, + "border-width": { "value": "{noaberkracht.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{noaberkracht.color.primary-hover}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {} + } + }, + "disabled": { + "color": { "value": "{noaberkracht.color.grey.82}" }, + "border-width": { "value": "{noaberkracht.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{noaberkracht.color.grey.82}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {}, + "hover": { + "color": { "value": "{noaberkracht.color.grey.82}" }, + "border-width": { "value": "{noaberkracht.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{noaberkracht.color.grey.82}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {} + } + } + } + } +} From def7604bf8e208239afa434b4182cf666c0d2f97 Mon Sep 17 00:00:00 2001 From: Remko Date: Mon, 20 Nov 2023 10:33:15 +0100 Subject: [PATCH 23/30] added checkbox tokens to noordwijk theme --- .../src/brand/noordwijk/color.tokens.json | 3 ++ .../component/conduction/checkbox.tokens.json | 52 +++++++++++++++++++ 2 files changed, 55 insertions(+) create mode 100644 municipalities/noordwijk-design-tokens/src/component/conduction/checkbox.tokens.json diff --git a/municipalities/noordwijk-design-tokens/src/brand/noordwijk/color.tokens.json b/municipalities/noordwijk-design-tokens/src/brand/noordwijk/color.tokens.json index b002f651..6ade9d50 100644 --- a/municipalities/noordwijk-design-tokens/src/brand/noordwijk/color.tokens.json +++ b/municipalities/noordwijk-design-tokens/src/brand/noordwijk/color.tokens.json @@ -28,6 +28,9 @@ "29": { "value": "#4a4a4a" }, + "31": { + "value": "#4f4f4f" + }, "46": { "value": "#757575" }, diff --git a/municipalities/noordwijk-design-tokens/src/component/conduction/checkbox.tokens.json b/municipalities/noordwijk-design-tokens/src/component/conduction/checkbox.tokens.json new file mode 100644 index 00000000..06e3ac70 --- /dev/null +++ b/municipalities/noordwijk-design-tokens/src/component/conduction/checkbox.tokens.json @@ -0,0 +1,52 @@ +{ + "conduction": { + "input-checkbox": { + "color": { "value": "{noordwijk.color.white.100}" }, + "border-width": { "value": "{noordwijk.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{noordwijk.color.grey.46}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {}, + "hover": { + "color": { "value": "{noordwijk.color.white.100}" }, + "border-width": { "value": "{noordwijk.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{noordwijk.color.grey.31}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {} + }, + "checked": { + "color": { "value": "{noordwijk.color.primary}" }, + "border-width": { "value": "{noordwijk.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{noordwijk.color.primary}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {}, + "hover": { + "color": { "value": "{noordwijk.color.primary-hover}" }, + "border-width": { "value": "{noordwijk.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{noordwijk.color.primary-hover}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {} + } + }, + "disabled": { + "color": { "value": "{noordwijk.color.grey.82}" }, + "border-width": { "value": "{noordwijk.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{noordwijk.color.grey.82}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {}, + "hover": { + "color": { "value": "{noordwijk.color.grey.82}" }, + "border-width": { "value": "{noordwijk.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{noordwijk.color.grey.82}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {} + } + } + } + } +} From 90bde9b84716ca369b06cd0e5438317bba62f433 Mon Sep 17 00:00:00 2001 From: Remko Date: Mon, 20 Nov 2023 10:35:59 +0100 Subject: [PATCH 24/30] added checkbox tokens to open-webconcept theme --- .../brand/open-webconcept/color.tokens.json | 6 +++ .../component/conduction/checkbox.tokens.json | 52 +++++++++++++++++++ 2 files changed, 58 insertions(+) create mode 100644 municipalities/open-webconcept-design-tokens/src/component/conduction/checkbox.tokens.json diff --git a/municipalities/open-webconcept-design-tokens/src/brand/open-webconcept/color.tokens.json b/municipalities/open-webconcept-design-tokens/src/brand/open-webconcept/color.tokens.json index f85961e6..94b8c7e4 100644 --- a/municipalities/open-webconcept-design-tokens/src/brand/open-webconcept/color.tokens.json +++ b/municipalities/open-webconcept-design-tokens/src/brand/open-webconcept/color.tokens.json @@ -64,6 +64,9 @@ "29": { "value": "#4a4a4a" }, + "31": { + "value": "#4f4f4f" + }, "46": { "value": "#6c757d", "comment": "Base/Grey" @@ -74,6 +77,9 @@ "73": { "value": "#bbbbbb" }, + "82": { + "value": "#d1d1d1" + }, "87": { "value": "#dcdcde" }, diff --git a/municipalities/open-webconcept-design-tokens/src/component/conduction/checkbox.tokens.json b/municipalities/open-webconcept-design-tokens/src/component/conduction/checkbox.tokens.json new file mode 100644 index 00000000..99680ccf --- /dev/null +++ b/municipalities/open-webconcept-design-tokens/src/component/conduction/checkbox.tokens.json @@ -0,0 +1,52 @@ +{ + "conduction": { + "input-checkbox": { + "color": { "value": "{open-webconcept.color.white.100}" }, + "border-width": { "value": "{open-webconcept.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{open-webconcept.color.grey.46}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {}, + "hover": { + "color": { "value": "{open-webconcept.color.white.100}" }, + "border-width": { "value": "{open-webconcept.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{open-webconcept.color.grey.31}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {} + }, + "checked": { + "color": { "value": "{open-webconcept.color.primary}" }, + "border-width": { "value": "{open-webconcept.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{open-webconcept.color.primary}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {}, + "hover": { + "color": { "value": "{open-webconcept.color.primary-hover}" }, + "border-width": { "value": "{open-webconcept.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{open-webconcept.color.primary-hover}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {} + } + }, + "disabled": { + "color": { "value": "{open-webconcept.color.grey.82}" }, + "border-width": { "value": "{open-webconcept.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{open-webconcept.color.grey.82}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {}, + "hover": { + "color": { "value": "{open-webconcept.color.grey.82}" }, + "border-width": { "value": "{open-webconcept.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{open-webconcept.color.grey.82}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {} + } + } + } + } +} From 8928acf49c7301ca0023e03d8bd37924c55afedf Mon Sep 17 00:00:00 2001 From: Remko Date: Mon, 20 Nov 2023 10:37:30 +0100 Subject: [PATCH 25/30] added checkbox tokens to tubbergen theme --- .../src/brand/tubbergen/color.tokens.json | 6 +++ .../component/conduction/checkbox.tokens.json | 52 +++++++++++++++++++ 2 files changed, 58 insertions(+) create mode 100644 municipalities/tubbergen-design-tokens/src/component/conduction/checkbox.tokens.json diff --git a/municipalities/tubbergen-design-tokens/src/brand/tubbergen/color.tokens.json b/municipalities/tubbergen-design-tokens/src/brand/tubbergen/color.tokens.json index 9314c376..eb881fe0 100644 --- a/municipalities/tubbergen-design-tokens/src/brand/tubbergen/color.tokens.json +++ b/municipalities/tubbergen-design-tokens/src/brand/tubbergen/color.tokens.json @@ -89,6 +89,9 @@ } }, "grey": { + "31": { + "value": "#4f4f4f" + }, "38": { "value": "#5c6066" }, @@ -104,6 +107,9 @@ }, "72": { "value": "#AEB6C2" + }, + "82": { + "value": "#d1d1d1" } }, "lightgrey": { diff --git a/municipalities/tubbergen-design-tokens/src/component/conduction/checkbox.tokens.json b/municipalities/tubbergen-design-tokens/src/component/conduction/checkbox.tokens.json new file mode 100644 index 00000000..8bcc6b1d --- /dev/null +++ b/municipalities/tubbergen-design-tokens/src/component/conduction/checkbox.tokens.json @@ -0,0 +1,52 @@ +{ + "conduction": { + "input-checkbox": { + "color": { "value": "{tubbergen.color.white.100}" }, + "border-width": { "value": "{tubbergen.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{tubbergen.color.grey.46}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {}, + "hover": { + "color": { "value": "{tubbergen.color.white.100}" }, + "border-width": { "value": "{tubbergen.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{tubbergen.color.grey.31}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {} + }, + "checked": { + "color": { "value": "{tubbergen.color.primary}" }, + "border-width": { "value": "{tubbergen.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{tubbergen.color.primary}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {}, + "hover": { + "color": { "value": "{tubbergen.color.primary-hover}" }, + "border-width": { "value": "{tubbergen.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{tubbergen.color.primary-hover}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {} + } + }, + "disabled": { + "color": { "value": "{tubbergen.color.grey.82}" }, + "border-width": { "value": "{tubbergen.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{tubbergen.color.grey.82}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {}, + "hover": { + "color": { "value": "{tubbergen.color.grey.82}" }, + "border-width": { "value": "{tubbergen.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{tubbergen.color.grey.82}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {} + } + } + } + } +} From 6cb48577341bbff98f6b0e768c45fb529eeed061 Mon Sep 17 00:00:00 2001 From: Remko Date: Mon, 20 Nov 2023 10:38:44 +0100 Subject: [PATCH 26/30] added checkbox tokens to xxllnc theme --- .../src/brand/xxllnc/color.tokens.json | 9 ++++ .../component/conduction/checkbox.tokens.json | 52 +++++++++++++++++++ 2 files changed, 61 insertions(+) create mode 100644 municipalities/xxllnc-design-tokens/src/component/conduction/checkbox.tokens.json 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 5944cdab..91c92d45 100644 --- a/municipalities/xxllnc-design-tokens/src/brand/xxllnc/color.tokens.json +++ b/municipalities/xxllnc-design-tokens/src/brand/xxllnc/color.tokens.json @@ -74,12 +74,21 @@ } }, "grey": { + "31": { + "value": "#4f4f4f" + }, "43": { "value": "#6d6d6d" }, + "46": { + "value": "#767676" + }, "90": { "value": "#e5e5e5" }, + "82": { + "value": "#d1d1d1" + }, "90-hover": { "value": "#e5e5e5cc", "comment": "Grey with 80% transparency" diff --git a/municipalities/xxllnc-design-tokens/src/component/conduction/checkbox.tokens.json b/municipalities/xxllnc-design-tokens/src/component/conduction/checkbox.tokens.json new file mode 100644 index 00000000..14f9eacf --- /dev/null +++ b/municipalities/xxllnc-design-tokens/src/component/conduction/checkbox.tokens.json @@ -0,0 +1,52 @@ +{ + "conduction": { + "input-checkbox": { + "color": { "value": "{xxllnc.color.white.100}" }, + "border-width": { "value": "{xxllnc.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{xxllnc.color.grey.46}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {}, + "hover": { + "color": { "value": "{xxllnc.color.white.100}" }, + "border-width": { "value": "{xxllnc.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{xxllnc.color.grey.31}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {} + }, + "checked": { + "color": { "value": "{xxllnc.color.primary}" }, + "border-width": { "value": "{xxllnc.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{xxllnc.color.primary}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {}, + "hover": { + "color": { "value": "{xxllnc.color.primary-hover}" }, + "border-width": { "value": "{xxllnc.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{xxllnc.color.primary-hover}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {} + } + }, + "disabled": { + "color": { "value": "{xxllnc.color.grey.82}" }, + "border-width": { "value": "{xxllnc.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{xxllnc.color.grey.82}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {}, + "hover": { + "color": { "value": "{xxllnc.color.grey.82}" }, + "border-width": { "value": "{xxllnc.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{xxllnc.color.grey.82}" }, + "border-radius": { "value": "3px" }, + "box-shadow": {} + } + } + } + } +} From a450d23e6d9653976becf3c017b5ed120538a005 Mon Sep 17 00:00:00 2001 From: Remko Date: Mon, 20 Nov 2023 11:37:12 +0100 Subject: [PATCH 27/30] added checkbox tokens to rotterdam theme --- .../component/conduction/checkbox.tokens.json | 52 +++++++++++++++++++ 1 file changed, 52 insertions(+) create mode 100644 municipalities/rotterdam-design-tokens/src/component/conduction/checkbox.tokens.json diff --git a/municipalities/rotterdam-design-tokens/src/component/conduction/checkbox.tokens.json b/municipalities/rotterdam-design-tokens/src/component/conduction/checkbox.tokens.json new file mode 100644 index 00000000..54d97e03 --- /dev/null +++ b/municipalities/rotterdam-design-tokens/src/component/conduction/checkbox.tokens.json @@ -0,0 +1,52 @@ +{ + "conduction": { + "input-checkbox": { + "color": { "value": "var(--rotterdam-color-base-white)" }, + "border-width": { "value": "1px" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "var(--rotterdam-color-gray-tint-08)" }, + "border-radius": { "value": "0px" }, + "box-shadow": {}, + "hover": { + "color": { "value": "var(--rotterdam-color-base-white)" }, + "border-width": { "value": "2px" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "var(--rotterdam-color-base-green)" }, + "border-radius": { "value": "0px" }, + "box-shadow": {} + }, + "checked": { + "color": { "value": "var(--rotterdam-color-base-green)" }, + "border-width": { "value": "1px" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "var(--rotterdam-color-base-green)" }, + "border-radius": { "value": "0px" }, + "box-shadow": {}, + "hover": { + "color": { "value": "var(--rotterdam-color-base-black)" }, + "border-width": { "value": "1px" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "var(--rotterdam-color-base-black)" }, + "border-radius": { "value": "0px" }, + "box-shadow": {} + } + }, + "disabled": { + "color": { "value": "var(--rotterdam-color-gray-tint-08)" }, + "border-width": { "value": "1px" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "var(--rotterdam-color-gray-tint-08)" }, + "border-radius": { "value": "0px" }, + "box-shadow": {}, + "hover": { + "color": { "value": "var(--rotterdam-color-gray-tint-08)" }, + "border-width": { "value": "1px" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "var(--rotterdam-color-gray-tint-08)" }, + "border-radius": { "value": "0px" }, + "box-shadow": {} + } + } + } + } +} From 1a79500340f7365df4da46179442ebdf893897f8 Mon Sep 17 00:00:00 2001 From: Remko Date: Mon, 20 Nov 2023 13:03:44 +0100 Subject: [PATCH 28/30] added label and focus tokens to checkbox in all themes --- .../src/component/conduction/checkbox.tokens.json | 12 ++++++++++++ .../src/component/conduction/checkbox.tokens.json | 12 ++++++++++++ .../src/component/conduction/checkbox.tokens.json | 12 ++++++++++++ .../src/component/conduction/checkbox.tokens.json | 12 ++++++++++++ .../src/component/conduction/checkbox.tokens.json | 12 ++++++++++++ .../src/component/conduction/checkbox.tokens.json | 12 ++++++++++++ .../src/component/conduction/checkbox.tokens.json | 12 ++++++++++++ .../src/component/conduction/checkbox.tokens.json | 12 ++++++++++++ .../src/component/conduction/checkbox.tokens.json | 12 ++++++++++++ .../src/component/conduction/checkbox.tokens.json | 12 ++++++++++++ .../src/component/conduction/checkbox.tokens.json | 12 ++++++++++++ .../src/component/conduction/checkbox.tokens.json | 12 ++++++++++++ 12 files changed, 144 insertions(+) diff --git a/conduction-design-tokens/src/component/conduction/checkbox.tokens.json b/conduction-design-tokens/src/component/conduction/checkbox.tokens.json index f668c357..9934c627 100644 --- a/conduction-design-tokens/src/component/conduction/checkbox.tokens.json +++ b/conduction-design-tokens/src/component/conduction/checkbox.tokens.json @@ -46,6 +46,18 @@ "border-radius": { "value": "3px" }, "box-shadow": {} } + }, + "focus": { + "outline-width": { "value": "2px" }, + "outline-style": { "value": "solid" }, + "outline-color": { "value": "{conduction.color.black.0}" }, + "outline-offset": { "value": "2px" } + }, + "label": { + "color": { "value": "{utrecht.document.color}" }, + "font-size": { "value": "{utrecht.document.font-size}" }, + "font-weight": {}, + "font-family": { "value": "{utrecht.document.font-family}" } } } } diff --git a/municipalities/commonground-design-tokens/src/component/conduction/checkbox.tokens.json b/municipalities/commonground-design-tokens/src/component/conduction/checkbox.tokens.json index 19b0a5c5..3bfd2ad0 100644 --- a/municipalities/commonground-design-tokens/src/component/conduction/checkbox.tokens.json +++ b/municipalities/commonground-design-tokens/src/component/conduction/checkbox.tokens.json @@ -46,6 +46,18 @@ "border-radius": { "value": "3px" }, "box-shadow": {} } + }, + "focus": { + "outline-width": { "value": "2px" }, + "outline-style": { "value": "solid" }, + "outline-color": { "value": "{commonground.color.black.0}" }, + "outline-offset": { "value": "2px" } + }, + "label": { + "color": { "value": "{utrecht.document.color}" }, + "font-size": { "value": "{utrecht.document.font-size}" }, + "font-weight": {}, + "font-family": { "value": "{utrecht.document.font-family}" } } } } diff --git a/municipalities/dimpact-design-tokens/src/component/conduction/checkbox.tokens.json b/municipalities/dimpact-design-tokens/src/component/conduction/checkbox.tokens.json index d45a6464..b1600376 100644 --- a/municipalities/dimpact-design-tokens/src/component/conduction/checkbox.tokens.json +++ b/municipalities/dimpact-design-tokens/src/component/conduction/checkbox.tokens.json @@ -46,6 +46,18 @@ "border-radius": { "value": "3px" }, "box-shadow": {} } + }, + "focus": { + "outline-width": { "value": "2px" }, + "outline-style": { "value": "solid" }, + "outline-color": { "value": "{dimpact.color.black.0}" }, + "outline-offset": { "value": "2px" } + }, + "label": { + "color": { "value": "{utrecht.document.color}" }, + "font-size": { "value": "{utrecht.document.font-size}" }, + "font-weight": {}, + "font-family": { "value": "{utrecht.document.font-family}" } } } } diff --git a/municipalities/dinkelland-design-tokens/src/component/conduction/checkbox.tokens.json b/municipalities/dinkelland-design-tokens/src/component/conduction/checkbox.tokens.json index b6050c1e..da4a1f90 100644 --- a/municipalities/dinkelland-design-tokens/src/component/conduction/checkbox.tokens.json +++ b/municipalities/dinkelland-design-tokens/src/component/conduction/checkbox.tokens.json @@ -46,6 +46,18 @@ "border-radius": { "value": "3px" }, "box-shadow": {} } + }, + "focus": { + "outline-width": { "value": "2px" }, + "outline-style": { "value": "solid" }, + "outline-color": { "value": "{dinkelland.color.black.0}" }, + "outline-offset": { "value": "2px" } + }, + "label": { + "color": { "value": "{utrecht.document.color}" }, + "font-size": { "value": "{utrecht.document.font-size}" }, + "font-weight": {}, + "font-family": { "value": "{utrecht.document.font-family}" } } } } diff --git a/municipalities/epe-design-tokens/src/component/conduction/checkbox.tokens.json b/municipalities/epe-design-tokens/src/component/conduction/checkbox.tokens.json index 6c9cd48b..2b241b87 100644 --- a/municipalities/epe-design-tokens/src/component/conduction/checkbox.tokens.json +++ b/municipalities/epe-design-tokens/src/component/conduction/checkbox.tokens.json @@ -46,6 +46,18 @@ "border-radius": { "value": "3px" }, "box-shadow": {} } + }, + "focus": { + "outline-width": { "value": "2px" }, + "outline-style": { "value": "solid" }, + "outline-color": { "value": "{epe.color.black.0}" }, + "outline-offset": { "value": "2px" } + }, + "label": { + "color": { "value": "{utrecht.document.color}" }, + "font-size": { "value": "{utrecht.document.font-size}" }, + "font-weight": {}, + "font-family": { "value": "{utrecht.document.font-family}" } } } } diff --git a/municipalities/leiden-design-tokens/src/component/conduction/checkbox.tokens.json b/municipalities/leiden-design-tokens/src/component/conduction/checkbox.tokens.json index 271e318d..ad27dea6 100644 --- a/municipalities/leiden-design-tokens/src/component/conduction/checkbox.tokens.json +++ b/municipalities/leiden-design-tokens/src/component/conduction/checkbox.tokens.json @@ -46,6 +46,18 @@ "border-radius": { "value": "3px" }, "box-shadow": {} } + }, + "focus": { + "outline-width": { "value": "2px" }, + "outline-style": { "value": "solid" }, + "outline-color": { "value": "{leiden.color.black.0}" }, + "outline-offset": { "value": "2px" } + }, + "label": { + "color": { "value": "{utrecht.document.color}" }, + "font-size": { "value": "{utrecht.document.font-size}" }, + "font-weight": {}, + "font-family": { "value": "{utrecht.document.font-family}" } } } } diff --git a/municipalities/noaberkracht-design-tokens/src/component/conduction/checkbox.tokens.json b/municipalities/noaberkracht-design-tokens/src/component/conduction/checkbox.tokens.json index e2a4174b..e716468a 100644 --- a/municipalities/noaberkracht-design-tokens/src/component/conduction/checkbox.tokens.json +++ b/municipalities/noaberkracht-design-tokens/src/component/conduction/checkbox.tokens.json @@ -46,6 +46,18 @@ "border-radius": { "value": "3px" }, "box-shadow": {} } + }, + "focus": { + "outline-width": { "value": "2px" }, + "outline-style": { "value": "solid" }, + "outline-color": { "value": "{noaberkracht.color.black.0}" }, + "outline-offset": { "value": "2px" } + }, + "label": { + "color": { "value": "{utrecht.document.color}" }, + "font-size": { "value": "{utrecht.document.font-size}" }, + "font-weight": {}, + "font-family": { "value": "{utrecht.document.font-family}" } } } } diff --git a/municipalities/noordwijk-design-tokens/src/component/conduction/checkbox.tokens.json b/municipalities/noordwijk-design-tokens/src/component/conduction/checkbox.tokens.json index 06e3ac70..4cfc7e91 100644 --- a/municipalities/noordwijk-design-tokens/src/component/conduction/checkbox.tokens.json +++ b/municipalities/noordwijk-design-tokens/src/component/conduction/checkbox.tokens.json @@ -46,6 +46,18 @@ "border-radius": { "value": "3px" }, "box-shadow": {} } + }, + "focus": { + "outline-width": { "value": "2px" }, + "outline-style": { "value": "solid" }, + "outline-color": { "value": "{noordwijk.color.black.0}" }, + "outline-offset": { "value": "2px" } + }, + "label": { + "color": { "value": "{utrecht.document.color}" }, + "font-size": { "value": "{utrecht.document.font-size}" }, + "font-weight": {}, + "font-family": { "value": "{utrecht.document.font-family}" } } } } diff --git a/municipalities/open-webconcept-design-tokens/src/component/conduction/checkbox.tokens.json b/municipalities/open-webconcept-design-tokens/src/component/conduction/checkbox.tokens.json index 99680ccf..7e651df1 100644 --- a/municipalities/open-webconcept-design-tokens/src/component/conduction/checkbox.tokens.json +++ b/municipalities/open-webconcept-design-tokens/src/component/conduction/checkbox.tokens.json @@ -46,6 +46,18 @@ "border-radius": { "value": "3px" }, "box-shadow": {} } + }, + "focus": { + "outline-width": { "value": "2px" }, + "outline-style": { "value": "solid" }, + "outline-color": { "value": "{open-webconcept.color.black.0}" }, + "outline-offset": { "value": "2px" } + }, + "label": { + "color": { "value": "{utrecht.document.color}" }, + "font-size": { "value": "{utrecht.document.font-size}" }, + "font-weight": {}, + "font-family": { "value": "{utrecht.document.font-family}" } } } } diff --git a/municipalities/rotterdam-design-tokens/src/component/conduction/checkbox.tokens.json b/municipalities/rotterdam-design-tokens/src/component/conduction/checkbox.tokens.json index 54d97e03..54194db6 100644 --- a/municipalities/rotterdam-design-tokens/src/component/conduction/checkbox.tokens.json +++ b/municipalities/rotterdam-design-tokens/src/component/conduction/checkbox.tokens.json @@ -46,6 +46,18 @@ "border-radius": { "value": "0px" }, "box-shadow": {} } + }, + "focus": { + "outline-width": { "value": "1px" }, + "outline-style": { "value": "solid" }, + "outline-color": { "value": "var(--rotterdam-color-base-black)" }, + "outline-offset": { "value": "2px" } + }, + "label": { + "color": { "value": "var(--utrecht-document-color)" }, + "font-size": { "value": "var(--utrecht-document-font-size)" }, + "font-weight": {}, + "font-family": { "value": "var(--utrecht-document-font-family)" } } } } diff --git a/municipalities/tubbergen-design-tokens/src/component/conduction/checkbox.tokens.json b/municipalities/tubbergen-design-tokens/src/component/conduction/checkbox.tokens.json index 8bcc6b1d..4632aaba 100644 --- a/municipalities/tubbergen-design-tokens/src/component/conduction/checkbox.tokens.json +++ b/municipalities/tubbergen-design-tokens/src/component/conduction/checkbox.tokens.json @@ -46,6 +46,18 @@ "border-radius": { "value": "3px" }, "box-shadow": {} } + }, + "focus": { + "outline-width": { "value": "2px" }, + "outline-style": { "value": "solid" }, + "outline-color": { "value": "{tubbergen.color.black.0}" }, + "outline-offset": { "value": "2px" } + }, + "label": { + "color": { "value": "{utrecht.document.color}" }, + "font-size": { "value": "{utrecht.document.font-size}" }, + "font-weight": {}, + "font-family": { "value": "{utrecht.document.font-family}" } } } } diff --git a/municipalities/xxllnc-design-tokens/src/component/conduction/checkbox.tokens.json b/municipalities/xxllnc-design-tokens/src/component/conduction/checkbox.tokens.json index 14f9eacf..fe868528 100644 --- a/municipalities/xxllnc-design-tokens/src/component/conduction/checkbox.tokens.json +++ b/municipalities/xxllnc-design-tokens/src/component/conduction/checkbox.tokens.json @@ -46,6 +46,18 @@ "border-radius": { "value": "3px" }, "box-shadow": {} } + }, + "focus": { + "outline-width": { "value": "2px" }, + "outline-style": { "value": "solid" }, + "outline-color": { "value": "{xxllnc.color.black.0}" }, + "outline-offset": { "value": "2px" } + }, + "label": { + "color": { "value": "{utrecht.document.color}" }, + "font-size": { "value": "{utrecht.document.font-size}" }, + "font-weight": {}, + "font-family": { "value": "{utrecht.document.font-family}" } } } } From cd82aa7c896d02f78a62531c8c9b948d3f34ddbc Mon Sep 17 00:00:00 2001 From: Remko Date: Mon, 20 Nov 2023 13:04:46 +0100 Subject: [PATCH 29/30] updated readme --- README.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 4e2f1365..a148aeff 100644 --- a/README.md +++ b/README.md @@ -6,7 +6,9 @@ Conduction's design tokens theme - **Version 1** - - 1.0.56: Added DataBadge/Badge tokens to all themes. + - 1.0.56: + - Added Checkbox tokens to all themes. + - Added DataBadge/Badge tokens to all themes. - 1.0.55: Added CommongGround theme. - 1.0.54: - Added ToolTip tokens to all themes. From 809a5bca359a00334111476725468febd75f2e1a Mon Sep 17 00:00:00 2001 From: Remko Date: Mon, 20 Nov 2023 17:02:47 +0100 Subject: [PATCH 30/30] added checkbox container padding and margin and checkmark-url tokens --- .../src/component/conduction/checkbox.tokens.json | 7 ++++++- .../src/component/conduction/checkbox.tokens.json | 7 ++++++- .../src/component/conduction/checkbox.tokens.json | 7 ++++++- .../src/component/conduction/checkbox.tokens.json | 7 ++++++- .../src/component/conduction/checkbox.tokens.json | 7 ++++++- .../src/component/conduction/checkbox.tokens.json | 7 ++++++- .../src/component/conduction/checkbox.tokens.json | 7 ++++++- .../src/component/conduction/checkbox.tokens.json | 7 ++++++- .../src/component/conduction/checkbox.tokens.json | 7 ++++++- .../src/component/conduction/checkbox.tokens.json | 7 ++++++- .../src/component/conduction/checkbox.tokens.json | 8 +++++++- .../src/component/conduction/checkbox.tokens.json | 7 ++++++- 12 files changed, 73 insertions(+), 12 deletions(-) diff --git a/conduction-design-tokens/src/component/conduction/checkbox.tokens.json b/conduction-design-tokens/src/component/conduction/checkbox.tokens.json index 9934c627..fe7f78e9 100644 --- a/conduction-design-tokens/src/component/conduction/checkbox.tokens.json +++ b/conduction-design-tokens/src/component/conduction/checkbox.tokens.json @@ -22,6 +22,7 @@ "border-color": { "value": "{conduction.color.primary}" }, "border-radius": { "value": "3px" }, "box-shadow": {}, + "checkmark-url": {}, "hover": { "color": { "value": "{conduction.color.primary-hover}" }, "border-width": { "value": "{conduction.size.4xs}" }, @@ -57,7 +58,11 @@ "color": { "value": "{utrecht.document.color}" }, "font-size": { "value": "{utrecht.document.font-size}" }, "font-weight": {}, - "font-family": { "value": "{utrecht.document.font-family}" } + "font-family": { "value": "{utrecht.document.font-family}" }, + "container": { + "padding": { "value": "3px" }, + "margin": { "value": "3px" } + } } } } diff --git a/municipalities/commonground-design-tokens/src/component/conduction/checkbox.tokens.json b/municipalities/commonground-design-tokens/src/component/conduction/checkbox.tokens.json index 3bfd2ad0..e74f1b70 100644 --- a/municipalities/commonground-design-tokens/src/component/conduction/checkbox.tokens.json +++ b/municipalities/commonground-design-tokens/src/component/conduction/checkbox.tokens.json @@ -22,6 +22,7 @@ "border-color": { "value": "{commonground.color.primary}" }, "border-radius": { "value": "3px" }, "box-shadow": {}, + "checkmark-url": {}, "hover": { "color": { "value": "{commonground.color.primary-hover}" }, "border-width": { "value": "{commonground.size.4xs}" }, @@ -57,7 +58,11 @@ "color": { "value": "{utrecht.document.color}" }, "font-size": { "value": "{utrecht.document.font-size}" }, "font-weight": {}, - "font-family": { "value": "{utrecht.document.font-family}" } + "font-family": { "value": "{utrecht.document.font-family}" }, + "container": { + "padding": { "value": "3px" }, + "margin": { "value": "3px" } + } } } } diff --git a/municipalities/dimpact-design-tokens/src/component/conduction/checkbox.tokens.json b/municipalities/dimpact-design-tokens/src/component/conduction/checkbox.tokens.json index b1600376..72ac58c5 100644 --- a/municipalities/dimpact-design-tokens/src/component/conduction/checkbox.tokens.json +++ b/municipalities/dimpact-design-tokens/src/component/conduction/checkbox.tokens.json @@ -22,6 +22,7 @@ "border-color": { "value": "{dimpact.color.primary}" }, "border-radius": { "value": "3px" }, "box-shadow": {}, + "checkmark-url": {}, "hover": { "color": { "value": "{dimpact.color.primary-hover}" }, "border-width": { "value": "{dimpact.size.4xs}" }, @@ -57,7 +58,11 @@ "color": { "value": "{utrecht.document.color}" }, "font-size": { "value": "{utrecht.document.font-size}" }, "font-weight": {}, - "font-family": { "value": "{utrecht.document.font-family}" } + "font-family": { "value": "{utrecht.document.font-family}" }, + "container": { + "padding": { "value": "3px" }, + "margin": { "value": "3px" } + } } } } diff --git a/municipalities/dinkelland-design-tokens/src/component/conduction/checkbox.tokens.json b/municipalities/dinkelland-design-tokens/src/component/conduction/checkbox.tokens.json index da4a1f90..65f9ef24 100644 --- a/municipalities/dinkelland-design-tokens/src/component/conduction/checkbox.tokens.json +++ b/municipalities/dinkelland-design-tokens/src/component/conduction/checkbox.tokens.json @@ -22,6 +22,7 @@ "border-color": { "value": "{dinkelland.color.primary}" }, "border-radius": { "value": "3px" }, "box-shadow": {}, + "checkmark-url": {}, "hover": { "color": { "value": "{dinkelland.color.primary-hover}" }, "border-width": { "value": "{dinkelland.size.4xs}" }, @@ -57,7 +58,11 @@ "color": { "value": "{utrecht.document.color}" }, "font-size": { "value": "{utrecht.document.font-size}" }, "font-weight": {}, - "font-family": { "value": "{utrecht.document.font-family}" } + "font-family": { "value": "{utrecht.document.font-family}" }, + "container": { + "padding": { "value": "3px" }, + "margin": { "value": "3px" } + } } } } diff --git a/municipalities/epe-design-tokens/src/component/conduction/checkbox.tokens.json b/municipalities/epe-design-tokens/src/component/conduction/checkbox.tokens.json index 2b241b87..bcd36513 100644 --- a/municipalities/epe-design-tokens/src/component/conduction/checkbox.tokens.json +++ b/municipalities/epe-design-tokens/src/component/conduction/checkbox.tokens.json @@ -22,6 +22,7 @@ "border-color": { "value": "{epe.color.primary}" }, "border-radius": { "value": "3px" }, "box-shadow": {}, + "checkmark-url": {}, "hover": { "color": { "value": "{epe.color.primary-hover}" }, "border-width": { "value": "{epe.size.4xs}" }, @@ -57,7 +58,11 @@ "color": { "value": "{utrecht.document.color}" }, "font-size": { "value": "{utrecht.document.font-size}" }, "font-weight": {}, - "font-family": { "value": "{utrecht.document.font-family}" } + "font-family": { "value": "{utrecht.document.font-family}" }, + "container": { + "padding": { "value": "3px" }, + "margin": { "value": "3px" } + } } } } diff --git a/municipalities/leiden-design-tokens/src/component/conduction/checkbox.tokens.json b/municipalities/leiden-design-tokens/src/component/conduction/checkbox.tokens.json index ad27dea6..9a4e7bfe 100644 --- a/municipalities/leiden-design-tokens/src/component/conduction/checkbox.tokens.json +++ b/municipalities/leiden-design-tokens/src/component/conduction/checkbox.tokens.json @@ -22,6 +22,7 @@ "border-color": { "value": "{leiden.color.primary}" }, "border-radius": { "value": "3px" }, "box-shadow": {}, + "checkmark-url": {}, "hover": { "color": { "value": "{leiden.color.primary-hover}" }, "border-width": { "value": "{leiden.size.4xs}" }, @@ -57,7 +58,11 @@ "color": { "value": "{utrecht.document.color}" }, "font-size": { "value": "{utrecht.document.font-size}" }, "font-weight": {}, - "font-family": { "value": "{utrecht.document.font-family}" } + "font-family": { "value": "{utrecht.document.font-family}" }, + "container": { + "padding": { "value": "3px" }, + "margin": { "value": "3px" } + } } } } diff --git a/municipalities/noaberkracht-design-tokens/src/component/conduction/checkbox.tokens.json b/municipalities/noaberkracht-design-tokens/src/component/conduction/checkbox.tokens.json index e716468a..34a1085a 100644 --- a/municipalities/noaberkracht-design-tokens/src/component/conduction/checkbox.tokens.json +++ b/municipalities/noaberkracht-design-tokens/src/component/conduction/checkbox.tokens.json @@ -22,6 +22,7 @@ "border-color": { "value": "{noaberkracht.color.primary}" }, "border-radius": { "value": "3px" }, "box-shadow": {}, + "checkmark-url": {}, "hover": { "color": { "value": "{noaberkracht.color.primary-hover}" }, "border-width": { "value": "{noaberkracht.size.4xs}" }, @@ -57,7 +58,11 @@ "color": { "value": "{utrecht.document.color}" }, "font-size": { "value": "{utrecht.document.font-size}" }, "font-weight": {}, - "font-family": { "value": "{utrecht.document.font-family}" } + "font-family": { "value": "{utrecht.document.font-family}" }, + "container": { + "padding": { "value": "3px" }, + "margin": { "value": "3px" } + } } } } diff --git a/municipalities/noordwijk-design-tokens/src/component/conduction/checkbox.tokens.json b/municipalities/noordwijk-design-tokens/src/component/conduction/checkbox.tokens.json index 4cfc7e91..2f131587 100644 --- a/municipalities/noordwijk-design-tokens/src/component/conduction/checkbox.tokens.json +++ b/municipalities/noordwijk-design-tokens/src/component/conduction/checkbox.tokens.json @@ -22,6 +22,7 @@ "border-color": { "value": "{noordwijk.color.primary}" }, "border-radius": { "value": "3px" }, "box-shadow": {}, + "checkmark-url": {}, "hover": { "color": { "value": "{noordwijk.color.primary-hover}" }, "border-width": { "value": "{noordwijk.size.4xs}" }, @@ -57,7 +58,11 @@ "color": { "value": "{utrecht.document.color}" }, "font-size": { "value": "{utrecht.document.font-size}" }, "font-weight": {}, - "font-family": { "value": "{utrecht.document.font-family}" } + "font-family": { "value": "{utrecht.document.font-family}" }, + "container": { + "padding": { "value": "3px" }, + "margin": { "value": "3px" } + } } } } diff --git a/municipalities/open-webconcept-design-tokens/src/component/conduction/checkbox.tokens.json b/municipalities/open-webconcept-design-tokens/src/component/conduction/checkbox.tokens.json index 7e651df1..2e200b68 100644 --- a/municipalities/open-webconcept-design-tokens/src/component/conduction/checkbox.tokens.json +++ b/municipalities/open-webconcept-design-tokens/src/component/conduction/checkbox.tokens.json @@ -22,6 +22,7 @@ "border-color": { "value": "{open-webconcept.color.primary}" }, "border-radius": { "value": "3px" }, "box-shadow": {}, + "checkmark-url": {}, "hover": { "color": { "value": "{open-webconcept.color.primary-hover}" }, "border-width": { "value": "{open-webconcept.size.4xs}" }, @@ -57,7 +58,11 @@ "color": { "value": "{utrecht.document.color}" }, "font-size": { "value": "{utrecht.document.font-size}" }, "font-weight": {}, - "font-family": { "value": "{utrecht.document.font-family}" } + "font-family": { "value": "{utrecht.document.font-family}" }, + "container": { + "padding": { "value": "3px" }, + "margin": { "value": "3px" } + } } } } diff --git a/municipalities/rotterdam-design-tokens/src/component/conduction/checkbox.tokens.json b/municipalities/rotterdam-design-tokens/src/component/conduction/checkbox.tokens.json index 54194db6..4a722600 100644 --- a/municipalities/rotterdam-design-tokens/src/component/conduction/checkbox.tokens.json +++ b/municipalities/rotterdam-design-tokens/src/component/conduction/checkbox.tokens.json @@ -22,6 +22,7 @@ "border-color": { "value": "var(--rotterdam-color-base-green)" }, "border-radius": { "value": "0px" }, "box-shadow": {}, + "checkmark-url": {}, "hover": { "color": { "value": "var(--rotterdam-color-base-black)" }, "border-width": { "value": "1px" }, @@ -57,7 +58,11 @@ "color": { "value": "var(--utrecht-document-color)" }, "font-size": { "value": "var(--utrecht-document-font-size)" }, "font-weight": {}, - "font-family": { "value": "var(--utrecht-document-font-family)" } + "font-family": { "value": "var(--utrecht-document-font-family)" }, + "container": { + "padding": { "value": "3px" }, + "margin": { "value": "3px" } + } } } } diff --git a/municipalities/tubbergen-design-tokens/src/component/conduction/checkbox.tokens.json b/municipalities/tubbergen-design-tokens/src/component/conduction/checkbox.tokens.json index 4632aaba..3709d333 100644 --- a/municipalities/tubbergen-design-tokens/src/component/conduction/checkbox.tokens.json +++ b/municipalities/tubbergen-design-tokens/src/component/conduction/checkbox.tokens.json @@ -22,6 +22,8 @@ "border-color": { "value": "{tubbergen.color.primary}" }, "border-radius": { "value": "3px" }, "box-shadow": {}, + "checkmark-url": {}, + "hover": { "color": { "value": "{tubbergen.color.primary-hover}" }, "border-width": { "value": "{tubbergen.size.4xs}" }, @@ -57,7 +59,11 @@ "color": { "value": "{utrecht.document.color}" }, "font-size": { "value": "{utrecht.document.font-size}" }, "font-weight": {}, - "font-family": { "value": "{utrecht.document.font-family}" } + "font-family": { "value": "{utrecht.document.font-family}" }, + "container": { + "padding": { "value": "3px" }, + "margin": { "value": "3px" } + } } } } diff --git a/municipalities/xxllnc-design-tokens/src/component/conduction/checkbox.tokens.json b/municipalities/xxllnc-design-tokens/src/component/conduction/checkbox.tokens.json index fe868528..8419a5de 100644 --- a/municipalities/xxllnc-design-tokens/src/component/conduction/checkbox.tokens.json +++ b/municipalities/xxllnc-design-tokens/src/component/conduction/checkbox.tokens.json @@ -22,6 +22,7 @@ "border-color": { "value": "{xxllnc.color.primary}" }, "border-radius": { "value": "3px" }, "box-shadow": {}, + "checkmark-url": {}, "hover": { "color": { "value": "{xxllnc.color.primary-hover}" }, "border-width": { "value": "{xxllnc.size.4xs}" }, @@ -57,7 +58,11 @@ "color": { "value": "{utrecht.document.color}" }, "font-size": { "value": "{utrecht.document.font-size}" }, "font-weight": {}, - "font-family": { "value": "{utrecht.document.font-family}" } + "font-family": { "value": "{utrecht.document.font-family}" }, + "container": { + "padding": { "value": "3px" }, + "margin": { "value": "3px" } + } } } }