@conduction/theme 1.0.45 → 1.0.48

package/municipalities/noordwijk-design-tokens/src/component/conduction/pagination.tokens.json

@@ -1,45 +1,76 @@
 {
   "conduction": {
     "pagination": {
-      "container-background-color": { "value": "unset" },
-      "container-padding-inline-start": { "value": "0px" },
-      "container-padding-inline-end": { "value": "0px" },
-      "container-padding-block-start": { "value": "0px" },
-      "container-padding-block-end": { "value": "0px" },
-      "item-gap": { "value": "{noordwijk.size.xs}" },
-      "item-color": { "value": "{noordwijk.color.black.0}" },
-      "item-background-color": { "value": "{noordwijk.color.white.100}" },
-      "item-border-radius": { "value": "30px" },
-      "item-padding-inline-start": { "value": "{noordwijk.size.sm}" },
-      "item-padding-inline-end": { "value": "{noordwijk.size.sm}" },
-      "item-padding-block-start": { "value": "{noordwijk.size.xs}" },
-      "item-padding-block-end": { "value": "{noordwijk.size.xs}" },
-      "item-font-size": { "value": "{utrecht.document.font-size}" },
-      "item-font-weight": { "value": "{noordwijk.typography.font-weight.normal}" },
-      "item-font-family": { "value": "{noordwijk.typography.roboto-slab.font-family}" },
-      "item-border-width": {},
-      "item-border-style": {},
-      "item-border-color": {},
-      "navigation-button-padding-inline-start": { "value": "{noordwijk.size.xs}" },
-      "navigation-button-padding-inline-end": { "value": "{noordwijk.size.xs}" },
-      "navigation-button-padding-block-start": { "value": "0px" },
-      "navigation-button-padding-block-end": { "value": "0px" },
-      "disabled-color": {},
-      "disabled-background-color": { "value": "{noordwijk.color.lightgrey.96}" },
-      "current-page-color": { "value": "{noordwijk.color.white.100}" },
-      "current-page-background-color": { "value": "{noordwijk.color.primary}" },
-      "current-page-font-weight": { "value": "{noordwijk.typography.font-weight.normal}" },
-      "current-page-text-decoration": { "value": "unset" },
-      "current-page-border-width": {},
-      "current-page-border-style": {},
-      "current-page-border-color": {},
-      "page-hover-color": { "value": "{noordwijk.color.white.100}" },
-      "page-hover-background-color": { "value": "{noordwijk.color.primary}" },
-      "page-hover-text-decoration": { "value": "unset" },
-      "page-hover-text-decoration-thickness": { "value": "0px" },
-      "page-hover-border-width": {},
-      "page-hover-border-style": {},
-      "page-hover-border-color": {}
+      "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": "{noordwijk.size.xs}" },
+        "color": { "value": "{noordwijk.color.black.0}" },
+        "background-color": { "value": "{noordwijk.color.white.100}" },
+        "padding-inline-start": { "value": "1.2rem" },
+        "padding-inline-end": { "value": "1.2rem" },
+        "padding-block-start": { "value": "0.8rem" },
+        "padding-block-end": { "value": "0.8rem" },
+        "font-size": { "value": "{utrecht.document.font-size}" },
+        "font-weight": { "value": "{noordwijk.typography.font-weight.normal}" },
+        "font-family": { "value": "{noordwijk.typography.roboto-slab.font-family}" },
+        "border-width": {},
+        "border-style": {},
+        "border-color": {},
+        "border-radius": {}
+      },
+      "navigation-button": {
+        "color": { "value": "{noordwijk.color.black.0}" },
+        "background-color": { "value": "{noordwijk.color.white.100}" },
+        "border-color": {},
+        "border-radius": {},
+        "border-width": { "value": "0px" },
+        "padding-inline-start": { "value": "1.2rem" },
+        "padding-inline-end": { "value": "1.2rem" },
+        "padding-block-start": { "value": "0.8rem" },
+        "padding-block-end": { "value": "0.8rem" },
+        "disabled": {
+          "color": {},
+          "background-color": { "value": "{noordwijk.color.lightgrey.96}" },
+          "border-width": { "value": "0px" },
+          "border-style": {},
+          "border-color": {},
+          "border-radius": {}
+        },
+        "hover": {
+          "color": { "value": "{noordwijk.color.white.100}" },
+          "background-color": { "value": "{noordwijk.color.light-blue.58}" },
+          "border-width": { "value": "0px" },
+          "border-style": {},
+          "border-color": {},
+          "border-radius": {}
+        }
+      },
+      "current-page": {
+        "color": { "value": "{noordwijk.color.white.100}" },
+        "background-color": { "value": "{noordwijk.color.light-blue.58}" },
+        "font-weight": { "value": "{noordwijk.typography.font-weight.normal}" },
+        "text-decoration": { "value": "unset" },
+        "border-width": {},
+        "border-style": {},
+        "border-color": {}
+      },
+      "page": {
+        "hover": {
+          "color": { "value": "{noordwijk.color.white.100}" },
+          "background-color": { "value": "{noordwijk.color.light-blue.58}" },
+          "text-decoration": { "value": "unset" },
+          "text-decoration-thickness": { "value": "0px" },
+          "border-width": {},
+          "border-style": {},
+          "border-color": {}
+        }
+      }
     }
   }
 }

