@conduction/theme 1.0.31 → 1.0.32

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

@@ -1,12 +1,27 @@
 /**
  * Do not edit directly
- * Generated on Fri, 25 Aug 2023 13:31:56 GMT
+ * Generated on Wed, 30 Aug 2023 11:44:54 GMT
  */
 
 .xxllnc-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-disabled-background-color: unset;
+  --conduction-pagination-navigation-button-padding-block-end: 0px;
+  --conduction-pagination-navigation-button-padding-block-start: 0px;
+  --conduction-pagination-navigation-button-padding-inline-end: ;
+  --conduction-pagination-navigation-button-padding-inline-start: ;
+  --conduction-pagination-item-padding-inline-end: 12px;
+  --conduction-pagination-item-padding-inline-start: 12px;
+  --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-width: unset;
   --utrecht-paragraph-margin-block-end: 0;
   --utrecht-paragraph-margin-block-start: 0;
@@ -103,6 +118,19 @@
   --conduction-input-select-border-radius: var(--utrecht-form-input-border-radius);
   --conduction-input-select-border: 1px solid var(--xxllnc-color-grey-92);
   --conduction-input-select-background-color: var(--xxllnc-color-white-100);
+  --conduction-pagination-page-hover-background-color: var(--xxllnc-color-white-100);
+  --conduction-pagination-page-hover-color: var(--xxllnc-color-primary);
+  --conduction-pagination-current-page-font-weight: var(--xxllnc-typography-font-weight-bold);
+  --conduction-pagination-current-page-background-color: var(--xxllnc-color-black-21);
+  --conduction-pagination-current-page-color: var(--xxllnc-color-white-100);
+  --conduction-pagination-disabled-color: var(--xxllnc-color-grey-90);
+  --conduction-pagination-item-font-weight: var(--xxllnc-typography-font-weight-normal);
+  --conduction-pagination-item-padding-block-end: var(--xxllnc-size-xs);
+  --conduction-pagination-item-padding-block-start: var(--xxllnc-size-xs);
+  --conduction-pagination-item-border-radius: var(--xxllnc-size-xl);
+  --conduction-pagination-item-background-color: var(--xxllnc-color-white-100);
+  --conduction-pagination-item-color: var(--xxllnc-color-primary);
+  --conduction-pagination-item-gap: var(--xxllnc-size-2xs);
   --conduction-card-wrapper-padding-block-start: var(--xxllnc-size-md);
   --conduction-card-wrapper-padding-block-end: var(--xxllnc-size-md);
   --conduction-card-wrapper-padding-inline-start: var(--xxllnc-size-md);
@@ -294,6 +322,8 @@
   --xxllnc-color-alert-info: var(--xxllnc-color-black-16);
   --xxllnc-color-info: var(--xxllnc-color-primary);
   --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);
   --utrecht-paragraph-color: var(--utrecht-document-color);
   --utrecht-unordered-list-font-size: var(--utrecht-document-font-size);
   --utrecht-ordered-list-font-size: var(--utrecht-document-font-size);

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 25 Aug 2023 13:31:56 GMT
+ * Generated on Wed, 30 Aug 2023 11:44:54 GMT
  */
 
 export const xxllncColorPrimary = "#000000ad"; // Primary with 68% transparency
@@ -293,6 +293,36 @@ export const conductionCardWrapperPaddingInlineEnd = "18px";
 export const conductionCardWrapperPaddingInlineStart = "18px";
 export const conductionCardWrapperPaddingBlockEnd = "18px";
 export const conductionCardWrapperPaddingBlockStart = "18px";
