@conduction/theme 1.0.30 → 1.0.32

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

@@ -1,12 +1,23 @@
 /**
  * Do not edit directly
- * Generated on Thu, 24 Aug 2023 15:20:54 GMT
+ * Generated on Wed, 30 Aug 2023 11:45:25 GMT
  */
 
 .noordwijk-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-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;
@@ -77,8 +88,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;
@@ -106,6 +117,21 @@
   --conduction-input-select-border-radius: [object Object];
   --conduction-input-select-border: var(--noordwijk-size-4xs) solid var(--noordwijk-color-grey-46);
   --conduction-input-select-background-color: var(--noordwijk-color-white-100);
+  --conduction-pagination-page-hover-color: var(--noordwijk-color-white-100);
+  --conduction-pagination-current-page-font-weight: var(--noordwijk-typography-font-weight-normal);
+  --conduction-pagination-current-page-color: var(--noordwijk-color-white-100);
+  --conduction-pagination-disabled-background-color: var(--noordwijk-color-lightgrey-96);
+  --conduction-pagination-navigation-button-padding-inline-end: var(--noordwijk-size-xs);
+  --conduction-pagination-navigation-button-padding-inline-start: var(--noordwijk-size-xs);
+  --conduction-pagination-item-font-family: var(--noordwijk-typography-roboto-slab-font-family);
+  --conduction-pagination-item-font-weight: var(--noordwijk-typography-font-weight-normal);
+  --conduction-pagination-item-padding-block-end: var(--noordwijk-size-xs);
+  --conduction-pagination-item-padding-block-start: var(--noordwijk-size-xs);
+  --conduction-pagination-item-padding-inline-end: var(--noordwijk-size-sm);
+  --conduction-pagination-item-padding-inline-start: var(--noordwijk-size-sm);
+  --conduction-pagination-item-background-color: var(--noordwijk-color-white-100);
+  --conduction-pagination-item-color: var(--noordwijk-color-black-0);
+  --conduction-pagination-item-gap: var(--noordwijk-size-xs);
   --conduction-card-wrapper-padding-block-start: var(--noordwijk-size-md);
   --conduction-card-wrapper-padding-block-end: var(--noordwijk-size-md);
   --conduction-card-wrapper-padding-inline-start: var(--noordwijk-size-md);
@@ -116,6 +142,7 @@
   --conduction-card-header-date-font-weight: var(--noordwijk-typography-font-weight-light);
   --conduction-card-header-date-font-size: var(--noordwijk-font-size-sm);
   --conduction-card-header-date-color: var(--noordwijk-color-light-green-24);
+  --utrecht-surface-background-color: var(--noordwijk-color-light-blue-96);
   --utrecht-paragraph-font-weight: var(--noordwijk-typography-font-weight-normal);
   --utrecht-paragraph-font-size: var(--noordwijk-font-size-md);
   --utrecht-paragraph-font-family: var(--noordwijk-typography-roboto-font-family);
@@ -211,10 +238,10 @@
   --utrecht-code-block-font-size: var(--noordwijk-font-size-md);
   --utrecht-code-block-font-family: var(--noordwijk-typography-monospace-font-family);
   --utrecht-code-block-color: var(--noordwijk-color-black-0);
-  --utrecht-code-block-background-color: var(--noordwijk-color-light-grey-92);
+  --utrecht-code-block-background-color: var(--noordwijk-color-lightgrey-92);
   --utrecht-code-font-family: var(--noordwijk-typography-monospace-font-family);
   --utrecht-code-color: var(--noordwijk-color-black-0);
-  --utrecht-code-background-color: var(--noordwijk-color-light-grey-92);
+  --utrecht-code-background-color: var(--noordwijk-color-lightgrey-92);
   --utrecht-button-secondary-action-hover-background-color: var(--noordwijk-color-white-100);
   --utrecht-button-secondary-action-font-weight: var(--noordwijk-typography-font-weight-normal);
   --utrecht-button-secondary-action-border-width: var(--noordwijk-size-3xs);
