@conduction/theme 1.0.44 → 1.0.47

package/municipalities/leiden-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": "{leiden.size.2xs}" },
-      "item-color": { "value": "{leiden.color.lightblue.37}" },
-      "item-background-color": { "value": "{leiden.color.white.100}" },
-      "item-border-radius": { "value": "0px" },
-      "item-padding-inline-start": { "value": "{leiden.size.xs}" },
-      "item-padding-inline-end": { "value": "{leiden.size.xs}" },
-      "item-padding-block-start": { "value": "{leiden.size.xs}" },
-      "item-padding-block-end": { "value": "{leiden.size.xs}" },
-      "item-font-size": { "value": "15px" },
-      "item-font-weight": { "value": "{leiden.typography.font-weight.bold}" },
-      "item-font-family": { "value": "{utrecht.document.font-family}" },
-      "item-border-width": {},
-      "item-border-style": {},
-      "item-border-color": {},
-      "navigation-button-padding-inline-start": { "value": "{leiden.size.xs}" },
-      "navigation-button-padding-inline-end": { "value": "{leiden.size.xs}" },
-      "navigation-button-padding-block-start": { "value": "0px" },
-      "navigation-button-padding-block-end": { "value": "0px" },
-      "disabled-color": { "value": "{leiden.color.lightgrey.89}" },
-      "disabled-background-color": { "value": "{leiden.color.white.100}" },
-      "current-page-color": { "value": "{leiden.color.black.9}" },
-      "current-page-background-color": { "value": "{leiden.color.white.100}" },
-      "current-page-font-weight": { "value": "{leiden.typography.font-weight.bold}" },
-      "current-page-text-decoration": { "value": "underline" },
-      "current-page-border-width": {},
-      "current-page-border-style": {},
-      "current-page-border-color": {},
-      "page-hover-color": { "value": "{leiden.color.lightblue.37}" },
-      "page-hover-background-color": { "value": "{leiden.color.white.100}" },
-      "page-hover-text-decoration": { "value": "underline" },
-      "page-hover-text-decoration-thickness": { "value": "1px" },
-      "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": "{leiden.size.2xs}" },
+        "color": { "value": "{leiden.color.lightblue.37}" },
+        "background-color": { "value": "{leiden.color.white.100}" },
+        "padding-inline-start": { "value": "{leiden.size.xs}" },
+        "padding-inline-end": { "value": "{leiden.size.xs}" },
+        "padding-block-start": { "value": "{leiden.size.xs}" },
+        "padding-block-end": { "value": "{leiden.size.xs}" },
+        "font-size": { "value": "15px" },
+        "font-weight": { "value": "{leiden.typography.font-weight.bold}" },
+        "font-family": { "value": "{utrecht.document.font-family}" },
+        "border-width": {},
+        "border-style": {},
+        "border-color": {},
+        "border-radius": { "value": "0px" }
+      },
+      "navigation-button": {
+        "color": { "value": "{leiden.color.lightblue.37}" },
+        "background-color": { "value": "{leiden.color.white.100}" },
+        "border-color": {},
+        "border-radius": {},
+        "border-width": {},
+        "padding-inline-start": { "value": "{leiden.size.xs}" },
+        "padding-inline-end": { "value": "{leiden.size.xs}" },
+        "padding-block-start": { "value": "0px" },
+        "padding-block-end": { "value": "0px" },
+        "disabled": {
+          "color": { "value": "{leiden.color.lightgrey.89}" },
+          "background-color": { "value": "{leiden.color.white.100}" },
+          "border-width": {},
+          "border-style": {},
+          "border-color": {},
+          "border-radius": {}
+        },
+        "hover": {
+          "color": { "value": "{leiden.color.lightblue.37}" },
+          "background-color": { "value": "{leiden.color.white.100}" },
+          "border-width": {},
+          "border-style": {},
+          "border-color": {},
+          "border-radius": {}
+        }
+      },
+      "current-page": {
+        "color": { "value": "{leiden.color.black.9}" },
+        "background-color": { "value": "{leiden.color.white.100}" },
+        "font-weight": { "value": "{leiden.typography.font-weight.bold}" },
+        "text-decoration": { "value": "underline" },
+        "border-width": {},
+        "border-style": {},
+        "border-color": {}
+      },
+      "page": {
+        "hover": {
+          "color": { "value": "{leiden.color.lightblue.37}" },
+          "background-color": { "value": "{leiden.color.white.100}" },
+          "text-decoration": { "value": "underline" },
+          "text-decoration-thickness": { "value": "1px" },
+          "border-width": {},
+          "border-style": {},
+          "border-color": {}
+        }
+      }
     }
   }
 }

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

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

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 06 Oct 2023 12:30:12 GMT
+ * Generated on Fri, 13 Oct 2023 11:49:15 GMT
  */
 
 .noaberkracht-theme {
@@ -23,6 +23,7 @@
   --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-navigation-button-background-color: transparent;
   --conduction-pagination-container-padding-block-end: 0px;
   --conduction-pagination-container-padding-block-start: 0px;
   --conduction-pagination-container-padding-inline-end: 0px;
@@ -55,12 +56,14 @@
   --utrecht-unordered-list-padding-inline-start: 2ch;
   --utrecht-unordered-list-margin-block-end: 0;
   --utrecht-ordered-list-item-padding-inline-start: 1ch;
+  --utrecht-link-text-decoration-color: currentColor;
   --utrecht-link-text-decoration: underline;
   --utrecht-textbox-font-size: 14px;
   --utrecht-textbox-border-radius: 9999px;
   --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: 130px;
   --utrecht-page-footer-background-image: unset;
   --utrecht-page-footer-logo-max-width: 150px;
@@ -117,8 +120,13 @@
   --noaberkracht-color-white-98: #fafafa;
   --noaberkracht-color-lightgrey-96: #f5f5f5; /* Base/LightGrey */
   --noaberkracht-color-yellow-47: #f0b800; /* Base/Yellow from Huisstijlhandboek, base color of website is #f0af00 */
+  --noaberkracht-color-blue-31-80t: #012c9dcc; /* Blue with 80% transparency */
   --noaberkracht-color-blue-31-60t: #012c9d99; /* Blue with 60% transparency */
+  --noaberkracht-color-blue-31-50t: #012c9d80; /* Blue with 50% transparency */
+  --noaberkracht-color-blue-31-10t: #012c9d1a; /* Blue with 10% transparency */
+  --noaberkracht-color-blue-93: #e5e9f5;
   --noaberkracht-color-blue-59: #6780c4; /* Blue color for over 31-60t color */
+  --noaberkracht-color-blue-31: #012c9d;
   --noaberkracht-color-blue-22: #003790; /* Base/Blue from Huisstijlhandboek, base color of website is #012c9d */
   --noaberkracht-color-alert-info-background: #cce5ff;
   --noaberkracht-color-alert-info: #004085;
@@ -169,22 +177,26 @@
   --conduction-input-select-border-radius: var(--utrecht-form-input-border-radius);
   --conduction-input-select-border: var(--noaberkracht-size-4xs) solid var(--noaberkracht-color-blue-22);
   --conduction-input-select-background-color: var(--noaberkracht-color-white-100);
-  --conduction-pagination-page-hover-background-color: var(--noaberkracht-color-white-100);
-  --conduction-pagination-page-hover-color: var(--noaberkracht-color-yellow-47);
+  --conduction-pagination-page-hover-background-color: var(--noaberkracht-color-blue-31-10t);
+  --conduction-pagination-page-hover-color: var(--noaberkracht-color-blue-31);
   --conduction-pagination-current-page-font-weight: var(--noaberkracht-typography-font-weight-bold);
-  --conduction-pagination-current-page-background-color: var(--noaberkracht-color-yellow-47);
-  --conduction-pagination-current-page-color: var(--noaberkracht-color-white-100);
-  --conduction-pagination-disabled-background-color: var(--noaberkracht-color-lightgrey-96);
+  --conduction-pagination-current-page-background-color: var(--noaberkracht-color-blue-31-10t);
+  --conduction-pagination-current-page-color: var(--noaberkracht-color-blue-31);
+  --conduction-pagination-navigation-button-hover-background-color: var(--noaberkracht-color-blue-31-10t);
+  --conduction-pagination-navigation-button-hover-color: var(--noaberkracht-color-blue-31-50t);
+  --conduction-pagination-navigation-button-disabled-background-color: var(--noaberkracht-color-lightgrey-96);
   --conduction-pagination-navigation-button-padding-inline-end: var(--noaberkracht-size-xs);
   --conduction-pagination-navigation-button-padding-inline-start: var(--noaberkracht-size-xs);
-  --conduction-pagination-item-font-weight: var(--noaberkracht-typography-font-weight-normal);
+  --conduction-pagination-navigation-button-color: var(--noaberkracht-color-blue-31-50t);
+  --conduction-pagination-item-border-radius: var(--noaberkracht-size-md);
+  --conduction-pagination-item-font-family: var(--noaberkracht-typography-oceanwide-font-family);
+  --conduction-pagination-item-font-weight: var(--noaberkracht-typography-font-weight-bold);
   --conduction-pagination-item-padding-block-end: var(--noaberkracht-size-xs);
   --conduction-pagination-item-padding-block-start: var(--noaberkracht-size-xs);
   --conduction-pagination-item-padding-inline-end: var(--noaberkracht-size-sm);
   --conduction-pagination-item-padding-inline-start: var(--noaberkracht-size-sm);
-  --conduction-pagination-item-border-radius: var(--noaberkracht-size-md);
   --conduction-pagination-item-background-color: var(--noaberkracht-color-white-100);
-  --conduction-pagination-item-color: var(--noaberkracht-color-black-0);
+  --conduction-pagination-item-color: var(--noaberkracht-color-blue-31);
   --conduction-pagination-item-gap: var(--noaberkracht-size-2xs);
   --conduction-secondary-top-nav-font-size: var(--noaberkracht-font-size-xs);
   --conduction-secondary-top-nav-current-box-shadow: inset 0 -4px var(--noaberkracht-color-yellow-47);
@@ -242,7 +254,6 @@
   --utrecht-link-hover-color: var(--noaberkracht-color-blue-22);
   --utrecht-link-text-underline-offset: var(--noaberkracht-size-3xs);
   --utrecht-link-text-decoration-thickness: var(--noaberkracht-size-4xs);
-  --utrecht-link-text-decoration-color: var(--noaberkracht-color-blue-22);
   --utrecht-link-color: var(--noaberkracht-color-blue-22);
   --utrecht-heading-5-margin-block-start: var(--noaberkracht-size-md);
   --utrecht-heading-5-margin-block-end: var(--noaberkracht-size-lg);
@@ -431,7 +442,6 @@
   --conduction-tabs-scroll-button-color: var(--utrecht-document-color);
   --conduction-table-wrapper-scroll-button-color: var(--utrecht-document-color);
   --conduction-input-select-placeholder-color: var(--utrecht-form-input-placeholder-color);
-  --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);
   --utrecht-paragraph-color: var(--utrecht-document-color);

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 06 Oct 2023 12:30:12 GMT
+ * Generated on Fri, 13 Oct 2023 11:49:15 GMT
  */
 
 export const noaberkrachtColorPrimary = "#4376fc";
