@conduction/theme 1.0.31 → 1.0.32

package/municipalities/leiden-design-tokens/dist/index.scss

@@ -1,10 +1,22 @@
 
 // Do not edit directly
-// Generated on Fri, 25 Aug 2023 13:31:49 GMT
+// Generated on Wed, 30 Aug 2023 11:44:47 GMT
 
 $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: 1px;
+$conduction-pagination-page-hover-text-decoration: underline;
+$conduction-pagination-current-page-text-decoration: underline;
+$conduction-pagination-navigation-button-padding-block-end: 0px;
+$conduction-pagination-navigation-button-padding-block-start: 0px;
+$conduction-pagination-item-font-size: 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;
+$conduction-pagination-container-padding-inline-start: 0px;
+$conduction-pagination-container-background-color: unset;
 $conduction-card-wrapper-border-radius: 0px;
 $conduction-card-wrapper-border-width: unset;
 $utrecht-paragraph-margin-block-end: 0;
@@ -67,6 +79,7 @@ $leiden-font-size-2xs: 10px;
 $leiden-font-size-3xs: 8px;
 $leiden-font-size-4xs: 5px;
 $leiden-color-lightblue-89: #dce4ec;
+$leiden-color-lightblue-37: #057aba;
 $leiden-color-lightblue-24: #2c3e50; // Base/LightBlue
 $leiden-color-black-9: #0d1921; // Base/Black
 $leiden-color-white-100: #ffffff; // Base/White
@@ -92,6 +105,23 @@ $conduction-input-select-list-option-font-family: $leiden-typography-sans-serif-
 $conduction-input-select-invalid-border-color: $leiden-color-error;
 $conduction-input-select-border-radius: $utrecht-form-input-border-radius;
 $conduction-input-select-background-color: $leiden-color-white-100;
+$conduction-pagination-page-hover-background-color: $leiden-color-white-100;
+$conduction-pagination-page-hover-color: $leiden-color-lightblue-37;
+$conduction-pagination-current-page-font-weight: $leiden-typography-font-weight-bold;
+$conduction-pagination-current-page-background-color: $leiden-color-white-100;
+$conduction-pagination-current-page-color: $leiden-color-black-9;
+$conduction-pagination-disabled-background-color: $leiden-color-white-100;
+$conduction-pagination-disabled-color: $leiden-color-lightgrey-89;
+$conduction-pagination-navigation-button-padding-inline-end: $leiden-size-xs;
+$conduction-pagination-navigation-button-padding-inline-start: $leiden-size-xs;
+$conduction-pagination-item-font-weight: $leiden-typography-font-weight-bold;
+$conduction-pagination-item-padding-block-end: $leiden-size-xs;
+$conduction-pagination-item-padding-block-start: $leiden-size-xs;
+$conduction-pagination-item-padding-inline-end: $leiden-size-xs;
+$conduction-pagination-item-padding-inline-start: $leiden-size-xs;
+$conduction-pagination-item-background-color: $leiden-color-white-100;
+$conduction-pagination-item-color: $leiden-color-lightblue-37;
+$conduction-pagination-item-gap: $leiden-size-2xs;
 $conduction-card-wrapper-padding-block-start: $leiden-size-sm;
 $conduction-card-wrapper-padding-block-end: $leiden-size-sm;
 $conduction-card-wrapper-padding-inline-start: $leiden-size-xl;
@@ -287,6 +317,7 @@ $leiden-typography-scale-4xs: $leiden-font-size-4xs;
 $leiden-color-info: $leiden-color-primary;
 $conduction-input-select-placeholder-color: $utrecht-form-input-placeholder-color;
 $conduction-input-select-border: 1px solid $utrecht-form-input-border-color;
+$conduction-pagination-item-font-family: $utrecht-document-font-family;
 $conduction-card-wrapper-color: $utrecht-document-color;
 $conduction-card-header-color: $utrecht-document-color;
 $utrecht-paragraph-color: $utrecht-document-color;

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

@@ -412,6 +412,27 @@
             "24"
           ]
         },
+        "37": {
+          "value": "#057aba",
+          "filePath": "src/brand/leiden/color.tokens.json",
+          "isSource": true,
+          "original": {
+            "value": "#057aba"
+          },
+          "name": "leidenColorLightblue37",
+          "attributes": {
+            "category": "leiden",
+            "type": "color",
+            "item": "lightblue",
+            "subitem": "37"
+          },
+          "path": [
+            "leiden",
+            "color",
+            "lightblue",
+            "37"
+          ]
+        },
         "89": {
           "value": "#dce4ec",
           "filePath": "src/brand/leiden/color.tokens.json",
@@ -6074,6 +6095,578 @@
         ]
       }
     },
