@conduction/theme 1.0.30 → 1.0.32

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

@@ -1,12 +1,22 @@
 /**
  * Do not edit directly
- * Generated on Thu, 24 Aug 2023 15:20:46 GMT
+ * Generated on Wed, 30 Aug 2023 11:45:17 GMT
  */
 
 .epe-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: 0.15rem;
+  --conduction-pagination-page-hover-text-decoration: underline;
+  --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: 0px;
+  --conduction-pagination-container-padding-block-end: 10px;
+  --conduction-pagination-container-padding-block-start: 10px;
+  --conduction-pagination-container-padding-inline-end: 10px;
+  --conduction-pagination-container-padding-inline-start: 10px;
   --conduction-card-wrapper-border-radius: 0px;
   --conduction-card-header-hover-border-bottom-style: solid;
   --conduction-card-header-border-bottom-style: solid;
@@ -94,10 +104,12 @@
   --epe-color-purple-45: #7337ae; /* Base/Purple */
   --epe-color-white-100: #ffffff; /* Base/White */
   --epe-color-white-98: #fafafa;
+  --epe-color-grey-90: #e6e6e6;
   --epe-color-grey-46: #757575;
   --epe-color-grey-34: #575757; /* Base/Grey */
   --epe-color-lightgrey-96: #f5f5f5; /* Base/LightGrey */
   --epe-color-lightgrey-41: #696969;
+  --epe-color-blue-83: #c1cce6;
   --epe-color-blue-31: #00549e; /* Base/Blue */
   --epe-color-blue-26: #004785;
   --epe-color-yellow-90: #fdf1ce;
@@ -117,6 +129,24 @@
   --conduction-input-select-invalid-border-color: var(--epe-color-error);
   --conduction-input-select-border: var(--epe-size-4xs) solid var(--epe-color-lightgrey-41);
   --conduction-input-select-background-color: var(--epe-color-white-100);
+  --conduction-pagination-page-hover-background-color: var(--epe-color-blue-83);
+  --conduction-pagination-page-hover-color: var(--epe-color-blue-31);
+  --conduction-pagination-current-page-font-weight: var(--epe-typography-font-weight-normal);
+  --conduction-pagination-current-page-background-color: var(--epe-color-blue-31);
+  --conduction-pagination-current-page-color: var(--epe-color-white-98);
+  --conduction-pagination-disabled-background-color: var(--epe-color-grey-90);
+  --conduction-pagination-disabled-color: var(--epe-color-blue-83);
+  --conduction-pagination-navigation-button-padding-inline-end: var(--epe-size-xs);
+  --conduction-pagination-navigation-button-padding-inline-start: var(--epe-size-xs);
+  --conduction-pagination-item-font-weight: var(--epe-typography-font-weight-normal);
+  --conduction-pagination-item-padding-block-end: var(--epe-size-xs);
+  --conduction-pagination-item-padding-block-start: var(--epe-size-xs);
+  --conduction-pagination-item-padding-inline-end: var(--epe-size-sm);
+  --conduction-pagination-item-padding-inline-start: var(--epe-size-sm);
+  --conduction-pagination-item-background-color: var(--epe-color-white-98);
+  --conduction-pagination-item-color: var(--epe-color-blue-31);
+  --conduction-pagination-item-gap: var(--epe-size-2xs);
+  --conduction-pagination-container-background-color: var(--epe-color-grey-90);
   --conduction-card-wrapper-padding-block-start: var(--epe-size-md);
   --conduction-card-wrapper-padding-block-end: var(--epe-size-md);
   --conduction-card-wrapper-padding-inline-start: var(--epe-size-md);
@@ -131,6 +161,7 @@
   --conduction-card-header-hover-border-bottom-width: var(--epe-size-4xs);
   --conduction-card-header-border-bottom-color: var(--epe-color-yellow-42);
   --conduction-card-header-border-bottom-width: var(--epe-size-4xs);
+  --utrecht-surface-background-color: var(--epe-color-white-100);
   --utrecht-paragraph-font-weight: var(--epe-typography-font-weight-normal);
   --utrecht-paragraph-font-size: var(--epe-font-size-md);
   --utrecht-paragraph-font-family: var(--epe-typography-source-sans-font-family);
@@ -313,6 +344,8 @@
   --epe-color-primary: var(--epe-color-light-blue-31);
   --conduction-input-select-placeholder-color: var(--utrecht-form-input-placeholder-color);
   --conduction-input-select-border-radius: var(--utrecht-form-input-border-radius);