@@ -18,8 +18,13 @@ export const noaberkrachtColorInfo = "#4376fc";
 export const noaberkrachtColorAlertInfo = "#004085";
 export const noaberkrachtColorAlertInfoBackground = "#cce5ff";
 export const noaberkrachtColorBlue22 = "#003790"; // Base/Blue from Huisstijlhandboek, base color of website is #012c9d
+export const noaberkrachtColorBlue31 = "#012c9d";
 export const noaberkrachtColorBlue59 = "#6780c4"; // Blue color for over 31-60t color
+export const noaberkrachtColorBlue93 = "#e5e9f5";
+export const noaberkrachtColorBlue3110t = "#012c9d1a"; // Blue with 10% transparency
+export const noaberkrachtColorBlue3150t = "#012c9d80"; // Blue with 50% transparency
 export const noaberkrachtColorBlue3160t = "#012c9d99"; // Blue with 60% transparency
+export const noaberkrachtColorBlue3180t = "#012c9dcc"; // Blue with 80% transparency
 export const noaberkrachtColorYellow47 = "#f0b800"; // Base/Yellow from Huisstijlhandboek, base color of website is #f0af00
 export const noaberkrachtColorLightgrey96 = "#f5f5f5"; // Base/LightGrey
 export const noaberkrachtColorWhite98 = "#fafafa";
