diff --git a/README.md b/README.md index a148aeff..aadbe5fe 100644 --- a/README.md +++ b/README.md @@ -6,7 +6,9 @@ Conduction's design tokens theme - **Version 1** + - 1.0.57: Added navbar to logo tokens in all themes. - 1.0.56: + - Added DownloadCard tokens to all themes. - Added Checkbox tokens to all themes. - Added DataBadge/Badge tokens to all themes. - 1.0.55: Added CommongGround theme. diff --git a/conduction-design-tokens/src/component/conduction/download-card.tokens.json b/conduction-design-tokens/src/component/conduction/download-card.tokens.json new file mode 100644 index 00000000..ab7c8ea7 --- /dev/null +++ b/conduction-design-tokens/src/component/conduction/download-card.tokens.json @@ -0,0 +1,23 @@ +{ + "conduction": { + "download-card": { + "background-color": {}, + "title": { + "color": { "value": "{utrecht.document.color}" }, + "font-size": { "value": "{conduction.font-size.md}" }, + "font-weight": { "value": "{conduction.typography.font-weight.bold}" }, + "font-family": { "value": "{conduction.typography.aldritch.font-family}" }, + "margin-inline-end": { "value": "{conduction.size.sm}" } + }, + "border-width": { "value": "{conduction.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{conduction.color.grey.82}" }, + "border-radius": { "value": "{conduction.size.3xs}" }, + "icon-gap": { "value": "{conduction.size.xs}" }, + "padding-inline-end": { "value": "{conduction.size.md}" }, + "padding-inline-start": { "value": "{conduction.size.md}" }, + "padding-block-end": { "value": "{conduction.size.md}" }, + "padding-block-start": { "value": "{conduction.size.md}" } + } + } +} diff --git a/conduction-design-tokens/src/component/conduction/logo.tokens.json b/conduction-design-tokens/src/component/conduction/logo.tokens.json index f6161c45..5650f24d 100644 --- a/conduction-design-tokens/src/component/conduction/logo.tokens.json +++ b/conduction-design-tokens/src/component/conduction/logo.tokens.json @@ -14,6 +14,13 @@ "background-image": { "value": "url('https://raw.githubusercontent.com/OpenCatalogi/web-app/df1e0533081d780c05b1d0b57ab327d97adcbdc6/pwa/src/assets/svgs/LogoConduction.svg')" } + }, + "navbar": { + "inline-size": { "value": "150px" }, + "block-size": { "value": "40px" }, + "background-image": { + "value": "url('https://raw.githubusercontent.com/OpenCatalogi/web-app/df1e0533081d780c05b1d0b57ab327d97adcbdc6/pwa/src/assets/svgs/LogoConduction.svg')" + } } } } diff --git a/municipalities/commonground-design-tokens/src/component/conduction/download-card.tokens.json b/municipalities/commonground-design-tokens/src/component/conduction/download-card.tokens.json new file mode 100644 index 00000000..a9789d9d --- /dev/null +++ b/municipalities/commonground-design-tokens/src/component/conduction/download-card.tokens.json @@ -0,0 +1,23 @@ +{ + "conduction": { + "download-card": { + "background-color": {}, + "title": { + "color": { "value": "{utrecht.document.color}" }, + "font-size": { "value": "{commonground.font-size.lg}" }, + "font-weight": { "value": "{commonground.typography.font-weight.bold}" }, + "font-family": { "value": "{commonground.typography.rijksoverheid-sans.font-family}" }, + "margin-inline-end": { "value": "{commonground.size.sm}" } + }, + "border-width": { "value": "{commonground.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{commonground.color.grey.82}" }, + "border-radius": { "value": "6px" }, + "icon-gap": { "value": "{commonground.size.xs}" }, + "padding-inline-end": { "value": "{commonground.size.md}" }, + "padding-inline-start": { "value": "{commonground.size.md}" }, + "padding-block-end": { "value": "{commonground.size.md}" }, + "padding-block-start": { "value": "{commonground.size.md}" } + } + } +} diff --git a/municipalities/commonground-design-tokens/src/component/conduction/logo.tokens.json b/municipalities/commonground-design-tokens/src/component/conduction/logo.tokens.json index 68d54281..af94ac91 100644 --- a/municipalities/commonground-design-tokens/src/component/conduction/logo.tokens.json +++ b/municipalities/commonground-design-tokens/src/component/conduction/logo.tokens.json @@ -14,6 +14,13 @@ "background-image": { "value": "url('https://commonground.nl/file/embed/ca48ca97-b475-4318-bb7b-14cb552770c9/cg_small.png')" } + }, + "navbar": { + "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')" + } } } } diff --git a/municipalities/dimpact-design-tokens/src/component/conduction/download-card.tokens.json b/municipalities/dimpact-design-tokens/src/component/conduction/download-card.tokens.json new file mode 100644 index 00000000..f56b8eed --- /dev/null +++ b/municipalities/dimpact-design-tokens/src/component/conduction/download-card.tokens.json @@ -0,0 +1,23 @@ +{ + "conduction": { + "download-card": { + "background-color": {}, + "title": { + "color": { "value": "{dimpact.color.pink.62}" }, + "font-size": { "value": "{dimpact.font-size.lg}" }, + "font-weight": { "value": "{dimpact.typography.font-weight.bold}" }, + "font-family": { "value": "{dimpact.typography.sans-serif.font-family}" }, + "margin-inline-end": { "value": "{dimpact.size.sm}" } + }, + "border-width": { "value": "{dimpact.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{dimpact.color.light-blue.53}" }, + "border-radius": { "value": "6px" }, + "icon-gap": { "value": "{dimpact.size.xs}" }, + "padding-inline-end": { "value": "{dimpact.size.md}" }, + "padding-inline-start": { "value": "{dimpact.size.md}" }, + "padding-block-end": { "value": "{dimpact.size.md}" }, + "padding-block-start": { "value": "{dimpact.size.md}" } + } + } +} 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 cd8812bc..36de5597 100644 --- a/municipalities/dimpact-design-tokens/src/component/conduction/logo.tokens.json +++ b/municipalities/dimpact-design-tokens/src/component/conduction/logo.tokens.json @@ -10,6 +10,13 @@ "inline-size": { "value": "150px" }, "block-size": { "value": "44px" }, "background-image": { "value": "url('https://www.dimpact.nl/sites/all/themes/custom/dimpact/logo.png')" } + }, + "navbar": { + "inline-size": { "value": "100px" }, + "block-size": { "value": "44px" }, + "background-image": { + "value": "url('https://www.dimpact.nl/sites/all/themes/custom/dimpact/logo.png')" + } } } } diff --git a/municipalities/dinkelland-design-tokens/src/component/conduction/download-card.tokens.json b/municipalities/dinkelland-design-tokens/src/component/conduction/download-card.tokens.json new file mode 100644 index 00000000..81c55d5f --- /dev/null +++ b/municipalities/dinkelland-design-tokens/src/component/conduction/download-card.tokens.json @@ -0,0 +1,23 @@ +{ + "conduction": { + "download-card": { + "background-color": {}, + "title": { + "color": { "value": "{dinkelland.color.black.13}" }, + "font-size": { "value": "{dinkelland.font-size.lg}" }, + "font-weight": { "value": "{dinkelland.typography.font-weight.bold}" }, + "font-family": { "value": "{dinkelland.typography.montserrat.font-family}" }, + "margin-inline-end": { "value": "{dinkelland.size.sm}" } + }, + "border-width": { "value": "{dinkelland.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{dinkelland.color.grey.72}" }, + "border-radius": { "value": "0px" }, + "icon-gap": { "value": "{dinkelland.size.xs}" }, + "padding-inline-end": { "value": "{dinkelland.size.md}" }, + "padding-inline-start": { "value": "{dinkelland.size.md}" }, + "padding-block-end": { "value": "{dinkelland.size.md}" }, + "padding-block-start": { "value": "{dinkelland.size.md}" } + } + } +} 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 255a322f..2cc6afcd 100644 --- a/municipalities/dinkelland-design-tokens/src/component/conduction/logo.tokens.json +++ b/municipalities/dinkelland-design-tokens/src/component/conduction/logo.tokens.json @@ -10,6 +10,13 @@ "inline-size": { "value": "" }, "block-size": { "value": "" }, "background-image": { "value": "" } + }, + "navbar": { + "inline-size": { "value": "150px" }, + "block-size": { "value": "40px" }, + "background-image": { + "value": "url('https://www.dinkelland.nl/sites/all/themes/dinkelland/logo.svg')" + } } } } diff --git a/municipalities/epe-design-tokens/src/component/conduction/download-card.tokens.json b/municipalities/epe-design-tokens/src/component/conduction/download-card.tokens.json new file mode 100644 index 00000000..d720987a --- /dev/null +++ b/municipalities/epe-design-tokens/src/component/conduction/download-card.tokens.json @@ -0,0 +1,23 @@ +{ + "conduction": { + "download-card": { + "background-color": {}, + "title": { + "color": { "value": "{epe.color.black.19}" }, + "font-size": { "value": "{epe.font-size.lg}" }, + "font-weight": { "value": "{epe.typography.font-weight.bold}" }, + "font-family": { "value": "{epe.typography.source-sans.font-family}" }, + "margin-inline-end": { "value": "{epe.size.sm}" } + }, + "border-width": { "value": "{epe.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{epe.color.grey.82}" }, + "border-radius": { "value": "0px" }, + "icon-gap": { "value": "{epe.size.xs}" }, + "padding-inline-end": { "value": "{epe.size.md}" }, + "padding-inline-start": { "value": "{epe.size.md}" }, + "padding-block-end": { "value": "{epe.size.md}" }, + "padding-block-start": { "value": "{epe.size.md}" } + } + } +} 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 b76a43b0..492572dc 100644 --- a/municipalities/epe-design-tokens/src/component/conduction/logo.tokens.json +++ b/municipalities/epe-design-tokens/src/component/conduction/logo.tokens.json @@ -12,6 +12,13 @@ "inline-size": { "value": "" }, "block-size": { "value": "" }, "background-image": { "value": "" } + }, + "navbar": { + "inline-size": { "value": "100px" }, + "block-size": { "value": "45px" }, + "background-image": { + "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\")" + } } } } diff --git a/municipalities/leiden-design-tokens/src/component/conduction/download-card.tokens.json b/municipalities/leiden-design-tokens/src/component/conduction/download-card.tokens.json new file mode 100644 index 00000000..8eaea49b --- /dev/null +++ b/municipalities/leiden-design-tokens/src/component/conduction/download-card.tokens.json @@ -0,0 +1,23 @@ +{ + "conduction": { + "download-card": { + "background-color": {}, + "title": { + "color": { "value": "{utrecht.document.color}" }, + "font-size": { "value": "{leiden.font-size.md}" }, + "font-weight": { "value": "{leiden.typography.font-weight.bold}" }, + "font-family": { "value": "{leiden.typography.sans-serif.font-family}" }, + "margin-inline-end": { "value": "{leiden.size.sm}" } + }, + "border-width": { "value": "{leiden.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{leiden.color.grey.82}" }, + "border-radius": { "value": "0px" }, + "icon-gap": { "value": "{leiden.size.xs}" }, + "padding-inline-end": { "value": "{leiden.size.md}" }, + "padding-inline-start": { "value": "{leiden.size.md}" }, + "padding-block-end": { "value": "{leiden.size.md}" }, + "padding-block-start": { "value": "{leiden.size.md}" } + } + } +} 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 c7f9745d..eb04dbe7 100644 --- a/municipalities/leiden-design-tokens/src/component/conduction/logo.tokens.json +++ b/municipalities/leiden-design-tokens/src/component/conduction/logo.tokens.json @@ -14,6 +14,13 @@ "background-image": { "value": "url('https://gemeente.leiden.nl/typo3conf/ext/leiden_template/Resources/Public/Images/logo_leiden.svg')" } + }, + "navbar": { + "inline-size": { "value": "80px" }, + "block-size": { "value": "45px" }, + "background-image": { + "value": "url('https://gemeente.leiden.nl/typo3conf/ext/leiden_template/Resources/Public/Images/logo_leiden.svg')" + } } } } diff --git a/municipalities/noaberkracht-design-tokens/src/component/conduction/download-card.tokens.json b/municipalities/noaberkracht-design-tokens/src/component/conduction/download-card.tokens.json new file mode 100644 index 00000000..3a1cfd16 --- /dev/null +++ b/municipalities/noaberkracht-design-tokens/src/component/conduction/download-card.tokens.json @@ -0,0 +1,23 @@ +{ + "conduction": { + "download-card": { + "background-color": {}, + "title": { + "color": { "value": "{noaberkracht.color.blue.22}" }, + "font-size": { "value": "{noaberkracht.font-size.md}" }, + "font-weight": { "value": "{noaberkracht.typography.font-weight.bold}" }, + "font-family": { "value": "{noaberkracht.typography.oceanwide.font-family}" }, + "margin-inline-end": { "value": "{noaberkracht.size.sm}" } + }, + "border-width": { "value": "{noaberkracht.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{noaberkracht.color.blue.22}" }, + "border-radius": { "value": "22px" }, + "icon-gap": { "value": "{noaberkracht.size.xs}" }, + "padding-inline-end": { "value": "{noaberkracht.size.md}" }, + "padding-inline-start": { "value": "{noaberkracht.size.md}" }, + "padding-block-end": { "value": "{noaberkracht.size.md}" }, + "padding-block-start": { "value": "{noaberkracht.size.md}" } + } + } +} 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 d236d8a4..5f4c7384 100644 --- a/municipalities/noaberkracht-design-tokens/src/component/conduction/logo.tokens.json +++ b/municipalities/noaberkracht-design-tokens/src/component/conduction/logo.tokens.json @@ -4,12 +4,23 @@ "header": { "inline-size": { "value": "130px" }, "block-size": { "value": "75px" }, - "background-image": { "value": "url('https://werkenbijnoaberkracht.nl/assets/img/base/logo.png')" } + "background-image": { + "value": "url('https://werkenbijnoaberkracht.nl/assets/img/base/logo.png')" + } }, "footer": { "inline-size": { "value": "150px" }, "block-size": { "value": "87px" }, - "background-image": { "value": "url('https://werkenbijnoaberkracht.nl/assets/img/base/logo.png')" } + "background-image": { + "value": "url('https://werkenbijnoaberkracht.nl/assets/img/base/logo.png')" + } + }, + "navbar": { + "inline-size": { "value": "69px" }, + "block-size": { "value": "43px" }, + "background-image": { + "value": "url('https://werkenbijnoaberkracht.nl/assets/img/base/logo.png')" + } } } } diff --git a/municipalities/noordwijk-design-tokens/src/component/conduction/download-card.tokens.json b/municipalities/noordwijk-design-tokens/src/component/conduction/download-card.tokens.json new file mode 100644 index 00000000..27f70d40 --- /dev/null +++ b/municipalities/noordwijk-design-tokens/src/component/conduction/download-card.tokens.json @@ -0,0 +1,23 @@ +{ + "conduction": { + "download-card": { + "background-color": {}, + "title": { + "color": { "value": "{noordwijk.color.primary}" }, + "font-size": { "value": "{noordwijk.font-size.lg}" }, + "font-weight": { "value": "{noordwijk.typography.font-weight.bold}" }, + "font-family": { "value": "{noordwijk.typography.roboto.font-family}" }, + "margin-inline-end": { "value": "{noordwijk.size.sm}" } + }, + "border-width": { "value": "{noordwijk.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{noordwijk.color.grey.82}" }, + "border-radius": { "value": "5px" }, + "icon-gap": { "value": "{noordwijk.size.xs}" }, + "padding-inline-end": { "value": "{noordwijk.size.md}" }, + "padding-inline-start": { "value": "{noordwijk.size.md}" }, + "padding-block-end": { "value": "{noordwijk.size.md}" }, + "padding-block-start": { "value": "{noordwijk.size.md}" } + } + } +} 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 060dbfad..ab23d34c 100644 --- a/municipalities/noordwijk-design-tokens/src/component/conduction/logo.tokens.json +++ b/municipalities/noordwijk-design-tokens/src/component/conduction/logo.tokens.json @@ -12,6 +12,13 @@ "inline-size": { "value": "" }, "block-size": { "value": "" }, "background-image": { "value": "" } + }, + "navbar": { + "inline-size": { "value": "102px" }, + "block-size": { "value": "45px" }, + "background-image": { + "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')" + } } } } diff --git a/municipalities/open-webconcept-design-tokens/src/component/conduction/download-card.tokens.json b/municipalities/open-webconcept-design-tokens/src/component/conduction/download-card.tokens.json new file mode 100644 index 00000000..629a9e22 --- /dev/null +++ b/municipalities/open-webconcept-design-tokens/src/component/conduction/download-card.tokens.json @@ -0,0 +1,23 @@ +{ + "conduction": { + "download-card": { + "background-color": {}, + "title": { + "color": { "value": "{open-webconcept.color.black.27}" }, + "font-size": { "value": "{open-webconcept.font-size.lg}" }, + "font-weight": { "value": "{open-webconcept.typography.font-weight.bold}" }, + "font-family": { "value": "{open-webconcept.typography.sans-serif.font-family}" }, + "margin-inline-end": { "value": "{open-webconcept.size.sm}" } + }, + "border-width": { "value": "{open-webconcept.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{open-webconcept.color.white.87}" }, + "border-radius": { "value": "0px" }, + "icon-gap": { "value": "{open-webconcept.size.xs}" }, + "padding-inline-end": { "value": "{open-webconcept.size.md}" }, + "padding-inline-start": { "value": "{open-webconcept.size.md}" }, + "padding-block-end": { "value": "{open-webconcept.size.md}" }, + "padding-block-start": { "value": "{open-webconcept.size.md}" } + } + } +} 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 bc47c122..3d7ab450 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 @@ -14,6 +14,13 @@ "background-image": { "value": "url('https://openwebconcept.nl/wp-content/themes/openwebconcept/assets/src/images/logo@2x.png')" } + }, + "navbar": { + "inline-size": { "value": "116px" }, + "block-size": { "value": "45px" }, + "background-image": { + "value": "url('https://openwebconcept.nl/wp-content/themes/openwebconcept/assets/src/images/logo@2x.png')" + } } } } diff --git a/municipalities/rotterdam-design-tokens/src/component/conduction/download-card.tokens.json b/municipalities/rotterdam-design-tokens/src/component/conduction/download-card.tokens.json new file mode 100644 index 00000000..fc88e2b6 --- /dev/null +++ b/municipalities/rotterdam-design-tokens/src/component/conduction/download-card.tokens.json @@ -0,0 +1,23 @@ +{ + "conduction": { + "download-card": { + "background-color": {}, + "title": { + "color": { "value": "var(--utrecht-document-color)" }, + "font-size": { "value": "20px" }, + "font-weight": { "value": "var(--rotterdam-typography-weight-scale-bold-font-weight)" }, + "font-family": { "value": "var(--rotterdam-typography-sans-serif-font-family)" }, + "margin-inline-end": { "value": "14px" } + }, + "border-width": { "value": "1px" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "var(--rotterdam-color-gray-tint-04)" }, + "border-radius": { "value": "0px" }, + "icon-gap": { "value": "14px" }, + "padding-inline-end": { "value": "18px" }, + "padding-inline-start": { "value": "18px" }, + "padding-block-end": { "value": "18px" }, + "padding-block-start": { "value": "18px" } + } + } +} 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 0809ca54..afeeeb3d 100644 --- a/municipalities/rotterdam-design-tokens/src/component/conduction/logo.tokens.json +++ b/municipalities/rotterdam-design-tokens/src/component/conduction/logo.tokens.json @@ -4,12 +4,23 @@ "header": { "inline-size": { "value": "220px" }, "block-size": { "value": "44px" }, - "background-image": { "value": "url('https://www.rotterdam.nl/images/logo-base.svg')" } + "background-image": { + "value": "url('https://www.rotterdam.nl/images/logo-base.svg')" + } }, "footer": { "inline-size": { "value": "240px" }, "block-size": { "value": "48px" }, - "background-image": { "value": "url('https://www.rotterdam.nl/images/logo-base-white.svg')" } + "background-image": { + "value": "url('https://www.rotterdam.nl/images/logo-base-white.svg')" + } + }, + "navbar": { + "inline-size": { "value": "175px" }, + "block-size": { "value": "46px" }, + "background-image": { + "value": "url('https://www.rotterdam.nl/images/logo-base.svg')" + } } } } diff --git a/municipalities/tubbergen-design-tokens/src/component/conduction/download-card.tokens.json b/municipalities/tubbergen-design-tokens/src/component/conduction/download-card.tokens.json new file mode 100644 index 00000000..1a866212 --- /dev/null +++ b/municipalities/tubbergen-design-tokens/src/component/conduction/download-card.tokens.json @@ -0,0 +1,23 @@ +{ + "conduction": { + "download-card": { + "background-color": {}, + "title": { + "color": { "value": "{tubbergen.color.black.13}" }, + "font-size": { "value": "{tubbergen.font-size.md}" }, + "font-weight": { "value": "{tubbergen.typography.font-weight.bold}" }, + "font-family": { "value": "{tubbergen.typography.montserrat.font-family}" }, + "margin-inline-end": { "value": "{tubbergen.size.sm}" } + }, + "border-width": { "value": "{tubbergen.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{tubbergen.color.grey.82}" }, + "border-radius": { "value": "0px" }, + "icon-gap": { "value": "{tubbergen.size.xs}" }, + "padding-inline-end": { "value": "{tubbergen.size.md}" }, + "padding-inline-start": { "value": "{tubbergen.size.md}" }, + "padding-block-end": { "value": "{tubbergen.size.md}" }, + "padding-block-start": { "value": "{tubbergen.size.md}" } + } + } +} 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 690897d2..1adff5b1 100644 --- a/municipalities/tubbergen-design-tokens/src/component/conduction/logo.tokens.json +++ b/municipalities/tubbergen-design-tokens/src/component/conduction/logo.tokens.json @@ -4,12 +4,21 @@ "header": { "inline-size": { "value": "150px" }, "block-size": { "value": "36px" }, - "background-image": { "value": "url('https://www.tubbergen.nl/sites/all/themes/tubbergen/logo.svg')" } + "background-image": { + "value": "url('https://www.tubbergen.nl/sites/all/themes/tubbergen/logo.svg')" + } }, "footer": { "inline-size": { "value": "" }, "block-size": { "value": "" }, "background-image": { "value": "" } + }, + "navbar": { + "inline-size": { "value": "150px" }, + "block-size": { "value": "50px" }, + "background-image": { + "value": "url('https://www.tubbergen.nl/sites/all/themes/tubbergen/logo.svg')" + } } } } diff --git a/municipalities/xxllnc-design-tokens/src/component/conduction/download-card.tokens.json b/municipalities/xxllnc-design-tokens/src/component/conduction/download-card.tokens.json new file mode 100644 index 00000000..3e251947 --- /dev/null +++ b/municipalities/xxllnc-design-tokens/src/component/conduction/download-card.tokens.json @@ -0,0 +1,23 @@ +{ + "conduction": { + "download-card": { + "background-color": { "value": "transparent" }, + "title": { + "color": { "value": "{utrecht.document.color}" }, + "font-size": { "value": "{xxllnc.font-size.lg}" }, + "font-weight": { "value": "{xxllnc.typography.font-weight.bold}" }, + "font-family": { "value": "{xxllnc.typography.sans-serif.font-family}" }, + "margin-inline-end": { "value": "{xxllnc.size.sm}" } + }, + "border-width": { "value": "{xxllnc.size.4xs}" }, + "border-style": { "value": "solid" }, + "border-color": { "value": "{xxllnc.color.grey.82}" }, + "border-radius": { "value": "{xxllnc.size.md}" }, + "icon-gap": { "value": "{xxllnc.size.xs}" }, + "padding-inline-end": { "value": "{xxllnc.size.md}" }, + "padding-inline-start": { "value": "{xxllnc.size.md}" }, + "padding-block-end": { "value": "{xxllnc.size.md}" }, + "padding-block-start": { "value": "{xxllnc.size.md}" } + } + } +} 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 dab017d5..978ac2a8 100644 --- a/municipalities/xxllnc-design-tokens/src/component/conduction/logo.tokens.json +++ b/municipalities/xxllnc-design-tokens/src/component/conduction/logo.tokens.json @@ -14,6 +14,13 @@ "background-image": { "value": "url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjIuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNzUuNCA0Mi4yIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNzUuNCA0Mi4yOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGQ9Ik03OC4zLDQwLjdoNy4yVjAuNGgtNy4yVjQwLjd6IE05NC44LDQwLjdoNy4yVjAuNGgtNy4yVjQwLjd6IE02NC41LDkuNEw1My40LDIwLjhsLTExLTExLjRsLTQuOCw0LjlsMTEuMSwxMS40TDM3LjYsMzcuMQoJbDQuOCw0LjlsMTEuMS0xMS40bDExLDExLjRsNC44LTQuOUw1OC4yLDI1LjdsMTEuMS0xMS40TDY0LjUsOS40eiBNMjcuMiw5LjRMMTYuMSwyMC44TDUuMSw5LjRsLTQuOCw0LjlsMTEuMSwxMS40TDAuMywzNy4xTDUuMSw0MgoJbDExLjEtMTEuNGwxMSwxMS40bDQuOC00LjlMMjAuOSwyNS43TDMyLDE0LjNMMjcuMiw5LjR6IE0xMjQuOCwxMC43Yy04LjIsMC0xNC4zLDUuMi0xNC4zLDE0LjF2MTUuOWg3LjJWMjVjMC00LjgsMy03LjMsNy4xLTcuMwoJczcuMSwyLjYsNy4xLDcuM3YxNS44aDcuMnYtMTZDMTM5LjEsMTUuOCwxMzMsMTAuNywxMjQuOCwxMC43eiBNMTYwLjQsMzQuOGMtNC41LDAtOC4yLTMuOS04LjItOC44YzAtNC44LDMuNy04LjgsOC4yLTguOAoJYzMuNCwwLDYuMywyLjIsNy41LDUuM2g3LjJjLTEuMy03LTcuMS0xMS44LTE0LjYtMTEuOGMtOC44LDAtMTUuMiw2LjUtMTUuMiwxNS40YzAsOC44LDYuNCwxNS4zLDE1LjIsMTUuMwoJYzcuNSwwLDEzLjMtNC44LDE0LjYtMTEuN2gtNy4yQzE2Ni42LDMyLjYsMTYzLjcsMzQuOCwxNjAuNCwzNC44eiIvPgo8L3N2Zz4K')" } + }, + "navbar": { + "inline-size": { "value": "70px" }, + "block-size": { "value": "20px" }, + "background-image": { + "value": "url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjIuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNzUuNCA0Mi4yIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNzUuNCA0Mi4yOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIGQ9Ik03OC4zLDQwLjdoNy4yVjAuNGgtNy4yVjQwLjd6IE05NC44LDQwLjdoNy4yVjAuNGgtNy4yVjQwLjd6IE02NC41LDkuNEw1My40LDIwLjhsLTExLTExLjRsLTQuOCw0LjlsMTEuMSwxMS40TDM3LjYsMzcuMQoJbDQuOCw0LjlsMTEuMS0xMS40bDExLDExLjRsNC44LTQuOUw1OC4yLDI1LjdsMTEuMS0xMS40TDY0LjUsOS40eiBNMjcuMiw5LjRMMTYuMSwyMC44TDUuMSw5LjRsLTQuOCw0LjlsMTEuMSwxMS40TDAuMywzNy4xTDUuMSw0MgoJbDExLjEtMTEuNGwxMSwxMS40bDQuOC00LjlMMjAuOSwyNS43TDMyLDE0LjNMMjcuMiw5LjR6IE0xMjQuOCwxMC43Yy04LjIsMC0xNC4zLDUuMi0xNC4zLDE0LjF2MTUuOWg3LjJWMjVjMC00LjgsMy03LjMsNy4xLTcuMwoJczcuMSwyLjYsNy4xLDcuM3YxNS44aDcuMnYtMTZDMTM5LjEsMTUuOCwxMzMsMTAuNywxMjQuOCwxMC43eiBNMTYwLjQsMzQuOGMtNC41LDAtOC4yLTMuOS04LjItOC44YzAtNC44LDMuNy04LjgsOC4yLTguOAoJYzMuNCwwLDYuMywyLjIsNy41LDUuM2g3LjJjLTEuMy03LTcuMS0xMS44LTE0LjYtMTEuOGMtOC44LDAtMTUuMiw2LjUtMTUuMiwxNS40YzAsOC44LDYuNCwxNS4zLDE1LjIsMTUuMwoJYzcuNSwwLDEzLjMtNC44LDE0LjYtMTEuN2gtNy4yQzE2Ni42LDMyLjYsMTYzLjcsMzQuOCwxNjAuNCwzNC44eiIvPgo8L3N2Zz4K')" + } } } } diff --git a/package.json b/package.json index 262fa182..9709048f 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@conduction/theme", - "version": "1.0.56", + "version": "1.0.57", "description": "Conduction's design tokens theme", "main": "index.js", "repository": {