@conduction/theme 1.0.44 → 1.0.47

package/municipalities/noaberkracht-design-tokens/src/brand/noaberkracht/color.tokens.json

@@ -24,13 +24,31 @@
           "value": "#003790",
           "comment": "Base/Blue from Huisstijlhandboek, base color of website is #012c9d"
         },
+        "31": {
+          "value": "#012c9d"
+        },
+        "31-10t": {
+          "value": "#012c9d1a",
+          "comment": "Blue with 10% transparency"
+        },
+        "31-50t": {
+          "value": "#012c9d80",
+          "comment": "Blue with 50% transparency"
+        },
         "31-60t": {
           "value": "#012c9d99",
           "comment": "Blue with 60% transparency"
         },
+        "31-80t": {
+          "value": "#012c9dcc",
+          "comment": "Blue with 80% transparency"
+        },
         "59": {
           "value": "#6780c4",
           "comment": "Blue color for over 31-60t color"
+        },
+        "93": {
+          "value": "#e5e9f5"
         }
       },
       "yellow": {

package/municipalities/noaberkracht-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": "{noaberkracht.size.2xs}" },
-      "item-color": { "value": "{noaberkracht.color.black.0}" },
-      "item-background-color": { "value": "{noaberkracht.color.white.100}" },
-      "item-border-radius": { "value": "{noaberkracht.size.md}" },
-      "item-padding-inline-start": { "value": "{noaberkracht.size.sm}" },
-      "item-padding-inline-end": { "value": "{noaberkracht.size.sm}" },
-      "item-padding-block-start": { "value": "{noaberkracht.size.xs}" },
-      "item-padding-block-end": { "value": "{noaberkracht.size.xs}" },
-      "item-font-size": { "value": "{utrecht.document.font-size}" },
-      "item-font-weight": { "value": "{noaberkracht.typography.font-weight.normal}" },
-      "item-font-family": { "value": "{utrecht.document.font-family}" },
-      "item-border-width": {},
-      "item-border-style": {},
-      "item-border-color": {},
-      "navigation-button-padding-inline-start": { "value": "{noaberkracht.size.xs}" },
-      "navigation-button-padding-inline-end": { "value": "{noaberkracht.size.xs}" },
-      "navigation-button-padding-block-start": { "value": "0px" },
-      "navigation-button-padding-block-end": { "value": "0px" },
-      "disabled-color": {},
-      "disabled-background-color": { "value": "{noaberkracht.color.lightgrey.96}" },
-      "current-page-color": { "value": "{noaberkracht.color.white.100}" },
-      "current-page-background-color": { "value": "{noaberkracht.color.yellow.47}" },
-      "current-page-font-weight": { "value": "{noaberkracht.typography.font-weight.bold}" },
-      "current-page-text-decoration": { "value": "unset" },
-      "current-page-border-width": {},
-      "current-page-border-style": {},
-      "current-page-border-color": {},
-      "page-hover-color": { "value": "{noaberkracht.color.yellow.47}" },
-      "page-hover-background-color": { "value": "{noaberkracht.color.white.100}" },
-      "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": "{noaberkracht.size.2xs}" },
+        "color": { "value": "{noaberkracht.color.blue.31}" },
+        "background-color": { "value": "{noaberkracht.color.white.100}" },
+        "padding-inline-start": { "value": "{noaberkracht.size.sm}" },
+        "padding-inline-end": { "value": "{noaberkracht.size.sm}" },
+        "padding-block-start": { "value": "{noaberkracht.size.xs}" },
+        "padding-block-end": { "value": "{noaberkracht.size.xs}" },
+        "font-size": { "value": "{utrecht.document.font-size}" },
+        "font-weight": { "value": "{noaberkracht.typography.font-weight.bold}" },
+        "font-family": { "value": "{noaberkracht.typography.oceanwide.font-family}" },
+        "border-width": {},
+        "border-style": {},
+        "border-color": {},
+        "border-radius": { "value": "{noaberkracht.size.md}" }
+      },
+      "navigation-button": {
+        "color": { "value": "{noaberkracht.color.blue.31-50t}" },
+        "background-color": { "value": "transparent" },
+        "border-color": {},
+        "border-radius": {},
+        "border-width": {},
+        "padding-inline-start": { "value": "{noaberkracht.size.xs}" },
+        "padding-inline-end": { "value": "{noaberkracht.size.xs}" },
+        "padding-block-start": { "value": "0px" },
+        "padding-block-end": { "value": "0px" },
+        "disabled": {
+          "color": {},
+          "background-color": { "value": "{noaberkracht.color.lightgrey.96}" },
+          "border-width": {},
+          "border-style": {},
+          "border-color": {},
+          "border-radius": {}
+        },
+        "hover": {
+          "color": { "value": "{noaberkracht.color.blue.31-50t}" },
+          "background-color": { "value": "{noaberkracht.color.blue.31-10t}" },
+          "border-width": {},
+          "border-style": {},
+          "border-color": {},
+          "border-radius": {}
+        }
+      },
+      "current-page": {
+        "color": { "value": "{noaberkracht.color.blue.31}" },
+        "background-color": { "value": "{noaberkracht.color.blue.31-10t}" },
+        "font-weight": { "value": "{noaberkracht.typography.font-weight.bold}" },
+        "text-decoration": { "value": "unset" },
+        "border-width": {},
+        "border-style": {},
+        "border-color": {}
+      },
+      "page": {
+        "hover": {
+          "color": { "value": "{noaberkracht.color.blue.31}" },
+          "background-color": { "value": "{noaberkracht.color.blue.31-10t}" },
+          "text-decoration": { "value": "unset" },
+          "text-decoration-thickness": { "value": "0px" },
+          "border-width": {},
+          "border-style": {},
+          "border-color": {}
+        }
+      }
     }
   }
 }

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

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

