@conduction/theme 1.0.31 → 1.0.32

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

@@ -0,0 +1,41 @@
+{
+  "conduction": {
+    "pagination": {
+      "container-background-color": { "value": "unset" },
+      "container-padding-inline-start": { "value": "0px" },
+      "container-padding-inline-end": { "value": "0px" },
+      "container-padding-block-start": { "value": "0px" },
+      "container-padding-block-end": { "value": "0px" },
+
+      "item-gap": { "value": "{conduction.size.2xs}" },
+      "item-color": { "value": "{conduction.color.black.0}" },
+      "item-background-color": { "value": "{conduction.color.white.100}" },
+      "item-border-radius": { "value": "{conduction.size.2xs}" },
+      "item-padding-inline-start": { "value": "{conduction.size.xs}" },
+      "item-padding-inline-end": { "value": "{conduction.size.xs}" },
+      "item-padding-block-start": { "value": "{conduction.size.xs}" },
+      "item-padding-block-end": { "value": "{conduction.size.xs}" },
+      "item-font-size": { "value": "{utrecht.document.font-size}" },
+      "item-font-weight": { "value": "{conduction.typography.font-weight.normal}" },
+      "item-font-family": { "value": "{utrecht.document.font-family}" },
+
+      "navigation-button-padding-inline-start": { "value": "{conduction.size.xs}" },
+      "navigation-button-padding-inline-end": { "value": "{conduction.size.xs}" },
+      "navigation-button-padding-block-start": { "value": "0px" },
+      "navigation-button-padding-block-end": { "value": "0px" },
+
+      "disabled-color": { "value": "{conduction.color.grey.82}" },
+      "disabled-background-color": { "value": "{conduction.color.lightgrey.96}" },
+
+      "current-page-color": { "value": "{conduction.color.white.100}" },
+      "current-page-background-color": { "value": "{conduction.color.primary}" },
+      "current-page-font-weight": { "value": "{conduction.typography.font-weight.bold}" },
+      "current-page-text-decoration": { "value": "unset" },
+
+      "page-hover-color": { "value": "{conduction.color.primary}" },
+      "page-hover-background-color": { "value": "{conduction.color.white.100}" },
+      "page-hover-text-decoration": { "value": "unset" },
+      "page-hover-text-decoration-thickness": { "value": "0px" }
+    }
+  }
+}

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

@@ -1,12 +1,28 @@
 /**
  * Do not edit directly
- * Generated on Fri, 25 Aug 2023 13:32:11 GMT
+ * Generated on Wed, 30 Aug 2023 11:45:10 GMT
  */
 
 .dinkelland-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-font-size: 17.6px;
+  --conduction-pagination-item-padding-block-end: 7.5px;
+  --conduction-pagination-item-padding-block-start: 7.5px;
+  --conduction-pagination-item-padding-inline-end: 15px;
+  --conduction-pagination-item-padding-inline-start: 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;
@@ -95,6 +111,7 @@
   --dinkelland-color-blue-91: #deebf4;
   --dinkelland-color-blue-48: #2e79c6;
   --dinkelland-color-blue-36: #006cb9; /* Base/Blue */
+  --dinkelland-color-blue-31: #005da0;
   --dinkelland-color-blue-26: #004e86;
   --dinkelland-color-green-24: #007a4d; /* Base/Green */
   --dinkelland-color-alert-succes-background: #d4edda;
@@ -110,6 +127,17 @@
   --conduction-input-select-border-radius: var(--utrecht-form-input-border-radius);
   --conduction-input-select-border: var(--dinkelland-size-4xs) solid var(--dinkelland-color-grey-46);
   --conduction-input-select-background-color: var(--dinkelland-color-white-100);
