@conduction/theme 1.0.45 → 1.0.48

package/municipalities/rotterdam-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": "8px" },
-      "item-color": { "value": "var(--rotterdam-color-gray-tint-11)" },
-      "item-background-color": { "value": "var(--rotterdam-color-base-white)" },
-      "item-border-radius": { "value": "0px" },
-      "item-padding-inline-start": { "value": "14px" },
-      "item-padding-inline-end": { "value": "14px" },
-      "item-padding-block-start": { "value": "8px" },
-      "item-padding-block-end": { "value": "8px" },
-      "item-font-size": { "value": "var(--utrecht-document-font-size)" },
-      "item-font-weight": { "value": "var(--rotterdam-typography-weight-scale-normal-font-weight)" },
-      "item-font-family": { "value": "var(--utrecht-document-font-family)" },
-      "item-border-width": { "value": "1px" },
-      "item-border-style": { "value": "solid" },
-      "item-border-color": { "value": "var(--rotterdam-color-base-white)" },
-      "navigation-button-padding-inline-start": { "value": "8px" },
-      "navigation-button-padding-inline-end": { "value": "8px" },
-      "navigation-button-padding-block-start": { "value": "8px" },
-      "navigation-button-padding-block-end": { "value": "8px" },
-      "disabled-color": { "value": "var(--rotterdam-color-gray-tint-07)" },
-      "disabled-background-color": { "value": "var(--rotterdam-color-base-white)" },
-      "current-page-color": { "value": "var(--rotterdam-color-green-tint-03)" },
-      "current-page-background-color": { "value": "var(--rotterdam-color-soft-green-tint-01)" },
-      "current-page-font-weight": { "value": "var(--rotterdam-typography-weight-scale-bold-font-weight)" },
-      "current-page-text-decoration": { "value": "unset" },
-      "current-page-border-width": { "value": "1px" },
-      "current-page-border-style": { "value": "solid" },
-      "current-page-border-color": { "value": "var(--rotterdam-color-green-tint-03)" },
-      "page-hover-color": { "value": "var(--rotterdam-color-green-tint-01)" },
-      "page-hover-background-color": { "value": "var(--rotterdam-color-base-white)" },
-      "page-hover-text-decoration": { "value": "unset" },
-      "page-hover-text-decoration-thickness": { "value": "0px" },
-      "page-hover-border-width": { "value": "1px" },
-      "page-hover-border-style": { "value": "solid" },
-      "page-hover-border-color": { "value": "var(--rotterdam-color-green-tint-01)" }
+      "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": "8px" },
+        "color": { "value": "var(--rotterdam-color-gray-tint-11)" },
+        "background-color": { "value": "var(--rotterdam-color-base-white)" },
+        "padding-inline-start": { "value": "14px" },
+        "padding-inline-end": { "value": "14px" },
+        "padding-block-start": { "value": "8px" },
+        "padding-block-end": { "value": "8px" },
+        "font-size": { "value": "var(--utrecht-document-font-size)" },
+        "font-weight": { "value": "var(--rotterdam-typography-weight-scale-normal-font-weight)" },
+        "font-family": { "value": "var(--utrecht-document-font-family)" },
+        "border-width": { "value": "1px" },
+        "border-style": { "value": "solid" },
+        "border-color": { "value": "var(--rotterdam-color-base-white)" },
+        "border-radius": { "value": "0px" }
+      },
+      "navigation-button": {
+        "color": { "value": "var(--rotterdam-color-gray-tint-11)" },
+        "background-color": { "value": "transparent" },
+        "border-color": {},
+        "border-radius": {},
+        "border-width": {},
+        "padding-inline-start": { "value": "8px" },
+        "padding-inline-end": { "value": "8px" },
+        "padding-block-start": { "value": "8px" },
+        "padding-block-end": { "value": "8px" },
+        "disabled": {
+          "color": { "value": "var(--rotterdam-color-gray-tint-07)" },
+          "background-color": { "value": "transparent" },
+          "border-width": {},
+          "border-style": {},
+          "border-color": {},
+          "border-radius": {}
+        },
+        "hover": {
+          "color": { "value": "var(--rotterdam-color-green-tint-01)" },
+          "background-color": { "value": "transparent" },
+          "border-width": {},
+          "border-style": {},
+          "border-color": {},
+          "border-radius": {}
+        }
+      },
+      "current-page": {
+        "color": { "value": "var(--rotterdam-color-green-tint-03)" },
+        "background-color": { "value": "var(--rotterdam-color-soft-green-tint-01)" },
+        "font-weight": { "value": "var(--rotterdam-typography-weight-scale-bold-font-weight)" },
+        "text-decoration": { "value": "unset" },
+        "border-width": { "value": "1px" },
+        "border-style": { "value": "solid" },
+        "border-color": { "value": "var(--rotterdam-color-green-tint-03)" }
+      },
+      "page": {
+        "hover": {
+          "color": { "value": "var(--rotterdam-color-green-tint-01)" },
+          "background-color": { "value": "var(--rotterdam-color-base-white)" },
+          "text-decoration": { "value": "unset" },
+          "text-decoration-thickness": { "value": "0px" },
+          "border-width": { "value": "1px" },
+          "border-style": { "value": "solid" },
+          "border-color": { "value": "var(--rotterdam-color-green-tint-01)" }
+        }
+      }
     }
   }
 }

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

