@conduction/theme 1.0.31 → 1.0.32

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

@@ -6310,6 +6310,560 @@
         ]
       }
     },
+    "pagination": {
+      "container-background-color": {
+        "value": "unset",
+        "filePath": "src/component/conduction/pagination.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "unset"
+        },
+        "name": "conductionPaginationContainerBackgroundColor",
+        "attributes": {
+          "category": "conduction",
+          "type": "pagination",
+          "item": "container-background-color"
+        },
+        "path": [
+          "conduction",
+          "pagination",
+          "container-background-color"
+        ]
+      },
+      "container-padding-inline-start": {
+        "value": "0px",
+        "filePath": "src/component/conduction/pagination.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "0px"
+        },
+        "name": "conductionPaginationContainerPaddingInlineStart",
+        "attributes": {
+          "category": "conduction",
+          "type": "pagination",
+          "item": "container-padding-inline-start"
+        },
+        "path": [
+          "conduction",
+          "pagination",
+          "container-padding-inline-start"
+        ]
+      },
+      "container-padding-inline-end": {
+        "value": "0px",
+        "filePath": "src/component/conduction/pagination.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "0px"
+        },
+        "name": "conductionPaginationContainerPaddingInlineEnd",
+        "attributes": {
+          "category": "conduction",
+          "type": "pagination",
+          "item": "container-padding-inline-end"
+        },
+        "path": [
+          "conduction",
+          "pagination",
+          "container-padding-inline-end"
+        ]
+      },
+      "container-padding-block-start": {
+        "value": "0px",
+        "filePath": "src/component/conduction/pagination.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "0px"
+        },
+        "name": "conductionPaginationContainerPaddingBlockStart",
+        "attributes": {
+          "category": "conduction",
+          "type": "pagination",
+          "item": "container-padding-block-start"
+        },
+        "path": [
+          "conduction",
+          "pagination",
+          "container-padding-block-start"
+        ]
+      },
+      "container-padding-block-end": {
+        "value": "0px",
+        "filePath": "src/component/conduction/pagination.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "0px"
+        },
+        "name": "conductionPaginationContainerPaddingBlockEnd",
+        "attributes": {
+          "category": "conduction",
+          "type": "pagination",
+          "item": "container-padding-block-end"
+        },
+        "path": [
+          "conduction",
+          "pagination",
+          "container-padding-block-end"
+        ]
+      },
+      "item-gap": {
+        "value": "4px",
+        "filePath": "src/component/conduction/pagination.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{noaberkracht.size.2xs}"
+        },
+        "name": "conductionPaginationItemGap",
+        "attributes": {
+          "category": "conduction",
+          "type": "pagination",
+          "item": "item-gap"
+        },
+        "path": [
+          "conduction",
+          "pagination",
+          "item-gap"
+        ]
+      },
+      "item-color": {
+        "value": "#000000",
+        "filePath": "src/component/conduction/pagination.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{noaberkracht.color.black.0}"
+        },
+        "name": "conductionPaginationItemColor",
+        "attributes": {
+          "category": "conduction",
+          "type": "pagination",
+          "item": "item-color"
+        },
+        "path": [
+          "conduction",
+          "pagination",
+          "item-color"
+        ]
+      },
+      "item-background-color": {
+        "value": "#ffffff",
+        "filePath": "src/component/conduction/pagination.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{noaberkracht.color.white.100}"
+        },
+        "name": "conductionPaginationItemBackgroundColor",
+        "attributes": {
+          "category": "conduction",
+          "type": "pagination",
+          "item": "item-background-color"
+        },
+        "path": [
+          "conduction",
+          "pagination",
+          "item-background-color"
+        ]
+      },
+      "item-border-radius": {
+        "value": "18px",
+        "filePath": "src/component/conduction/pagination.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{noaberkracht.size.md}"
+        },
+        "name": "conductionPaginationItemBorderRadius",
+        "attributes": {
+          "category": "conduction",
+          "type": "pagination",
+          "item": "item-border-radius"
+        },
+        "path": [
+          "conduction",
+          "pagination",
+          "item-border-radius"
+        ]
+      },
+      "item-padding-inline-start": {
+        "value": "14px",
+        "filePath": "src/component/conduction/pagination.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{noaberkracht.size.sm}"
+        },
+        "name": "conductionPaginationItemPaddingInlineStart",
+        "attributes": {
+          "category": "conduction",
+          "type": "pagination",
+          "item": "item-padding-inline-start"
+        },
+        "path": [
+          "conduction",
+          "pagination",
+          "item-padding-inline-start"
+        ]
+      },
+      "item-padding-inline-end": {
+        "value": "14px",
+        "filePath": "src/component/conduction/pagination.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{noaberkracht.size.sm}"
+        },
+        "name": "conductionPaginationItemPaddingInlineEnd",
+        "attributes": {
+          "category": "conduction",
+          "type": "pagination",
+          "item": "item-padding-inline-end"
+        },
+        "path": [
+          "conduction",
+          "pagination",
+          "item-padding-inline-end"
+        ]
+      },
+      "item-padding-block-start": {
+        "value": "8px",
+        "filePath": "src/component/conduction/pagination.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{noaberkracht.size.xs}"
+        },
+        "name": "conductionPaginationItemPaddingBlockStart",
+        "attributes": {
+          "category": "conduction",
+          "type": "pagination",
+          "item": "item-padding-block-start"
+        },
+        "path": [
+          "conduction",
+          "pagination",
+          "item-padding-block-start"
+        ]
+      },
+      "item-padding-block-end": {
+        "value": "8px",
+        "filePath": "src/component/conduction/pagination.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{noaberkracht.size.xs}"
+        },
+        "name": "conductionPaginationItemPaddingBlockEnd",
+        "attributes": {
+          "category": "conduction",
+          "type": "pagination",
+          "item": "item-padding-block-end"
+        },
+        "path": [
+          "conduction",
+          "pagination",
+          "item-padding-block-end"
+        ]
+      },
+      "item-font-size": {
+        "value": "18px",
+        "filePath": "src/component/conduction/pagination.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{utrecht.document.font-size}"
+        },
+        "name": "conductionPaginationItemFontSize",
+        "attributes": {
+          "category": "conduction",
+          "type": "pagination",
+          "item": "item-font-size"
+        },
+        "path": [
+          "conduction",
+          "pagination",
+          "item-font-size"
+        ]
+      },
+      "item-font-weight": {
+        "value": "400",
+        "filePath": "src/component/conduction/pagination.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{noaberkracht.typography.font-weight.normal}"
+        },
+        "name": "conductionPaginationItemFontWeight",
+        "attributes": {
+          "category": "conduction",
+          "type": "pagination",
+          "item": "item-font-weight"
+        },
+        "path": [
+          "conduction",
+          "pagination",
+          "item-font-weight"
+        ]
+      },
+      "item-font-family": {
+        "value": "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\"",
+        "filePath": "src/component/conduction/pagination.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{utrecht.document.font-family}"
+        },
+        "name": "conductionPaginationItemFontFamily",
+        "attributes": {
+          "category": "conduction",
+          "type": "pagination",
+          "item": "item-font-family"
+        },
+        "path": [
+          "conduction",
+          "pagination",
+          "item-font-family"
+        ]
+      },
+      "navigation-button-padding-inline-start": {
+        "value": "8px",
+        "filePath": "src/component/conduction/pagination.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{noaberkracht.size.xs}"
+        },
+        "name": "conductionPaginationNavigationButtonPaddingInlineStart",
+        "attributes": {
+          "category": "conduction",
+          "type": "pagination",
+          "item": "navigation-button-padding-inline-start"
+        },
+        "path": [
+          "conduction",
+          "pagination",
+          "navigation-button-padding-inline-start"
+        ]
+      },
+      "navigation-button-padding-inline-end": {
+        "value": "8px",
+        "filePath": "src/component/conduction/pagination.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{noaberkracht.size.xs}"
+        },
+        "name": "conductionPaginationNavigationButtonPaddingInlineEnd",
+        "attributes": {
+          "category": "conduction",
+          "type": "pagination",
+          "item": "navigation-button-padding-inline-end"
+        },
+        "path": [
+          "conduction",
+          "pagination",
+          "navigation-button-padding-inline-end"
+        ]
+      },
+      "navigation-button-padding-block-start": {
+        "value": "0px",
+        "filePath": "src/component/conduction/pagination.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "0px"
+        },
+        "name": "conductionPaginationNavigationButtonPaddingBlockStart",
+        "attributes": {
+          "category": "conduction",
+          "type": "pagination",
+          "item": "navigation-button-padding-block-start"
+        },
+        "path": [
+          "conduction",
+          "pagination",
+          "navigation-button-padding-block-start"
+        ]
+      },
+      "navigation-button-padding-block-end": {
+        "value": "0px",
+        "filePath": "src/component/conduction/pagination.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "0px"
+        },
+        "name": "conductionPaginationNavigationButtonPaddingBlockEnd",
+        "attributes": {
+          "category": "conduction",
+          "type": "pagination",
+          "item": "navigation-button-padding-block-end"
+        },
+        "path": [
+          "conduction",
+          "pagination",
+          "navigation-button-padding-block-end"
+        ]
+      },
+      "disabled-color": {},
+      "disabled-background-color": {
+        "value": "#f5f5f5",
+        "filePath": "src/component/conduction/pagination.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{noaberkracht.color.lightgrey.96}"
+        },
+        "name": "conductionPaginationDisabledBackgroundColor",
+        "attributes": {
+          "category": "conduction",
+          "type": "pagination",
+          "item": "disabled-background-color"
+        },
+        "path": [
+          "conduction",
+          "pagination",
+          "disabled-background-color"
+        ]
+      },
+      "current-page-color": {
+        "value": "#ffffff",
+        "filePath": "src/component/conduction/pagination.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{noaberkracht.color.white.100}"
+        },
+        "name": "conductionPaginationCurrentPageColor",
+        "attributes": {
+          "category": "conduction",
+          "type": "pagination",
+          "item": "current-page-color"
+        },
+        "path": [
+          "conduction",
+          "pagination",
+          "current-page-color"
+        ]
+      },
+      "current-page-background-color": {
+        "value": "#f0b800",
+        "filePath": "src/component/conduction/pagination.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{noaberkracht.color.yellow.47}"
+        },
+        "name": "conductionPaginationCurrentPageBackgroundColor",
+        "attributes": {
+          "category": "conduction",
+          "type": "pagination",
+          "item": "current-page-background-color"
+        },
+        "path": [
+          "conduction",
+          "pagination",
+          "current-page-background-color"
+        ]
+      },
+      "current-page-font-weight": {
+        "value": "700",
+        "filePath": "src/component/conduction/pagination.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{noaberkracht.typography.font-weight.bold}"
+        },
+        "name": "conductionPaginationCurrentPageFontWeight",
+        "attributes": {
+          "category": "conduction",
+          "type": "pagination",
+          "item": "current-page-font-weight"
+        },
+        "path": [
+          "conduction",
+          "pagination",
+          "current-page-font-weight"
+        ]
+      },
+      "current-page-text-decoration": {
+        "value": "unset",
+        "filePath": "src/component/conduction/pagination.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "unset"
+        },
+        "name": "conductionPaginationCurrentPageTextDecoration",
+        "attributes": {
+          "category": "conduction",
+          "type": "pagination",
+          "item": "current-page-text-decoration"
+        },
+        "path": [
+          "conduction",
+          "pagination",
+          "current-page-text-decoration"
+        ]
+      },
+      "page-hover-color": {
+        "value": "#f0b800",
+        "filePath": "src/component/conduction/pagination.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{noaberkracht.color.yellow.47}"
+        },
+        "name": "conductionPaginationPageHoverColor",
+        "attributes": {
+          "category": "conduction",
+          "type": "pagination",
+          "item": "page-hover-color"
+        },
+        "path": [
+          "conduction",
+          "pagination",
+          "page-hover-color"
+        ]
+      },
+      "page-hover-background-color": {
+        "value": "#ffffff",
+        "filePath": "src/component/conduction/pagination.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{noaberkracht.color.white.100}"
+        },
+        "name": "conductionPaginationPageHoverBackgroundColor",
+        "attributes": {
+          "category": "conduction",
+          "type": "pagination",
+          "item": "page-hover-background-color"
+        },
+        "path": [
+          "conduction",
+          "pagination",
+          "page-hover-background-color"
+        ]
+      },
+      "page-hover-text-decoration": {
+        "value": "unset",
+        "filePath": "src/component/conduction/pagination.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "unset"
+        },
+        "name": "conductionPaginationPageHoverTextDecoration",
+        "attributes": {
+          "category": "conduction",
+          "type": "pagination",
+          "item": "page-hover-text-decoration"
+        },
+        "path": [
+          "conduction",
+          "pagination",
+          "page-hover-text-decoration"
+        ]
+      },
+      "page-hover-text-decoration-thickness": {
+        "value": "0px",
+        "filePath": "src/component/conduction/pagination.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "0px"
+        },
+        "name": "conductionPaginationPageHoverTextDecorationThickness",
+        "attributes": {
+          "category": "conduction",
+          "type": "pagination",
+          "item": "page-hover-text-decoration-thickness"
+        },
+        "path": [
+          "conduction",
+          "pagination",
+          "page-hover-text-decoration-thickness"
+        ]
+      }
+    },
     "input-select": {
       "background-color": {
         "value": "#ffffff",

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

@@ -0,0 +1,41 @@
+{
+  "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}" },
+
+      "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" },
+
+      "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" }
+    }
+  }
+}

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