package/municipalities/noaberkracht-design-tokens/src/component/utrecht/link.tokens.json

@@ -3,7 +3,7 @@
     "link": {
       "color": { "value": "{noaberkracht.color.blue.22}" },
       "text-decoration": { "value": "underline" },
-      "text-decoration-color": { "value": "{noaberkracht.color.blue.22}" },
+      "text-decoration-color": { "value": "currentColor" },
       "text-decoration-thickness": { "value": "{noaberkracht.size.4xs}" },
       "text-underline-offset": { "value": "{noaberkracht.size.3xs}" },
       "active": {

package/municipalities/noordwijk-design-tokens/dist/design-tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 06 Oct 2023 12:30:05 GMT
+ * Generated on Fri, 13 Oct 2023 11:49:06 GMT
  */
 
 .noordwijk-theme {
@@ -18,9 +18,17 @@
   --conduction-pagination-page-hover-text-decoration-thickness: 0px;
   --conduction-pagination-page-hover-text-decoration: unset;
   --conduction-pagination-current-page-text-decoration: unset;
-  --conduction-pagination-navigation-button-padding-block-end: 0px;
-  --conduction-pagination-navigation-button-padding-block-start: 0px;
-  --conduction-pagination-item-border-radius: 30px;
+  --conduction-pagination-navigation-button-hover-border-width: 0px;
+  --conduction-pagination-navigation-button-disabled-border-width: 0px;
+  --conduction-pagination-navigation-button-padding-block-end: 0.8rem;
+  --conduction-pagination-navigation-button-padding-block-start: 0.8rem;
+  --conduction-pagination-navigation-button-padding-inline-end: 1.2rem;
+  --conduction-pagination-navigation-button-padding-inline-start: 1.2rem;
+  --conduction-pagination-navigation-button-border-width: 0px;
+  --conduction-pagination-item-padding-block-end: 0.8rem;
+  --conduction-pagination-item-padding-block-start: 0.8rem;
+  --conduction-pagination-item-padding-inline-end: 1.2rem;
+  --conduction-pagination-item-padding-inline-start: 1.2rem;
   --conduction-pagination-container-padding-block-end: 0px;
   --conduction-pagination-container-padding-block-start: 0px;
   --conduction-pagination-container-padding-inline-end: 0px;
@@ -64,6 +72,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: 120px;
   --utrecht-page-footer-background-image: unset;
   --utrecht-page-footer-logo-max-width: 150px;
@@ -178,18 +187,18 @@
   --conduction-input-select-border-radius: [object Object];
   --conduction-input-select-border: var(--noordwijk-size-4xs) solid var(--noordwijk-color-grey-46);
   --conduction-input-select-background-color: var(--noordwijk-color-white-100);
+  --conduction-pagination-page-hover-background-color: var(--noordwijk-color-light-blue-58);
   --conduction-pagination-page-hover-color: var(--noordwijk-color-white-100);
   --conduction-pagination-current-page-font-weight: var(--noordwijk-typography-font-weight-normal);
+  --conduction-pagination-current-page-background-color: var(--noordwijk-color-light-blue-58);
   --conduction-pagination-current-page-color: var(--noordwijk-color-white-100);
-  --conduction-pagination-disabled-background-color: var(--noordwijk-color-lightgrey-96);
-  --conduction-pagination-navigation-button-padding-inline-end: var(--noordwijk-size-xs);
-  --conduction-pagination-navigation-button-padding-inline-start: var(--noordwijk-size-xs);
+  --conduction-pagination-navigation-button-hover-background-color: var(--noordwijk-color-light-blue-58);
+  --conduction-pagination-navigation-button-hover-color: var(--noordwijk-color-white-100);
+  --conduction-pagination-navigation-button-disabled-background-color: var(--noordwijk-color-lightgrey-96);
+  --conduction-pagination-navigation-button-background-color: var(--noordwijk-color-white-100);
+  --conduction-pagination-navigation-button-color: var(--noordwijk-color-black-0);
   --conduction-pagination-item-font-family: var(--noordwijk-typography-roboto-slab-font-family);
   --conduction-pagination-item-font-weight: var(--noordwijk-typography-font-weight-normal);
-  --conduction-pagination-item-padding-block-end: var(--noordwijk-size-xs);
-  --conduction-pagination-item-padding-block-start: var(--noordwijk-size-xs);
-  --conduction-pagination-item-padding-inline-end: var(--noordwijk-size-sm);
-  --conduction-pagination-item-padding-inline-start: var(--noordwijk-size-sm);
   --conduction-pagination-item-background-color: var(--noordwijk-color-white-100);
   --conduction-pagination-item-color: var(--noordwijk-color-black-0);
   --conduction-pagination-item-gap: var(--noordwijk-size-xs);
@@ -412,8 +421,6 @@
   --conduction-tabs-tab-font-family: var(--utrecht-document-font-family);
   --conduction-input-select-placeholder-color: var(--utrecht-form-input-placeholder-color);
   --conduction-input-select-list-option-hover-color: var(--noordwijk-color-primary);
-  --conduction-pagination-page-hover-background-color: var(--noordwijk-color-primary);
-  --conduction-pagination-current-page-background-color: var(--noordwijk-color-primary);
   --conduction-pagination-item-font-size: var(--utrecht-document-font-size);
   --conduction-secondary-top-nav-current-box-shadow: inset 0 -4px var(--noordwijk-color-primary);
   --conduction-card-header-title-color: var(--noordwijk-color-primary);

package/municipalities/noordwijk-design-tokens/dist/index.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 06 Oct 2023 12:30:04 GMT
+ * Generated on Fri, 13 Oct 2023 11:49:06 GMT
  */
 
 export const noordwijkColorPrimary = "#2c2276";
@@ -218,6 +218,7 @@ export const utrechtPageHeaderBackgroundColor = "#ffffff";
 export const utrechtPageHeaderColor = "#2c2276";
 export const utrechtPageHeaderPaddingBlockStart = "14px";
 export const utrechtPageHeaderPaddingBlockEnd = "14px";
+export const utrechtTableBorderCollapse = "collapse";
 export const utrechtTableBackgroundColor = "#ffffff";
 export const utrechtTableHeaderFontWeight = "700";
 export const utrechtTableHeaderColor = "#000000";
@@ -372,25 +373,31 @@ export const conductionPaginationContainerPaddingBlockEnd = "0px";
 export const conductionPaginationItemGap = "8px";
 export const conductionPaginationItemColor = "#000000";
 export const conductionPaginationItemBackgroundColor = "#ffffff";
-export const conductionPaginationItemBorderRadius = "30px";
-export const conductionPaginationItemPaddingInlineStart = "14px";
-export const conductionPaginationItemPaddingInlineEnd = "14px";
-export const conductionPaginationItemPaddingBlockStart = "8px";
-export const conductionPaginationItemPaddingBlockEnd = "8px";
+export const conductionPaginationItemPaddingInlineStart = "1.2rem";
+export const conductionPaginationItemPaddingInlineEnd = "1.2rem";
+export const conductionPaginationItemPaddingBlockStart = "0.8rem";
+export const conductionPaginationItemPaddingBlockEnd = "0.8rem";
 export const conductionPaginationItemFontSize = "16px";
 export const conductionPaginationItemFontWeight = "300";
 export const conductionPaginationItemFontFamily = "\"Roboto Slab\", Monospace, Arial, sans-serif";
-export const conductionPaginationNavigationButtonPaddingInlineStart = "8px";
-export const conductionPaginationNavigationButtonPaddingInlineEnd = "8px";
-export const conductionPaginationNavigationButtonPaddingBlockStart = "0px";
-export const conductionPaginationNavigationButtonPaddingBlockEnd = "0px";
-export const conductionPaginationDisabledBackgroundColor = "#f5f5f5";
+export const conductionPaginationNavigationButtonColor = "#000000";
+export const conductionPaginationNavigationButtonBackgroundColor = "#ffffff";
+export const conductionPaginationNavigationButtonBorderWidth = "0px";
+export const conductionPaginationNavigationButtonPaddingInlineStart = "1.2rem";
+export const conductionPaginationNavigationButtonPaddingInlineEnd = "1.2rem";
+export const conductionPaginationNavigationButtonPaddingBlockStart = "0.8rem";
+export const conductionPaginationNavigationButtonPaddingBlockEnd = "0.8rem";
+export const conductionPaginationNavigationButtonDisabledBackgroundColor = "#f5f5f5";
+export const conductionPaginationNavigationButtonDisabledBorderWidth = "0px";
+export const conductionPaginationNavigationButtonHoverColor = "#ffffff";
+export const conductionPaginationNavigationButtonHoverBackgroundColor = "#6096c7";
+export const conductionPaginationNavigationButtonHoverBorderWidth = "0px";
 export const conductionPaginationCurrentPageColor = "#ffffff";
-export const conductionPaginationCurrentPageBackgroundColor = "#2c2276";
+export const conductionPaginationCurrentPageBackgroundColor = "#6096c7";
 export const conductionPaginationCurrentPageFontWeight = "300";
 export const conductionPaginationCurrentPageTextDecoration = "unset";
 export const conductionPaginationPageHoverColor = "#ffffff";
-export const conductionPaginationPageHoverBackgroundColor = "#2c2276";
+export const conductionPaginationPageHoverBackgroundColor = "#6096c7";
 export const conductionPaginationPageHoverTextDecoration = "unset";
 export const conductionPaginationPageHoverTextDecorationThickness = "0px";
 export const conductionInputSelectBackgroundColor = "#ffffff";