+  --conduction-pagination-item-font-family: var(--utrecht-document-font-family);
+  --conduction-pagination-item-font-size: var(--utrecht-document-font-size);
   --conduction-card-wrapper-color: var(--utrecht-document-color);
   --conduction-card-header-date-color: var(--utrecht-document-color);
   --conduction-card-header-color: var(--utrecht-document-color);

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 24 Aug 2023 15:20:46 GMT
+ * Generated on Wed, 30 Aug 2023 11:45:17 GMT
  */
 
 export const epeColorPrimary = "#01699d";
@@ -23,10 +23,12 @@ export const epeColorYellow42 = "#d6a100"; // Base/Yellow
 export const epeColorYellow90 = "#fdf1ce";
 export const epeColorBlue26 = "#004785";
 export const epeColorBlue31 = "#00549e"; // Base/Blue
+export const epeColorBlue83 = "#c1cce6";
 export const epeColorLightgrey41 = "#696969";
 export const epeColorLightgrey96 = "#f5f5f5"; // Base/LightGrey
 export const epeColorGrey34 = "#575757"; // Base/Grey
 export const epeColorGrey46 = "#757575";
+export const epeColorGrey90 = "#e6e6e6";
 export const epeColorWhite98 = "#fafafa";
 export const epeColorWhite100 = "#ffffff"; // Base/White
 export const epeColorPurple45 = "#7337ae"; // Base/Purple
@@ -302,6 +304,7 @@ export const utrechtParagraphFontWeight = "400";
 export const utrechtParagraphLineHeight = "1.5em";
 export const utrechtParagraphMarginBlockStart = 0;
 export const utrechtParagraphMarginBlockEnd = 0;
+export const utrechtSurfaceBackgroundColor = "#ffffff";
 export const conductionCardHeaderBorderBottomWidth = "1px";
 export const conductionCardHeaderBorderBottomStyle = "solid";
 export const conductionCardHeaderBorderBottomColor = "#d6a100";
@@ -322,6 +325,36 @@ export const conductionCardWrapperPaddingInlineEnd = "18px";
 export const conductionCardWrapperPaddingInlineStart = "18px";
 export const conductionCardWrapperPaddingBlockEnd = "18px";
 export const conductionCardWrapperPaddingBlockStart = "18px";
+export const conductionPaginationContainerBackgroundColor = "#e6e6e6";
+export const conductionPaginationContainerPaddingInlineStart = "10px";
+export const conductionPaginationContainerPaddingInlineEnd = "10px";
+export const conductionPaginationContainerPaddingBlockStart = "10px";
+export const conductionPaginationContainerPaddingBlockEnd = "10px";
+export const conductionPaginationItemGap = "4px";
+export const conductionPaginationItemColor = "#00549e";
+export const conductionPaginationItemBackgroundColor = "#fafafa";
+export const conductionPaginationItemBorderRadius = "0px";
+export const conductionPaginationItemPaddingInlineStart = "14px";
+export const conductionPaginationItemPaddingInlineEnd = "14px";
+export const conductionPaginationItemPaddingBlockStart = "8px";
+export const conductionPaginationItemPaddingBlockEnd = "8px";
+export const conductionPaginationItemFontSize = "18px";
+export const conductionPaginationItemFontWeight = "400";
+export const conductionPaginationItemFontFamily = "\"Source Sans\"";
+export const conductionPaginationNavigationButtonPaddingInlineStart = "8px";
+export const conductionPaginationNavigationButtonPaddingInlineEnd = "8px";
+export const conductionPaginationNavigationButtonPaddingBlockStart = "0px";
+export const conductionPaginationNavigationButtonPaddingBlockEnd = "0px";
+export const conductionPaginationDisabledColor = "#c1cce6";
+export const conductionPaginationDisabledBackgroundColor = "#e6e6e6";
+export const conductionPaginationCurrentPageColor = "#fafafa";
+export const conductionPaginationCurrentPageBackgroundColor = "#00549e";
+export const conductionPaginationCurrentPageFontWeight = "400";
+export const conductionPaginationCurrentPageTextDecoration = "unset";
+export const conductionPaginationPageHoverColor = "#00549e";
+export const conductionPaginationPageHoverBackgroundColor = "#c1cce6";
+export const conductionPaginationPageHoverTextDecoration = "underline";
+export const conductionPaginationPageHoverTextDecorationThickness = "0.15rem";
 export const conductionInputSelectBackgroundColor = "#ffffff";
 export const conductionInputSelectBorder = "1px solid #696969";
 export const conductionInputSelectBorderFocus = "unset";