+    "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": "{leiden.size.2xs}"
+        },
+        "name": "conductionPaginationItemGap",
+        "attributes": {
+          "category": "conduction",
+          "type": "pagination",
+          "item": "item-gap"
+        },
+        "path": [
+          "conduction",
+          "pagination",
+          "item-gap"
+        ]
+      },
+      "item-color": {
+        "value": "#057aba",
+        "filePath": "src/component/conduction/pagination.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{leiden.color.lightblue.37}"
+        },
+        "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": "{leiden.color.white.100}"
+        },
+        "name": "conductionPaginationItemBackgroundColor",
+        "attributes": {
+          "category": "conduction",
+          "type": "pagination",
+          "item": "item-background-color"
+        },
+        "path": [
+          "conduction",
+          "pagination",
+          "item-background-color"
+        ]
+      },
+      "item-border-radius": {
+        "value": "0px",
+        "filePath": "src/component/conduction/pagination.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "0px"
+        },
+        "name": "conductionPaginationItemBorderRadius",
+        "attributes": {
+          "category": "conduction",
+          "type": "pagination",
+          "item": "item-border-radius"
+        },
+        "path": [
+          "conduction",
+          "pagination",
+          "item-border-radius"
+        ]
+      },
+      "item-padding-inline-start": {
+        "value": "8px",
+        "filePath": "src/component/conduction/pagination.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{leiden.size.xs}"
+        },
+        "name": "conductionPaginationItemPaddingInlineStart",
+        "attributes": {
+          "category": "conduction",
+          "type": "pagination",
+          "item": "item-padding-inline-start"
+        },
+        "path": [
+          "conduction",
+          "pagination",
+          "item-padding-inline-start"
+        ]
+      },
+      "item-padding-inline-end": {
+        "value": "8px",
+        "filePath": "src/component/conduction/pagination.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{leiden.size.xs}"
+        },
+        "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": "{leiden.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": "{leiden.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": "15px",
+        "filePath": "src/component/conduction/pagination.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "15px"
+        },
+        "name": "conductionPaginationItemFontSize",
+        "attributes": {
+          "category": "conduction",
+          "type": "pagination",
+          "item": "item-font-size"
+        },
+        "path": [
+          "conduction",
+          "pagination",
+          "item-font-size"
+        ]
+      },
+      "item-font-weight": {
+        "value": "700",
+        "filePath": "src/component/conduction/pagination.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{leiden.typography.font-weight.bold}"
+        },
+        "name": "conductionPaginationItemFontWeight",
+        "attributes": {
+          "category": "conduction",
+          "type": "pagination",
+          "item": "item-font-weight"
+        },
+        "path": [
+          "conduction",
+          "pagination",
+          "item-font-weight"
+        ]
+      },
+      "item-font-family": {
+        "value": "\"Open Sans\", Arial, sans-serif",
+        "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": "{leiden.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": "{leiden.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": {
+        "value": "#e4e4e4",
+        "filePath": "src/component/conduction/pagination.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{leiden.color.lightgrey.89}"
+        },
+        "name": "conductionPaginationDisabledColor",
+        "attributes": {
+          "category": "conduction",
+          "type": "pagination",
+          "item": "disabled-color"
+        },
+        "path": [
+          "conduction",
+          "pagination",
+          "disabled-color"
+        ]
+      },
+      "disabled-background-color": {
+        "value": "#ffffff",
+        "filePath": "src/component/conduction/pagination.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{leiden.color.white.100}"
+        },
+        "name": "conductionPaginationDisabledBackgroundColor",
+        "attributes": {
+          "category": "conduction",
+          "type": "pagination",
+          "item": "disabled-background-color"
+        },
+        "path": [
+          "conduction",
+          "pagination",
+          "disabled-background-color"
+        ]
+      },
+      "current-page-color": {
+        "value": "#0d1921",
+        "filePath": "src/component/conduction/pagination.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{leiden.color.black.9}"
+        },
+        "name": "conductionPaginationCurrentPageColor",
+        "attributes": {
+          "category": "conduction",
+          "type": "pagination",
+          "item": "current-page-color"
+        },
+        "path": [
+          "conduction",
+          "pagination",
+          "current-page-color"
+        ]
+      },
+      "current-page-background-color": {
+        "value": "#ffffff",
+        "filePath": "src/component/conduction/pagination.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{leiden.color.white.100}"
+        },
+        "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": "{leiden.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": "underline",
+        "filePath": "src/component/conduction/pagination.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "underline"
+        },
+        "name": "conductionPaginationCurrentPageTextDecoration",
+        "attributes": {
+          "category": "conduction",
+          "type": "pagination",
+          "item": "current-page-text-decoration"
+        },
+        "path": [
+          "conduction",
+          "pagination",
+          "current-page-text-decoration"
+        ]
+      },
+      "page-hover-color": {
+        "value": "#057aba",
+        "filePath": "src/component/conduction/pagination.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "{leiden.color.lightblue.37}"
+        },
+        "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": "{leiden.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": "underline",
+        "filePath": "src/component/conduction/pagination.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "underline"
+        },
+        "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": "1px",
+        "filePath": "src/component/conduction/pagination.tokens.json",
+        "isSource": true,
+        "original": {
+          "value": "1px"
+        },
+        "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/leiden-design-tokens/src/brand/leiden/color.tokens.json

@@ -60,6 +60,9 @@
           "value": "#2c3e50",
           "comment": "Base/LightBlue"
         },
+        "37": {
+          "value": "#057aba"
+        },
         "89": {
           "value": "#dce4ec"
         }