@@ -1,12 +1,23 @@
 /**
  * Do not edit directly
- * Generated on Fri, 25 Aug 2023 13:32:25 GMT
+ * Generated on Wed, 30 Aug 2023 11:45:25 GMT
  */
 
 .noordwijk-theme {
   --conduction-input-select-padding-block-start: 0;
   --conduction-input-select-padding-block-end: 0;
   --conduction-input-select-border-focus: unset;
+  --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-container-padding-block-end: 0px;
+  --conduction-pagination-container-padding-block-start: 0px;
+  --conduction-pagination-container-padding-inline-end: 0px;
+  --conduction-pagination-container-padding-inline-start: 0px;
+  --conduction-pagination-container-background-color: unset;
   --conduction-card-wrapper-border-radius: 5px;
   --conduction-card-wrapper-border-width: unset;
   --utrecht-paragraph-margin-block-end: 0;
@@ -77,8 +88,8 @@
   --noordwijk-color-light-blue-96: #f2f7fa;
   --noordwijk-color-light-blue-58: #6096c7;
   --noordwijk-color-light-blue-51: #4685be;
-  --noordwijk-color-light-grey-96: #f5f5f5; /* Base/LightGrey */
-  --noordwijk-color-light-grey-92: #ebebeb;
+  --noordwijk-color-lightgrey-96: #f5f5f5; /* Base/LightGrey */
+  --noordwijk-color-lightgrey-92: #ebebeb;
   --noordwijk-color-grey-97: #f7f7f7;
   --noordwijk-color-grey-82: #d1d1d1;
   --noordwijk-color-grey-55: #8c8c8c;
@@ -106,6 +117,21 @@
   --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-color: var(--noordwijk-color-white-100);
+  --conduction-pagination-current-page-font-weight: var(--noordwijk-typography-font-weight-normal);
+  --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-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);
   --conduction-card-wrapper-padding-block-start: var(--noordwijk-size-md);
   --conduction-card-wrapper-padding-block-end: var(--noordwijk-size-md);
   --conduction-card-wrapper-padding-inline-start: var(--noordwijk-size-md);
