@conduction/theme 1.0.31 → 1.0.33

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

@@ -561,6 +561,557 @@
       "font-family"
     ]
   },
+  {
+    "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"
+    ]
+  },
+  {
+    "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"
+    ]
+  },
+  {
+    "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"
+    ]
+  },
+  {
+    "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"
+    ]
+  },
+  {
+    "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"
+    ]
+  },
+  {
+    "value": "#2c2276",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.color.primary}"
+    },
+    "name": "conductionPaginationCurrentPageBackgroundColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "current-page-background-color"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "current-page-background-color"
+    ]
+  },
+  {
+    "value": "#ffffff",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.color.white.100}"
+    },
+    "name": "conductionPaginationCurrentPageColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "current-page-color"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "current-page-color"
+    ]
+  },
+  {
+    "value": "300",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.typography.font-weight.normal}"
+    },
+    "name": "conductionPaginationCurrentPageFontWeight",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "current-page-font-weight"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "current-page-font-weight"
+    ]
+  },
+  {
+    "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"
+    ]
+  },
+  {
+    "value": "#f5f5f5",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.color.lightgrey.96}"
+    },
+    "name": "conductionPaginationDisabledBackgroundColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "disabled-background-color"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "disabled-background-color"
+    ]
+  },
+  {
+    "value": "#ffffff",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.color.white.100}"
+    },
+    "name": "conductionPaginationItemBackgroundColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "item-background-color"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "item-background-color"
+    ]
+  },
+  {
+    "value": "30px",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "30px"
+    },
+    "name": "conductionPaginationItemBorderRadius",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "item-border-radius"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "item-border-radius"
+    ]
+  },
+  {
+    "value": "#000000",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.color.black.0}"
+    },
+    "name": "conductionPaginationItemColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "item-color"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "item-color"
+    ]
+  },
+  {
+    "value": "\"Roboto Slab\", Arial, sans-serif",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.typography.roboto-slab.font-family}"
+    },
+    "name": "conductionPaginationItemFontFamily",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "item-font-family"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "item-font-family"
+    ]
+  },
+  {
+    "value": "16px",
+    "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"
+    ]
+  },
+  {
+    "value": "300",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.typography.font-weight.normal}"
+    },
+    "name": "conductionPaginationItemFontWeight",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "item-font-weight"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "item-font-weight"
+    ]
+  },
+  {
+    "value": "8px",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.size.xs}"
+    },
+    "name": "conductionPaginationItemGap",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "item-gap"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "item-gap"
+    ]
+  },
+  {
+    "value": "8px",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.size.xs}"
+    },
+    "name": "conductionPaginationItemPaddingBlockEnd",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "item-padding-block-end"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "item-padding-block-end"
+    ]
+  },
+  {
+    "value": "8px",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.size.xs}"
+    },
+    "name": "conductionPaginationItemPaddingBlockStart",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "item-padding-block-start"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "item-padding-block-start"
+    ]
+  },
+  {
+    "value": "14px",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.size.sm}"
+    },
+    "name": "conductionPaginationItemPaddingInlineEnd",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "item-padding-inline-end"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "item-padding-inline-end"
+    ]
+  },
+  {
+    "value": "14px",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.size.sm}"
+    },
+    "name": "conductionPaginationItemPaddingInlineStart",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "item-padding-inline-start"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "item-padding-inline-start"
+    ]
+  },
+  {
+    "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"
+    ]
+  },
+  {
+    "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"
+    ]
+  },
+  {
+    "value": "8px",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.size.xs}"
+    },
+    "name": "conductionPaginationNavigationButtonPaddingInlineEnd",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "navigation-button-padding-inline-end"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "navigation-button-padding-inline-end"
+    ]
+  },
+  {
+    "value": "8px",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.size.xs}"
+    },
+    "name": "conductionPaginationNavigationButtonPaddingInlineStart",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "navigation-button-padding-inline-start"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "navigation-button-padding-inline-start"
+    ]
+  },
+  {
+    "value": "#2c2276",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.color.primary}"
+    },
+    "name": "conductionPaginationPageHoverBackgroundColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "page-hover-background-color"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "page-hover-background-color"
+    ]
+  },
+  {
+    "value": "#ffffff",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{noordwijk.color.white.100}"
+    },
+    "name": "conductionPaginationPageHoverColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "page-hover-color"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "page-hover-color"
+    ]
+  },
+  {
+    "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"
+    ]
+  },
+  {
+    "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"
+    ]
+  },
   {
     "value": "#721c24",
     "filePath": "src/brand/noordwijk/color.tokens.json",
@@ -1037,17 +1588,17 @@
     "original": {
       "value": "#ebebeb"
     },
-    "name": "noordwijkColorLightGrey92",
+    "name": "noordwijkColorLightgrey92",
     "attributes": {
       "category": "noordwijk",
       "type": "color",
-      "item": "light-grey",
+      "item": "lightgrey",
       "subitem": "92"
     },
     "path": [
       "noordwijk",
       "color",
-      "light-grey",
+      "lightgrey",
       "92"
     ]
   },
