@conduction/theme 1.0.44 → 1.0.47

package/README.md

@@ -6,6 +6,11 @@ Conduction's design tokens theme
 
 - **Version 1**
 
+  - 1.0.47: Updated Pagination tokens in all themes.
+  - 1.0.46: 
+    - Added border-collapse to table in all themes.
+    - Added table row hover and updated footer in Epe theme.
+  - 1.0.45: Updated card-header border-bottom width for Epe theme
   - 1.0.44: 
     - Updated card-header border bottom and logo with in Epe theme.
     - Updated font-sizes in Noaberkracht theme.

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

@@ -1,9 +1,11 @@
 /**
  * Do not edit directly
- * Generated on Fri, 06 Oct 2023 12:29:20 GMT
+ * Generated on Fri, 13 Oct 2023 11:48:02 GMT
  */
 
 .conduction-theme {
+  --utrecht-separator-margin-block-start: 0px;
+  --utrecht-separator-margin-block-end: 0px;
   --utrecht-paragraph-margin-block-end: 0;
   --utrecht-paragraph-margin-block-start: 0;
   --utrecht-paragraph-line-height: 1.5em;
@@ -21,6 +23,7 @@
   --utrecht-table-header-cell-text-transform: unset;
   --utrecht-table-margin-block-end: 0;
   --utrecht-table-header-text-transform: unset;
+  --utrecht-table-border-collapse: collapse;
   --utrecht-page-header-logo-max-width: 150px;
   --utrecht-page-footer-background-image: unset;
   --utrecht-page-footer-logo-max-width: 100px;
@@ -133,6 +136,8 @@
   --conduction-color-primary-hover: #2e5ed9;
   --conduction-color-primary: #4376fc;
   --utrecht-surface-background-color: var(--conduction-color-white-98);
+  --utrecht-separator-block-size: var(--conduction-size-4xs);
+  --utrecht-separator-color: var(--conduction-color-grey-82);
   --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);
@@ -357,22 +362,26 @@
   --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-background-color: var(--conduction-color-white-98);
   --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-hover-background-color: var(--conduction-color-primary-hover);
+  --conduction-pagination-navigation-button-hover-color: var(--conduction-color-white-100);
+  --conduction-pagination-navigation-button-disabled-background-color: var(--conduction-color-grey-82);
+  --conduction-pagination-navigation-button-disabled-color: var(--conduction-color-white-100);
   --conduction-pagination-navigation-button-padding-inline-end: var(--conduction-size-xs);
   --conduction-pagination-navigation-button-padding-inline-start: var(--conduction-size-xs);
+  --conduction-pagination-navigation-button-background-color: var(--conduction-color-primary);
+  --conduction-pagination-navigation-button-color: var(--conduction-color-white-100);
+  --conduction-pagination-item-border-radius: var(--conduction-size-2xs);
   --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-background-color: var(--conduction-color-white-98);
   --conduction-pagination-item-color: var(--conduction-color-black-0);
   --conduction-pagination-item-gap: var(--conduction-size-2xs);
   --conduction-secondary-top-nav-font-size: var(--conduction-font-size-md);

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 06 Oct 2023 12:29:20 GMT
+ * Generated on Fri, 13 Oct 2023 11:48:02 GMT
  */
 
 export const conductionColorPrimary = "#4376fc";
@@ -116,8 +116,7 @@ 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 conductionPaginationItemBackgroundColor = "#fafafa";
 export const conductionPaginationItemPaddingInlineStart = "8px";
 export const conductionPaginationItemPaddingInlineEnd = "8px";
 export const conductionPaginationItemPaddingBlockStart = "8px";
@@ -125,18 +124,23 @@ export const conductionPaginationItemPaddingBlockEnd = "8px";
 export const conductionPaginationItemFontSize = "18px";
 export const conductionPaginationItemFontWeight = "400";
 export const conductionPaginationItemFontFamily = "\"Noto Sans\", Arial, sans-serif";
+export const conductionPaginationItemBorderRadius = "4px";
+export const conductionPaginationNavigationButtonColor = "#ffffff";
+export const conductionPaginationNavigationButtonBackgroundColor = "#4376fc";
 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 conductionPaginationNavigationButtonDisabledColor = "#ffffff";
+export const conductionPaginationNavigationButtonDisabledBackgroundColor = "#d1d1d1";
+export const conductionPaginationNavigationButtonHoverColor = "#ffffff";
+export const conductionPaginationNavigationButtonHoverBackgroundColor = "#2e5ed9";
 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 conductionPaginationPageHoverBackgroundColor = "#fafafa";
 export const conductionPaginationPageHoverTextDecoration = "unset";
 export const conductionPaginationPageHoverTextDecorationThickness = "0px";
 export const conductionInputSelectBackgroundColor = "#ffffff";
@@ -336,6 +340,7 @@ export const utrechtPageHeaderBackgroundColor = "#4376fc";
 export const utrechtPageHeaderColor = "#ffffff";
 export const utrechtPageHeaderPaddingBlockStart = "14px";
 export const utrechtPageHeaderPaddingBlockEnd = "14px";
+export const utrechtTableBorderCollapse = "collapse";
 export const utrechtTableBackgroundColor = "#ffffff";
 export const utrechtTableHeaderBorderBlockEndColor = "#d1d1d1";
 export const utrechtTableHeaderBorderBlockEndWidth = "1px";
@@ -430,4 +435,8 @@ export const utrechtParagraphFontWeight = "400";
 export const utrechtParagraphLineHeight = "1.5em";
 export const utrechtParagraphMarginBlockStart = 0;
 export const utrechtParagraphMarginBlockEnd = 0;
+export const utrechtSeparatorColor = "#d1d1d1";
+export const utrechtSeparatorBlockSize = "1px";
+export const utrechtSeparatorMarginBlockEnd = "0px";
+export const utrechtSeparatorMarginBlockStart = "0px";
 export const utrechtSurfaceBackgroundColor = "#fafafa";