@@ -6,6 +6,7 @@
         "max-height": { "value": "48px" },
         "max-width": { "value": "240px" }
       },
+      "background-size": {},
       "background-position": {}
     }
   }

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

@@ -1,6 +1,7 @@
 {
   "utrecht": {
     "table": {
+      "border-collapse": { "value": "collapse" },
       "background-color": { "value": "var(--rotterdam-color-base-white)" },
       "header": {
         "border-block-end-color": { "value": "var(--rotterdam-color-gray-tint-11)" },

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 06 Oct 2023 13:51:11 GMT
+ * Generated on Fri, 13 Oct 2023 13:49:25 GMT
  */
 
 .tubbergen-theme {
@@ -31,14 +31,18 @@
   --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-hover-border-width: 0px;
+  --conduction-pagination-navigation-button-disabled-border-width: 0px;
+  --conduction-pagination-navigation-button-disabled-background-color: transparent;
   --conduction-pagination-navigation-button-padding-block-end: 0px;
   --conduction-pagination-navigation-button-padding-block-start: 0px;
+  --conduction-pagination-navigation-button-border-width: 0px;
+  --conduction-pagination-item-border-radius: 0px;
   --conduction-pagination-item-font-size: 17.6px;
   --conduction-pagination-item-padding-block-end: 7.5px;
   --conduction-pagination-item-padding-block-start: 7.5px;
   --conduction-pagination-item-padding-inline-end: 15px;
   --conduction-pagination-item-padding-inline-start: 15px;
-  --conduction-pagination-item-border-radius: 0px;
   --conduction-pagination-container-padding-block-end: 0px;
   --conduction-pagination-container-padding-block-start: 0px;
   --conduction-pagination-container-padding-inline-end: 0px;
@@ -85,9 +89,11 @@
   --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: url(https://www.tubbergen.nl/sites/all/themes/tubbergen/dist/assets/img/footer-bg.svg);
   --utrecht-page-footer-background-color: unset;
+  --utrecht-page-footer-background-size: cover;
   --utrecht-page-footer-logo-max-width: 220px;
   --utrecht-page-footer-logo-max-height: 100px;
   --utrecht-page-footer-min-height: 300px;
@@ -214,10 +220,12 @@
   --conduction-pagination-current-page-font-weight: var(--tubbergen-typography-font-weight-normal);
   --conduction-pagination-current-page-background-color: var(--tubbergen-color-white-100);
   --conduction-pagination-current-page-color: var(--tubbergen-color-blue-36);
-  --conduction-pagination-disabled-background-color: var(--tubbergen-color-lightgrey-89);
-  --conduction-pagination-disabled-color: var(--tubbergen-color-white-100);
+  --conduction-pagination-navigation-button-hover-background-color: var(--tubbergen-color-green-16);
+  --conduction-pagination-navigation-button-hover-color: var(--tubbergen-color-white-100);
+  --conduction-pagination-navigation-button-disabled-color: var(--tubbergen-color-lightgrey-89);
   --conduction-pagination-navigation-button-padding-inline-end: var(--tubbergen-size-xs);
   --conduction-pagination-navigation-button-padding-inline-start: var(--tubbergen-size-xs);
+  --conduction-pagination-navigation-button-color: var(--tubbergen-color-white-100);
   --conduction-pagination-item-font-weight: var(--tubbergen-typography-font-weight-normal);
   --conduction-pagination-item-color: var(--tubbergen-color-white-100);
   --conduction-pagination-item-gap: var(--tubbergen-size-2xs);
@@ -444,6 +452,7 @@
   --conduction-tabs-tab-selected-color: var(--tubbergen-color-primary);
   --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-background-color: var(--tubbergen-color-primary);
   --conduction-pagination-item-font-family: var(--utrecht-document-font-family);
   --conduction-pagination-item-background-color: var(--tubbergen-color-primary);
   --conduction-secondary-top-nav-current-box-shadow: inset 0 -4px var(--tubbergen-color-primary);

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 06 Oct 2023 13:51:10 GMT
+ * Generated on Fri, 13 Oct 2023 13:49:25 GMT
  */
 
 export const tubbergenColorPrimary = "#0b612d";
@@ -226,6 +226,7 @@ export const utrechtIconGap = "8px";
 export const utrechtPageFooterMinHeight = "300px";
 export const utrechtPageFooterLogoMaxHeight = "100px";
 export const utrechtPageFooterLogoMaxWidth = "220px";
+export const utrechtPageFooterBackgroundSize = "cover";
 export const utrechtPageFooterBackgroundColor = "unset";
 export const utrechtPageFooterBackgroundImage = "url(https://www.tubbergen.nl/sites/all/themes/tubbergen/dist/assets/img/footer-bg.svg)";
 export const utrechtPageFooterColor = "#ffffff";
@@ -238,6 +239,7 @@ export const utrechtPageHeaderBackgroundColor = "#ffffff";
 export const utrechtPageHeaderColor = "#333333";
 export const utrechtPageHeaderPaddingBlockStart = "14px";
 export const utrechtPageHeaderPaddingBlockEnd = "14px";
+export const utrechtTableBorderCollapse = "collapse";
 export const utrechtTableBackgroundColor = "#ffffff";
 export const utrechtTableHeaderBorderBlockEndColor = "#edeff2";
 export const utrechtTableHeaderBorderBlockEndWidth = "1px";
@@ -396,7 +398,6 @@ export const conductionPaginationContainerPaddingBlockEnd = "0px";
 export const conductionPaginationItemGap = "4px";
 export const conductionPaginationItemColor = "#ffffff";
 export const conductionPaginationItemBackgroundColor = "#0b612d";
-export const conductionPaginationItemBorderRadius = "0px";
 export const conductionPaginationItemPaddingInlineStart = "15px";
 export const conductionPaginationItemPaddingInlineEnd = "15px";
 export const conductionPaginationItemPaddingBlockStart = "7.5px";
@@ -404,12 +405,20 @@ export const conductionPaginationItemPaddingBlockEnd = "7.5px";
 export const conductionPaginationItemFontSize = "17.6px";
 export const conductionPaginationItemFontWeight = "400";
 export const conductionPaginationItemFontFamily = "\"Lato\", Arial, sans-serif";
+export const conductionPaginationItemBorderRadius = "0px";
+export const conductionPaginationNavigationButtonColor = "#ffffff";
+export const conductionPaginationNavigationButtonBackgroundColor = "#0b612d";
+export const conductionPaginationNavigationButtonBorderWidth = "0px";
 export const conductionPaginationNavigationButtonPaddingInlineStart = "8px";
 export const conductionPaginationNavigationButtonPaddingInlineEnd = "8px";
 export const conductionPaginationNavigationButtonPaddingBlockStart = "0px";
 export const conductionPaginationNavigationButtonPaddingBlockEnd = "0px";
-export const conductionPaginationDisabledColor = "#ffffff";
-export const conductionPaginationDisabledBackgroundColor = "#e4e4e4";
+export const conductionPaginationNavigationButtonDisabledColor = "#e4e4e4";
+export const conductionPaginationNavigationButtonDisabledBackgroundColor = "transparent";
+export const conductionPaginationNavigationButtonDisabledBorderWidth = "0px";
+export const conductionPaginationNavigationButtonHoverColor = "#ffffff";
+export const conductionPaginationNavigationButtonHoverBackgroundColor = "#084a22";
+export const conductionPaginationNavigationButtonHoverBorderWidth = "0px";
 export const conductionPaginationCurrentPageColor = "#006cb9";
 export const conductionPaginationCurrentPageBackgroundColor = "#ffffff";
 export const conductionPaginationCurrentPageFontWeight = "400";