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