@conduction/theme 1.0.30 → 1.0.32

package/municipalities/tubbergen-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": "{tubbergen.size.2xs}" },
+      "item-color": { "value": "{tubbergen.color.white.100}" },
+      "item-background-color": { "value": "{tubbergen.color.primary}" },
+      "item-border-radius": { "value": "0px" },
+      "item-padding-inline-start": { "value": "15px" },
+      "item-padding-inline-end": { "value": "15px" },
+      "item-padding-block-start": { "value": "7.5px" },
+      "item-padding-block-end": { "value": "7.5px" },
+      "item-font-size": { "value": "17.6px" },
+      "item-font-weight": { "value": "{tubbergen.typography.font-weight.normal}" },
+      "item-font-family": { "value": "{utrecht.document.font-family}" },
+
+      "navigation-button-padding-inline-start": { "value": "{tubbergen.size.xs}" },
+      "navigation-button-padding-inline-end": { "value": "{tubbergen.size.xs}" },
+      "navigation-button-padding-block-start": { "value": "0px" },
+      "navigation-button-padding-block-end": { "value": "0px" },
+
+      "disabled-color": { "value": "{tubbergen.color.white.100}" },
+      "disabled-background-color": { "value": "{tubbergen.color.lightgrey.89}" },
+
+      "current-page-color": { "value": "{tubbergen.color.blue.36}" },
+      "current-page-background-color": { "value": "{tubbergen.color.white.100}" },
+      "current-page-font-weight": { "value": "{tubbergen.typography.font-weight.normal}" },
+      "current-page-text-decoration": { "value": "unset" },
+
+      "page-hover-color": { "value": "{tubbergen.color.white.100}" },
+      "page-hover-background-color": { "value": "{tubbergen.color.green.16}" },
+      "page-hover-text-decoration": { "value": "unset" },
+      "page-hover-text-decoration-thickness": { "value": "0px" }
+    }
+  }
+}

package/municipalities/tubbergen-design-tokens/src/component/utrecht/surface.tokens.json

@@ -0,0 +1,8 @@
+{
+  "utrecht": {
+    "surface": {
+      "background-color": { "value": "{tubbergen.color.white.100}" },
+      "color": {}
+    }
+  }
+}

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

@@ -1,12 +1,27 @@
 /**
  * Do not edit directly
- * Generated on Thu, 24 Aug 2023 15:20:16 GMT
+ * Generated on Wed, 30 Aug 2023 11:44:54 GMT
  */
 
 .xxllnc-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-disabled-background-color: unset;
+  --conduction-pagination-navigation-button-padding-block-end: 0px;
+  --conduction-pagination-navigation-button-padding-block-start: 0px;
+  --conduction-pagination-navigation-button-padding-inline-end: ;
+  --conduction-pagination-navigation-button-padding-inline-start: ;
+  --conduction-pagination-item-padding-inline-end: 12px;
+  --conduction-pagination-item-padding-inline-start: 12px;
+  --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-width: unset;
   --utrecht-paragraph-margin-block-end: 0;
   --utrecht-paragraph-margin-block-start: 0;
@@ -103,6 +118,19 @@
   --conduction-input-select-border-radius: var(--utrecht-form-input-border-radius);
   --conduction-input-select-border: 1px solid var(--xxllnc-color-grey-92);
   --conduction-input-select-background-color: var(--xxllnc-color-white-100);
+  --conduction-pagination-page-hover-background-color: var(--xxllnc-color-white-100);
+  --conduction-pagination-page-hover-color: var(--xxllnc-color-primary);
+  --conduction-pagination-current-page-font-weight: var(--xxllnc-typography-font-weight-bold);
+  --conduction-pagination-current-page-background-color: var(--xxllnc-color-black-21);
+  --conduction-pagination-current-page-color: var(--xxllnc-color-white-100);
+  --conduction-pagination-disabled-color: var(--xxllnc-color-grey-90);
+  --conduction-pagination-item-font-weight: var(--xxllnc-typography-font-weight-normal);
+  --conduction-pagination-item-padding-block-end: var(--xxllnc-size-xs);
+  --conduction-pagination-item-padding-block-start: var(--xxllnc-size-xs);
+  --conduction-pagination-item-border-radius: var(--xxllnc-size-xl);
+  --conduction-pagination-item-background-color: var(--xxllnc-color-white-100);
+  --conduction-pagination-item-color: var(--xxllnc-color-primary);
+  --conduction-pagination-item-gap: var(--xxllnc-size-2xs);
   --conduction-card-wrapper-padding-block-start: var(--xxllnc-size-md);
   --conduction-card-wrapper-padding-block-end: var(--xxllnc-size-md);
   --conduction-card-wrapper-padding-inline-start: var(--xxllnc-size-md);