+export const conductionPaginationContainerBackgroundColor = "unset";
+export const conductionPaginationContainerPaddingInlineStart = "0px";
+export const conductionPaginationContainerPaddingInlineEnd = "0px";
+export const conductionPaginationContainerPaddingBlockStart = "0px";
+export const conductionPaginationContainerPaddingBlockEnd = "0px";
+export const conductionPaginationItemGap = "4px";
+export const conductionPaginationItemColor = "#000000ad";
+export const conductionPaginationItemBackgroundColor = "#ffffff";
+export const conductionPaginationItemBorderRadius = "32px";
+export const conductionPaginationItemPaddingInlineStart = "12px";
+export const conductionPaginationItemPaddingInlineEnd = "12px";
+export const conductionPaginationItemPaddingBlockStart = "8px";
+export const conductionPaginationItemPaddingBlockEnd = "8px";
+export const conductionPaginationItemFontSize = "16px";
+export const conductionPaginationItemFontWeight = "400";
+export const conductionPaginationItemFontFamily = "neue-haas-grotesk-text, sans-serif";
+export const conductionPaginationNavigationButtonPaddingInlineStart = "";
+export const conductionPaginationNavigationButtonPaddingInlineEnd = "";
+export const conductionPaginationNavigationButtonPaddingBlockStart = "0px";
+export const conductionPaginationNavigationButtonPaddingBlockEnd = "0px";
+export const conductionPaginationDisabledColor = "#e5e5e5";
+export const conductionPaginationDisabledBackgroundColor = "unset";
+export const conductionPaginationCurrentPageColor = "#ffffff";
+export const conductionPaginationCurrentPageBackgroundColor = "#333338";
+export const conductionPaginationCurrentPageFontWeight = "700";
+export const conductionPaginationCurrentPageTextDecoration = "unset";
+export const conductionPaginationPageHoverColor = "#000000ad";
+export const conductionPaginationPageHoverBackgroundColor = "#ffffff";
+export const conductionPaginationPageHoverTextDecoration = "unset";
+export const conductionPaginationPageHoverTextDecorationThickness = "0px";
 export const conductionInputSelectBackgroundColor = "#ffffff";
 export const conductionInputSelectBorder = "1px solid #eaeaea";
 export const conductionInputSelectBorderFocus = "unset";

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

@@ -494,6 +494,576 @@
       "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": "#333338",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{xxllnc.color.black.21}"
+    },
+    "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": "{xxllnc.color.white.100}"
+    },
+    "name": "conductionPaginationCurrentPageColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "current-page-color"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "current-page-color"
+    ]
+  },
+  {
+    "value": "700",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{xxllnc.typography.font-weight.bold}"
+    },
+    "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": "unset",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "unset"
+    },
+    "name": "conductionPaginationDisabledBackgroundColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "disabled-background-color"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "disabled-background-color"
+    ]
+  },
+  {
+    "value": "#e5e5e5",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{xxllnc.color.grey.90}"
+    },
+    "name": "conductionPaginationDisabledColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "disabled-color"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "disabled-color"
+    ]
+  },
+  {
+    "value": "#ffffff",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{xxllnc.color.white.100}"
+    },
+    "name": "conductionPaginationItemBackgroundColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "item-background-color"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "item-background-color"
+    ]
+  },
+  {
+    "value": "32px",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{xxllnc.size.xl}"
+    },
+    "name": "conductionPaginationItemBorderRadius",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "item-border-radius"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "item-border-radius"
+    ]
+  },
+  {
+    "value": "#000000ad",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{xxllnc.color.primary}"
+    },
+    "name": "conductionPaginationItemColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "item-color"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "item-color"
+    ]
+  },
+  {
+    "value": "neue-haas-grotesk-text, 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"
+    ]
+  },
+  {
+    "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": "400",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{xxllnc.typography.font-weight.normal}"
+    },
+    "name": "conductionPaginationItemFontWeight",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "item-font-weight"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "item-font-weight"
+    ]
+  },
+  {
+    "value": "4px",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{xxllnc.size.2xs}"
+    },
+    "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": "{xxllnc.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": "{xxllnc.size.xs}"
+    },
+    "name": "conductionPaginationItemPaddingBlockStart",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "item-padding-block-start"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "item-padding-block-start"
+    ]
+  },
+  {
+    "value": "12px",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "12px"
+    },
+    "name": "conductionPaginationItemPaddingInlineEnd",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "item-padding-inline-end"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "item-padding-inline-end"
+    ]
+  },
+  {
+    "value": "12px",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "12px"
+    },
+    "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": "",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": ""
+    },
+    "name": "conductionPaginationNavigationButtonPaddingInlineEnd",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "navigation-button-padding-inline-end"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "navigation-button-padding-inline-end"
+    ]
+  },
+  {
+    "value": "",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": ""
+    },
+    "name": "conductionPaginationNavigationButtonPaddingInlineStart",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "navigation-button-padding-inline-start"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "navigation-button-padding-inline-start"
+    ]
+  },
+  {
+    "value": "#ffffff",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{xxllnc.color.white.100}"
+    },
+    "name": "conductionPaginationPageHoverBackgroundColor",
+    "attributes": {
+      "category": "conduction",
+      "type": "pagination",
+      "item": "page-hover-background-color"
+    },
+    "path": [
+      "conduction",
+      "pagination",
+      "page-hover-background-color"
+    ]
+  },
+  {
+    "value": "#000000ad",
+    "filePath": "src/component/conduction/pagination.tokens.json",
+    "isSource": true,
+    "original": {
+      "value": "{xxllnc.color.primary}"
+    },
+    "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": "wait",
     "filePath": "src/common/utrecht/action.tokens.json",