@@ -1060,17 +1611,17 @@
       "value": "#f5f5f5",
       "comment": "Base/LightGrey"
     },
-    "name": "noordwijkColorLightGrey96",
+    "name": "noordwijkColorLightgrey96",
     "attributes": {
       "category": "noordwijk",
       "type": "color",
-      "item": "light-grey",
+      "item": "lightgrey",
       "subitem": "96"
     },
     "path": [
       "noordwijk",
       "color",
-      "light-grey",
+      "lightgrey",
       "96"
     ]
   },
@@ -3128,7 +3679,7 @@
     "filePath": "src/component/utrecht/code.tokens.json",
     "isSource": true,
     "original": {
-      "value": "{noordwijk.color.light-grey.92}"
+      "value": "{noordwijk.color.lightgrey.92}"
     },
     "name": "utrechtCodeBackgroundColor",
     "attributes": {
@@ -3147,7 +3698,7 @@
     "filePath": "src/component/utrecht/code.tokens.json",
     "isSource": true,
     "original": {
-      "value": "{noordwijk.color.light-grey.92}"
+      "value": "{noordwijk.color.lightgrey.92}"
     },
     "name": "utrechtCodeBlockBackgroundColor",
     "attributes": {

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

@@ -1,10 +1,21 @@
 
 // Do not edit directly
-// Generated on Fri, 25 Aug 2023 13:32:25 GMT
+// Generated on Thu, 31 Aug 2023 07:59:08 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: 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;
@@ -75,8 +86,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;
@@ -104,6 +115,21 @@
 @conduction-input-select-border-radius: [object Object];
 @conduction-input-select-border: @noordwijk-size-4xs solid @noordwijk-color-grey-46;
 @conduction-input-select-background-color: @noordwijk-color-white-100;
+@conduction-pagination-page-hover-color: @noordwijk-color-white-100;
+@conduction-pagination-current-page-font-weight: @noordwijk-typography-font-weight-normal;
+@conduction-pagination-current-page-color: @noordwijk-color-white-100;
+@conduction-pagination-disabled-background-color: @noordwijk-color-lightgrey-96;
+@conduction-pagination-navigation-button-padding-inline-end: @noordwijk-size-xs;
+@conduction-pagination-navigation-button-padding-inline-start: @noordwijk-size-xs;
+@conduction-pagination-item-font-family: @noordwijk-typography-roboto-slab-font-family;
+@conduction-pagination-item-font-weight: @noordwijk-typography-font-weight-normal;
+@conduction-pagination-item-padding-block-end: @noordwijk-size-xs;
+@conduction-pagination-item-padding-block-start: @noordwijk-size-xs;
+@conduction-pagination-item-padding-inline-end: @noordwijk-size-sm;
+@conduction-pagination-item-padding-inline-start: @noordwijk-size-sm;
+@conduction-pagination-item-background-color: @noordwijk-color-white-100;
+@conduction-pagination-item-color: @noordwijk-color-black-0;
+@conduction-pagination-item-gap: @noordwijk-size-xs;
 @conduction-card-wrapper-padding-block-start: @noordwijk-size-md;
 @conduction-card-wrapper-padding-block-end: @noordwijk-size-md;
 @conduction-card-wrapper-padding-inline-start: @noordwijk-size-md;
@@ -210,10 +236,10 @@
 @utrecht-code-block-font-size: @noordwijk-font-size-md;
 @utrecht-code-block-font-family: @noordwijk-typography-monospace-font-family;
 @utrecht-code-block-color: @noordwijk-color-black-0;
-@utrecht-code-block-background-color: @noordwijk-color-light-grey-92;
+@utrecht-code-block-background-color: @noordwijk-color-lightgrey-92;
 @utrecht-code-font-family: @noordwijk-typography-monospace-font-family;
 @utrecht-code-color: @noordwijk-color-black-0;
-@utrecht-code-background-color: @noordwijk-color-light-grey-92;
+@utrecht-code-background-color: @noordwijk-color-lightgrey-92;
 @utrecht-button-secondary-action-hover-background-color: @noordwijk-color-white-100;
 @utrecht-button-secondary-action-font-weight: @noordwijk-typography-font-weight-normal;
 @utrecht-button-secondary-action-border-width: @noordwijk-size-3xs;
@@ -288,6 +314,9 @@
 @noordwijk-color-primary: @noordwijk-color-blue-30;
 @conduction-input-select-placeholder-color: @utrecht-form-input-placeholder-color;
 @conduction-input-select-list-option-hover-color: @noordwijk-color-primary;
+@conduction-pagination-page-hover-background-color: @noordwijk-color-primary;
+@conduction-pagination-current-page-background-color: @noordwijk-color-primary;
+@conduction-pagination-item-font-size: @utrecht-document-font-size;
 @conduction-card-header-title-color: @noordwijk-color-primary;
 @conduction-card-header-color: @utrecht-document-color;
 @utrecht-paragraph-color: @utrecht-document-color;