@@ -116,6 +144,7 @@
   --conduction-card-header-date-color: var(--xxllnc-color-white-95);
   --conduction-card-header-title-color: var(--xxllnc-color-white-95);
   --conduction-card-header-color: var(--xxllnc-color-white-95);
+  --utrecht-surface-background-color: var(--xxllnc-color-white-100);
   --utrecht-paragraph-font-weight: var(--xxllnc-typography-font-weight-normal);
   --utrecht-paragraph-font-size: var(--xxllnc-font-size-md);
   --utrecht-paragraph-font-family: var(--xxllnc-typography-sans-serif-font-family);
@@ -293,6 +322,8 @@
   --xxllnc-color-alert-info: var(--xxllnc-color-black-16);
   --xxllnc-color-info: var(--xxllnc-color-primary);
   --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);
   --utrecht-paragraph-color: var(--utrecht-document-color);
   --utrecht-unordered-list-font-size: var(--utrecht-document-font-size);
   --utrecht-ordered-list-font-size: var(--utrecht-document-font-size);

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 24 Aug 2023 15:20:16 GMT
+ * Generated on Wed, 30 Aug 2023 11:44:54 GMT
  */
 
 export const xxllncColorPrimary = "#000000ad"; // Primary with 68% transparency
@@ -278,6 +278,7 @@ export const utrechtParagraphFontWeight = "400";
 export const utrechtParagraphLineHeight = "1.5em";
 export const utrechtParagraphMarginBlockStart = 0;
 export const utrechtParagraphMarginBlockEnd = 0;
+export const utrechtSurfaceBackgroundColor = "#ffffff";
 export const conductionCardHeaderColor = "#f1f1f1";
 export const conductionCardHeaderTitleColor = "#f1f1f1";
 export const conductionCardHeaderDateColor = "#f1f1f1";
@@ -292,6 +293,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 = "#000000ad";
+export const conductionPaginationItemBackgroundColor = "#ffffff";
+export const conductionPaginationItemBorderRadius = "32px";
+export const conductionPaginationItemPaddingInlineStart = "12px";
+export const conductionPaginationItemPaddingInlineEnd = "12px";
+export const conductionPaginationItemPaddingBlockStart = "8px";
+export const conductionPaginationItemPaddingBlockEnd = "8px";
+export const conductionPaginationItemFontSize = "16px";
+export const conductionPaginationItemFontWeight = "400";
+export const conductionPaginationItemFontFamily = "neue-haas-grotesk-text, sans-serif";
+export const conductionPaginationNavigationButtonPaddingInlineStart = "";
+export const conductionPaginationNavigationButtonPaddingInlineEnd = "";
+export const conductionPaginationNavigationButtonPaddingBlockStart = "0px";
+export const conductionPaginationNavigationButtonPaddingBlockEnd = "0px";
+export const conductionPaginationDisabledColor = "#e5e5e5";
+export const conductionPaginationDisabledBackgroundColor = "unset";
+export const conductionPaginationCurrentPageColor = "#ffffff";
+export const conductionPaginationCurrentPageBackgroundColor = "#333338";
+export const conductionPaginationCurrentPageFontWeight = "700";
+export const conductionPaginationCurrentPageTextDecoration = "unset";
+export const conductionPaginationPageHoverColor = "#000000ad";
+export const conductionPaginationPageHoverBackgroundColor = "#ffffff";
+export const conductionPaginationPageHoverTextDecoration = "unset";
+export const conductionPaginationPageHoverTextDecorationThickness = "0px";
 export const conductionInputSelectBackgroundColor = "#ffffff";
 export const conductionInputSelectBorder = "1px solid #eaeaea";
 export const conductionInputSelectBorderFocus = "unset";