@conduction/theme 1.0.30 → 1.0.32

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

@@ -0,0 +1,41 @@
+{
+  "conduction": {
+    "pagination": {
+      "container-background-color": { "value": "{epe.color.grey.90}" },
+      "container-padding-inline-start": { "value": "10px" },
+      "container-padding-inline-end": { "value": "10px" },
+      "container-padding-block-start": { "value": "10px" },
+      "container-padding-block-end": { "value": "10px" },
+
+      "item-gap": { "value": "{epe.size.2xs}" },
+      "item-color": { "value": "{epe.color.blue.31}" },
+      "item-background-color": { "value": "{epe.color.white.98}" },
+      "item-border-radius": { "value": "0px" },
+      "item-padding-inline-start": { "value": "{epe.size.sm}" },
+      "item-padding-inline-end": { "value": "{epe.size.sm}" },
+      "item-padding-block-start": { "value": "{epe.size.xs}" },
+      "item-padding-block-end": { "value": "{epe.size.xs}" },
+      "item-font-size": { "value": "{utrecht.document.font-size}" },
+      "item-font-weight": { "value": "{epe.typography.font-weight.normal}" },
+      "item-font-family": { "value": "{utrecht.document.font-family}" },
+
+      "navigation-button-padding-inline-start": { "value": "{epe.size.xs}" },
+      "navigation-button-padding-inline-end": { "value": "{epe.size.xs}" },
+      "navigation-button-padding-block-start": { "value": "0px" },
+      "navigation-button-padding-block-end": { "value": "0px" },
+
+      "disabled-color": { "value": "{epe.color.blue.83}" },
+      "disabled-background-color": { "value": "{epe.color.grey.90}" },
+
+      "current-page-color": { "value": "{epe.color.white.98}" },
+      "current-page-background-color": { "value": "{epe.color.blue.31}" },
+      "current-page-font-weight": { "value": "{epe.typography.font-weight.normal}" },
+      "current-page-text-decoration": { "value": "unset" },
+
+      "page-hover-color": { "value": "{epe.color.blue.31}" },
+      "page-hover-background-color": { "value": "{epe.color.blue.83}" },
+      "page-hover-text-decoration": { "value": "underline" },
+      "page-hover-text-decoration-thickness": { "value": "0.15rem" }
+    }
+  }
+}

package/municipalities/epe-design-tokens/src/component/utrecht/surface.tokens.json

@@ -0,0 +1,8 @@
+{
+  "utrecht": {
+    "surface": {
+      "background-color": { "value": "{epe.color.white.100}" },
+      "color": {}
+    }
+  }
+}

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

@@ -1,12 +1,24 @@
 /**
  * Do not edit directly
- * Generated on Thu, 24 Aug 2023 15:20:06 GMT
+ * Generated on Wed, 30 Aug 2023 11:44:47 GMT
  */
 
 .leiden-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: 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;
@@ -69,6 +81,7 @@
   --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 */
@@ -94,6 +107,23 @@
   --conduction-input-select-invalid-border-color: var(--leiden-color-error);
   --conduction-input-select-border-radius: var(--utrecht-form-input-border-radius);
   --conduction-input-select-background-color: var(--leiden-color-white-100);
+  --conduction-pagination-page-hover-background-color: var(--leiden-color-white-100);
+  --conduction-pagination-page-hover-color: var(--leiden-color-lightblue-37);
+  --conduction-pagination-current-page-font-weight: var(--leiden-typography-font-weight-bold);
+  --conduction-pagination-current-page-background-color: var(--leiden-color-white-100);
+  --conduction-pagination-current-page-color: var(--leiden-color-black-9);
+  --conduction-pagination-disabled-background-color: var(--leiden-color-white-100);
+  --conduction-pagination-disabled-color: var(--leiden-color-lightgrey-89);
+  --conduction-pagination-navigation-button-padding-inline-end: var(--leiden-size-xs);
+  --conduction-pagination-navigation-button-padding-inline-start: var(--leiden-size-xs);
+  --conduction-pagination-item-font-weight: var(--leiden-typography-font-weight-bold);
+  --conduction-pagination-item-padding-block-end: var(--leiden-size-xs);
+  --conduction-pagination-item-padding-block-start: var(--leiden-size-xs);
+  --conduction-pagination-item-padding-inline-end: var(--leiden-size-xs);
+  --conduction-pagination-item-padding-inline-start: var(--leiden-size-xs);
+  --conduction-pagination-item-background-color: var(--leiden-color-white-100);
+  --conduction-pagination-item-color: var(--leiden-color-lightblue-37);
+  --conduction-pagination-item-gap: var(--leiden-size-2xs);
   --conduction-card-wrapper-padding-block-start: var(--leiden-size-sm);
   --conduction-card-wrapper-padding-block-end: var(--leiden-size-sm);
   --conduction-card-wrapper-padding-inline-start: var(--leiden-size-xl);