@@ -208,6 +213,7 @@ export const utrechtPageHeaderBackgroundColor = "#012c9d99";
 export const utrechtPageHeaderColor = "#ffffff";
 export const utrechtPageHeaderPaddingBlockStart = "14px";
 export const utrechtPageHeaderPaddingBlockEnd = "14px";
+export const utrechtTableBorderCollapse = "collapse";
 export const utrechtTableBackgroundColor = "#ffffff";
 export const utrechtTableHeaderFontWeight = "700";
 export const utrechtTableHeaderColor = "#003790";
@@ -273,7 +279,7 @@ export const utrechtHeading5MarginBlockEnd = "24px";
 export const utrechtHeading5MarginBlockStart = "18px";
 export const utrechtLinkColor = "#003790";
 export const utrechtLinkTextDecoration = "underline";
-export const utrechtLinkTextDecorationColor = "#003790";
+export const utrechtLinkTextDecorationColor = "currentColor";
 export const utrechtLinkTextDecorationThickness = "1px";
 export const utrechtLinkTextUnderlineOffset = "2px";
 export const utrechtLinkHoverColor = "#003790";
@@ -367,27 +373,31 @@ export const conductionPaginationContainerPaddingInlineEnd = "0px";
 export const conductionPaginationContainerPaddingBlockStart = "0px";
 export const conductionPaginationContainerPaddingBlockEnd = "0px";
 export const conductionPaginationItemGap = "4px";