@@ -289,6 +316,9 @@
   --noordwijk-color-primary: var(--noordwijk-color-blue-30);
   --conduction-input-select-placeholder-color: var(--utrecht-form-input-placeholder-color);
   --conduction-input-select-list-option-hover-color: var(--noordwijk-color-primary);
+  --conduction-pagination-page-hover-background-color: var(--noordwijk-color-primary);
+  --conduction-pagination-current-page-background-color: var(--noordwijk-color-primary);
+  --conduction-pagination-item-font-size: var(--utrecht-document-font-size);
   --conduction-card-header-title-color: var(--noordwijk-color-primary);
   --conduction-card-header-color: var(--utrecht-document-color);
   --utrecht-paragraph-color: var(--utrecht-document-color);

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 24 Aug 2023 15:20:53 GMT
+ * Generated on Wed, 30 Aug 2023 11:45:25 GMT
  */
 
 export const noordwijkColorPrimary = "#2c2276";
@@ -24,8 +24,8 @@ export const noordwijkColorGrey50 = "#808080"; // Base/Grey
 export const noordwijkColorGrey55 = "#8c8c8c";
 export const noordwijkColorGrey82 = "#d1d1d1";
 export const noordwijkColorGrey97 = "#f7f7f7";
-export const noordwijkColorLightGrey92 = "#ebebeb";
-export const noordwijkColorLightGrey96 = "#f5f5f5"; // Base/LightGrey
+export const noordwijkColorLightgrey92 = "#ebebeb";
+export const noordwijkColorLightgrey96 = "#f5f5f5"; // Base/LightGrey
 export const noordwijkColorLightBlue51 = "#4685be";
 export const noordwijkColorLightBlue58 = "#6096c7";
 export const noordwijkColorLightBlue96 = "#f2f7fa";
@@ -287,6 +287,7 @@ export const utrechtParagraphFontWeight = "300";
 export const utrechtParagraphLineHeight = "1.5em";
 export const utrechtParagraphMarginBlockStart = 0;
 export const utrechtParagraphMarginBlockEnd = 0;
+export const utrechtSurfaceBackgroundColor = "#f2f7fa";
 export const conductionCardHeaderColor = "#000000";
 export const conductionCardHeaderTitleColor = "#2c2276";
 export const conductionCardHeaderDateColor = "#007c4c";
@@ -301,6 +302,35 @@ 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 = "8px";
+export const conductionPaginationItemColor = "#000000";
+export const conductionPaginationItemBackgroundColor = "#ffffff";
+export const conductionPaginationItemBorderRadius = "30px";
+export const conductionPaginationItemPaddingInlineStart = "14px";
+export const conductionPaginationItemPaddingInlineEnd = "14px";
+export const conductionPaginationItemPaddingBlockStart = "8px";
+export const conductionPaginationItemPaddingBlockEnd = "8px";
+export const conductionPaginationItemFontSize = "16px";
+export const conductionPaginationItemFontWeight = "300";
+export const conductionPaginationItemFontFamily = "\"Roboto Slab\", Arial, sans-serif";
+export const conductionPaginationNavigationButtonPaddingInlineStart = "8px";
+export const conductionPaginationNavigationButtonPaddingInlineEnd = "8px";
+export const conductionPaginationNavigationButtonPaddingBlockStart = "0px";
+export const conductionPaginationNavigationButtonPaddingBlockEnd = "0px";
+export const conductionPaginationDisabledBackgroundColor = "#f5f5f5";
+export const conductionPaginationCurrentPageColor = "#ffffff";
+export const conductionPaginationCurrentPageBackgroundColor = "#2c2276";
+export const conductionPaginationCurrentPageFontWeight = "300";
+export const conductionPaginationCurrentPageTextDecoration = "unset";
+export const conductionPaginationPageHoverColor = "#ffffff";
+export const conductionPaginationPageHoverBackgroundColor = "#2c2276";
+export const conductionPaginationPageHoverTextDecoration = "unset";
+export const conductionPaginationPageHoverTextDecorationThickness = "0px";
 export const conductionInputSelectBackgroundColor = "#ffffff";
 export const conductionInputSelectBorder = "1px solid #757575";
 export const conductionInputSelectBorderFocus = "unset";