+  --conduction-pagination-page-hover-background-color: var(--dinkelland-color-blue-31);
+  --conduction-pagination-page-hover-color: var(--dinkelland-color-white-100);
+  --conduction-pagination-current-page-font-weight: var(--dinkelland-typography-font-weight-normal);
+  --conduction-pagination-current-page-background-color: var(--dinkelland-color-white-100);
+  --conduction-pagination-disabled-background-color: var(--dinkelland-color-lightgrey-96);
+  --conduction-pagination-disabled-color: var(--dinkelland-color-white-100);
+  --conduction-pagination-navigation-button-padding-inline-end: var(--dinkelland-size-xs);
+  --conduction-pagination-navigation-button-padding-inline-start: var(--dinkelland-size-xs);
+  --conduction-pagination-item-font-weight: var(--dinkelland-typography-font-weight-normal);
+  --conduction-pagination-item-color: var(--dinkelland-color-white-100);
+  --conduction-pagination-item-gap: var(--dinkelland-size-2xs);
   --conduction-card-wrapper-padding-block-start: var(--dinkelland-size-xl);
   --conduction-card-wrapper-padding-block-end: var(--dinkelland-size-xl);
   --conduction-card-wrapper-padding-inline-start: var(--dinkelland-size-xl);
@@ -309,6 +337,9 @@
   --dinkelland-color-primary-hover: var(--dinkelland-color-blue-26);
   --dinkelland-color-primary: var(--dinkelland-color-blue-36);
   --conduction-input-select-placeholder-color: var(--utrecht-form-input-placeholder-color);
+  --conduction-pagination-current-page-color: var(--dinkelland-color-primary);
+  --conduction-pagination-item-font-family: var(--utrecht-document-font-family);
+  --conduction-pagination-item-background-color: var(--dinkelland-color-primary);
   --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/dinkelland-design-tokens/dist/index.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 25 Aug 2023 13:32:11 GMT
+ * Generated on Wed, 30 Aug 2023 11:45:10 GMT
  */
 
 export const dinkellandColorPrimary = "#006cb9";
@@ -19,6 +19,7 @@ export const dinkellandColorAlertInfo = "#333333";
 export const dinkellandColorAlertInfoBackground = "#e5f0f8";
 export const dinkellandColorGreen24 = "#007a4d"; // Base/Green
 export const dinkellandColorBlue26 = "#004e86";
+export const dinkellandColorBlue31 = "#005da0";
 export const dinkellandColorBlue36 = "#006cb9"; // Base/Blue
 export const dinkellandColorBlue48 = "#2e79c6";
 export const dinkellandColorBlue91 = "#deebf4";
@@ -329,6 +330,36 @@ export const conductionCardWrapperPaddingInlineEnd = "32px";
 export const conductionCardWrapperPaddingInlineStart = "32px";
 export const conductionCardWrapperPaddingBlockEnd = "32px";
 export const conductionCardWrapperPaddingBlockStart = "32px";
+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 = "#ffffff";
+export const conductionPaginationItemBackgroundColor = "#006cb9";
+export const conductionPaginationItemBorderRadius = "0px";
+export const conductionPaginationItemPaddingInlineStart = "15px";
+export const conductionPaginationItemPaddingInlineEnd = "15px";
+export const conductionPaginationItemPaddingBlockStart = "7.5px";
+export const conductionPaginationItemPaddingBlockEnd = "7.5px";
+export const conductionPaginationItemFontSize = "17.6px";
+export const conductionPaginationItemFontWeight = "400";
+export const conductionPaginationItemFontFamily = "\"Lato\", Arial, sans-serif";
+export const conductionPaginationNavigationButtonPaddingInlineStart = "8px";
+export const conductionPaginationNavigationButtonPaddingInlineEnd = "8px";
+export const conductionPaginationNavigationButtonPaddingBlockStart = "0px";
+export const conductionPaginationNavigationButtonPaddingBlockEnd = "0px";
+export const conductionPaginationDisabledColor = "#ffffff";
+export const conductionPaginationDisabledBackgroundColor = "#f5f5f5";
+export const conductionPaginationCurrentPageColor = "#006cb9";
+export const conductionPaginationCurrentPageBackgroundColor = "#ffffff";
+export const conductionPaginationCurrentPageFontWeight = "400";
+export const conductionPaginationCurrentPageTextDecoration = "unset";
+export const conductionPaginationPageHoverColor = "#ffffff";
+export const conductionPaginationPageHoverBackgroundColor = "#005da0";
+export const conductionPaginationPageHoverTextDecoration = "unset";
+export const conductionPaginationPageHoverTextDecorationThickness = "0px";
 export const conductionInputSelectBackgroundColor = "#ffffff";
 export const conductionInputSelectBorder = "1px solid #767676";
 export const conductionInputSelectBorderFocus = "unset";