-export const conductionPaginationItemColor = "#000000";
+export const conductionPaginationItemColor = "#012c9d";
 export const conductionPaginationItemBackgroundColor = "#ffffff";
-export const conductionPaginationItemBorderRadius = "18px";
 export const conductionPaginationItemPaddingInlineStart = "14px";
 export const conductionPaginationItemPaddingInlineEnd = "14px";
 export const conductionPaginationItemPaddingBlockStart = "8px";
 export const conductionPaginationItemPaddingBlockEnd = "8px";
 export const conductionPaginationItemFontSize = "14px";
-export const conductionPaginationItemFontWeight = "400";
-export const conductionPaginationItemFontFamily = "greycliff-cf,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",Segoe UI Symbol,\"Noto Color Emoji\"";
+export const conductionPaginationItemFontWeight = "700";
+export const conductionPaginationItemFontFamily = "Oceanwide,ui-serif,Georgia,Cambria,Times New Roman,Times,serif";
+export const conductionPaginationItemBorderRadius = "18px";
+export const conductionPaginationNavigationButtonColor = "#012c9d80";
+export const conductionPaginationNavigationButtonBackgroundColor = "transparent";
 export const conductionPaginationNavigationButtonPaddingInlineStart = "8px";
 export const conductionPaginationNavigationButtonPaddingInlineEnd = "8px";
 export const conductionPaginationNavigationButtonPaddingBlockStart = "0px";
 export const conductionPaginationNavigationButtonPaddingBlockEnd = "0px";
-export const conductionPaginationDisabledBackgroundColor = "#f5f5f5";
-export const conductionPaginationCurrentPageColor = "#ffffff";
-export const conductionPaginationCurrentPageBackgroundColor = "#f0b800";
+export const conductionPaginationNavigationButtonDisabledBackgroundColor = "#f5f5f5";
+export const conductionPaginationNavigationButtonHoverColor = "#012c9d80";
+export const conductionPaginationNavigationButtonHoverBackgroundColor = "#012c9d1a";
+export const conductionPaginationCurrentPageColor = "#012c9d";
+export const conductionPaginationCurrentPageBackgroundColor = "#012c9d1a";
 export const conductionPaginationCurrentPageFontWeight = "700";
 export const conductionPaginationCurrentPageTextDecoration = "unset";
-export const conductionPaginationPageHoverColor = "#f0b800";
-export const conductionPaginationPageHoverBackgroundColor = "#ffffff";
+export const conductionPaginationPageHoverColor = "#012c9d";
+export const conductionPaginationPageHoverBackgroundColor = "#012c9d1a";
 export const conductionPaginationPageHoverTextDecoration = "unset";
 export const conductionPaginationPageHoverTextDecorationThickness = "0px";
 export const conductionInputSelectBackgroundColor = "#ffffff";