@@ -212,10 +238,10 @@
   --utrecht-code-block-font-size: var(--noordwijk-font-size-md);
   --utrecht-code-block-font-family: var(--noordwijk-typography-monospace-font-family);
   --utrecht-code-block-color: var(--noordwijk-color-black-0);
-  --utrecht-code-block-background-color: var(--noordwijk-color-light-grey-92);
+  --utrecht-code-block-background-color: var(--noordwijk-color-lightgrey-92);
   --utrecht-code-font-family: var(--noordwijk-typography-monospace-font-family);
   --utrecht-code-color: var(--noordwijk-color-black-0);
-  --utrecht-code-background-color: var(--noordwijk-color-light-grey-92);
+  --utrecht-code-background-color: var(--noordwijk-color-lightgrey-92);
   --utrecht-button-secondary-action-hover-background-color: var(--noordwijk-color-white-100);
   --utrecht-button-secondary-action-font-weight: var(--noordwijk-typography-font-weight-normal);
   --utrecht-button-secondary-action-border-width: var(--noordwijk-size-3xs);
@@ -290,6 +316,9 @@
   --noordwijk-color-primary: var(--noordwijk-color-blue-30);
   --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-card-header-title-color: var(--noordwijk-color-primary);
   --conduction-card-header-color: var(--utrecht-document-color);
   --utrecht-paragraph-color: var(--utrecht-document-color);