@@ -104,6 +134,7 @@
   --conduction-card-header-date-font-size: var(--leiden-font-size-sm);
   --conduction-card-header-date-color: var(--leiden-color-black-9);
   --conduction-card-header-title-color: var(--leiden-color-black-9);
+  --utrecht-surface-background-color: var(--leiden-color-white-100);
   --utrecht-paragraph-font-weight: var(--leiden-typography-font-weight-normal);
   --utrecht-paragraph-font-size: var(--leiden-font-size-md);
   --utrecht-paragraph-font-family: var(--leiden-typography-sans-serif-font-family);
@@ -288,6 +319,7 @@
   --leiden-color-info: var(--leiden-color-primary);
   --conduction-input-select-placeholder-color: var(--utrecht-form-input-placeholder-color);
   --conduction-input-select-border: 1px solid var(--utrecht-form-input-border-color);
+  --conduction-pagination-item-font-family: var(--utrecht-document-font-family);
   --conduction-card-wrapper-color: var(--utrecht-document-color);
   --conduction-card-header-color: var(--utrecht-document-color);
   --utrecht-paragraph-color: var(--utrecht-document-color);

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 24 Aug 2023 15:20:06 GMT
+ * Generated on Wed, 30 Aug 2023 11:44:47 GMT
  */
 
 export const leidenColorPrimary = "#d62410";
@@ -23,6 +23,7 @@ export const leidenColorLightgrey89 = "#e4e4e4"; // Base/LightGrey
 export const leidenColorWhite100 = "#ffffff"; // Base/White
 export const leidenColorBlack9 = "#0d1921"; // Base/Black
 export const leidenColorLightblue24 = "#2c3e50"; // Base/LightBlue
+export const leidenColorLightblue37 = "#057aba";
 export const leidenColorLightblue89 = "#dce4ec";
 export const leidenFontSize4xs = "5px";
 export const leidenFontSize3xs = "8px";
@@ -272,6 +273,7 @@ export const utrechtParagraphFontWeight = "400";
 export const utrechtParagraphLineHeight = "1.5em";
 export const utrechtParagraphMarginBlockStart = 0;
 export const utrechtParagraphMarginBlockEnd = 0;
+export const utrechtSurfaceBackgroundColor = "#ffffff";
 export const conductionCardHeaderColor = "#0d1921";
 export const conductionCardHeaderTitleColor = "#0d1921";
 export const conductionCardHeaderDateColor = "#0d1921";
@@ -286,6 +288,36 @@ export const conductionCardWrapperPaddingInlineEnd = "32px";
 export const conductionCardWrapperPaddingInlineStart = "32px";
 export const conductionCardWrapperPaddingBlockEnd = "14px";
 export const conductionCardWrapperPaddingBlockStart = "14px";
+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 = "#057aba";
+export const conductionPaginationItemBackgroundColor = "#ffffff";
+export const conductionPaginationItemBorderRadius = "0px";
+export const conductionPaginationItemPaddingInlineStart = "8px";
+export const conductionPaginationItemPaddingInlineEnd = "8px";
+export const conductionPaginationItemPaddingBlockStart = "8px";
+export const conductionPaginationItemPaddingBlockEnd = "8px";
+export const conductionPaginationItemFontSize = "15px";
+export const conductionPaginationItemFontWeight = "700";
+export const conductionPaginationItemFontFamily = "\"Open Sans\", Arial, sans-serif";
+export const conductionPaginationNavigationButtonPaddingInlineStart = "8px";
+export const conductionPaginationNavigationButtonPaddingInlineEnd = "8px";
+export const conductionPaginationNavigationButtonPaddingBlockStart = "0px";
+export const conductionPaginationNavigationButtonPaddingBlockEnd = "0px";
+export const conductionPaginationDisabledColor = "#e4e4e4";
+export const conductionPaginationDisabledBackgroundColor = "#ffffff";
+export const conductionPaginationCurrentPageColor = "#0d1921";
+export const conductionPaginationCurrentPageBackgroundColor = "#ffffff";
+export const conductionPaginationCurrentPageFontWeight = "700";
+export const conductionPaginationCurrentPageTextDecoration = "underline";
+export const conductionPaginationPageHoverColor = "#057aba";
+export const conductionPaginationPageHoverBackgroundColor = "#ffffff";
+export const conductionPaginationPageHoverTextDecoration = "underline";
+export const conductionPaginationPageHoverTextDecorationThickness = "1px";
 export const conductionInputSelectBackgroundColor = "#ffffff";
 export const conductionInputSelectBorder = "1px solid #5f594a";
 export const conductionInputSelectBorderFocus = "unset";