From 7a7a8086d7b5bb25f7eea73b70ec4ba6266fc100 Mon Sep 17 00:00:00 2001 From: Remko Date: Tue, 12 Dec 2023 10:08:07 +0100 Subject: [PATCH 01/32] OpenCatalogi innit --- .../opencatalogi-design-tokens/LICENSE.md | 17 + .../opencatalogi-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 + .../opencatalogi-design-tokens/package.json | 40 +++ .../src/brand/opencatalogi/color.tokens.json | 340 ++++++++++++++++++ .../brand/opencatalogi/typography.tokens.json | 97 +++++ .../style-dictionary.config.js | 6 + package.json | 3 +- 11 files changed, 554 insertions(+), 1 deletion(-) create mode 100644 municipalities/opencatalogi-design-tokens/LICENSE.md create mode 100644 municipalities/opencatalogi-design-tokens/README.md create mode 100644 municipalities/opencatalogi-design-tokens/documentation/color.stories.mdx create mode 100644 municipalities/opencatalogi-design-tokens/documentation/components.stories.mdx create mode 100644 municipalities/opencatalogi-design-tokens/documentation/design-tokens.stories.mdx create mode 100644 municipalities/opencatalogi-design-tokens/documentation/readme.stories.mdx create mode 100644 municipalities/opencatalogi-design-tokens/package.json create mode 100644 municipalities/opencatalogi-design-tokens/src/brand/opencatalogi/color.tokens.json create mode 100644 municipalities/opencatalogi-design-tokens/src/brand/opencatalogi/typography.tokens.json create mode 100644 municipalities/opencatalogi-design-tokens/style-dictionary.config.js diff --git a/municipalities/opencatalogi-design-tokens/LICENSE.md b/municipalities/opencatalogi-design-tokens/LICENSE.md new file mode 100644 index 00000000..6e6fe4c8 --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/LICENSE.md @@ -0,0 +1,17 @@ +# Auteursrecht OpenCatalogi + +Copyright (c) 2023 OpenCatalogi + +## Logo en huisstijl + +Op het huisstijl en logo zijn auteursrechten van toepassing. Het gebruik van logo en huisstijl is alleen toegestaan voor gebruik door OpenCatalogi. + +Wanneer je een bewerking van de software wilt gebruiken voor andere doeleinden, mag je niet het logo van OpenCatalogi 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 OpenCatalogi. diff --git a/municipalities/opencatalogi-design-tokens/README.md b/municipalities/opencatalogi-design-tokens/README.md new file mode 100644 index 00000000..722829a1 --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/README.md @@ -0,0 +1,3 @@ +# NL Design System design tokens OpenCatalogi + +These tokens have been made for the [website of OpenCatalogi](https://opencatalogi.nl/) by using the tokens of [Gemeente Rotterdam](https://www.rotterdam.nl/). diff --git a/municipalities/opencatalogi-design-tokens/documentation/color.stories.mdx b/municipalities/opencatalogi-design-tokens/documentation/color.stories.mdx new file mode 100644 index 00000000..746f03e5 --- /dev/null +++ b/municipalities/opencatalogi-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/opencatalogi-design-tokens/documentation/components.stories.mdx b/municipalities/opencatalogi-design-tokens/documentation/components.stories.mdx new file mode 100644 index 00000000..0937db7f --- /dev/null +++ b/municipalities/opencatalogi-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/opencatalogi-design-tokens/documentation/design-tokens.stories.mdx b/municipalities/opencatalogi-design-tokens/documentation/design-tokens.stories.mdx new file mode 100644 index 00000000..dce92c26 --- /dev/null +++ b/municipalities/opencatalogi-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/opencatalogi-design-tokens/documentation/readme.stories.mdx b/municipalities/opencatalogi-design-tokens/documentation/readme.stories.mdx new file mode 100644 index 00000000..e1d67fa5 --- /dev/null +++ b/municipalities/opencatalogi-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/opencatalogi-design-tokens/package.json b/municipalities/opencatalogi-design-tokens/package.json new file mode 100644 index 00000000..80ed1e40 --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/package.json @@ -0,0 +1,40 @@ +{ + "version": "1.0.0-alpha.1", + "author": "Community for NL Design System", + "description": "NL Design System design tokens for OpenCatalogi", + "website": "https://opencatalogi.nl/", + "keywords": [ + "nl-design-system", + "conduction" + ], + "license": "SEE LICENSE IN LICENSE.md", + "name": "@nl-design-system-unstable/leiden-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/opencatalogi-design-tokens/src/brand/opencatalogi/color.tokens.json b/municipalities/opencatalogi-design-tokens/src/brand/opencatalogi/color.tokens.json new file mode 100644 index 00000000..64433158 --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/brand/opencatalogi/color.tokens.json @@ -0,0 +1,340 @@ +{ + "opencatalogi": { + "color": { + "base": { + "white": { + "value": "#ffffff", + "comment": "Base/White" + }, + "black": { + "value": "#000000", + "comment": "Base/Black" + }, + "green": { + "value": "{rotterdam.color.green.tint-01}", + "comment": "Base/Green" + }, + "magenta": { + "value": "{rotterdam.color.magenta.tint-01}", + "comment": "Base/Magenta" + }, + "gray": { + "value": "{rotterdam.color.gray.tint-01}", + "comment": "Base/Gray" + } + }, + "gray": { + "tint-01": { + "value": "#EFF4F6", + "comment": "Gray/Tint 01" + }, + "tint-02": { + "value": "#E4EEF1", + "comment": "Gray/Tint 02" + }, + "tint-03": { + "value": "#DBE7EA", + "comment": "Gray/Tint 03" + }, + "tint-04": { + "value": "#CAD6DA", + "comment": "Gray/Tint 04" + }, + "tint-05": { + "value": "#B6C4C8", + "comment": "Gray/Tint 05" + }, + "tint-06": { + "value": "#9DAFB6", + "comment": "Gray/Tint 06" + }, + "tint-07": { + "value": "#8D9DA4", + "comment": "Gray/Tint 07" + }, + "tint-08": { + "value": "#7C8B90", + "comment": "Gray/Tint 08" + }, + "tint-09": { + "value": "#65757B", + "comment": "Gray/Tint 09" + }, + "tint-10": { + "value": "#536165", + "comment": "Gray/Tint 10" + }, + "tint-11": { + "value": "#404B4F", + "comment": "Gray/Tint 11" + } + }, + "light-blue": { + "tint-01": { + "value": "#A8E8F5", + "comment": "Secondary/Blue/Tint 01" + }, + "tint-02": { + "value": "#92CFE1", + "comment": "Secondary/Blue/Tint 02" + }, + "tint-03": { + "value": "#76C1D3", + "comment": "Secondary/Blue/Tint 03" + } + }, + "blue": { + "tint-01": { + "value": "#1791D4", + "comment": "Secondary/Blue/Tint 01" + }, + "tint-02": { + "value": "#0084C4", + "comment": "Secondary/Blue/Tint 02" + }, + "tint-03": { + "value": "#0079B8", + "comment": "Secondary/Blue/Tint 03" + } + }, + "dark-blue": { + "tint-01": { + "value": "#00548F", + "comment": "Secondary/Blue/Tint 01" + }, + "tint-02": { + "value": "#084279", + "comment": "Secondary/Blue/Tint 02" + }, + "tint-03": { + "value": "#083968", + "comment": "Secondary/Blue/Tint 03" + } + }, + "green-blue": { + "tint-01": { + "value": "#09957B", + "comment": "Secondary/Green blue/Tint 01" + }, + "tint-02": { + "value": "#00846D", + "comment": "Secondary/Green blue/Tint 02" + }, + "tint-03": { + "value": "#00755F", + "comment": "Secondary/Green blue/Tint 03" + } + }, + "dark-green": { + "tint-01": { + "value": "#004C31", + "comment": "Secondary/Dark green/Tint 01" + }, + "tint-02": { + "value": "#07341B", + "comment": "Secondary/Dark green/Tint 02" + }, + "tint-03": { + "value": "#001905", + "comment": "Secondary/Dark green/Tint 03" + } + }, + "green": { + "tint-01": { + "value": "#00811F", + "comment": "Secondary/Green/Tint 01" + }, + "tint-02": { + "value": "#006E32", + "comment": "Secondary/Green/Tint 02" + }, + "tint-03": { + "value": "#00602E", + "comment": "Secondary/Green/Tint 03" + } + }, + "green-light": { + "tint-01": { + "value": "#57B051", + "comment": "Secondary/Green light/Tint 01" + }, + "tint-02": { + "value": "#11A03E", + "comment": "Secondary/Green light/Tint 02" + }, + "tint-03": { + "value": "#11A03E", + "comment": "Secondary/Green light/Tint 03" + } + }, + "soft-green": { + "tint-01": { + "value": "#E1EFE2", + "comment": "Secondary/Soft green/Tint 01" + }, + "tint-02": { + "value": "#D1E6CE", + "comment": "Secondary/Soft green/Tint 02" + }, + "tint-03": { + "value": "#99CCA0", + "comment": "Secondary/Soft green/Tint 03" + } + }, + "lime-green": { + "tint-01": { + "value": "#7DC90F", + "comment": "Secondary/Lime green/Tint 01" + }, + "tint-02": { + "value": "#73B129", + "comment": "Secondary/Lime green/Tint 02" + }, + "tint-03": { + "value": "#62A72B", + "comment": "Secondary/Lime green/Tint 03" + } + }, + "yellow": { + "tint-01": { + "value": "#FDEC3D", + "comment": "Secondary/Yellow/Tint 01" + }, + "tint-02": { + "value": "#EDDE26", + "comment": "Secondary/Yellow/Tint 02" + }, + "tint-03": { + "value": "#E1D600", + "comment": "Secondary/Yellow/Tint 03" + } + }, + "dark-yellow": { + "tint-01": { + "value": "#EDB500", + "comment": "Secondary/Dark yellow/Tint 01" + }, + "tint-02": { + "value": "#E0A200", + "comment": "Secondary/Dark yellow/Tint 02" + }, + "tint-03": { + "value": "#D99600", + "comment": "Secondary/Dark yellow/Tint 03" + } + }, + "bright-orange": { + "tint-01": { + "value": "#EF7D00", + "comment": "Secondary/Bright orange/Tint 01" + }, + "tint-02": { + "value": "#E56E02", + "comment": "Secondary/Bright orange/Tint 02" + }, + "tint-03": { + "value": "#DB5F06", + "comment": "Secondary/Bright orange/Tint 03" + } + }, + "orange": { + "tint-01": { + "value": "#E3614D", + "comment": "Secondary/Orange/Tint 01" + }, + "tint-02": { + "value": "#D85644", + "comment": "Secondary/Orange/Tint 02" + }, + "tint-03": { + "value": "#CE4C3B", + "comment": "Secondary/Orange/Tint 03" + } + }, + "pink": { + "tint-01": { + "value": "#E6007E", + "comment": "Secondary/Pink/Tint 01" + }, + "tint-02": { + "value": "#CE0075", + "comment": "Secondary/Pink/Tint 02" + }, + "tint-03": { + "value": "#B21271", + "comment": "Secondary/Pink/Tint 03" + } + }, + "magenta": { + "tint-01": { + "value": "#C93675", + "comment": "Secondary/Magenta/Tint 01" + }, + "tint-02": { + "value": "#A12B5E", + "comment": "Secondary/Magenta/Tint 02" + }, + "tint-03": { + "value": "#792046", + "comment": "Secondary/Magenta/Tint 03" + } + }, + "purple": { + "tint-01": { + "value": "#701747", + "comment": "Secondary/Purple/Tint 01" + }, + "tint-02": { + "value": "#510E33", + "comment": "Secondary/Purple/Tint 02" + }, + "tint-03": { + "value": "#420C2F", + "comment": "Secondary/Purple/Tint 03" + } + }, + "dark-brown": { + "tint-01": { + "value": "#6B4236", + "comment": "Secondary/Dark brown/Tint 01" + }, + "tint-02": { + "value": "#5E362C", + "comment": "Secondary/Dark brown/Tint 02" + }, + "tint-03": { + "value": "#552D25", + "comment": "Secondary/Dark brown/Tint 03" + } + }, + "brown": { + "tint-01": { + "value": "#AB8061", + "comment": "Secondary/Brown/Tint 01" + }, + "tint-02": { + "value": "#997056", + "comment": "Secondary/Brown/Tint 02" + }, + "tint-03": { + "value": "#8B644C", + "comment": "Secondary/Brown/Tint 03" + } + }, + "red": { + "tint-01": { + "value": "#FE1818", + "comment": "Secondary/Red/Tint 01" + }, + "tint-02": { + "value": "#D70D0D", + "comment": "Secondary/Red/Tint 02" + }, + "tint-03": { + "value": "#9A0F0F", + "comment": "Secondary/Red/Tint 03" + } + } + } + } +} diff --git a/municipalities/opencatalogi-design-tokens/src/brand/opencatalogi/typography.tokens.json b/municipalities/opencatalogi-design-tokens/src/brand/opencatalogi/typography.tokens.json new file mode 100644 index 00000000..f13be4b9 --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/brand/opencatalogi/typography.tokens.json @@ -0,0 +1,97 @@ +{ + "opencatalogi": { + "typography": { + "sans-serif": { + "font-family": { + "value": "Bolder, ArialforRotterdam, Arial, sans-serif" + } + }, + "scale": { + "6xl": { + "font-size": { + "value": "64px" + }, + "line-height": { + "value": "72px" + } + }, + "5xl": { + "font-size": { + "value": "48px" + }, + "line-height": { + "value": "56px" + } + }, + "4xl": { + "font-size": { + "value": "40px" + }, + "line-height": { + "value": "48px" + } + }, + "3xl": { + "font-size": { + "value": "32px" + }, + "line-height": { + "value": "40px" + } + }, + "2xl": { + "font-size": { + "value": "28px" + }, + "line-height": { + "value": "36px" + } + }, + "xl": { + "font-size": { + "value": "24px" + }, + "line-height": { + "value": "32px" + } + }, + "lg": { + "font-size": { + "value": "20px" + }, + "line-height": { + "value": "28px" + } + }, + "md": { + "font-size": { + "value": "16px" + }, + "line-height": { + "value": "24px" + } + }, + "sm": { + "font-size": { + "value": "12px" + }, + "line-height": { + "value": "20px" + } + } + }, + "weight-scale": { + "bold": { + "font-weight": { + "value": "700" + } + }, + "normal": { + "font-weight": { + "value": "400" + } + } + } + } + } +} diff --git a/municipalities/opencatalogi-design-tokens/style-dictionary.config.js b/municipalities/opencatalogi-design-tokens/style-dictionary.config.js new file mode 100644 index 00000000..84c1e408 --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/style-dictionary.config.js @@ -0,0 +1,6 @@ +const config = require('./src/config.json'); +const { createConfig } = require('../../style-dictionary-config'); + +module.exports = createConfig({ + selector: `.${config.prefix}-theme`, +}); diff --git a/package.json b/package.json index b6af8a0d..14aad6cd 100644 --- a/package.json +++ b/package.json @@ -20,7 +20,8 @@ "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:commonground": "cd ./municipalities/commonground-design-tokens && npm run build" + "build:commonground": "cd ./municipalities/commonground-design-tokens && npm run build", + "build:opencatalogi": "cd ./municipalities/opencatalogi-design-tokens && npm run build" }, "dependencies": { "@nl-design-system-unstable/rotterdam-design-tokens": "^1.0.0-alpha.100" }, "author": "", From 0dae73d2a4a4ad64ca69eeca6a5d5615172c5098 Mon Sep 17 00:00:00 2001 From: Remko Date: Tue, 12 Dec 2023 10:09:10 +0100 Subject: [PATCH 02/32] added common tokens --- .../src/common/rotterdam/space.tokens.json | 16 ++++++ .../src/common/utrecht/action.tokens.json | 9 +++ .../src/common/utrecht/focus.tokens.json | 13 +++++ .../src/common/utrecht/space.tokens.json | 56 +++++++++++++++++++ 4 files changed, 94 insertions(+) create mode 100644 municipalities/opencatalogi-design-tokens/src/common/rotterdam/space.tokens.json create mode 100644 municipalities/opencatalogi-design-tokens/src/common/utrecht/action.tokens.json create mode 100644 municipalities/opencatalogi-design-tokens/src/common/utrecht/focus.tokens.json create mode 100644 municipalities/opencatalogi-design-tokens/src/common/utrecht/space.tokens.json diff --git a/municipalities/opencatalogi-design-tokens/src/common/rotterdam/space.tokens.json b/municipalities/opencatalogi-design-tokens/src/common/rotterdam/space.tokens.json new file mode 100644 index 00000000..3ca76a43 --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/common/rotterdam/space.tokens.json @@ -0,0 +1,16 @@ +{ + "rotterdam": { + "space": { + "scale": { + "0": { "value": "0" }, + "1": { "value": "4px" }, + "2": { "value": "8px" }, + "3": { "value": "16px" }, + "4": { "value": "32px" }, + "5": { "value": "64px" }, + "6": { "value": "128px" }, + "7": { "value": "256px" } + } + } + } +} diff --git a/municipalities/opencatalogi-design-tokens/src/common/utrecht/action.tokens.json b/municipalities/opencatalogi-design-tokens/src/common/utrecht/action.tokens.json new file mode 100644 index 00000000..d226101f --- /dev/null +++ b/municipalities/opencatalogi-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/opencatalogi-design-tokens/src/common/utrecht/focus.tokens.json b/municipalities/opencatalogi-design-tokens/src/common/utrecht/focus.tokens.json new file mode 100644 index 00000000..d4eeffbf --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/common/utrecht/focus.tokens.json @@ -0,0 +1,13 @@ +{ + "utrecht": { + "focus": { + "background-color": {}, + "border-color": {}, + "color": {}, + "outline-color": { "value": "{rotterdam.color.base.black}" }, + "outline-offset": { "value": "1px" }, + "outline-style": { "value": "solid" }, + "outline-width": { "value": "1px" } + } + } +} diff --git a/municipalities/opencatalogi-design-tokens/src/common/utrecht/space.tokens.json b/municipalities/opencatalogi-design-tokens/src/common/utrecht/space.tokens.json new file mode 100644 index 00000000..f1621d00 --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/common/utrecht/space.tokens.json @@ -0,0 +1,56 @@ +{ + "utrecht": { + "space": { + "block": { + "3xs": { "value": "0" }, + "2xs": { "value": "4px" }, + "xs": { "value": "8px" }, + "sm": { "value": "12px" }, + "md": { "value": "16px" }, + "lg": { "value": "20px" }, + "xl": { "value": "24px" }, + "2xl": { "value": "28px" }, + "3xl": { "value": "32px" }, + "4xl": { "value": "36px" }, + "5xl": { "value": "40px" } + }, + "inline": { + "3xs": { "value": "0.125ch" }, + "2xs": { "value": "0.25ch" }, + "xs": { "value": "0.5ch" }, + "sm": { "value": "0.75ch" }, + "md": { "value": "1ch" }, + "lg": { "value": "1.5ch" }, + "xl": { "value": "1.75ch" }, + "2xl": { "value": "2ch" }, + "3xl": { "value": "3ch" } + }, + "row": { + "3xs": { "value": "0" }, + "2xs": { "value": "4px" }, + "xs": { "value": "8px" }, + "sm": { "value": "12px" }, + "md": { "value": "16px" }, + "lg": { "value": "20px" }, + "xl": { "value": "24px" }, + "2xl": { "value": "28px" }, + "3xl": { "value": "32px" }, + "4xl": { "value": "36px" }, + "5xl": { "value": "40px" } + }, + "column": { + "3xs": { "value": "0" }, + "2xs": { "value": "4px" }, + "xs": { "value": "8px" }, + "sm": { "value": "12px" }, + "md": { "value": "16px" }, + "lg": { "value": "20px" }, + "xl": { "value": "24px" }, + "2xl": { "value": "28px" }, + "3xl": { "value": "32px" }, + "4xl": { "value": "36px" }, + "5xl": { "value": "40px" } + } + } + } +} From 2904606bb952e6592b5273232e100ae292125721 Mon Sep 17 00:00:00 2001 From: Remko Date: Tue, 12 Dec 2023 10:20:25 +0100 Subject: [PATCH 03/32] added rotterdam tokens --- .../src/_responsive.scss | 24 ++++ .../src/config.json | 47 ++++++++ .../src/custom.scss | 14 +++ .../opencatalogi-design-tokens/src/font.scss | 47 ++++++++ .../opencatalogi-design-tokens/src/index.scss | 17 +++ .../brand/opencatalogi/color.tokens.json | 6 +- .../brand/opencatalogi/typography.tokens.json | 0 .../common/rotterdam/space.tokens.json | 0 .../common/utrecht/action.tokens.json | 0 .../common/utrecht/focus.tokens.json | 2 +- .../common/utrecht/space.tokens.json | 0 .../component/checkbox.style.dictionary.json | 12 ++ .../component/open-catalogi/data-badge.json | 36 ++++++ .../component/rotterdam/button.tokens.json | 9 ++ .../rotterdam/form-fieldset.tokens.json | 11 ++ .../component/rotterdam/paragraph.tokens.json | 10 ++ .../component/rotterdam/textbox.tokens.json | 14 +++ .../utrecht/badge-counter.tokens.json | 12 ++ .../utrecht/badge-status.tokens.json | 8 ++ .../component/utrecht/badge.tokens.json | 29 +++++ .../component/utrecht/button.tokens.json | 110 ++++++++++++++++++ .../component/utrecht/code-block.tokens.json | 19 +++ .../component/utrecht/document.tokens.json | 11 ++ .../component/utrecht/figure.tokens.json | 13 +++ .../utrecht/form-control.tokens.json | 30 +++++ .../form-field-description.tokens.json | 18 +++ .../component/utrecht/form-field.tokens.json | 8 ++ .../utrecht/form-fieldset.tokens.json | 32 +++++ .../component/utrecht/form-label.tokens.json | 23 ++++ .../component/utrecht/form-select.tokens.json | 16 +++ .../component/utrecht/heading-1.tokens.json | 13 +++ .../component/utrecht/heading-2.tokens.json | 13 +++ .../component/utrecht/heading-3.tokens.json | 13 +++ .../component/utrecht/heading.tokens.json | 9 ++ .../component/utrecht/icon.tokens.json | 12 ++ .../component/utrecht/link.tokens.json | 33 ++++++ .../component/utrecht/page-footer.tokens.json | 13 +++ .../component/utrecht/paragraph.tokens.json | 24 ++++ .../component/utrecht/table.tokens.json | 52 +++++++++ .../component/utrecht/textarea.tokens.json | 25 ++++ .../component/utrecht/textbox.tokens.json | 47 ++++++++ .../src/rotterdam/font/download.sh | 18 +++ 42 files changed, 846 insertions(+), 4 deletions(-) create mode 100644 municipalities/opencatalogi-design-tokens/src/_responsive.scss create mode 100644 municipalities/opencatalogi-design-tokens/src/config.json create mode 100644 municipalities/opencatalogi-design-tokens/src/custom.scss create mode 100644 municipalities/opencatalogi-design-tokens/src/font.scss create mode 100644 municipalities/opencatalogi-design-tokens/src/index.scss rename municipalities/opencatalogi-design-tokens/src/{ => rotterdam}/brand/opencatalogi/color.tokens.json (98%) rename municipalities/opencatalogi-design-tokens/src/{ => rotterdam}/brand/opencatalogi/typography.tokens.json (100%) rename municipalities/opencatalogi-design-tokens/src/{ => rotterdam}/common/rotterdam/space.tokens.json (100%) rename municipalities/opencatalogi-design-tokens/src/{ => rotterdam}/common/utrecht/action.tokens.json (100%) rename municipalities/opencatalogi-design-tokens/src/{ => rotterdam}/common/utrecht/focus.tokens.json (77%) rename municipalities/opencatalogi-design-tokens/src/{ => rotterdam}/common/utrecht/space.tokens.json (100%) create mode 100644 municipalities/opencatalogi-design-tokens/src/rotterdam/component/checkbox.style.dictionary.json create mode 100644 municipalities/opencatalogi-design-tokens/src/rotterdam/component/open-catalogi/data-badge.json create mode 100644 municipalities/opencatalogi-design-tokens/src/rotterdam/component/rotterdam/button.tokens.json create mode 100644 municipalities/opencatalogi-design-tokens/src/rotterdam/component/rotterdam/form-fieldset.tokens.json create mode 100644 municipalities/opencatalogi-design-tokens/src/rotterdam/component/rotterdam/paragraph.tokens.json create mode 100644 municipalities/opencatalogi-design-tokens/src/rotterdam/component/rotterdam/textbox.tokens.json create mode 100644 municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/badge-counter.tokens.json create mode 100644 municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/badge-status.tokens.json create mode 100644 municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/badge.tokens.json create mode 100644 municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/button.tokens.json create mode 100644 municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/code-block.tokens.json create mode 100644 municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/document.tokens.json create mode 100644 municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/figure.tokens.json create mode 100644 municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/form-control.tokens.json create mode 100644 municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/form-field-description.tokens.json create mode 100644 municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/form-field.tokens.json create mode 100644 municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/form-fieldset.tokens.json create mode 100644 municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/form-label.tokens.json create mode 100644 municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/form-select.tokens.json create mode 100644 municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/heading-1.tokens.json create mode 100644 municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/heading-2.tokens.json create mode 100644 municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/heading-3.tokens.json create mode 100644 municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/heading.tokens.json create mode 100644 municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/icon.tokens.json create mode 100644 municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/link.tokens.json create mode 100644 municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/page-footer.tokens.json create mode 100644 municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/paragraph.tokens.json create mode 100644 municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/table.tokens.json create mode 100644 municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/textarea.tokens.json create mode 100644 municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/textbox.tokens.json create mode 100644 municipalities/opencatalogi-design-tokens/src/rotterdam/font/download.sh diff --git a/municipalities/opencatalogi-design-tokens/src/_responsive.scss b/municipalities/opencatalogi-design-tokens/src/_responsive.scss new file mode 100644 index 00000000..b1edfe07 --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/_responsive.scss @@ -0,0 +1,24 @@ +/** + * @license SEE LICENSE.md + * Copyright (c) 2021 NL Design System Community + * All rights reserved + */ + +/* stylelint-disable no-duplicate-selectors */ +.rotterdam-theme { + @media (min-width: 768px) { + & { + --utrecht-page-footer-padding-inline-start: 24px; + --utrecht-page-footer-padding-inline-end: 24px; + --utrecht-page-footer-block-end: 115px; + --utrecht-page-footer-block-start: 52px; + } + } + @media (max-width: 375px) { + & { + --utrecht-page-footer-padding-inline-start: 24px; + --utrecht-page-footer-padding-inline-end: 24px; + --utrecht-page-footer-block-end: 48px; + } + } +} diff --git a/municipalities/opencatalogi-design-tokens/src/config.json b/municipalities/opencatalogi-design-tokens/src/config.json new file mode 100644 index 00000000..53b4d6ea --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/config.json @@ -0,0 +1,47 @@ +{ + "fullName": "OpenCatalogi", + "name": "OpenCatalogi", + "prefix": "opencatalogi", + "npm": "@nl-design-system-unstable/opencatalogi-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/opencatalogi-design-tokens/src/custom.scss b/municipalities/opencatalogi-design-tokens/src/custom.scss new file mode 100644 index 00000000..ea2959c9 --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/custom.scss @@ -0,0 +1,14 @@ +/** + * @license SEE LICENSE.md + * Copyright (c) 2021 NL Design System Community + * All rights reserved + */ + +@import "./responsive"; + +.utrecht-form-fieldset__legend { + border-block-end-color: var(--rotterdam-form-fieldset-legend-border-block-end-color); + border-block-end-style: solid; + border-block-end-width: var(--rotterdam-form-fieldset-legend-border-block-end-width, 0); + padding-block-end: var(--rotterdam-form-fieldset-legend-padding-block-end, 0); +} diff --git a/municipalities/opencatalogi-design-tokens/src/font.scss b/municipalities/opencatalogi-design-tokens/src/font.scss new file mode 100644 index 00000000..f5faac69 --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/font.scss @@ -0,0 +1,47 @@ +@font-face { + font-family: "ArialforRotterdam"; + src: url("./font/ArialforRotterdam.eot?#iefix") format("embedded-opentype"), + url("./font/ArialforRotterdam.woff") format("woff"), url("./font/ArialforRotterdam.ttf") format("truetype"), + url("https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/fonts/ArialforRotterdam.svg#ArialforRotterdam") + format("svg"); + font-weight: 400; + font-style: normal; +} + +@font-face { + font-family: "ArialforRotterdam"; + src: url("./font/ArialforRotterdam-Bold.eot?#iefix") format("embedded-opentype"), + url("./font/ArialforRotterdam-Bold.woff") format("woff"), + url("./font/ArialforRotterdam-Bold.ttf") format("truetype"), + url("./font/ArialforRotterdam-Bold.svg#ArialforRotterdam-Bold") format("svg"); + font-weight: 700; + font-style: normal; +} + +@font-face { + font-family: "Bolder"; + src: url("./font/Bolder-Bold.woff2") format("woff2"), url("./font/Bolder-Bold.woff") format("woff"); + font-weight: 700; + font-style: normal; +} + +@font-face { + font-family: "Bolder"; + src: url("./font/Bolder-Light.woff2") format("woff2"), url("./font/Bolder-Light.woff") format("woff"); + font-weight: 300; + font-style: normal; +} + +@font-face { + font-family: "Bolder"; + src: url("./font/Bolder-RegularItalic.woff2") format("woff2"), url("./font/Bolder-RegularItalic.woff") format("woff"); + font-weight: 400; + font-style: italic; +} + +@font-face { + font-family: "Bolder"; + src: url("./font/Bolder-Regular.woff2") format("woff2"), url("./font/Bolder-Regular.woff") format("woff"); + font-weight: 400; + font-style: normal; +} diff --git a/municipalities/opencatalogi-design-tokens/src/index.scss b/municipalities/opencatalogi-design-tokens/src/index.scss new file mode 100644 index 00000000..d8b2d966 --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/index.scss @@ -0,0 +1,17 @@ +/** + * @license SEE LICENSE.md + * Copyright (c) 2021 NL Design System Community + * All rights reserved + */ + +@import "./design-tokens.css"; +@import "./responsive"; + +/* @import "./font"; */ + +.rotterdam-theme { + .utrecht-button--subtle { + text-decoration: underline; + text-decoration-thickness: 2px; + } +} diff --git a/municipalities/opencatalogi-design-tokens/src/brand/opencatalogi/color.tokens.json b/municipalities/opencatalogi-design-tokens/src/rotterdam/brand/opencatalogi/color.tokens.json similarity index 98% rename from municipalities/opencatalogi-design-tokens/src/brand/opencatalogi/color.tokens.json rename to municipalities/opencatalogi-design-tokens/src/rotterdam/brand/opencatalogi/color.tokens.json index 64433158..4e27719d 100644 --- a/municipalities/opencatalogi-design-tokens/src/brand/opencatalogi/color.tokens.json +++ b/municipalities/opencatalogi-design-tokens/src/rotterdam/brand/opencatalogi/color.tokens.json @@ -11,15 +11,15 @@ "comment": "Base/Black" }, "green": { - "value": "{rotterdam.color.green.tint-01}", + "value": "{opencatalogi.color.green.tint-01}", "comment": "Base/Green" }, "magenta": { - "value": "{rotterdam.color.magenta.tint-01}", + "value": "{opencatalogi.color.magenta.tint-01}", "comment": "Base/Magenta" }, "gray": { - "value": "{rotterdam.color.gray.tint-01}", + "value": "{opencatalogi.color.gray.tint-01}", "comment": "Base/Gray" } }, diff --git a/municipalities/opencatalogi-design-tokens/src/brand/opencatalogi/typography.tokens.json b/municipalities/opencatalogi-design-tokens/src/rotterdam/brand/opencatalogi/typography.tokens.json similarity index 100% rename from municipalities/opencatalogi-design-tokens/src/brand/opencatalogi/typography.tokens.json rename to municipalities/opencatalogi-design-tokens/src/rotterdam/brand/opencatalogi/typography.tokens.json diff --git a/municipalities/opencatalogi-design-tokens/src/common/rotterdam/space.tokens.json b/municipalities/opencatalogi-design-tokens/src/rotterdam/common/rotterdam/space.tokens.json similarity index 100% rename from municipalities/opencatalogi-design-tokens/src/common/rotterdam/space.tokens.json rename to municipalities/opencatalogi-design-tokens/src/rotterdam/common/rotterdam/space.tokens.json diff --git a/municipalities/opencatalogi-design-tokens/src/common/utrecht/action.tokens.json b/municipalities/opencatalogi-design-tokens/src/rotterdam/common/utrecht/action.tokens.json similarity index 100% rename from municipalities/opencatalogi-design-tokens/src/common/utrecht/action.tokens.json rename to municipalities/opencatalogi-design-tokens/src/rotterdam/common/utrecht/action.tokens.json diff --git a/municipalities/opencatalogi-design-tokens/src/common/utrecht/focus.tokens.json b/municipalities/opencatalogi-design-tokens/src/rotterdam/common/utrecht/focus.tokens.json similarity index 77% rename from municipalities/opencatalogi-design-tokens/src/common/utrecht/focus.tokens.json rename to municipalities/opencatalogi-design-tokens/src/rotterdam/common/utrecht/focus.tokens.json index d4eeffbf..83e8b014 100644 --- a/municipalities/opencatalogi-design-tokens/src/common/utrecht/focus.tokens.json +++ b/municipalities/opencatalogi-design-tokens/src/rotterdam/common/utrecht/focus.tokens.json @@ -4,7 +4,7 @@ "background-color": {}, "border-color": {}, "color": {}, - "outline-color": { "value": "{rotterdam.color.base.black}" }, + "outline-color": { "value": "{opencatalogi.color.base.black}" }, "outline-offset": { "value": "1px" }, "outline-style": { "value": "solid" }, "outline-width": { "value": "1px" } diff --git a/municipalities/opencatalogi-design-tokens/src/common/utrecht/space.tokens.json b/municipalities/opencatalogi-design-tokens/src/rotterdam/common/utrecht/space.tokens.json similarity index 100% rename from municipalities/opencatalogi-design-tokens/src/common/utrecht/space.tokens.json rename to municipalities/opencatalogi-design-tokens/src/rotterdam/common/utrecht/space.tokens.json diff --git a/municipalities/opencatalogi-design-tokens/src/rotterdam/component/checkbox.style.dictionary.json b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/checkbox.style.dictionary.json new file mode 100644 index 00000000..3c6269a8 --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/checkbox.style.dictionary.json @@ -0,0 +1,12 @@ +{ + "rotterdam": { + "checkbox": { + "color": { "value": "{opencatalogi.color.grey.0.value}" }, + "border-width": { "value": "2px", "comment": "fix me new + dit component" }, + "border-color": { "value": "opencatalogi.color.green.30.value", "comment": "fix me new" }, + "active": { + "color": {} + } + } + } +} diff --git a/municipalities/opencatalogi-design-tokens/src/rotterdam/component/open-catalogi/data-badge.json b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/open-catalogi/data-badge.json new file mode 100644 index 00000000..c643a0a4 --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/open-catalogi/data-badge.json @@ -0,0 +1,36 @@ +{ + "open-catalogi": { + "dataviz": { + "1": { + "background-color": { + "value": "{opencatalogi.color.blue.tint-01}" + } + }, + "2": { + "background-color": { + "value": "{opencatalogi.color.pink.tint-01}" + } + }, + "3": { + "background-color": { + "value": "{opencatalogi.color.brown.tint-01}" + } + }, + "4": { + "background-color": { + "value": "{opencatalogi.color.green.tint-03}" + } + }, + "5": { + "background-color": { + "value": "{opencatalogi.color.purple.tint-01}" + } + }, + "6": { + "background-color": { + "value": "{opencatalogi.color.black}" + } + } + } + } +} diff --git a/municipalities/opencatalogi-design-tokens/src/rotterdam/component/rotterdam/button.tokens.json b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/rotterdam/button.tokens.json new file mode 100644 index 00000000..702a7d01 --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/rotterdam/button.tokens.json @@ -0,0 +1,9 @@ +{ + "rotterdam": { + "button": { + "line-height": { + "value": "24px" + } + } + } +} diff --git a/municipalities/opencatalogi-design-tokens/src/rotterdam/component/rotterdam/form-fieldset.tokens.json b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/rotterdam/form-fieldset.tokens.json new file mode 100644 index 00000000..ce4f9361 --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/rotterdam/form-fieldset.tokens.json @@ -0,0 +1,11 @@ +{ + "rotterdam": { + "form-fieldset": { + "legend": { + "border-block-end-color": { "value": "{opencatalogi.color.gray.tint-04}" }, + "border-block-end-width": { "value": "1px" }, + "padding-block-end": { "value": "12px" } + } + } + } +} diff --git a/municipalities/opencatalogi-design-tokens/src/rotterdam/component/rotterdam/paragraph.tokens.json b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/rotterdam/paragraph.tokens.json new file mode 100644 index 00000000..e50a64cb --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/rotterdam/paragraph.tokens.json @@ -0,0 +1,10 @@ +{ + "rotterdam": { + "paragraph": { + "small": { + "font-size": { "value": "12px" }, + "line-height": { "value": "20px" } + } + } + } +} diff --git a/municipalities/opencatalogi-design-tokens/src/rotterdam/component/rotterdam/textbox.tokens.json b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/rotterdam/textbox.tokens.json new file mode 100644 index 00000000..f24c2baa --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/rotterdam/textbox.tokens.json @@ -0,0 +1,14 @@ +{ + "rotterdam": { + "textbox": { + "hover": { + "border-color": { + "value": "{opencatalogi.color.base.green}" + }, + "border-width": { + "value": "2px" + } + } + } + } +} diff --git a/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/badge-counter.tokens.json b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/badge-counter.tokens.json new file mode 100644 index 00000000..8365bde7 --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/badge-counter.tokens.json @@ -0,0 +1,12 @@ +{ + "utrecht": { + "badge-counter": { + "border-radius": { "value": "2em" }, + "color": {}, + "font-size": {}, + "font-weight": { "value": "400" }, + "padding-block-end": { "value": "5px" }, + "padding-inline-start": { "value": "5px" } + } + } +} diff --git a/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/badge-status.tokens.json b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/badge-status.tokens.json new file mode 100644 index 00000000..7a9c59a8 --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/badge-status.tokens.json @@ -0,0 +1,8 @@ +{ + "utrecht": { + "badge-status": { + "letter-spacing": {}, + "text-transform": {} + } + } +} diff --git a/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/badge.tokens.json b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/badge.tokens.json new file mode 100644 index 00000000..4ee616ad --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/badge.tokens.json @@ -0,0 +1,29 @@ +{ + "utrecht": { + "badge": { + "background-color": { + "value": "{opencatalogi.color.blue.tint-03}" + }, + "border-radius": { + "value": "0" + }, + "color": { + "value": "{opencatalogi.color.base.white}" + }, + "font-size": { + "value": "12px" + }, + "font-weight": { + "value": "{opencatalogi.typography.weight-scale.bold.font-weight}" + }, + "line-height": {}, + "padding-block": { + "value": "2px" + }, + "padding-inline": { + "value": "8px" + }, + "text-transform": {} + } + } +} diff --git a/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/button.tokens.json b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/button.tokens.json new file mode 100644 index 00000000..19247057 --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/button.tokens.json @@ -0,0 +1,110 @@ +{ + "utrecht": { + "button": { + "background-color": { "value": "{opencatalogi.color.base.green}" }, + "border-color": {}, + "border-radius": {}, + "border-width": { "value": "0" }, + "color": { "value": "{opencatalogi.color.base.white}" }, + "font-family": { "value": "{opencatalogi.typography.sans-serif.font-family}" }, + "font-size": { "value": "{opencatalogi.typography.scale.md}" }, + "font-weight": { "value": "700" }, + "inline-size": {}, + "letter-spacing": {}, + "line-height": {}, + "min-block-size": {}, + "min-inline-size": {}, + "padding-block-end": { "value": "13px" }, + "padding-block-start": { "value": "11px" }, + "padding-inline-end": { "value": "16px" }, + "padding-inline-start": { "value": "16px" }, + "text-transform": {}, + "active": { + "background-color": {}, + "border-color": {}, + "color": {} + }, + "icon": { + "gap": {}, + "size": {} + }, + "hover": { + "background-color": { "value": "{opencatalogi.color.green.tint-02}" }, + "border-color": {}, + "color": {}, + "scale": {} + }, + "focus": { + "background-color": {}, + "border-color": { "value": "{opencatalogi.color.base.black}" }, + "color": {}, + "scale": {} + }, + "disabled": { + "background-color": { "value": "{opencatalogi.color.gray.tint-04}" }, + "border-color": {}, + "color": { "value": "{opencatalogi.color.gray.tint-09}" } + }, + "primary-action": { + "background-color": { "value": "{opencatalogi.color.base.magenta}" }, + "color": { "value": "{opencatalogi.color.base.white}" }, + "hover": { + "background-color": { "value": "{opencatalogi.color.magenta.tint-02}" } + } + }, + "secondary-action": { + "background-color": { "value": "{opencatalogi.color.base.black}" }, + "color": { "value": "{opencatalogi.color.base.white}" }, + "border-color": {}, + "border-width": {}, + "active": { + "background-color": {}, + "border-color": {}, + "color": {} + }, + "disabled": { + "background-color": {}, + "border-color": {}, + "color": {} + }, + "hover": { + "background-color": { "value": "{opencatalogi.color.gray.tint-11}" }, + "border-color": { "value": "none" }, + "color": {} + }, + "focus": { + "background-color": {}, + "border-color": {}, + "color": {} + } + }, + "subtle": { + "background-color": { "value": "{opencatalogi.color.base.white}" }, + "border-color": {}, + "border-width": {}, + "color": { "value": "{opencatalogi.color.base.green}" }, + "font-weight": {}, + "active": { + "background-color": {}, + "border-color": {}, + "color": {} + }, + "disabled": { + "background-color": { "value": "{opencatalogi.color.gray.tint-04}" }, + "border-color": {}, + "color": { "value": "{opencatalogi.color.gray.tint-09}" } + }, + "hover": { + "background-color": {}, + "border-color": {}, + "color": { "value": "{opencatalogi.color.green.tint-03}" } + }, + "focus": { + "background-color": {}, + "border-color": {}, + "color": {} + } + } + } + } +} diff --git a/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/code-block.tokens.json b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/code-block.tokens.json new file mode 100644 index 00000000..b4d33fae --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/code-block.tokens.json @@ -0,0 +1,19 @@ +{ + "utrecht": { + "code-block": { + "background-color": { "value": "{opencatalogi.color.gray.tint-01}" }, + "color": { "value": "{opencatalogi.color.gray.tint-11}" }, + "font-family": {}, + "font-size": { "value": "{opencatalogi.typography.scale.md}" }, + "line-height": {}, + "margin-block-end": { "value": "24px" }, + "margin-block-start": { "value": "24px" }, + "margin-inline-end": {}, + "margin-inline-start": {}, + "padding-block-end": { "value": "24px" }, + "padding-block-start": { "value": "24px" }, + "padding-inline-end": {}, + "padding-inline-start": { "value": "24px" } + } + } +} diff --git a/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/document.tokens.json b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/document.tokens.json new file mode 100644 index 00000000..4347272e --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/document.tokens.json @@ -0,0 +1,11 @@ +{ + "utrecht": { + "document": { + "background-color": { "value": "{opencatalogi.color.base.white}" }, + "color": { "value": "{opencatalogi.color.gray.tint-11}" }, + "font-family": { "value": "{opencatalogi.typography.sans-serif.font-family}" }, + "font-size": { "value": "16px" }, + "line-height": {} + } + } +} diff --git a/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/figure.tokens.json b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/figure.tokens.json new file mode 100644 index 00000000..6a589c6d --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/figure.tokens.json @@ -0,0 +1,13 @@ +{ + "utrecht": { + "figure": { + "margin-block-end": {}, + "margin-block-start": {}, + "caption": { + "color": { "value": "{opencatalogi.color.gray.tint-02}" }, + "font-size": { "value": "{opencatalogi.typography.scale.md.font-size}" }, + "line-height": { "value": "28px" } + } + } + } +} diff --git a/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/form-control.tokens.json b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/form-control.tokens.json new file mode 100644 index 00000000..9742426b --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/form-control.tokens.json @@ -0,0 +1,30 @@ +{ + "utrecht": { + "form-control": { + "background-color": { "value": "{opencatalogi.color.base.white}" }, + "block-size": { "value": "46px", "comment": "48px - 2px border" }, + "border-color": { "value": "{opencatalogi.color.gray.tint-08}" }, + "border-radius": { "value": "0" }, + "border-width": { "value": "1px" }, + "color": { "value": "{opencatalogi.color.gray.tint-11}" }, + "font-family": { "value": "{opencatalogi.typography.sans-serif.font-family}" }, + "font-size": { "value": "{opencatalogi.typography.scale.md}" }, + "line-height": { "value": "24px" }, + "min-block-size": {}, + "padding-block-end": { "value": "12px" }, + "padding-block-start": { "value": "12px" }, + "padding-inline-end": { "value": "16px" }, + "padding-inline-start": { "value": "16px" }, + "placeholder": { + "color": { "value": "{opencatalogi.color.gray.tint-09}" } + }, + "focus": { + "border-color": {} + }, + "disabled": { + "background-color": { "value": "{opencatalogi.color.base.gray}" }, + "color": { "value": "{opencatalogi.color.gray.tint-09}" } + } + } + } +} diff --git a/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/form-field-description.tokens.json b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/form-field-description.tokens.json new file mode 100644 index 00000000..157e8e4f --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/form-field-description.tokens.json @@ -0,0 +1,18 @@ +{ + "utrecht": { + "form-field-description": { + "color": {}, + "font-family": {}, + "font-size": { "value": "{opencatalogi.typography.scale.sm.font-size}" }, + "font-style": {}, + "margin-block-start": {}, + "margin-block-end": {}, + "valid": { + "color": { "value": "{opencatalogi.color.green.tint-02}" } + }, + "invalid": { + "color": { "value": "#B53322" } + } + } + } +} diff --git a/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/form-field.tokens.json b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/form-field.tokens.json new file mode 100644 index 00000000..c89bb09a --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/form-field.tokens.json @@ -0,0 +1,8 @@ +{ + "utrecht": { + "form-field": { + "margin-block-start": {}, + "margin-block-end": {} + } + } +} diff --git a/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/form-fieldset.tokens.json b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/form-fieldset.tokens.json new file mode 100644 index 00000000..b45fcc67 --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/form-fieldset.tokens.json @@ -0,0 +1,32 @@ +{ + "utrecht": { + "form-fieldset": { + "margin-block-start": { "value": "40px" }, + "margin-block-end": {}, + "invalid": { + "border-inline-start-color": { + "color": {} + }, + "border-inline-start-width": {}, + "padding-inline-start": {} + }, + "section": { + "background-color": {}, + "color": {} + }, + "legend": { + "color": { "value": "{opencatalogi.color.gray.tint-11}" }, + "font-family": {}, + "font-size": { "value": "{opencatalogi.typography.scale.xl.font-size}" }, + "font-weight": { "value": "{opencatalogi.typography.weight-scale.bold.font-weight}" }, + "line-height": { "value": "{opencatalogi.typography.scale.xl.line-height}" }, + "margin-block-end": {}, + "margin-block-start": {}, + "text-transform": {}, + "disabled": { + "color": {} + } + } + } + } +} diff --git a/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/form-label.tokens.json b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/form-label.tokens.json new file mode 100644 index 00000000..85e75979 --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/form-label.tokens.json @@ -0,0 +1,23 @@ +{ + "utrecht": { + "form-label": { + "color": { "value": "{opencatalogi.color.gray.tint-11}" }, + "font-size": { "value": "{opencatalogi.typography.scale.md.font-size}" }, + "font-weight": { "value": "{opencatalogi.typography.weight-scale.bold.font-weight}" }, + "checkbox": { + "color": {}, + "font-weight": { "value": "{opencatalogi.typography.weight-scale.normal.font-weight}" } + }, + "checked": { + "font-weight": {} + }, + "disabled": { + "color": {} + }, + "radio": { + "color": {}, + "font-weight": { "value": "{opencatalogi.typography.weight-scale.normal.font-weight}" } + } + } + } +} diff --git a/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/form-select.tokens.json b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/form-select.tokens.json new file mode 100644 index 00000000..28dee987 --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/form-select.tokens.json @@ -0,0 +1,16 @@ +{ + "utrecht": { + "form-select": { + "background-color": { "value": "{opencatalogi.color.base.white}" }, + "border-color": {}, + "border-width": { "value": "1px" }, + "color": { "value": "{opencatalogi.color.gray.tint-11}" }, + "font-size": {}, + "max-inline-size": { "value": "100%" }, + "padding-block-end": {}, + "padding-block-start": {}, + "padding-inline-end": {}, + "padding-inline-start": {} + } + } +} diff --git a/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/heading-1.tokens.json b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/heading-1.tokens.json new file mode 100644 index 00000000..5bc3e620 --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/heading-1.tokens.json @@ -0,0 +1,13 @@ +{ + "utrecht": { + "heading-1": { + "color": {}, + "font-family": {}, + "font-size": { "value": "{opencatalogi.typography.scale.6xl.font-size}" }, + "font-weight": {}, + "line-height": { "value": "{opencatalogi.typography.scale.6xl.line-height}" }, + "margin-block-end": {}, + "margin-block-start": {} + } + } +} diff --git a/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/heading-2.tokens.json b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/heading-2.tokens.json new file mode 100644 index 00000000..d18940fb --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/heading-2.tokens.json @@ -0,0 +1,13 @@ +{ + "utrecht": { + "heading-2": { + "color": {}, + "font-family": {}, + "font-size": { "value": "{opencatalogi.typography.scale.5xl.font-size}" }, + "font-weight": {}, + "line-height": { "value": "{opencatalogi.typography.scale.5xl.line-height}" }, + "margin-block-end": {}, + "margin-block-start": {} + } + } +} diff --git a/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/heading-3.tokens.json b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/heading-3.tokens.json new file mode 100644 index 00000000..4cd30f2c --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/heading-3.tokens.json @@ -0,0 +1,13 @@ +{ + "utrecht": { + "heading-3": { + "color": {}, + "font-family": {}, + "font-size": { "value": "{opencatalogi.typography.scale.4xl.font-size}" }, + "font-weight": {}, + "line-height": { "value": "{opencatalogi.typography.scale.4xl.line-height}" }, + "margin-block-end": {}, + "margin-block-start": {} + } + } +} diff --git a/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/heading.tokens.json b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/heading.tokens.json new file mode 100644 index 00000000..126b47a5 --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/heading.tokens.json @@ -0,0 +1,9 @@ +{ + "utrecht": { + "heading": { + "color": {}, + "font-family": {}, + "font-weight": { "value": "{opencatalogi.typography.weight-scale.bold.font-weight}" } + } + } +} diff --git a/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/icon.tokens.json b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/icon.tokens.json new file mode 100644 index 00000000..b1bd980f --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/icon.tokens.json @@ -0,0 +1,12 @@ +{ + "utrecht": { + "icon": { + "color": {}, + "size": {}, + "inset-block-start": { "value": "0.1em" }, + "baseline": { + "inset-block-start": {} + } + } + } +} diff --git a/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/link.tokens.json b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/link.tokens.json new file mode 100644 index 00000000..1b2b775e --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/link.tokens.json @@ -0,0 +1,33 @@ +{ + "utrecht": { + "link": { + "color": { "value": "{opencatalogi.color.base.green}" }, + "text-decoration": { "value": "underline" }, + "text-decoration-color": {}, + "text-decoration-thickness": {}, + "text-underline-offset": {}, + "active": { + "color": { "value": "{opencatalogi.color.green.tint-03}" } + }, + "focus": { + "color": { "value": "{opencatalogi.color.green.tint-03}" }, + "text-decoration": {}, + "text-decoration-thickness": {} + }, + "hover": { + "color": { "value": "{opencatalogi.color.green.tint-03}" }, + "text-decoration": {}, + "text-decoration-thickness": {} + }, + "placeholder": { + "color": {} + }, + "visited": { + "color": {} + }, + "icon": { + "size": {} + } + } + } +} diff --git a/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/page-footer.tokens.json b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/page-footer.tokens.json new file mode 100644 index 00000000..2dfd3b58 --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/page-footer.tokens.json @@ -0,0 +1,13 @@ +{ + "utrecht": { + "page-footer": { + "color": { "value": "{opencatalogi.color.base.white.value}" }, + "background-color": { "value": "{opencatalogi.color.base.green.value}" }, + "background-image": {}, + "padding-inline-end": { "value": "72px" }, + "padding-inline-start": { "value": "72px" }, + "padding-block-end": { "value": "64px" }, + "padding-block-start": { "value": "40px" } + } + } +} diff --git a/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/paragraph.tokens.json b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/paragraph.tokens.json new file mode 100644 index 00000000..bda37e23 --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/paragraph.tokens.json @@ -0,0 +1,24 @@ +{ + "utrecht": { + "paragraph": { + "color": {}, + "font-family": { "value": "{opencatalogi.typography.sans-serif.font-family}" }, + "font-size": { "value": "{opencatalogi.typography.scale.md.font-size}" }, + "font-weight": { "value": "{opencatalogi.typography.weight-scale.normal.font-weight}" }, + "line-height": { "value": "28px" }, + "margin-block-start": {}, + "margin-block-end": {}, + "lead": { + "font-size": { "value": "28px" }, + "font-weight": { "value": "400" }, + "line-height": { "value": "36px" } + }, + "small": { + "color": {}, + "font-size": { "value": "12px" }, + "font-weight": {}, + "line-height": { "value": "20px" } + } + } + } +} diff --git a/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/table.tokens.json b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/table.tokens.json new file mode 100644 index 00000000..e29d4269 --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/table.tokens.json @@ -0,0 +1,52 @@ +{ + "utrecht": { + "table": { + "margin-block-end": {}, + "margin-block-start": {}, + "caption": { + "font-weight": {}, + "font-family": {}, + "font-size": {}, + "color": {}, + "line-height": {}, + "text-align": {}, + "margin-block-end": {} + }, + "header": { + "font-weight": { "value": "{opencatalogi.typography.weight-scale.normal.font-weight}" }, + "background-color": {}, + "color": {}, + "text-transform": {}, + "border-block-end-color": { "value": "{opencatalogi.color.gray.tint-11}" }, + "border-block-end-width": {} + }, + "heading": { + "font-weight": {}, + "color": {}, + "text-transform": {} + }, + "cell": { + "line-height": {}, + "padding-block-end": { "value": "16px" }, + "padding-block-start": { "value": "16px" }, + "padding-inline-end": { "value": "12px" }, + "padding-inline-start": { "value": "12px" }, + "border-color": {} + }, + "row": { + "border-block-end-color": { "value": "{opencatalogi.color.gray.tint-04}" }, + "border-block-end-width": { "value": " 1px" }, + "padding-inline-end": {}, + "padding-inline-start": {}, + "alternate-odd": { + "background-color": {}, + "color": {} + }, + "alternate-even": { + "background-color": {}, + "color": {} + } + } + } + } +} diff --git a/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/textarea.tokens.json b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/textarea.tokens.json new file mode 100644 index 00000000..0ebdaf77 --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/textarea.tokens.json @@ -0,0 +1,25 @@ +{ + "utrecht": { + "textarea": { + "border-bottom-width": {}, + "border-color": {}, + "border-radius": {}, + "border-width": {}, + "background-color": {}, + "color": {}, + "font-family": {}, + "font-size": {}, + "line-height": {}, + "min-inline-size": {}, + "max-inline-size": {}, + "min-block-size": { "value": "200px" }, + "padding-block-end": { "value": "8px" }, + "padding-block-start": { "value": "8px" }, + "padding-inline-end": {}, + "padding-inline-start": {}, + "placeholder": { + "color": { "value": "{opencatalogi.color.gray.tint-09}" } + } + } + } +} diff --git a/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/textbox.tokens.json b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/textbox.tokens.json new file mode 100644 index 00000000..7abbddec --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/textbox.tokens.json @@ -0,0 +1,47 @@ +{ + "utrecht": { + "textbox": { + "background-color": {}, + "border-bottom-width": {}, + "border-color": { "value": "{opencatalogi.color.gray.tint-08}" }, + "border-radius": {}, + "border-width": { "value": "1px" }, + "color": { "value": "{opencatalogi.color.gray.tint-11}" }, + "font-family": { "value": "{opencatalogi.typography.sans-serif.font-family}" }, + "font-size": { "value": "{opencatalogi.typography.scale.md.font-size}" }, + "min-inline-size": {}, + "max-inline-size": {}, + "line-height": { "value": "24px" }, + "padding-block-end": { "value": "12px" }, + "padding-block-start": { "value": "10px" }, + "padding-inline-end": { "value": "16px" }, + "padding-inline-start": { "value": "16px" }, + "placeholder": { + "color": { "value": "{opencatalogi.color.gray.tint-09}" } + }, + "disabled": { + "background-color": { "value": "{opencatalogi.color.base.gray}" }, + "border-color": {}, + "color": {} + }, + "focus": { + "background-color": {}, + "border-color": {}, + "color": {} + }, + "invalid": { + "background-color": {}, + "border-color": {}, + "border-bottom-width": { "value": "2px" }, + "border-bottom-color": { "value": "{opencatalogi.color.red.tint-01}" }, + "border-width": {}, + "color": {} + }, + "read-only": { + "background-color": {}, + "border-color": {}, + "color": {} + } + } + } +} diff --git a/municipalities/opencatalogi-design-tokens/src/rotterdam/font/download.sh b/municipalities/opencatalogi-design-tokens/src/rotterdam/font/download.sh new file mode 100644 index 00000000..a587c1a5 --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/rotterdam/font/download.sh @@ -0,0 +1,18 @@ +#!/bin/sh + +curl -o ArialforRotterdam.eot https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/ArialforRotterdam.eot +curl -o ArialforRotterdam.woff https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/ArialforRotterdam.woff +curl -o ArialforRotterdam.ttf https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/ArialforRotterdam.ttf +curl -o ArialforRotterdam.svg https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/ArialforRotterdam.svg +curl -o ArialforRotterdam-Bold.eot https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/ArialforRotterdam-Bold.eot +curl -o ArialforRotterdam-Bold.woff https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/ArialforRotterdam-Bold.woff +curl -o ArialforRotterdam-Bold.ttf https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/ArialforRotterdam-Bold.ttf +curl -o ArialforRotterdam-Bold.svg https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/ArialforRotterdam-Bold.svg +curl -o Bolder-Bold.woff2 https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/Bolder-Bold.woff2 +curl -o Bolder-Bold.woff https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/Bolder-Bold.woff +curl -o Bolder-Light.woff2 https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/Bolder-Light.woff2 +curl -o Bolder-Light.woff https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/Bolder-Light.woff +curl -o Bolder-RegularItalic.woff2 https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/Bolder-RegularItalic.woff2 +curl -o Bolder-RegularItalic.woff https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/Bolder-RegularItalic.woff +curl -o Bolder-Regular.woff2 https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/Bolder-Regular.woff2 +curl -o Bolder-Regular.woff https://www.rotterdam.nl/rotterdam-files/resources/css/fonts/Bolder-Regular.woff From 6c0ee926574b9c6075c6ab7ece5a85ae4bc27fee Mon Sep 17 00:00:00 2001 From: Remko Date: Tue, 12 Dec 2023 10:31:01 +0100 Subject: [PATCH 04/32] added open-catalogi tokens --- .../src/components/open-catalogi/rating.tokens.json | 12 ++++++++++++ .../src/component/open-catalogi/rating.tokens.json | 12 ------------ 2 files changed, 12 insertions(+), 12 deletions(-) create mode 100644 municipalities/opencatalogi-design-tokens/src/components/open-catalogi/rating.tokens.json delete mode 100644 municipalities/rotterdam-design-tokens/src/component/open-catalogi/rating.tokens.json diff --git a/municipalities/opencatalogi-design-tokens/src/components/open-catalogi/rating.tokens.json b/municipalities/opencatalogi-design-tokens/src/components/open-catalogi/rating.tokens.json new file mode 100644 index 00000000..134fac41 --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/components/open-catalogi/rating.tokens.json @@ -0,0 +1,12 @@ +{ + "open-catalogi": { + "rating": { + "rating-bar": { + "color": { "value": "{opencatalogi.color.green.tint-01}" }, + "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 deleted file mode 100644 index 8d68de90..00000000 --- a/municipalities/rotterdam-design-tokens/src/component/open-catalogi/rating.tokens.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "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)" } - } - } -} From b93a9ef7f7b74226bccbf507a22be056009bfa7a Mon Sep 17 00:00:00 2001 From: Remko Date: Tue, 12 Dec 2023 10:33:39 +0100 Subject: [PATCH 05/32] added utrecht page tokens --- .../src/components/utrecht/page.tokens.json | 11 +++++++++++ 1 file changed, 11 insertions(+) create mode 100644 municipalities/opencatalogi-design-tokens/src/components/utrecht/page.tokens.json diff --git a/municipalities/opencatalogi-design-tokens/src/components/utrecht/page.tokens.json b/municipalities/opencatalogi-design-tokens/src/components/utrecht/page.tokens.json new file mode 100644 index 00000000..d153cfc3 --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/components/utrecht/page.tokens.json @@ -0,0 +1,11 @@ +{ + "utrecht": { + "page": { + "background-color": {}, + "color": {}, + "margin-inline-start": { "value": "{utrecht.space.block.xl}" }, + "margin-inline-end": { "value": "{utrecht.space.block.xl}" }, + "max-inline-size": { "value": "1140px" } + } + } +} From 6a314de97e45390811c9b6ff66149ee20a0b9964 Mon Sep 17 00:00:00 2001 From: Remko Date: Tue, 12 Dec 2023 10:35:56 +0100 Subject: [PATCH 06/32] added utrecht alert tokens --- .../src/components/utrecht/alert.tokens.json | 46 +++++++++++++++++++ .../utrecht/extra-tokens/alert.tokens.json | 9 ++++ 2 files changed, 55 insertions(+) create mode 100644 municipalities/opencatalogi-design-tokens/src/components/utrecht/alert.tokens.json create mode 100644 municipalities/opencatalogi-design-tokens/src/components/utrecht/extra-tokens/alert.tokens.json diff --git a/municipalities/opencatalogi-design-tokens/src/components/utrecht/alert.tokens.json b/municipalities/opencatalogi-design-tokens/src/components/utrecht/alert.tokens.json new file mode 100644 index 00000000..93ffb172 --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/components/utrecht/alert.tokens.json @@ -0,0 +1,46 @@ +{ + "utrecht": { + "alert": { + "background-color": { "value": "#e8f4fb" }, + "border-color": { "value": "#b4dbf1" }, + "border-width": { "value": "1px" }, + "color": { "value": "{utrecht.document.color}" }, + "padding-block-start": { "value": "24px" }, + "padding-block-end": { "value": "24px" }, + "padding-inline-start": { "value": "24px" }, + "padding-inline-end": { "value": "24px" }, + "margin-block-start": {}, + "margin-block-end": {}, + "warning": { + "background-color": { "value": "#fef8e6" }, + "color": { "value": "{utrecht.document.color}" }, + "border-color": { "value": "#f9e7ac" }, + "border-width": { "value": "1px" } + }, + "error": { + "background-color": { "value": "#fdf0ee" }, + "color": { "value": "{utrecht.document.color}" }, + "border-color": { "value": "#f7ccc5" }, + "border-width": { "value": "1px" } + }, + "ok": { + "background-color": { "value": "#e6f3e9" }, + "color": { "value": "{utrecht.document.color}" }, + "border-color": { "value": "#acd6b7" }, + "border-width": { "value": "1px" } + }, + "icon": { + "color": { "value": "#00689e" }, + "error": { + "color": { "value": "{opencatalogi.color.red.tint-02}" } + }, + "warning": { + "color": { "value": "#a65600" } + }, + "ok": { + "color": { "value": "{opencatalogi.color.green.tint-01}" } + } + } + } + } +} diff --git a/municipalities/opencatalogi-design-tokens/src/components/utrecht/extra-tokens/alert.tokens.json b/municipalities/opencatalogi-design-tokens/src/components/utrecht/extra-tokens/alert.tokens.json new file mode 100644 index 00000000..1244c969 --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/components/utrecht/extra-tokens/alert.tokens.json @@ -0,0 +1,9 @@ +{ + "utrecht": { + "alert": { + "icon": { + "gap": { "value": "8px" } + } + } + } +} From c31422a1cfedf6e7de42955dd5f468f4c0969481 Mon Sep 17 00:00:00 2001 From: Remko Date: Tue, 12 Dec 2023 10:39:22 +0100 Subject: [PATCH 07/32] added utrecht badge tokens --- .../src/components/utrecht/badge.tokens.json | 29 +++++++++++++++++++ .../extra-tokens/badge-counter.tokens.json | 15 ++++++++++ 2 files changed, 44 insertions(+) create mode 100644 municipalities/opencatalogi-design-tokens/src/components/utrecht/badge.tokens.json create mode 100644 municipalities/opencatalogi-design-tokens/src/components/utrecht/extra-tokens/badge-counter.tokens.json diff --git a/municipalities/opencatalogi-design-tokens/src/components/utrecht/badge.tokens.json b/municipalities/opencatalogi-design-tokens/src/components/utrecht/badge.tokens.json new file mode 100644 index 00000000..d01c3db2 --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/components/utrecht/badge.tokens.json @@ -0,0 +1,29 @@ +{ + "utrecht": { + "badge": { + "background-color": { + "value": "{opencatalogi.color.base.black} !important" + }, + "border-radius": { + "value": "0" + }, + "color": { + "value": "{opencatalogi.color.base.white} " + }, + "font-size": { + "value": "14px !important" + }, + "font-weight": { + "value": "{opencatalogi.typography.weight-scale.bold.font-weight}" + }, + "line-height": {}, + "padding-block": { + "value": "8px !important" + }, + "padding-inline": { + "value": "8px !important" + }, + "text-transform": {} + } + } +} diff --git a/municipalities/opencatalogi-design-tokens/src/components/utrecht/extra-tokens/badge-counter.tokens.json b/municipalities/opencatalogi-design-tokens/src/components/utrecht/extra-tokens/badge-counter.tokens.json new file mode 100644 index 00000000..0af2a7f0 --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/components/utrecht/extra-tokens/badge-counter.tokens.json @@ -0,0 +1,15 @@ +{ + "utrecht": { + "badge-counter": { + "background-color": { "value": "{opencatalogi.color.base.black}" }, + "border-radius": { "value": "50%" }, + "color": { "value": "{opencatalogi.color.base.white}" }, + "font-size": { "value": "{utrecht.document.font-size}" }, + "font-family": { "value": "{utrecht.document.font-family}" }, + "font-style": {}, + "text-decoration": { "value": "none" }, + "padding-block": { "value": "5px" }, + "padding-inline": { "value": "5px" } + } + } +} From 015e1688c5a459ec69aca63e05219e8330771947 Mon Sep 17 00:00:00 2001 From: Remko Date: Tue, 12 Dec 2023 10:41:10 +0100 Subject: [PATCH 08/32] added utrecht breadcrumb tokens --- .../components/utrecht/breadcrumb.tokens.json | 35 +++++++++++++++++++ .../extra-tokens/breadcrumb.tokens.json | 21 +++++++++++ 2 files changed, 56 insertions(+) create mode 100644 municipalities/opencatalogi-design-tokens/src/components/utrecht/breadcrumb.tokens.json create mode 100644 municipalities/opencatalogi-design-tokens/src/components/utrecht/extra-tokens/breadcrumb.tokens.json diff --git a/municipalities/opencatalogi-design-tokens/src/components/utrecht/breadcrumb.tokens.json b/municipalities/opencatalogi-design-tokens/src/components/utrecht/breadcrumb.tokens.json new file mode 100644 index 00000000..41182c2b --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/components/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": "{opencatalogi.color.green.tint-01}" }, + "focus": { + "background-color": {}, + "color": {} + }, + "current": { + "background-color": {}, + "color": { "value": "{opencatalogi.color.gray.tint-09}" } + } + }, + "separator": { + "color": { "value": "{opencatalogi.color.green.tint-01}" }, + "inline-size": {}, + "icon": { + "size": { "value": "16px" } + } + } + } + } +} diff --git a/municipalities/opencatalogi-design-tokens/src/components/utrecht/extra-tokens/breadcrumb.tokens.json b/municipalities/opencatalogi-design-tokens/src/components/utrecht/extra-tokens/breadcrumb.tokens.json new file mode 100644 index 00000000..143bc1bd --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/components/utrecht/extra-tokens/breadcrumb.tokens.json @@ -0,0 +1,21 @@ +{ + "utrecht": { + "breadcrumb-nav": { + "background-color": {}, + "padding-inline-start": {}, + "padding-inline-end": {}, + "padding-block-start": {}, + "padding-block-end": {}, + "link": { + "disabled": { + "background-color": {}, + "color": { "value": "{opencatalogi.color.gray.tint-09)" } + }, + "hover": { + "background-color": {}, + "color": { "value": "{opencatalogi.color.green.tint-01)" } + } + } + } + } +} From a567c0446901fc4db180610c49558ca67c413f4c Mon Sep 17 00:00:00 2001 From: Remko Date: Tue, 12 Dec 2023 10:42:26 +0100 Subject: [PATCH 09/32] added utrecht breadcrumb tokens --- .../components/utrecht/extra-tokens/breadcrumb.tokens.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/municipalities/opencatalogi-design-tokens/src/components/utrecht/extra-tokens/breadcrumb.tokens.json b/municipalities/opencatalogi-design-tokens/src/components/utrecht/extra-tokens/breadcrumb.tokens.json index 143bc1bd..ee99b970 100644 --- a/municipalities/opencatalogi-design-tokens/src/components/utrecht/extra-tokens/breadcrumb.tokens.json +++ b/municipalities/opencatalogi-design-tokens/src/components/utrecht/extra-tokens/breadcrumb.tokens.json @@ -9,11 +9,11 @@ "link": { "disabled": { "background-color": {}, - "color": { "value": "{opencatalogi.color.gray.tint-09)" } + "color": { "value": "{opencatalogi.color.gray.tint-09}" } }, "hover": { "background-color": {}, - "color": { "value": "{opencatalogi.color.green.tint-01)" } + "color": { "value": "{opencatalogi.color.green.tint-01}" } } } } From b8929ea6c174259127de90e86ff55ae3daf8aa5c Mon Sep 17 00:00:00 2001 From: Remko Date: Tue, 12 Dec 2023 10:43:21 +0100 Subject: [PATCH 10/32] added utrecht code tokens --- .../src/components/utrecht/code.tokens.json | 11 +++++++++++ 1 file changed, 11 insertions(+) create mode 100644 municipalities/opencatalogi-design-tokens/src/components/utrecht/code.tokens.json diff --git a/municipalities/opencatalogi-design-tokens/src/components/utrecht/code.tokens.json b/municipalities/opencatalogi-design-tokens/src/components/utrecht/code.tokens.json new file mode 100644 index 00000000..54661834 --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/components/utrecht/code.tokens.json @@ -0,0 +1,11 @@ +{ + "utrecht": { + "code": { + "background-color": { "value": "{opencatalogi.color.gray.tint-01}" }, + "color": { "value": "{opencatalogi.color.gray.tint-11}" }, + "font-family": {}, + "font-size": { "value": "inherit" }, + "line-height": {} + } + } +} From b964ec708a0f5ab1546e414129f375f2d46df942 Mon Sep 17 00:00:00 2001 From: Remko Date: Tue, 12 Dec 2023 10:44:49 +0100 Subject: [PATCH 11/32] added utrecht list tokens --- .../src/components/utrecht/list.tokens.json | 31 +++++++++++++++++++ 1 file changed, 31 insertions(+) create mode 100644 municipalities/opencatalogi-design-tokens/src/components/utrecht/list.tokens.json diff --git a/municipalities/opencatalogi-design-tokens/src/components/utrecht/list.tokens.json b/municipalities/opencatalogi-design-tokens/src/components/utrecht/list.tokens.json new file mode 100644 index 00000000..5efa9f3e --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/components/utrecht/list.tokens.json @@ -0,0 +1,31 @@ +{ + "utrecht": { + "ordered-list": { + "font-size": { "value": "{utrecht.document.font-size}" }, + "line-height": {}, + "margin-block-start": { "value": "14px" }, + "margin-block-end": { "value": "14px" }, + "padding-inline-start": { "value": "32px" }, + "item": { + "margin-block-start": { "value": "4px" }, + "margin-block-end": { "value": "4px" }, + "padding-inline-start": { "value": "1ch" } + } + }, + "unordered-list": { + "font-size": { "value": "{utrecht.document.font-size}" }, + "line-height": {}, + "margin-block-start": { "value": "18px" }, + "margin-block-end": { "value": 0 }, + "padding-inline-start": { "value": "2ch" }, + "item": { + "margin-block-start": { "value": "8px" }, + "margin-block-end": { "value": "8px" }, + "padding-inline-start": { "value": "1ch" } + }, + "marker": { + "color": { "value": "{opencatalogi.color.green.tint-01}" } + } + } + } +} From 84b853dc83903cdd20c17d21c94204614477b57a Mon Sep 17 00:00:00 2001 From: Remko Date: Tue, 12 Dec 2023 10:45:12 +0100 Subject: [PATCH 12/32] added utrecht button and icon tokens --- .../components/utrecht/extra-tokens/button.tokens.json | 10 ++++++++++ .../components/utrecht/extra-tokens/icon.tokens.json | 7 +++++++ 2 files changed, 17 insertions(+) create mode 100644 municipalities/opencatalogi-design-tokens/src/components/utrecht/extra-tokens/button.tokens.json create mode 100644 municipalities/opencatalogi-design-tokens/src/components/utrecht/extra-tokens/icon.tokens.json diff --git a/municipalities/opencatalogi-design-tokens/src/components/utrecht/extra-tokens/button.tokens.json b/municipalities/opencatalogi-design-tokens/src/components/utrecht/extra-tokens/button.tokens.json new file mode 100644 index 00000000..2c2b5fa2 --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/components/utrecht/extra-tokens/button.tokens.json @@ -0,0 +1,10 @@ +{ + "utrecht": { + "button": { + "icon": { + "gap": { "value": "8px" }, + "size": {} + } + } + } +} diff --git a/municipalities/opencatalogi-design-tokens/src/components/utrecht/extra-tokens/icon.tokens.json b/municipalities/opencatalogi-design-tokens/src/components/utrecht/extra-tokens/icon.tokens.json new file mode 100644 index 00000000..8f6a41b0 --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/components/utrecht/extra-tokens/icon.tokens.json @@ -0,0 +1,7 @@ +{ + "utrecht": { + "icon": { + "gap": { "value": "8px" } + } + } +} From c4e7437dfdb0ae0a2dbae028cdc41c86d620f393 Mon Sep 17 00:00:00 2001 From: Remko Date: Tue, 12 Dec 2023 10:47:15 +0100 Subject: [PATCH 13/32] added utrecht page-header tokens --- .../utrecht/extra-tokens/page-header.tokens.json | 10 ++++++++++ .../src/components/utrecht/page-header.tokens.json | 10 ++++++++++ 2 files changed, 20 insertions(+) create mode 100644 municipalities/opencatalogi-design-tokens/src/components/utrecht/extra-tokens/page-header.tokens.json create mode 100644 municipalities/opencatalogi-design-tokens/src/components/utrecht/page-header.tokens.json diff --git a/municipalities/opencatalogi-design-tokens/src/components/utrecht/extra-tokens/page-header.tokens.json b/municipalities/opencatalogi-design-tokens/src/components/utrecht/extra-tokens/page-header.tokens.json new file mode 100644 index 00000000..e24f30d5 --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/components/utrecht/extra-tokens/page-header.tokens.json @@ -0,0 +1,10 @@ +{ + "utrecht": { + "page-header": { + "logo": { + "max-height": {}, + "max-width": { "value": "222px" } + } + } + } +} diff --git a/municipalities/opencatalogi-design-tokens/src/components/utrecht/page-header.tokens.json b/municipalities/opencatalogi-design-tokens/src/components/utrecht/page-header.tokens.json new file mode 100644 index 00000000..a93e9736 --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/components/utrecht/page-header.tokens.json @@ -0,0 +1,10 @@ +{ + "utrecht": { + "page-header": { + "background-color": { "value": "{opencatalogi.color.base.white}" }, + "color": { "value": "{opencatalogi.color.gray.tint-11}" }, + "padding-block-start": { "value": "14px" }, + "padding-block-end": { "value": "14px" } + } + } +} From f6c6e6be2783cc1961dc0445e34aa11214127016 Mon Sep 17 00:00:00 2001 From: Remko Date: Tue, 12 Dec 2023 10:47:50 +0100 Subject: [PATCH 14/32] added utrecht page-footer tokens --- .../extra-tokens/page-footer.tokens.json | 35 +++++++++++++++++++ 1 file changed, 35 insertions(+) create mode 100644 municipalities/opencatalogi-design-tokens/src/components/utrecht/extra-tokens/page-footer.tokens.json diff --git a/municipalities/opencatalogi-design-tokens/src/components/utrecht/extra-tokens/page-footer.tokens.json b/municipalities/opencatalogi-design-tokens/src/components/utrecht/extra-tokens/page-footer.tokens.json new file mode 100644 index 00000000..0f267bf2 --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/components/utrecht/extra-tokens/page-footer.tokens.json @@ -0,0 +1,35 @@ +{ + "utrecht": { + "page-footer": { + "min-height": {}, + "logo": { + "max-height": { "value": "48px" }, + "max-width": { "value": "240px" } + }, + "background-size": {}, + "background-position": {}, + "mobile": { + "background-position": {} + }, + "icon": { + "color": {} + }, + "heading": { + "color": {}, + "font-family": {} + }, + "link": { + "color": {}, + "text-decoration": { "value": "underline" }, + "text-decoration-color": { "value": "unset" }, + "text-decoration-thickness": { "value": 1 }, + "text-underline-offset": {}, + "hover": { + "color": {}, + "text-decoration": { "value": "underline" }, + "text-decoration-thickness": { "value": 1 } + } + } + } + } +} From d1dc4a5feb9b8144b4e15e6f51c511bab809aa0c Mon Sep 17 00:00:00 2001 From: Remko Date: Tue, 12 Dec 2023 10:53:03 +0100 Subject: [PATCH 15/32] added utrecht radio-button tokens --- .../extra-tokens/radio-button.tokens.json | 14 ++++ .../utrecht/radio-button.tokens.json | 68 +++++++++++++++++++ 2 files changed, 82 insertions(+) create mode 100644 municipalities/opencatalogi-design-tokens/src/components/utrecht/extra-tokens/radio-button.tokens.json create mode 100644 municipalities/opencatalogi-design-tokens/src/components/utrecht/radio-button.tokens.json diff --git a/municipalities/opencatalogi-design-tokens/src/components/utrecht/extra-tokens/radio-button.tokens.json b/municipalities/opencatalogi-design-tokens/src/components/utrecht/extra-tokens/radio-button.tokens.json new file mode 100644 index 00000000..57d0ca6b --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/components/utrecht/extra-tokens/radio-button.tokens.json @@ -0,0 +1,14 @@ +{ + "utrecht": { + "radio-button": { + "min-block-size": { "value": "16px" }, + "min-inline-size": { "value": "16px" }, + "checked-disabled": { + "border-color": { "value": "{opencatalogi.color.gray.tint-08}" }, + "border-width": { "value": "1px" }, + "background-color": { "value": "{opencatalogi.color.gray.tint-08}" }, + "color": { "value": "{opencatalogi.color.gray.tint-08}" } + } + } + } +} diff --git a/municipalities/opencatalogi-design-tokens/src/components/utrecht/radio-button.tokens.json b/municipalities/opencatalogi-design-tokens/src/components/utrecht/radio-button.tokens.json new file mode 100644 index 00000000..5967cd4e --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/components/utrecht/radio-button.tokens.json @@ -0,0 +1,68 @@ +{ + "utrecht": { + "radio-button": { + "background-color": { "value": "{opencatalogi.color.base.white}" }, + "border-color": { "value": "{opencatalogi.color.gray.tint-08}" }, + "border-width": { "value": "1px" }, + "size": {}, + "margin-block-start": {}, + "icon": { + "size": {} + }, + "active": { + "border-color": {}, + "border-width": {}, + "background-color": {}, + "color": {} + }, + "checked": { + "border-color": { "value": "{opencatalogi.color.base.green}" }, + "border-width": { "value": "5px" }, + "background-color": { "value": "{opencatalogi.color.base.white}" }, + "color": { "value": "{opencatalogi.color.base.white}" }, + "active": { + "border-color": { "value": "{opencatalogi.color.base.green}" }, + "border-width": { "value": "1px" }, + "background-color": { "value": "{opencatalogi.color.base.white}" }, + "color": { "value": "{opencatalogi.color.base.white}" } + }, + "hover": { + "border-color": { "value": "{opencatalogi.color.base.black}" }, + "border-width": { "value": "5px" }, + "background-color": { "value": "{opencatalogi.color.base.white}" }, + "color": { "value": "{opencatalogi.color.base.white}" } + }, + "focus": { + "border-color": { "value": "{opencatalogi.color.base.green}" }, + "border-width": { "value": "1px" }, + "background-color": { "value": "{opencatalogi.color.base.white}" }, + "color": { "value": "{opencatalogi.color.base.white}" } + } + }, + "hover": { + "border-color": { "value": "{opencatalogi.color.base.green}" }, + "border-width": { "value": "2px" }, + "background-color": { "value": "{opencatalogi.color.base.white}" }, + "color": {} + }, + "focus": { + "border-color": { "value": "{opencatalogi.color.base.green}" }, + "border-width": { "value": "5px" }, + "background-color": { "value": "{opencatalogi.color.base.white}" }, + "color": { "value": "{opencatalogi.color.base.white}" } + }, + "disabled": { + "border-color": { "value": "{opencatalogi.color.gray.tint-08}" }, + "border-width": { "value": "1px" }, + "background-color": { "value": "{opencatalogi.color.gray.tint-01}" }, + "color": { "value": "{opencatalogi.color.gray.tint-08}" } + }, + "invalid": { + "border-color": { "value": "#FE1818" }, + "border-width": { "value": "1px" }, + "background-color": { "value": "{opencatalogi.color.base.white}" }, + "color": { "value": "#FE1818" } + } + } + } +} From 58f89a415167429c195dfdb3844cbe947e9fce1e Mon Sep 17 00:00:00 2001 From: Remko Date: Tue, 12 Dec 2023 10:55:55 +0100 Subject: [PATCH 16/32] added utrecht table tokens --- .../utrecht/extra-tokens/table.tokens.json | 25 +++++++++++++++++++ .../src/components/utrecht/table.tokens.json | 19 ++++++++++++++ 2 files changed, 44 insertions(+) create mode 100644 municipalities/opencatalogi-design-tokens/src/components/utrecht/extra-tokens/table.tokens.json create mode 100644 municipalities/opencatalogi-design-tokens/src/components/utrecht/table.tokens.json diff --git a/municipalities/opencatalogi-design-tokens/src/components/utrecht/extra-tokens/table.tokens.json b/municipalities/opencatalogi-design-tokens/src/components/utrecht/extra-tokens/table.tokens.json new file mode 100644 index 00000000..29aa6a9e --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/components/utrecht/extra-tokens/table.tokens.json @@ -0,0 +1,25 @@ +{ + "utrecht": { + "table": { + "border-collapse": { "value": "collapse" }, + "background-color": { "value": "{opencatalogi.color.base.white}" }, + "header": { + "border-block-end-color": { "value": "{opencatalogi.color.gray.tint-11}" }, + "border-block-end-width": { "value": "0.2rem" }, + "font-family": {} + }, + "row": { + "hover": { + "background-color": { "value": "{opencatalogi.color.gray.tint-01}" }, + "color": {} + } + }, + "body": { + "border": {} + }, + "caption": { + "font-style": {} + } + } + } +} diff --git a/municipalities/opencatalogi-design-tokens/src/components/utrecht/table.tokens.json b/municipalities/opencatalogi-design-tokens/src/components/utrecht/table.tokens.json new file mode 100644 index 00000000..549cd093 --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/components/utrecht/table.tokens.json @@ -0,0 +1,19 @@ +{ + "utrecht": { + "table": { + "font-family": { "value": "{utrecht.document.font-family}" }, + "font-size": { "value": "{utrecht.document.font-size}" }, + "margin-block-end": { "value": 0 }, + "margin-block-start": { "value": "18px" }, + "header": { + "color": { "value": "{utrecht.document.color}" } + }, + "header-cell": { + "font-size": { "value": "{utrecht.document.font-size}" }, + "font-weight": { "value": "{opencatalogi.typography.weight-scale.bold.font-weight}" }, + "color": { "value": "{utrecht.document.color}" }, + "text-transform": { "value": "unset" } + } + } + } +} From 893c31378dcb2e4f92da7a188126e4bb36cabea4 Mon Sep 17 00:00:00 2001 From: Remko Date: Tue, 12 Dec 2023 10:59:45 +0100 Subject: [PATCH 17/32] added conduction card-header tokens --- .../conduction/card-header.tokens.json | 26 +++++++++++++++++++ .../open-catalogi/rating.tokens.json | 12 +++++++++ 2 files changed, 38 insertions(+) create mode 100644 municipalities/opencatalogi-design-tokens/src/components/conduction/card-header.tokens.json create mode 100644 municipalities/rotterdam-design-tokens/src/component/open-catalogi/rating.tokens.json diff --git a/municipalities/opencatalogi-design-tokens/src/components/conduction/card-header.tokens.json b/municipalities/opencatalogi-design-tokens/src/components/conduction/card-header.tokens.json new file mode 100644 index 00000000..f34dc423 --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/components/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": "{opencatalogi.color.green.tint-01}" } + }, + "date": { + "color": { "value": "{opencatalogi.color.gray.tint-11}" }, + "font-size": { "value": "16px" }, + "font-weight": { "value": "400" }, + "margin-block-end": { "value": "8px" } + } + } + } +} 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)" } + } + } +} From baf9ea725f75073a9ff44ecb270796bc7824c760 Mon Sep 17 00:00:00 2001 From: Remko Date: Tue, 12 Dec 2023 11:00:58 +0100 Subject: [PATCH 18/32] added conduction card-wrapper tokens --- .../conduction/card-wrapper.tokens.json | 26 +++++++++++++++++++ 1 file changed, 26 insertions(+) create mode 100644 municipalities/opencatalogi-design-tokens/src/components/conduction/card-wrapper.tokens.json diff --git a/municipalities/opencatalogi-design-tokens/src/components/conduction/card-wrapper.tokens.json b/municipalities/opencatalogi-design-tokens/src/components/conduction/card-wrapper.tokens.json new file mode 100644 index 00000000..a75a987e --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/components/conduction/card-wrapper.tokens.json @@ -0,0 +1,26 @@ +{ + "conduction": { + "card-wrapper": { + "background-color": { "value": "{opencatalogi.color.base.white}" }, + "border-color": {}, + "border-style": {}, + "border-width": {}, + "border-bottom-color": { "value": "{opencatalogi.color.gray.tint-04}" }, + "border-bottom-style": { "value": "solid" }, + "border-bottom-width": { "value": "4px" }, + "border-radius": { "value": "0px" }, + "box-shadow": {}, + "color": { "value": "{opencatalogi.color.gray.tint-11}" }, + "hover": { + "background-color": {}, + "border-bottom-color": { "value": "{opencatalogi.color.green.tint-01}" }, + "border-bottom-style": { "value": "solid" }, + "border-bottom-width": { "value": "4px" } + }, + "padding-inline-end": { "value": "16px" }, + "padding-inline-start": { "value": "16px" }, + "padding-block-end": { "value": "16px" }, + "padding-block-start": { "value": "16px" } + } + } +} From c917a2d7a396e4e1e0efa8a71249917b80bcce19 Mon Sep 17 00:00:00 2001 From: Remko Date: Tue, 12 Dec 2023 11:02:32 +0100 Subject: [PATCH 19/32] added conduction checkbox tokens --- .../conduction/checkbox.tokens.json | 69 +++++++++++++++++++ 1 file changed, 69 insertions(+) create mode 100644 municipalities/opencatalogi-design-tokens/src/components/conduction/checkbox.tokens.json diff --git a/municipalities/opencatalogi-design-tokens/src/components/conduction/checkbox.tokens.json b/municipalities/opencatalogi-design-tokens/src/components/conduction/checkbox.tokens.json new file mode 100644 index 00000000..94ebecf6 --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/components/conduction/checkbox.tokens.json @@ -0,0 +1,69 @@ +{ + "conduction": { + "input-checkbox": { + "color": { "value": "{opencatalogi.color.base.white}" }, + "border-width": { "value": "1px" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{opencatalogi.color.gray.tint-08}" }, + "border-radius": { "value": "0px" }, + "box-shadow": {}, + "hover": { + "color": { "value": "{opencatalogi.color.base.white}" }, + "border-width": { "value": "2px" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{opencatalogi.color.base.green}" }, + "border-radius": { "value": "0px" }, + "box-shadow": {} + }, + "checked": { + "color": { "value": "{opencatalogi.color.base.green}" }, + "border-width": { "value": "1px" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{opencatalogi.color.base.green}" }, + "border-radius": { "value": "0px" }, + "box-shadow": {}, + "checkmark-url": {}, + "hover": { + "color": { "value": "{opencatalogi.color.base.black}" }, + "border-width": { "value": "1px" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{opencatalogi.color.base.black}" }, + "border-radius": { "value": "0px" }, + "box-shadow": {} + } + }, + "disabled": { + "color": { "value": "{opencatalogi.color.gray.tint-08}" }, + "border-width": { "value": "1px" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{opencatalogi.color.gray.tint-08}" }, + "border-radius": { "value": "0px" }, + "box-shadow": {}, + "hover": { + "color": { "value": "{opencatalogi.color.gray.tint-08}" }, + "border-width": { "value": "1px" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{opencatalogi.color.gray.tint-08}" }, + "border-radius": { "value": "0px" }, + "box-shadow": {} + } + }, + "focus": { + "outline-width": { "value": "1px" }, + "outline-style": { "value": "solid" }, + "outline-color": { "value": "{opencatalogi.color.base.black}" }, + "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}" }, + "container": { + "padding": { "value": "3px" }, + "margin": { "value": "3px" } + } + } + } + } +} From db2febe3c156848259ea4d13556bcd11253fd737 Mon Sep 17 00:00:00 2001 From: Remko Date: Tue, 12 Dec 2023 11:09:24 +0100 Subject: [PATCH 20/32] added conduction download card tokens --- .../conduction/download-card.tokens.json | 23 +++++++++++++++++++ 1 file changed, 23 insertions(+) create mode 100644 municipalities/opencatalogi-design-tokens/src/components/conduction/download-card.tokens.json diff --git a/municipalities/opencatalogi-design-tokens/src/components/conduction/download-card.tokens.json b/municipalities/opencatalogi-design-tokens/src/components/conduction/download-card.tokens.json new file mode 100644 index 00000000..51a8a97d --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/components/conduction/download-card.tokens.json @@ -0,0 +1,23 @@ +{ + "conduction": { + "download-card": { + "background-color": {}, + "title": { + "color": { "value": "{utrecht.document.color}" }, + "font-size": { "value": "20px" }, + "font-weight": { "value": "{opencatalogi.typography.weight-scale.bold.font-weight}" }, + "font-family": { "value": "{opencatalogi.typography.sans-serif.font-family}" }, + "margin-inline-end": { "value": "14px" } + }, + "border-width": { "value": "1px" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{opencatalogi.color.gray.tint-04}" }, + "border-radius": { "value": "0px" }, + "icon-gap": { "value": "14px" }, + "padding-inline-end": { "value": "18px" }, + "padding-inline-start": { "value": "18px" }, + "padding-block-end": { "value": "18px" }, + "padding-block-start": { "value": "18px" } + } + } +} From a9718e2e2298228d2d61c7c8ff01e8023c267d02 Mon Sep 17 00:00:00 2001 From: Remko Date: Tue, 12 Dec 2023 11:23:30 +0100 Subject: [PATCH 21/32] added conduction logo tokens --- .../components/conduction/logo.tokens.json | 27 +++++++++++++++++++ 1 file changed, 27 insertions(+) create mode 100644 municipalities/opencatalogi-design-tokens/src/components/conduction/logo.tokens.json diff --git a/municipalities/opencatalogi-design-tokens/src/components/conduction/logo.tokens.json b/municipalities/opencatalogi-design-tokens/src/components/conduction/logo.tokens.json new file mode 100644 index 00000000..be430657 --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/components/conduction/logo.tokens.json @@ -0,0 +1,27 @@ +{ + "conduction": { + "logo": { + "header": { + "inline-size": { "value": "46px" }, + "block-size": { "value": "46px" }, + "background-image": { + "value": "url('https://dev.opencatalogi.nl/static/logo_OpenCatalogi-8b1b0a001c3f37dae4d3f69b5964ec72.png')" + } + }, + "footer": { + "inline-size": { "value": "46px" }, + "block-size": { "value": "46px" }, + "background-image": { + "value": "url('https://dev.opencatalogi.nl/static/logo_OpenCatalogi-8b1b0a001c3f37dae4d3f69b5964ec72.png')" + } + }, + "navbar": { + "inline-size": { "value": "46px" }, + "block-size": { "value": "46px" }, + "background-image": { + "value": "url('https://dev.opencatalogi.nl/static/logo_OpenCatalogi-8b1b0a001c3f37dae4d3f69b5964ec72.png')" + } + } + } + } +} From cb07da4ab7fd0f1cf9dc2cf7a9ea2dd5e6726f0b Mon Sep 17 00:00:00 2001 From: Remko Date: Tue, 12 Dec 2023 11:25:23 +0100 Subject: [PATCH 22/32] added conduction navigation tokens --- .../conduction/navigation.tokens.json | 67 +++++++++++++++++++ 1 file changed, 67 insertions(+) create mode 100644 municipalities/opencatalogi-design-tokens/src/components/conduction/navigation.tokens.json diff --git a/municipalities/opencatalogi-design-tokens/src/components/conduction/navigation.tokens.json b/municipalities/opencatalogi-design-tokens/src/components/conduction/navigation.tokens.json new file mode 100644 index 00000000..dc08ec01 --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/components/conduction/navigation.tokens.json @@ -0,0 +1,67 @@ +{ + "conduction": { + "primary": { + "top-nav": { + "color": { "value": "{opencatalogi.color.gray.tint-11}" }, + "background-color": { "value": "{opencatalogi.color.base.white}" }, + "hover": { + "color": { "value": "{opencatalogi.color.green.tint-01}" }, + "background-color": { "value": "{opencatalogi.color.base.white}" }, + "box-shadow": {} + }, + "current": { + "color": { "value": "{opencatalogi.color.gray.tint-11}" }, + "background-color": { "value": "unset" }, + "box-shadow": { "value": "inset 0 -4px {opencatalogi.color.green.tint-01}" }, + "mobile": { + "box-shadow": { "value": "inset 4px 0 {opencatalogi.color.green.tint-01}" } + } + }, + "dropdown": { + "color": { "value": "{opencatalogi.color.base.white}" }, + "background-color": { "value": "{opencatalogi.color.green.tint-01}" }, + "border-width": {}, + "border-style": {}, + "border-color": {}, + "hover": { + "color": { "value": "{opencatalogi.color.base.white}" }, + "background-color": { "value": "{opencatalogi.color.base.black}" }, + "box-shadow": {} + } + }, + "item": { + "padding": { "value": "18px" }, + "border-radius": {} + }, + "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": "{opencatalogi.color.gray.tint-11}" }, + "background-color": { "value": "transparent" }, + "hover": { + "color": { "value": "{opencatalogi.color.base.white}" }, + "background-color": { "value": "{opencatalogi.color.green.tint-01}" } + }, + "current": { + "color": { "value": "{opencatalogi.color.gray.tint-11}" }, + "background-color": { "value": "unset" }, + "box-shadow": { "value": "inset 0 -4px {opencatalogi.color.green.tint-01}" } + }, + "font-size": { "value": "16px" }, + "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" } + } + } + } +} From f1a25107fdbf625dd09eb686113a1e85315d1012 Mon Sep 17 00:00:00 2001 From: Remko Date: Tue, 12 Dec 2023 11:28:22 +0100 Subject: [PATCH 23/32] added conduction pagination tokens --- .../conduction/pagination.tokens.json | 76 +++++++++++++++++++ 1 file changed, 76 insertions(+) create mode 100644 municipalities/opencatalogi-design-tokens/src/components/conduction/pagination.tokens.json diff --git a/municipalities/opencatalogi-design-tokens/src/components/conduction/pagination.tokens.json b/municipalities/opencatalogi-design-tokens/src/components/conduction/pagination.tokens.json new file mode 100644 index 00000000..860e40e6 --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/components/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": "8px" }, + "color": { "value": "{opencatalogi.color.gray.tint-11}" }, + "background-color": { "value": "{opencatalogi.color.base.white}" }, + "padding-inline-start": { "value": "14px" }, + "padding-inline-end": { "value": "14px" }, + "padding-block-start": { "value": "8px" }, + "padding-block-end": { "value": "8px" }, + "font-size": { "value": "{utrecht.document.font-size}" }, + "font-weight": { "value": "{opencatalogi.typography.weight-scale.normal.font-weight}" }, + "font-family": { "value": "{utrecht.document.font-family}" }, + "border-width": { "value": "1px" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{opencatalogi.color.base.white}" }, + "border-radius": { "value": "0px" } + }, + "navigation-button": { + "color": { "value": "{opencatalogi.color.gray.tint-11}" }, + "background-color": { "value": "transparent" }, + "border-color": {}, + "border-radius": {}, + "border-width": {}, + "padding-inline-start": { "value": "8px" }, + "padding-inline-end": { "value": "8px" }, + "padding-block-start": { "value": "8px" }, + "padding-block-end": { "value": "8px" }, + "disabled": { + "color": { "value": "{opencatalogi.color.gray.tint-07}" }, + "background-color": { "value": "transparent" }, + "border-width": {}, + "border-style": {}, + "border-color": {}, + "border-radius": {} + }, + "hover": { + "color": { "value": "{opencatalogi.color.green.tint-01}" }, + "background-color": { "value": "transparent" }, + "border-width": {}, + "border-style": {}, + "border-color": {}, + "border-radius": {} + } + }, + "current-page": { + "color": { "value": "{opencatalogi.color.green.tint-03}" }, + "background-color": { "value": "{opencatalogi.color.soft-green.tint-01}" }, + "font-weight": { "value": "{opencatalogi.typography.weight-scale.bold.font-weight}" }, + "text-decoration": { "value": "unset" }, + "border-width": { "value": "1px" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{opencatalogi.color.green.tint-03}" } + }, + "page": { + "hover": { + "color": { "value": "{opencatalogi.color.green.tint-01}" }, + "background-color": { "value": "{opencatalogi.color.base.white}" }, + "text-decoration": { "value": "unset" }, + "text-decoration-thickness": { "value": "0px" }, + "border-width": { "value": "1px" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{opencatalogi.color.green.tint-01}" } + } + } + } + } +} From 3e63d5dc730678fe73720e88f3db690b473b5f89 Mon Sep 17 00:00:00 2001 From: Remko Date: Tue, 12 Dec 2023 11:31:50 +0100 Subject: [PATCH 24/32] added conduction select tokens --- .../components/conduction/select.tokens.json | 39 +++++++++++++++++++ 1 file changed, 39 insertions(+) create mode 100644 municipalities/opencatalogi-design-tokens/src/components/conduction/select.tokens.json diff --git a/municipalities/opencatalogi-design-tokens/src/components/conduction/select.tokens.json b/municipalities/opencatalogi-design-tokens/src/components/conduction/select.tokens.json new file mode 100644 index 00000000..edc19b27 --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/components/conduction/select.tokens.json @@ -0,0 +1,39 @@ +{ + "conduction": { + "input-select": { + "background-color": { "value": "{utrecht.form-select.background-color}" }, + "border": { "value": "{utrecht.form-select.border-width} solid {opencatalogi.color.gray.tint-08}" }, + "border-focus": { "value": "unset" }, + "border-radius": { "value": "{utrecht.form-control.border-radius}" }, + "invalid-border-color": { "value": "{opencatalogi.color.red.tint-01}" }, + "padding-block-end": { "value": 0 }, + "padding-block-start": { "value": 0 }, + "hover": {}, + "focus": {}, + "list-option": { + "font-family": { "value": "{utrecht.document.font-family}" }, + "background-color": { "value": "{utrecht.form-select.background-color}" }, + "color": {}, + "hover": { + "font-family": { "value": "{utrecht.document.font-family}" }, + "background-color": { "value": "{opencatalogi.color.green.tint-01}" }, + "color": { "value": "{utrecht.form-select.background-color}" } + }, + "selected": { + "background-color": { "value": "{opencatalogi.color.green.tint-01}" }, + "color": { "value": "{opencatalogi.color.base.white}" } + }, + "focus": { + "background-color": { "value": "{utrecht.form-select.background-color}" }, + "color": { "value": "{opencatalogi.color.base.black}" } + } + }, + "placeholder": { + "color": { + "value": "{opencatalogi.color.gray.tint-09}" + }, + "font-family": { "value": "{utrecht.document.font-family}" } + } + } + } +} From e4e0a3722c65bd4db1bd3cd5ad4d7e98fcba87e0 Mon Sep 17 00:00:00 2001 From: Remko Date: Tue, 12 Dec 2023 11:36:15 +0100 Subject: [PATCH 25/32] added conduction table-overflow tokens --- .../conduction/table-wrapper.tokens.json | 21 +++++++++++++++++++ 1 file changed, 21 insertions(+) create mode 100644 municipalities/opencatalogi-design-tokens/src/components/conduction/table-wrapper.tokens.json diff --git a/municipalities/opencatalogi-design-tokens/src/components/conduction/table-wrapper.tokens.json b/municipalities/opencatalogi-design-tokens/src/components/conduction/table-wrapper.tokens.json new file mode 100644 index 00000000..38528444 --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/components/conduction/table-wrapper.tokens.json @@ -0,0 +1,21 @@ +{ + "conduction": { + "table-wrapper": { + "scroll-button": { + "background-color": { "value": "{opencatalogi.color.base.white}" }, + "color": { "value": "{utrecht.document.color}" }, + "padding-inline-start": { "value": "14px" }, + "padding-inline-end": { "value": "14px" }, + "padding-block-start": {}, + "padding-block-end": {}, + "border-width": {}, + "border-style": {}, + "border-color": {}, + "hover": { + "background-color": { "value": "{opencatalogi.color.base.white}" }, + "color": { "value": "{opencatalogi.color.base.green}" } + } + } + } + } +} From 5c508bdc44f897b542b557d0b1b4effb701e0bc2 Mon Sep 17 00:00:00 2001 From: Remko Date: Tue, 12 Dec 2023 11:39:13 +0100 Subject: [PATCH 26/32] added conduction tabs tokens --- .../components/conduction/tabs.tokens.json | 84 +++++++++++++++++++ 1 file changed, 84 insertions(+) create mode 100644 municipalities/opencatalogi-design-tokens/src/components/conduction/tabs.tokens.json diff --git a/municipalities/opencatalogi-design-tokens/src/components/conduction/tabs.tokens.json b/municipalities/opencatalogi-design-tokens/src/components/conduction/tabs.tokens.json new file mode 100644 index 00000000..2087b1e0 --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/components/conduction/tabs.tokens.json @@ -0,0 +1,84 @@ +{ + "conduction": { + "tabs": { + "tab": { + "background-color": { "value": "transparent" }, + "color": { "value": "{opencatalogi.color.gray.tint-11}" }, + "border-width": {}, + "border-style": {}, + "border-color": {}, + "border-bottom": {}, + "border-bottom-width": {}, + "border-bottom-style": {}, + "border-bottom-color": {}, + "bottom": { "value": "-4px" }, + "padding-block-start": { "value": "6px" }, + "padding-block-end": { "value": "6px" }, + "padding-inline-start": { "value": "12px" }, + "padding-inline-end": { "value": "12px" }, + "margin-inline-end": {}, + "font-size": { "value": "14px" }, + "font-weight": { "value": "{opencatalogi.typography.weight-scale.normal.font-weight}" }, + "font-family": { "value": "{opencatalogi.typography.sans-serif.font-family}" }, + "max-width": { "value": "unset" }, + "min-width": { "value": "160px" }, + "min-height": { "value": "48px" }, + "letter-spacing": { "value": "0.02857em" }, + "text-transform": {}, + "selected": { + "background-color": { "value": "transparent" }, + "color": { "value": "{opencatalogi.color.gray.tint-11}" }, + "box-shadow": {}, + "border-width": {}, + "border-style": {}, + "border-color": {}, + "border-bottom": {}, + "border-bottom-width": { "value": "0.3rem" }, + "border-bottom-style": { "value": "solid" }, + "border-bottom-color": { "value": "{opencatalogi.color.green.tint-01}" }, + "font-weight": { "value": "{opencatalogi.typography.weight-scale.bold.font-weight}" }, + "font-family": {}, + "hover": { + "background-color": {}, + "color": {}, + "text-decoration": {} + } + }, + "hover": { + "background-color": { "value": "transparent" }, + "color": { "value": "{opencatalogi.color.green.tint-01}" }, + "text-decoration": {} + }, + "list": { + "padding-inline-start": { "value": "0px" }, + "margin-block-end": { "value": "0px" }, + "border-bottom-width": { "value": "0.3rem" }, + "border-bottom-style": { "value": "solid" }, + "border-bottom-color": { "value": "{opencatalogi.color.gray.tint-01}" } + }, + "panel": { + "background-color": {}, + "padding-block-start": { "value": "24px" }, + "padding-block-end": { "value": "24px" }, + "padding-inline-start": { "value": "24px" }, + "padding-inline-end": { "value": "24px" }, + "border-width": {}, + "border-style": {}, + "border-color": {}, + "border-top": {} + } + }, + "scroll-button": { + "background-color": { "value": "{opencatalogi.color.base.white}" }, + "color": { "value": "{utrecht.document.color}" }, + "border-width": {}, + "border-style": {}, + "border-color": {}, + "hover": { + "background-color": { "value": "{opencatalogi.color.base.white}" }, + "color": { "value": "{opencatalogi.color.green.tint-01}" } + } + } + } + } +} From a689577e12717d052569daa517522fd7546a1f4a Mon Sep 17 00:00:00 2001 From: Remko Date: Tue, 12 Dec 2023 11:41:55 +0100 Subject: [PATCH 27/32] added conduction tooltip tokens --- .../components/conduction/tooltip.tokens.json | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) create mode 100644 municipalities/opencatalogi-design-tokens/src/components/conduction/tooltip.tokens.json diff --git a/municipalities/opencatalogi-design-tokens/src/components/conduction/tooltip.tokens.json b/municipalities/opencatalogi-design-tokens/src/components/conduction/tooltip.tokens.json new file mode 100644 index 00000000..c287bac3 --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/components/conduction/tooltip.tokens.json @@ -0,0 +1,18 @@ +{ + "conduction": { + "tooltip": { + "background-color": { "value": "{opencatalogi.color.base.black}" }, + "color": { "value": "{opencatalogi.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" } + } + } +} From df6d1f8968e66e4ad866b7d3595a97bb10506eb4 Mon Sep 17 00:00:00 2001 From: Remko Date: Tue, 12 Dec 2023 11:43:59 +0100 Subject: [PATCH 28/32] removed opacity token from tooltip --- .../src/component/conduction/tooltip.tokens.json | 1 - .../src/component/conduction/tooltip.tokens.json | 1 - .../src/component/conduction/tooltip.tokens.json | 1 - .../src/component/conduction/tooltip.tokens.json | 1 - .../src/component/conduction/tooltip.tokens.json | 1 - .../src/component/conduction/tooltip.tokens.json | 1 - .../src/component/conduction/tooltip.tokens.json | 1 - .../src/component/conduction/tooltip.tokens.json | 1 - .../src/component/conduction/tooltip.tokens.json | 1 - .../src/components/conduction/tooltip.tokens.json | 1 - .../src/component/conduction/tooltip.tokens.json | 1 - .../src/component/conduction/tooltip.tokens.json | 1 - .../src/component/conduction/tooltip.tokens.json | 1 - 13 files changed, 13 deletions(-) diff --git a/conduction-design-tokens/src/component/conduction/tooltip.tokens.json b/conduction-design-tokens/src/component/conduction/tooltip.tokens.json index 147401e0..aee39170 100644 --- a/conduction-design-tokens/src/component/conduction/tooltip.tokens.json +++ b/conduction-design-tokens/src/component/conduction/tooltip.tokens.json @@ -11,7 +11,6 @@ "border-style": { "value": "unset" }, "border-color": { "value": "unset" }, "border-radius": { "value": "0px" }, - "opacity": { "value": "1" }, "z-index": { "value": "9999" } } } diff --git a/municipalities/commonground-design-tokens/src/component/conduction/tooltip.tokens.json b/municipalities/commonground-design-tokens/src/component/conduction/tooltip.tokens.json index 44081e93..08651b64 100644 --- a/municipalities/commonground-design-tokens/src/component/conduction/tooltip.tokens.json +++ b/municipalities/commonground-design-tokens/src/component/conduction/tooltip.tokens.json @@ -11,7 +11,6 @@ "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/tooltip.tokens.json b/municipalities/dimpact-design-tokens/src/component/conduction/tooltip.tokens.json index d392bf48..1bc22afe 100644 --- a/municipalities/dimpact-design-tokens/src/component/conduction/tooltip.tokens.json +++ b/municipalities/dimpact-design-tokens/src/component/conduction/tooltip.tokens.json @@ -11,7 +11,6 @@ "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/tooltip.tokens.json b/municipalities/dinkelland-design-tokens/src/component/conduction/tooltip.tokens.json index 63b1951a..b15d3e81 100644 --- a/municipalities/dinkelland-design-tokens/src/component/conduction/tooltip.tokens.json +++ b/municipalities/dinkelland-design-tokens/src/component/conduction/tooltip.tokens.json @@ -11,7 +11,6 @@ "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/tooltip.tokens.json b/municipalities/epe-design-tokens/src/component/conduction/tooltip.tokens.json index d3534e01..374cf531 100644 --- a/municipalities/epe-design-tokens/src/component/conduction/tooltip.tokens.json +++ b/municipalities/epe-design-tokens/src/component/conduction/tooltip.tokens.json @@ -11,7 +11,6 @@ "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/component/conduction/tooltip.tokens.json b/municipalities/leiden-design-tokens/src/component/conduction/tooltip.tokens.json index e8541980..3b42b0e8 100644 --- a/municipalities/leiden-design-tokens/src/component/conduction/tooltip.tokens.json +++ b/municipalities/leiden-design-tokens/src/component/conduction/tooltip.tokens.json @@ -11,7 +11,6 @@ "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/tooltip.tokens.json b/municipalities/noaberkracht-design-tokens/src/component/conduction/tooltip.tokens.json index f98c9cde..9b1dfd1e 100644 --- a/municipalities/noaberkracht-design-tokens/src/component/conduction/tooltip.tokens.json +++ b/municipalities/noaberkracht-design-tokens/src/component/conduction/tooltip.tokens.json @@ -11,7 +11,6 @@ "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/tooltip.tokens.json b/municipalities/noordwijk-design-tokens/src/component/conduction/tooltip.tokens.json index d4ea908e..949e21e4 100644 --- a/municipalities/noordwijk-design-tokens/src/component/conduction/tooltip.tokens.json +++ b/municipalities/noordwijk-design-tokens/src/component/conduction/tooltip.tokens.json @@ -11,7 +11,6 @@ "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/tooltip.tokens.json b/municipalities/open-webconcept-design-tokens/src/component/conduction/tooltip.tokens.json index d2d7ba18..1192b3ad 100644 --- a/municipalities/open-webconcept-design-tokens/src/component/conduction/tooltip.tokens.json +++ b/municipalities/open-webconcept-design-tokens/src/component/conduction/tooltip.tokens.json @@ -11,7 +11,6 @@ "border-style": { "value": "unset" }, "border-color": { "value": "unset" }, "border-radius": { "value": "0px" }, - "opacity": { "value": "1" }, "z-index": { "value": "9999" } } } diff --git a/municipalities/opencatalogi-design-tokens/src/components/conduction/tooltip.tokens.json b/municipalities/opencatalogi-design-tokens/src/components/conduction/tooltip.tokens.json index c287bac3..2d7bd236 100644 --- a/municipalities/opencatalogi-design-tokens/src/components/conduction/tooltip.tokens.json +++ b/municipalities/opencatalogi-design-tokens/src/components/conduction/tooltip.tokens.json @@ -11,7 +11,6 @@ "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/tooltip.tokens.json b/municipalities/rotterdam-design-tokens/src/component/conduction/tooltip.tokens.json index 78bb0d95..584905a6 100644 --- a/municipalities/rotterdam-design-tokens/src/component/conduction/tooltip.tokens.json +++ b/municipalities/rotterdam-design-tokens/src/component/conduction/tooltip.tokens.json @@ -11,7 +11,6 @@ "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/tooltip.tokens.json b/municipalities/tubbergen-design-tokens/src/component/conduction/tooltip.tokens.json index 11ab8bde..66c57672 100644 --- a/municipalities/tubbergen-design-tokens/src/component/conduction/tooltip.tokens.json +++ b/municipalities/tubbergen-design-tokens/src/component/conduction/tooltip.tokens.json @@ -11,7 +11,6 @@ "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/component/conduction/tooltip.tokens.json b/municipalities/xxllnc-design-tokens/src/component/conduction/tooltip.tokens.json index 15dd0181..098d2e21 100644 --- a/municipalities/xxllnc-design-tokens/src/component/conduction/tooltip.tokens.json +++ b/municipalities/xxllnc-design-tokens/src/component/conduction/tooltip.tokens.json @@ -11,7 +11,6 @@ "border-style": { "value": "unset" }, "border-color": { "value": "unset" }, "border-radius": { "value": "0px" }, - "opacity": { "value": "1" }, "z-index": { "value": "9999" } } } From 79cb99163cf9c97b2a5e1e013135709bf0bdb7cc Mon Sep 17 00:00:00 2001 From: Remko Date: Tue, 12 Dec 2023 11:46:34 +0100 Subject: [PATCH 29/32] updated version and readme --- README.md | 3 +++ package.json | 2 +- 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 4326a2ed..f0092b3c 100644 --- a/README.md +++ b/README.md @@ -6,6 +6,9 @@ Conduction's design tokens theme - **Version 1** + - 1.0.60: + - Removed opacity token from tooltip tokens in all themes. + - Added OpenCatalogi theme based on Rotterdam theme. - 1.0.59: Updated radio-button tokens in Rotterdam theme. - 1.0.58: Added radio-button tokens in all themes. - 1.0.57: Added navbar to logo tokens in all themes. diff --git a/package.json b/package.json index 14aad6cd..92ee8ed6 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@conduction/theme", - "version": "1.0.59", + "version": "1.0.60", "description": "Conduction's design tokens theme", "main": "index.js", "repository": { From 91459d3ccfdf4891fb345eb4728fe82dd0de03cd Mon Sep 17 00:00:00 2001 From: Remko Date: Tue, 12 Dec 2023 14:32:17 +0100 Subject: [PATCH 30/32] updated opencatalogi theme --- README.md | 1 + .../src/components/utrecht/badge.tokens.json | 2 +- .../components/utrecht/separator.tokens.json | 10 +++++++ .../utrecht/badge-counter.tokens.json | 12 -------- .../component/utrecht/badge.tokens.json | 29 ------------------- .../utrecht/form-control.tokens.json | 1 + package.json | 2 +- 7 files changed, 14 insertions(+), 43 deletions(-) create mode 100644 municipalities/opencatalogi-design-tokens/src/components/utrecht/separator.tokens.json delete mode 100644 municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/badge-counter.tokens.json delete mode 100644 municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/badge.tokens.json diff --git a/README.md b/README.md index f0092b3c..b4811258 100644 --- a/README.md +++ b/README.md @@ -6,6 +6,7 @@ Conduction's design tokens theme - **Version 1** + - 1.0.61: Updated OpenCatalogi theme tokens. - 1.0.60: - Removed opacity token from tooltip tokens in all themes. - Added OpenCatalogi theme based on Rotterdam theme. diff --git a/municipalities/opencatalogi-design-tokens/src/components/utrecht/badge.tokens.json b/municipalities/opencatalogi-design-tokens/src/components/utrecht/badge.tokens.json index d01c3db2..fa9314fb 100644 --- a/municipalities/opencatalogi-design-tokens/src/components/utrecht/badge.tokens.json +++ b/municipalities/opencatalogi-design-tokens/src/components/utrecht/badge.tokens.json @@ -14,7 +14,7 @@ "value": "14px !important" }, "font-weight": { - "value": "{opencatalogi.typography.weight-scale.bold.font-weight}" + "value": "{opencatalogi.typography.weight-scale.normal.font-weight}" }, "line-height": {}, "padding-block": { diff --git a/municipalities/opencatalogi-design-tokens/src/components/utrecht/separator.tokens.json b/municipalities/opencatalogi-design-tokens/src/components/utrecht/separator.tokens.json new file mode 100644 index 00000000..3731759f --- /dev/null +++ b/municipalities/opencatalogi-design-tokens/src/components/utrecht/separator.tokens.json @@ -0,0 +1,10 @@ +{ + "utrecht": { + "separator": { + "color": { "value": "{opencatalogi.color.gray.tint-01}" }, + "block-size": { "value": "2px" }, + "margin-block-end": { "value": "0px" }, + "margin-block-start": { "value": "0px" } + } + } +} diff --git a/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/badge-counter.tokens.json b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/badge-counter.tokens.json deleted file mode 100644 index 8365bde7..00000000 --- a/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/badge-counter.tokens.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "utrecht": { - "badge-counter": { - "border-radius": { "value": "2em" }, - "color": {}, - "font-size": {}, - "font-weight": { "value": "400" }, - "padding-block-end": { "value": "5px" }, - "padding-inline-start": { "value": "5px" } - } - } -} diff --git a/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/badge.tokens.json b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/badge.tokens.json deleted file mode 100644 index 4ee616ad..00000000 --- a/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/badge.tokens.json +++ /dev/null @@ -1,29 +0,0 @@ -{ - "utrecht": { - "badge": { - "background-color": { - "value": "{opencatalogi.color.blue.tint-03}" - }, - "border-radius": { - "value": "0" - }, - "color": { - "value": "{opencatalogi.color.base.white}" - }, - "font-size": { - "value": "12px" - }, - "font-weight": { - "value": "{opencatalogi.typography.weight-scale.bold.font-weight}" - }, - "line-height": {}, - "padding-block": { - "value": "2px" - }, - "padding-inline": { - "value": "8px" - }, - "text-transform": {} - } - } -} diff --git a/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/form-control.tokens.json b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/form-control.tokens.json index 9742426b..6cc12ca3 100644 --- a/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/form-control.tokens.json +++ b/municipalities/opencatalogi-design-tokens/src/rotterdam/component/utrecht/form-control.tokens.json @@ -15,6 +15,7 @@ "padding-block-start": { "value": "12px" }, "padding-inline-end": { "value": "16px" }, "padding-inline-start": { "value": "16px" }, + "max-inline-size": { "value": "320px" }, "placeholder": { "color": { "value": "{opencatalogi.color.gray.tint-09}" } }, diff --git a/package.json b/package.json index 92ee8ed6..f6eff411 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@conduction/theme", - "version": "1.0.60", + "version": "1.0.61", "description": "Conduction's design tokens theme", "main": "index.js", "repository": { From 21cb4a9ff36810a221b50daa8ab84c83c736525a Mon Sep 17 00:00:00 2001 From: Remko Date: Fri, 15 Dec 2023 12:40:51 +0100 Subject: [PATCH 31/32] updated themes to NL-Design --- .../commonground-design-tokens/src/config.json | 10 ++++++++++ .../dinkelland-design-tokens/package.json | 2 +- .../dinkelland-design-tokens/src/config.json | 13 ++++++++++++- municipalities/epe-design-tokens/package.json | 2 +- municipalities/epe-design-tokens/src/config.json | 13 ++++++++++++- municipalities/leiden-design-tokens/package.json | 2 +- municipalities/leiden-design-tokens/src/config.json | 13 ++++++++++++- .../noaberkracht-design-tokens/package.json | 2 +- .../noaberkracht-design-tokens/src/config.json | 13 ++++++++++++- municipalities/noordwijk-design-tokens/package.json | 7 +++++-- .../noordwijk-design-tokens/src/config.json | 13 ++++++++++++- municipalities/tubbergen-design-tokens/package.json | 7 +++++-- .../tubbergen-design-tokens/src/config.json | 13 ++++++++++++- municipalities/xxllnc-design-tokens/package.json | 2 +- municipalities/xxllnc-design-tokens/src/config.json | 13 ++++++++++++- 15 files changed, 109 insertions(+), 16 deletions(-) diff --git a/municipalities/commonground-design-tokens/src/config.json b/municipalities/commonground-design-tokens/src/config.json index 7ae20de7..923de1e2 100644 --- a/municipalities/commonground-design-tokens/src/config.json +++ b/municipalities/commonground-design-tokens/src/config.json @@ -9,12 +9,15 @@ "react-utrecht-alert--error", "react-utrecht-alert--ok", "react-utrecht-badge-counter--default", + "react-utrecht-breadcrumb-nav--default", + "react-utrecht-breadcrumb-nav--separator", "react-utrecht-button--default", "react-utrecht-button--hover", "react-utrecht-button--primary-action-button", "react-utrecht-button--secondary-action-button", "react-utrecht-code--default", "react-utrecht-code-block--default", + "react-utrecht-document--default", "react-utrecht-heading-1--default", "react-utrecht-heading-2--default", "react-utrecht-heading-3--default", @@ -28,6 +31,13 @@ "react-utrecht-page-header--default", "react-utrecht-page-footer--default", "react-utrecht-paragraph--default", + "react-utrecht-radio-button--default", + "react-utrecht-radio-button--hover", + "react-utrecht-radio-button--focus", + "react-utrecht-radio-button--checked", + "react-utrecht-radio-button--checked-and-disabled", + "react-utrecht-radio-button--disabled", + "react-utrecht-separator--default", "react-utrecht-surface--default", "react-utrecht-table--default", "react-utrecht-textbox--default", diff --git a/municipalities/dinkelland-design-tokens/package.json b/municipalities/dinkelland-design-tokens/package.json index 66f9d816..7c34c239 100644 --- a/municipalities/dinkelland-design-tokens/package.json +++ b/municipalities/dinkelland-design-tokens/package.json @@ -1,5 +1,5 @@ { - "version": "1.0.0-alpha.1", + "version": "1.0.0-alpha.12", "author": "Community for NL Design System", "description": "NL Design System design tokens for Gemeente Dinkelland", "website": "https://www.dinkelland.nl/", diff --git a/municipalities/dinkelland-design-tokens/src/config.json b/municipalities/dinkelland-design-tokens/src/config.json index b3fc56f9..22cec00c 100644 --- a/municipalities/dinkelland-design-tokens/src/config.json +++ b/municipalities/dinkelland-design-tokens/src/config.json @@ -9,12 +9,15 @@ "react-utrecht-alert--error", "react-utrecht-alert--ok", "react-utrecht-badge-counter--default", + "react-utrecht-breadcrumb-nav--default", + "react-utrecht-breadcrumb-nav--separator", "react-utrecht-button--default", "react-utrecht-button--hover", "react-utrecht-button--primary-action-button", "react-utrecht-button--secondary-action-button", "react-utrecht-code--default", "react-utrecht-code-block--default", + "react-utrecht-document--default", "react-utrecht-heading-1--default", "react-utrecht-heading-2--default", "react-utrecht-heading-3--default", @@ -28,6 +31,13 @@ "react-utrecht-page-header--default", "react-utrecht-page-footer--default", "react-utrecht-paragraph--default", + "react-utrecht-radio-button--default", + "react-utrecht-radio-button--hover", + "react-utrecht-radio-button--focus", + "react-utrecht-radio-button--checked", + "react-utrecht-radio-button--checked-and-disabled", + "react-utrecht-radio-button--disabled", + "react-utrecht-separator--default", "react-utrecht-surface--default", "react-utrecht-table--default", "react-utrecht-textbox--default", @@ -44,4 +54,5 @@ "react-conduction-tabs--hover", "react-conduction-tabs--list", "react-conduction-tabs--panel" - ]} + ] +} diff --git a/municipalities/epe-design-tokens/package.json b/municipalities/epe-design-tokens/package.json index cd3d2be5..6278d9bd 100644 --- a/municipalities/epe-design-tokens/package.json +++ b/municipalities/epe-design-tokens/package.json @@ -1,5 +1,5 @@ { - "version": "1.0.0-alpha.1", + "version": "1.0.0-alpha.12", "author": "Community for NL Design System", "description": "NL Design System design tokens for Gemeente Epe", "website": "https://www.epe.nl/", diff --git a/municipalities/epe-design-tokens/src/config.json b/municipalities/epe-design-tokens/src/config.json index 406d6b30..69340274 100644 --- a/municipalities/epe-design-tokens/src/config.json +++ b/municipalities/epe-design-tokens/src/config.json @@ -9,12 +9,15 @@ "react-utrecht-alert--error", "react-utrecht-alert--ok", "react-utrecht-badge-counter--default", + "react-utrecht-breadcrumb-nav--default", + "react-utrecht-breadcrumb-nav--separator", "react-utrecht-button--default", "react-utrecht-button--hover", "react-utrecht-button--primary-action-button", "react-utrecht-button--secondary-action-button", "react-utrecht-code--default", "react-utrecht-code-block--default", + "react-utrecht-document--default", "react-utrecht-heading-1--default", "react-utrecht-heading-2--default", "react-utrecht-heading-3--default", @@ -28,6 +31,13 @@ "react-utrecht-page-header--default", "react-utrecht-page-footer--default", "react-utrecht-paragraph--default", + "react-utrecht-radio-button--default", + "react-utrecht-radio-button--hover", + "react-utrecht-radio-button--focus", + "react-utrecht-radio-button--checked", + "react-utrecht-radio-button--checked-and-disabled", + "react-utrecht-radio-button--disabled", + "react-utrecht-separator--default", "react-utrecht-surface--default", "react-utrecht-table--default", "react-utrecht-textbox--default", @@ -44,4 +54,5 @@ "react-conduction-tabs--hover", "react-conduction-tabs--list", "react-conduction-tabs--panel" - ]} + ] +} diff --git a/municipalities/leiden-design-tokens/package.json b/municipalities/leiden-design-tokens/package.json index 1e06943b..b95341f4 100644 --- a/municipalities/leiden-design-tokens/package.json +++ b/municipalities/leiden-design-tokens/package.json @@ -1,5 +1,5 @@ { - "version": "1.0.0-alpha.1", + "version": "1.0.0-alpha.125", "author": "Community for NL Design System", "description": "NL Design System design tokens for Gemeente Leiden", "website": "https://gemeente.leiden.nl/", diff --git a/municipalities/leiden-design-tokens/src/config.json b/municipalities/leiden-design-tokens/src/config.json index 0d21873a..fb4e3765 100644 --- a/municipalities/leiden-design-tokens/src/config.json +++ b/municipalities/leiden-design-tokens/src/config.json @@ -9,12 +9,15 @@ "react-utrecht-alert--error", "react-utrecht-alert--ok", "react-utrecht-badge-counter--default", + "react-utrecht-breadcrumb-nav--default", + "react-utrecht-breadcrumb-nav--separator", "react-utrecht-button--default", "react-utrecht-button--hover", "react-utrecht-button--primary-action-button", "react-utrecht-button--secondary-action-button", "react-utrecht-code--default", "react-utrecht-code-block--default", + "react-utrecht-document--default", "react-utrecht-heading-1--default", "react-utrecht-heading-2--default", "react-utrecht-heading-3--default", @@ -28,6 +31,13 @@ "react-utrecht-page-header--default", "react-utrecht-page-footer--default", "react-utrecht-paragraph--default", + "react-utrecht-radio-button--default", + "react-utrecht-radio-button--hover", + "react-utrecht-radio-button--focus", + "react-utrecht-radio-button--checked", + "react-utrecht-radio-button--checked-and-disabled", + "react-utrecht-radio-button--disabled", + "react-utrecht-separator--default", "react-utrecht-surface--default", "react-utrecht-table--default", "react-utrecht-textbox--default", @@ -44,4 +54,5 @@ "react-conduction-tabs--hover", "react-conduction-tabs--list", "react-conduction-tabs--panel" - ]} + ] +} diff --git a/municipalities/noaberkracht-design-tokens/package.json b/municipalities/noaberkracht-design-tokens/package.json index 675c4097..f47643c8 100644 --- a/municipalities/noaberkracht-design-tokens/package.json +++ b/municipalities/noaberkracht-design-tokens/package.json @@ -1,5 +1,5 @@ { - "version": "1.0.0-alpha.1", + "version": "1.0.0-alpha.12", "author": "Community for NL Design System", "description": "NL Design System design tokens for Noaberkracht", "website": "https://werkenbijnoaberkracht.nl/", diff --git a/municipalities/noaberkracht-design-tokens/src/config.json b/municipalities/noaberkracht-design-tokens/src/config.json index cd4b9503..d8eaa063 100644 --- a/municipalities/noaberkracht-design-tokens/src/config.json +++ b/municipalities/noaberkracht-design-tokens/src/config.json @@ -9,12 +9,15 @@ "react-utrecht-alert--error", "react-utrecht-alert--ok", "react-utrecht-badge-counter--default", + "react-utrecht-breadcrumb-nav--default", + "react-utrecht-breadcrumb-nav--separator", "react-utrecht-button--default", "react-utrecht-button--hover", "react-utrecht-button--primary-action-button", "react-utrecht-button--secondary-action-button", "react-utrecht-code--default", "react-utrecht-code-block--default", + "react-utrecht-document--default", "react-utrecht-heading-1--default", "react-utrecht-heading-2--default", "react-utrecht-heading-3--default", @@ -28,6 +31,13 @@ "react-utrecht-page-header--default", "react-utrecht-page-footer--default", "react-utrecht-paragraph--default", + "react-utrecht-radio-button--default", + "react-utrecht-radio-button--hover", + "react-utrecht-radio-button--focus", + "react-utrecht-radio-button--checked", + "react-utrecht-radio-button--checked-and-disabled", + "react-utrecht-radio-button--disabled", + "react-utrecht-separator--default", "react-utrecht-surface--default", "react-utrecht-table--default", "react-utrecht-textbox--default", @@ -44,4 +54,5 @@ "react-conduction-tabs--hover", "react-conduction-tabs--list", "react-conduction-tabs--panel" - ]} + ] +} diff --git a/municipalities/noordwijk-design-tokens/package.json b/municipalities/noordwijk-design-tokens/package.json index 068bc540..bfd540fc 100644 --- a/municipalities/noordwijk-design-tokens/package.json +++ b/municipalities/noordwijk-design-tokens/package.json @@ -1,9 +1,12 @@ { - "version": "1.0.0-alpha.1", + "version": "1.0.0-alpha.13", "author": "Community for NL Design System", "description": "NL Design System design tokens for Gemeente Noordwijk", "website": "https://noordwijk.nl/", - "keywords": ["nl-design-system", "conduction"], + "keywords": [ + "nl-design-system", + "conduction" + ], "license": "SEE LICENSE IN LICENSE.md", "name": "@nl-design-system-unstable/noordwijk-design-tokens", "private": false, diff --git a/municipalities/noordwijk-design-tokens/src/config.json b/municipalities/noordwijk-design-tokens/src/config.json index 0ec5efed..a8102516 100644 --- a/municipalities/noordwijk-design-tokens/src/config.json +++ b/municipalities/noordwijk-design-tokens/src/config.json @@ -9,12 +9,15 @@ "react-utrecht-alert--error", "react-utrecht-alert--ok", "react-utrecht-badge-counter--default", + "react-utrecht-breadcrumb-nav--default", + "react-utrecht-breadcrumb-nav--separator", "react-utrecht-button--default", "react-utrecht-button--hover", "react-utrecht-button--primary-action-button", "react-utrecht-button--secondary-action-button", "react-utrecht-code--default", "react-utrecht-code-block--default", + "react-utrecht-document--default", "react-utrecht-heading-1--default", "react-utrecht-heading-2--default", "react-utrecht-heading-3--default", @@ -28,6 +31,13 @@ "react-utrecht-page-header--default", "react-utrecht-page-footer--default", "react-utrecht-paragraph--default", + "react-utrecht-radio-button--default", + "react-utrecht-radio-button--hover", + "react-utrecht-radio-button--focus", + "react-utrecht-radio-button--checked", + "react-utrecht-radio-button--checked-and-disabled", + "react-utrecht-radio-button--disabled", + "react-utrecht-separator--default", "react-utrecht-surface--default", "react-utrecht-table--default", "react-utrecht-textbox--default", @@ -44,4 +54,5 @@ "react-conduction-tabs--hover", "react-conduction-tabs--list", "react-conduction-tabs--panel" - ]} + ] +} diff --git a/municipalities/tubbergen-design-tokens/package.json b/municipalities/tubbergen-design-tokens/package.json index 57149131..a1848b34 100644 --- a/municipalities/tubbergen-design-tokens/package.json +++ b/municipalities/tubbergen-design-tokens/package.json @@ -1,9 +1,12 @@ { - "version": "1.0.0-alpha.1", + "version": "1.0.0-alpha.12", "author": "Community for NL Design System", "description": "NL Design System design tokens for Gemeente Tubbergen", "website": "https://gemeente.tubbergen.nl/", - "keywords": ["nl-design-system", "conduction"], + "keywords": [ + "nl-design-system", + "conduction" + ], "license": "SEE LICENSE IN LICENSE.md", "name": "@nl-design-system-unstable/tubbergen-design-tokens", "private": false, diff --git a/municipalities/tubbergen-design-tokens/src/config.json b/municipalities/tubbergen-design-tokens/src/config.json index 914f11b4..27ec8b44 100644 --- a/municipalities/tubbergen-design-tokens/src/config.json +++ b/municipalities/tubbergen-design-tokens/src/config.json @@ -9,12 +9,15 @@ "react-utrecht-alert--error", "react-utrecht-alert--ok", "react-utrecht-badge-counter--default", + "react-utrecht-breadcrumb-nav--default", + "react-utrecht-breadcrumb-nav--separator", "react-utrecht-button--default", "react-utrecht-button--hover", "react-utrecht-button--primary-action-button", "react-utrecht-button--secondary-action-button", "react-utrecht-code--default", "react-utrecht-code-block--default", + "react-utrecht-document--default", "react-utrecht-heading-1--default", "react-utrecht-heading-2--default", "react-utrecht-heading-3--default", @@ -28,6 +31,13 @@ "react-utrecht-page-header--default", "react-utrecht-page-footer--default", "react-utrecht-paragraph--default", + "react-utrecht-radio-button--default", + "react-utrecht-radio-button--hover", + "react-utrecht-radio-button--focus", + "react-utrecht-radio-button--checked", + "react-utrecht-radio-button--checked-and-disabled", + "react-utrecht-radio-button--disabled", + "react-utrecht-separator--default", "react-utrecht-surface--default", "react-utrecht-table--default", "react-utrecht-textbox--default", @@ -44,4 +54,5 @@ "react-conduction-tabs--hover", "react-conduction-tabs--list", "react-conduction-tabs--panel" - ]} + ] +} diff --git a/municipalities/xxllnc-design-tokens/package.json b/municipalities/xxllnc-design-tokens/package.json index 17ef5424..e49280a1 100644 --- a/municipalities/xxllnc-design-tokens/package.json +++ b/municipalities/xxllnc-design-tokens/package.json @@ -1,5 +1,5 @@ { - "version": "1.0.0-alpha.1", + "version": "1.0.0-alpha.12", "author": "Community for NL Design System", "description": "NL Design System design tokens for xxllnc", "website": "https://www.xxllnc.nl/", diff --git a/municipalities/xxllnc-design-tokens/src/config.json b/municipalities/xxllnc-design-tokens/src/config.json index 179c69f5..bc5f2232 100644 --- a/municipalities/xxllnc-design-tokens/src/config.json +++ b/municipalities/xxllnc-design-tokens/src/config.json @@ -9,12 +9,15 @@ "react-utrecht-alert--error", "react-utrecht-alert--ok", "react-utrecht-badge-counter--default", + "react-utrecht-breadcrumb-nav--default", + "react-utrecht-breadcrumb-nav--separator", "react-utrecht-button--default", "react-utrecht-button--hover", "react-utrecht-button--primary-action-button", "react-utrecht-button--secondary-action-button", "react-utrecht-code--default", "react-utrecht-code-block--default", + "react-utrecht-document--default", "react-utrecht-heading-1--default", "react-utrecht-heading-2--default", "react-utrecht-heading-3--default", @@ -28,6 +31,13 @@ "react-utrecht-page-header--default", "react-utrecht-page-footer--default", "react-utrecht-paragraph--default", + "react-utrecht-radio-button--default", + "react-utrecht-radio-button--hover", + "react-utrecht-radio-button--focus", + "react-utrecht-radio-button--checked", + "react-utrecht-radio-button--checked-and-disabled", + "react-utrecht-radio-button--disabled", + "react-utrecht-separator--default", "react-utrecht-surface--default", "react-utrecht-table--default", "react-utrecht-textbox--default", @@ -44,4 +54,5 @@ "react-conduction-tabs--hover", "react-conduction-tabs--list", "react-conduction-tabs--panel" - ]} + ] +} From 241498df9cd4f379589e1b70ae421f669b7e7cf9 Mon Sep 17 00:00:00 2001 From: Remko Date: Fri, 15 Dec 2023 12:42:03 +0100 Subject: [PATCH 32/32] updated version and readme --- README.md | 3 +++ package.json | 2 +- 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index b4811258..c43f8554 100644 --- a/README.md +++ b/README.md @@ -6,6 +6,9 @@ Conduction's design tokens theme - **Version 1** + - 1.0.62: + - Updated themes to NL-Design repo. + - Added publiccode. - 1.0.61: Updated OpenCatalogi theme tokens. - 1.0.60: - Removed opacity token from tooltip tokens in all themes. diff --git a/package.json b/package.json index f6eff411..6c92a4e6 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@conduction/theme", - "version": "1.0.61", + "version": "1.0.62", "description": "Conduction's design tokens theme", "main": "index.js", "repository": {