package/municipalities/noordwijk-design-tokens/src/component/utrecht/extra-tokens/page-footer.tokens.json

@@ -5,7 +5,8 @@
       "logo": {
         "max-width": { "value": "150px" }
       },
-      "background-position": {}
+      "background-size": { "value": "auto" },
+      "background-position": { "value": "center right -35px" }
     }
   }
 }

package/municipalities/noordwijk-design-tokens/src/component/utrecht/extra-tokens/page-header.tokens.json

@@ -3,7 +3,7 @@
     "page-header": {
       "logo": {
         "max-height": {},
-        "max-width": { "value": "120px" }
+        "max-width": { "value": "145px" }
       }
     }
   }

package/municipalities/noordwijk-design-tokens/src/component/utrecht/extra-tokens/table.tokens.json

@@ -1,6 +1,7 @@
 {
   "utrecht": {
     "table": {
+      "border-collapse": { "value": "collapse" },
       "background-color": {"value": "{noordwijk.color.white.100}"},
       "header": {
         "border-block-end-color": {},

package/municipalities/noordwijk-design-tokens/src/component/utrecht/page-footer.tokens.json

@@ -2,7 +2,9 @@
   "utrecht": {
     "page-footer": {
       "background-color": { "value": "{noordwijk.color.light-blue.96}" },
-      "background-image": { "value": "unset" },
+      "background-image": {
+        "value": "url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NjggNTg2Ij4KICA8ZGVmcz4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iYiIgeDE9Ii4xIiB4Mj0iMCIgeTE9Ii45IiB5Mj0iMSIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMxMTFhNjQiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIuNSIgc3RvcC1jb2xvcj0iIzExMWE2NCIgc3RvcC1vcGFjaXR5PSIuMSIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMxMTFhNjQiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iYyIgeDE9Ii4xIiB4Mj0iMCIgeTE9Ii45IiB5Mj0iMSIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMwMDZhM2IiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIuNSIgc3RvcC1jb2xvcj0iIzAwNmEzYiIgc3RvcC1vcGFjaXR5PSIuMSIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwMDZhM2IiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iZCIgeDE9Ii4xIiB4Mj0iMCIgeTE9Ii45IiB5Mj0iMSIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNmZmNiNTciLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIuNSIgc3RvcC1jb2xvcj0iI2ZmY2I1NyIgc3RvcC1vcGFjaXR5PSIuMiIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZmNiNTciIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iZSIgeDE9Ii4xIiB4Mj0iMCIgeTE9Ii45IiB5Mj0iMSIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiM1ODkyYzQiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIuNSIgc3RvcC1jb2xvcj0iIzU4OTJjNCIgc3RvcC1vcGFjaXR5PSIuMSIvPgogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM1ODkyYzQiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDxjbGlwUGF0aCBpZD0iYSI+CiAgICAgIDxwYXRoIGQ9Ik0wIDBoNDY4djU4NkgweiIvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+CiAgPGcgY2xpcC1wYXRoPSJ1cmwoI2EpIiBkYXRhLW5hbWU9Ikxpam5lbiBoZWFkZXIiPgogICAgPGcgZGF0YS1uYW1lPSJDb21wb25lbnQgNDQg4oCTIDU5Ij4KICAgICAgPHBhdGggZmlsbD0idXJsKCNiKSIgZD0ibTQ1Mi44LjItMTQwLjEgNTcxaDFsMTQwLTU3MVoiIGRhdGEtbmFtZT0iUGF0aCA1NzM0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMCkiLz4KICAgICAgPHBhdGggZmlsbD0idXJsKCNjKSIgZD0iTTQyNi4yIDAgMTQ1LjggNTcxLjNoMUw0MjcuMy4xWiIgZGF0YS1uYW1lPSJQYXRoIDU3MzUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwKSIvPgogICAgICA8cGF0aCBmaWxsPSJ1cmwoI2QpIiBkPSJNNDIxIDAgMTEzLjUgNTcxLjJoMS4xTDQyMi4xIDBaIiBkYXRhLW5hbWU9IlBhdGggNTczNiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTApIi8+CiAgICAgIDxwYXRoIGZpbGw9InVybCgjZSkiIGQ9Ik00MDMgMCAwIDU3MS4yaDEuMkw0MDQuMiAwWiIgZGF0YS1uYW1lPSJQYXRoIDU3MzciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwKSIvPgogICAgICA8dGV4dCBmaWxsPSIjMTExYTY0IiBkYXRhLW5hbWU9Ii0iIGZvbnQtZmFtaWx5PSJSb2JvdG8tUmVndWxhciwgUm9ib3RvIiBmb250LXNpemU9IjEyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMTQuMSAxNjcuNikiPjx0c3BhbiB4PSIwIiB5PSIwIj4tPC90c3Bhbj48L3RleHQ+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K\")"
+      },
       "color": { "value": "{noordwijk.color.black.0}" },
       "padding-inline-end": { "value": "{noordwijk.size.sm}" },
       "padding-inline-start": { "value": "{noordwijk.size.sm}" },

package/municipalities/open-webconcept-design-tokens/dist/design-tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 06 Oct 2023 13:52:00 GMT
+ * Generated on Fri, 13 Oct 2023 13:50:21 GMT
  */
 
 .open-webconcept-theme {
@@ -63,6 +63,7 @@
   --utrecht-table-header-cell-text-transform: unset;
   --utrecht-table-margin-block-end: 0;
   --utrecht-table-header-text-transform: unset;
+  --utrecht-table-border-collapse: collapse;
   --utrecht-page-header-logo-max-width: 150px;
   --utrecht-page-footer-background-image: unset;
   --utrecht-page-footer-logo-max-width: 200px;
@@ -184,16 +185,19 @@
   --conduction-pagination-current-page-font-weight: var(--open-webconcept-typography-font-weight-bold);
   --conduction-pagination-current-page-background-color: var(--open-webconcept-color-primary);
   --conduction-pagination-current-page-color: var(--open-webconcept-color-white-100);
-  --conduction-pagination-disabled-background-color: var(--open-webconcept-color-grey-96);
-  --conduction-pagination-disabled-color: var(--open-webconcept-color-grey-87);
+  --conduction-pagination-navigation-button-hover-color: var(--open-webconcept-color-white-100);
+  --conduction-pagination-navigation-button-disabled-background-color: var(--open-webconcept-color-grey-96);
+  --conduction-pagination-navigation-button-disabled-color: var(--open-webconcept-color-grey-87);
   --conduction-pagination-navigation-button-padding-inline-end: var(--open-webconcept-size-xs);
   --conduction-pagination-navigation-button-padding-inline-start: var(--open-webconcept-size-xs);
+  --conduction-pagination-navigation-button-background-color: var(--open-webconcept-color-primary);
+  --conduction-pagination-navigation-button-color: var(--open-webconcept-color-white-100);
+  --conduction-pagination-item-border-radius: var(--open-webconcept-size-2xs);
   --conduction-pagination-item-font-weight: var(--open-webconcept-typography-font-weight-normal);
   --conduction-pagination-item-padding-block-end: var(--open-webconcept-size-xs);
   --conduction-pagination-item-padding-block-start: var(--open-webconcept-size-xs);
   --conduction-pagination-item-padding-inline-end: var(--open-webconcept-size-xs);
   --conduction-pagination-item-padding-inline-start: var(--open-webconcept-size-xs);
-  --conduction-pagination-item-border-radius: var(--open-webconcept-size-2xs);
   --conduction-pagination-item-background-color: var(--open-webconcept-color-white-100);
   --conduction-pagination-item-color: var(--open-webconcept-color-black-0);
   --conduction-pagination-item-gap: var(--open-webconcept-size-2xs);
@@ -424,6 +428,7 @@
   --conduction-tabs-tab-selected-font-family: var(--utrecht-document-font-family);
   --conduction-tabs-tab-font-family: var(--utrecht-document-font-family);
   --conduction-input-select-placeholder-color: var(--utrecht-form-input-placeholder-color);
+  --conduction-pagination-navigation-button-hover-background-color: var(--open-webconcept-color-primary-hover);
   --conduction-pagination-item-font-family: var(--utrecht-document-font-family);
   --conduction-pagination-item-font-size: var(--utrecht-document-font-size);
   --conduction-card-header-color: var(--utrecht-document-color);

package/municipalities/open-webconcept-design-tokens/dist/index.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 06 Oct 2023 13:52:00 GMT
+ * Generated on Fri, 13 Oct 2023 13:50:21 GMT
  */
 
 export const openWebconceptColorPrimary = "#1abc9c";
@@ -218,6 +218,7 @@ export const utrechtPageHeaderBackgroundColor = "#ffffff";
 export const utrechtPageHeaderColor = "#444444";
 export const utrechtPageHeaderPaddingBlockStart = "14px";
 export const utrechtPageHeaderPaddingBlockEnd = "14px";
+export const utrechtTableBorderCollapse = "collapse";
 export const utrechtTableHeaderFontWeight = "700";
 export const utrechtTableHeaderColor = "#555555";
 export const utrechtTableHeaderTextTransform = "unset";
@@ -370,7 +371,6 @@ export const conductionPaginationContainerPaddingBlockEnd = "0px";
 export const conductionPaginationItemGap = "4px";
 export const conductionPaginationItemColor = "#000000";
 export const conductionPaginationItemBackgroundColor = "#ffffff";
-export const conductionPaginationItemBorderRadius = "4px";
 export const conductionPaginationItemPaddingInlineStart = "8px";
 export const conductionPaginationItemPaddingInlineEnd = "8px";
 export const conductionPaginationItemPaddingBlockStart = "8px";
@@ -378,12 +378,17 @@ export const conductionPaginationItemPaddingBlockEnd = "8px";
 export const conductionPaginationItemFontSize = "14px";
 export const conductionPaginationItemFontWeight = "400";
 export const conductionPaginationItemFontFamily = "\"Open Sans\", Monospace, Arial, sans-serif";
+export const conductionPaginationItemBorderRadius = "4px";
+export const conductionPaginationNavigationButtonColor = "#ffffff";
+export const conductionPaginationNavigationButtonBackgroundColor = "#1abc9c";
 export const conductionPaginationNavigationButtonPaddingInlineStart = "8px";
 export const conductionPaginationNavigationButtonPaddingInlineEnd = "8px";
 export const conductionPaginationNavigationButtonPaddingBlockStart = "0px";
 export const conductionPaginationNavigationButtonPaddingBlockEnd = "0px";
-export const conductionPaginationDisabledColor = "#dcdcde";
-export const conductionPaginationDisabledBackgroundColor = "#f5f5f5";
+export const conductionPaginationNavigationButtonDisabledColor = "#dcdcde";
+export const conductionPaginationNavigationButtonDisabledBackgroundColor = "#f5f5f5";
+export const conductionPaginationNavigationButtonHoverColor = "#ffffff";
+export const conductionPaginationNavigationButtonHoverBackgroundColor = "#444444";
 export const conductionPaginationCurrentPageColor = "#ffffff";
 export const conductionPaginationCurrentPageBackgroundColor = "#1abc9c";
 export const conductionPaginationCurrentPageFontWeight = "700";