@conduction/theme 1.0.30 → 1.0.32

package/README.md

@@ -6,8 +6,10 @@ Conduction's design tokens theme
 
 - **Version 1**
 
+  - 1.0.32: Added Pagination tokens for: Conduction, Dinkelland, Epe, Leiden, Noaberkracht, Noordwijk, Tubbergen and XXLLNC.
+  - 1.0.31: Added surface tokens to all themes.
   - 1.0.30: Added Noaberkracht theme.
-  - 1.0.29: 
+  - 1.0.29:
     - Added extra select tokens to all themes.
     - Updated table tokens in noordwijk theme.
     - Updated card-header tokens in epe theme.

package/conduction-design-tokens/dist/design-tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 24 Aug 2023 15:19:54 GMT
+ * Generated on Wed, 30 Aug 2023 11:44:39 GMT
  */
 
 .conduction-theme {
@@ -40,6 +40,16 @@
   --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-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-typography-font-weight-light: 100;
   --conduction-typography-font-weight-normal: 400;
   --conduction-typography-font-weight-bold: 700;
@@ -90,6 +100,7 @@
   --conduction-color-error: #dc3545;
   --conduction-color-primary-hover: #2e5ed9;
   --conduction-color-primary: #4376fc;
+  --utrecht-surface-background-color: var(--conduction-color-white-98);
   --utrecht-paragraph-font-weight: var(--conduction-typography-font-weight-normal);
   --utrecht-paragraph-font-size: var(--conduction-font-size-md);
   --utrecht-paragraph-font-family: var(--conduction-typography-sans-serif-font-family);
@@ -273,6 +284,24 @@
   --conduction-input-select-border-radius: var(--utrecht-form-input-border-radius);
   --conduction-input-select-border: var(--conduction-size-4xs) solid var(--conduction-color-grey-48);
   --conduction-input-select-background-color: var(--conduction-color-white-100);
+  --conduction-pagination-page-hover-background-color: var(--conduction-color-white-100);
+  --conduction-pagination-page-hover-color: var(--conduction-color-primary);
+  --conduction-pagination-current-page-font-weight: var(--conduction-typography-font-weight-bold);
+  --conduction-pagination-current-page-background-color: var(--conduction-color-primary);
+  --conduction-pagination-current-page-color: var(--conduction-color-white-100);
+  --conduction-pagination-disabled-background-color: var(--conduction-color-lightgrey-96);
+  --conduction-pagination-disabled-color: var(--conduction-color-grey-82);
+  --conduction-pagination-navigation-button-padding-inline-end: var(--conduction-size-xs);
+  --conduction-pagination-navigation-button-padding-inline-start: var(--conduction-size-xs);
+  --conduction-pagination-item-font-weight: var(--conduction-typography-font-weight-normal);
+  --conduction-pagination-item-padding-block-end: var(--conduction-size-xs);
+  --conduction-pagination-item-padding-block-start: var(--conduction-size-xs);
+  --conduction-pagination-item-padding-inline-end: var(--conduction-size-xs);
+  --conduction-pagination-item-padding-inline-start: var(--conduction-size-xs);
+  --conduction-pagination-item-border-radius: var(--conduction-size-2xs);
+  --conduction-pagination-item-background-color: var(--conduction-color-white-100);
+  --conduction-pagination-item-color: var(--conduction-color-black-0);
+  --conduction-pagination-item-gap: var(--conduction-size-2xs);
   --conduction-card-wrapper-padding-block-start: var(--conduction-size-md);
   --conduction-card-wrapper-padding-block-end: var(--conduction-size-md);
   --conduction-card-wrapper-padding-inline-start: var(--conduction-size-md);
@@ -306,5 +335,7 @@
   --utrecht-table-font-family: var(--utrecht-document-font-family);
   --utrecht-table-header-color: var(--utrecht-document-color);
   --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);
   --conduction-card-header-color: var(--utrecht-document-color);
 }

package/conduction-design-tokens/dist/index.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 24 Aug 2023 15:19:54 GMT
+ * Generated on Wed, 30 Aug 2023 11:44:39 GMT
  */
 
 export const conductionColorPrimary = "#4376fc";
@@ -78,6 +78,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 = "#000000";
+export const conductionPaginationItemBackgroundColor = "#ffffff";
+export const conductionPaginationItemBorderRadius = "4px";
+export const conductionPaginationItemPaddingInlineStart = "8px";
+export const conductionPaginationItemPaddingInlineEnd = "8px";
+export const conductionPaginationItemPaddingBlockStart = "8px";
+export const conductionPaginationItemPaddingBlockEnd = "8px";
+export const conductionPaginationItemFontSize = "18px";
+export const conductionPaginationItemFontWeight = "400";
+export const conductionPaginationItemFontFamily = "\"Noto Sans\", Arial, sans-serif";
+export const conductionPaginationNavigationButtonPaddingInlineStart = "8px";
+export const conductionPaginationNavigationButtonPaddingInlineEnd = "8px";
+export const conductionPaginationNavigationButtonPaddingBlockStart = "0px";
+export const conductionPaginationNavigationButtonPaddingBlockEnd = "0px";
+export const conductionPaginationDisabledColor = "#d1d1d1";
+export const conductionPaginationDisabledBackgroundColor = "#f5f5f5";
+export const conductionPaginationCurrentPageColor = "#ffffff";
+export const conductionPaginationCurrentPageBackgroundColor = "#4376fc";
+export const conductionPaginationCurrentPageFontWeight = "700";
+export const conductionPaginationCurrentPageTextDecoration = "unset";
+export const conductionPaginationPageHoverColor = "#4376fc";
+export const conductionPaginationPageHoverBackgroundColor = "#ffffff";
+export const conductionPaginationPageHoverTextDecoration = "unset";
+export const conductionPaginationPageHoverTextDecorationThickness = "0px";
 export const conductionInputSelectBackgroundColor = "#ffffff";
 export const conductionInputSelectBorder = "1px solid #7a7a7a";
 export const conductionInputSelectBorderFocus = "unset";
@@ -306,3 +336,4 @@ export const utrechtParagraphFontWeight = "400";
 export const utrechtParagraphLineHeight = "1.5em";
 export const utrechtParagraphMarginBlockStart = 0;
 export const utrechtParagraphMarginBlockEnd = 0;
+export const utrechtSurfaceBackgroundColor = "#fafafa";